build(deps): bump @monaco-editor/react from 4.6.0 to 4.7.0 (#16829)

Bumps [@monaco-editor/react](https://github.com/suren-atoyan/monaco-react) from 4.6.0 to 4.7.0. <details> <summary>Release notes</summary> <p><em>Sourced from <a href="https://github.com/suren-atoyan/monaco-react/releases"><code>@monaco-editor/react</code>'s releases</a>.</em></p> <blockquote> <h2>v4.7.0</h2> <ul> <li>package: update <code>@monaco-editor/loader</code> to the latest (<code>v1.5.0</code>) version (this uses <code>monaco-editor</code> <code>v0.52.2</code>)</li> <li>package: inherit all changes from <code>v4.7.0-rc.0</code></li> </ul> <h2>v4.7.0-rc.0</h2> <ul> <li>package: add support for react/react-dom <code>v19</code> as a peer dependency</li> <li>playground: update playground's React version to 19</li> </ul> </blockquote> </details> <details> <summary>Changelog</summary> <p><em>Sourced from <a href="https://github.com/suren-atoyan/monaco-react/blob/master/CHANGELOG.md"><code>@monaco-editor/react</code>'s changelog</a>.</em></p> <blockquote> <h2>4.7.0</h2> <ul> <li>package: update <code>@monaco-editor/loader</code> to the latest (v1.5.0) version (this uses monaco-editor v0.52.2)</li> <li>package: inherit all changes from v4.7.0-rc.0</li> </ul> <h2>4.7.0-rc.0</h2> <ul> <li>package: add support for react/react-dom v19 as a peer dependency</li> <li>playground: update playground's React version to 19</li> </ul> </blockquote> </details> <details> <summary>Commits</summary> <ul> <li><a href="eb120e6637"><code>eb120e6</code></a> update package to 4.7.0 version</li> <li><a href="cdd070c9f0"><code>cdd070c</code></a> update snapshots</li> <li><a href="55a063e45d"><code>55a063e</code></a> update <code>@monaco-editor/loader</code> to the latest (v1.5.0) version</li> <li><a href="52e8c75616"><code>52e8c75</code></a> update package to 4.7.0-rc.o version</li> <li><a href="e72be4edc1"><code>e72be4e</code></a> add react 19 to peerDependencies</li> <li><a href="642be903a9"><code>642be90</code></a> update playground's react version to 19</li> <li><a href="ceee344fbe"><code>ceee344</code></a> Add Monaco-React AI Bot in Readme (<a href="https://redirect.github.com/suren-atoyan/monaco-react/issues/655">#655</a>)</li> <li><a href="f7cac39fba"><code>f7cac39</code></a> add electron blog post link</li> <li><a href="ea601cf9f6"><code>ea601cf</code></a> add tea constitution file</li> <li><a href="3327f3c368"><code>3327f3c</code></a> add GitHub sponsor button</li> <li>See full diff in <a href="https://github.com/suren-atoyan/monaco-react/compare/v4.6.0...v4.7.0">compare view</a></li> </ul> </details> <br /> [![Dependabot compatibility score](https://dependabot-badges.githubapp.com/badges/compatibility_score?dependency-name=@monaco-editor/react&package-manager=npm_and_yarn&previous-version=4.6.0&new-version=4.7.0)](https://docs.github.com/en/github/managing-security-vulnerabilities/about-dependabot-security-updates#about-compatibility-scores) Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting `@dependabot rebase`. [//]: # (dependabot-automerge-start) [//]: # (dependabot-automerge-end) --- <details> <summary>Dependabot commands and options</summary> <br /> You can trigger Dependabot actions by commenting on this PR: - `@dependabot rebase` will rebase this PR - `@dependabot recreate` will recreate this PR, overwriting any edits that have been made to it - `@dependabot merge` will merge this PR after your CI passes on it - `@dependabot squash and merge` will squash and merge this PR after your CI passes on it - `@dependabot cancel merge` will cancel a previously requested merge and block automerging - `@dependabot reopen` will reopen this PR if it is closed - `@dependabot close` will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually - `@dependabot show <dependency name> ignore conditions` will show all of the ignore conditions of the specified dependency - `@dependabot ignore this major version` will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself) - `@dependabot ignore this minor version` will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself) - `@dependabot ignore this dependency` will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself) </details> --------- Signed-off-by: dependabot[bot] <support@github.com> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com> Co-authored-by: Abdullah <125115953+mabdullahabaid@users.noreply.github.com>
2026-04-21 13:37:22 +00:00 · 2025-12-29 20:01:05 +01:00 · 2025-12-29 20:01:05 +01:00 · 3096769616
commit 3096769616
parent 3a673f99ba
5 changed files with 72 additions and 61 deletions
--- a/packages/twenty-front/package.json
+++ b/packages/twenty-front/package.json
@ -46,7 +46,7 @@
    "@lingui/core": "^5.1.2",
    "@lingui/detect-locale": "^5.2.0",
    "@lingui/react": "^5.1.2",
-    "@monaco-editor/react": "^4.6.0",
+    "@monaco-editor/react": "^4.7.0",
    "@nivo/bar": "^0.99.0",
    "@nivo/core": "^0.99.0",
    "@nivo/line": "^0.99.0",
--- a/packages/twenty-front/src/modules/workflow/workflow-steps/workflow-actions/http-request-action/components/stories/HttpRequestExecutionResult.stories.tsx
+++ b/packages/twenty-front/src/modules/workflow/workflow-steps/workflow-actions/http-request-action/components/stories/HttpRequestExecutionResult.stories.tsx
@ -236,8 +236,8 @@ export const NetworkError: Story = {
    expect(await canvas.findByText('Request Failed')).toBeVisible();
    expect(await canvas.findByText('An error occurred')).toBeVisible();

-    const codeEditor = await canvas.findByRole('textbox');
-    expect(codeEditor).toHaveValue(
+    const codeEditorValue = await canvas.findByTestId('code-editor-value');
+    expect(codeEditorValue).toHaveValue(
      'Network connection failed: timeout after 30 seconds',
    );
  },
--- a/packages/twenty-ui/package.json
+++ b/packages/twenty-ui/package.json
@ -26,7 +26,7 @@
    "@emotion/react": "^11.11.1",
    "@emotion/styled": "^11.11.0",
    "@linaria/react": "^6.2.1",
-    "@monaco-editor/react": "^4.6.0",
+    "@monaco-editor/react": "^4.7.0",
    "@sniptt/guards": "^0.2.0",
    "@tabler/icons-react": "^3.31.0",
    "date-fns": "^2.30.0",
@ -42,6 +42,9 @@
    "twenty-shared": "workspace:*",
    "zod": "^4.1.11"
  },
+  "peerDependencies": {
+    "monaco-editor": ">= 0.25.0 < 1"
+  },
  "scripts": {
    "build": "npx vite build"
  },
--- a/packages/twenty-ui/src/input/code-editor/components/CodeEditor.tsx
+++ b/packages/twenty-ui/src/input/code-editor/components/CodeEditor.tsx
@ -133,50 +133,58 @@ export const CodeEditor = ({
      <Loader />
    </StyledEditorLoader>
  ) : (
-    <StyledEditor
-      height={height}
-      variant={variant}
-      value={isLoading ? '' : value}
-      language={language}
-      loading=""
-      transparentBackground={transparentBackground}
-      onMount={(editor, monaco) => {
-        setMonaco(monaco);
-        setEditor(editor);
+    <>
+      <input
+        type="hidden"
+        data-testid="code-editor-value"
+        value={value ?? ''}
+        readOnly
+      />
+      <StyledEditor
+        height={height}
+        variant={variant}
+        value={value}
+        language={language}
+        loading=""
+        transparentBackground={transparentBackground}
+        onMount={(editor, monaco) => {
+          setMonaco(monaco);
+          setEditor(editor);

-        monaco.editor.defineTheme(
-          BASE_CODE_EDITOR_THEME_ID,
-          getBaseCodeEditorTheme({
-            theme,
-          }),
-        );
-        monaco.editor.setTheme(BASE_CODE_EDITOR_THEME_ID);
+          monaco.editor.defineTheme(
+            BASE_CODE_EDITOR_THEME_ID,
+            getBaseCodeEditorTheme({
+              theme,
+            }),
+          );
+          monaco.editor.setTheme(BASE_CODE_EDITOR_THEME_ID);

-        onMount?.(editor, monaco);
-        setModelMarkers(editor, monaco);
-      }}
-      onChange={(value) => {
-        if (isDefined(value)) {
-          onChange?.(value);
+          onMount?.(editor, monaco);
          setModelMarkers(editor, monaco);
-        }
-      }}
-      onValidate={(markers) => {
-        onValidate?.(markers);
-      }}
-      options={{
-        formatOnPaste: true,
-        formatOnType: true,
-        overviewRulerLanes: 0,
-        scrollbar: {
-          vertical: 'hidden',
-          horizontal: 'hidden',
-        },
-        minimap: {
-          enabled: false,
-        },
-        ...options,
-      }}
-    />
+        }}
+        onChange={(value) => {
+          if (isDefined(value)) {
+            onChange?.(value);
+            setModelMarkers(editor, monaco);
+          }
+        }}
+        onValidate={(markers) => {
+          onValidate?.(markers);
+        }}
+        options={{
+          formatOnPaste: true,
+          formatOnType: true,
+          overviewRulerLanes: 0,
+          scrollbar: {
+            vertical: 'hidden',
+            horizontal: 'hidden',
+          },
+          minimap: {
+            enabled: false,
+          },
+          ...options,
+        }}
+      />
+    </>
  );
 };
--- a/yarn.lock
+++ b/yarn.lock
@ -11413,27 +11413,25 @@ __metadata:
  languageName: node
  linkType: hard

-"@monaco-editor/loader@npm:^1.4.0":
-  version: 1.4.0
-  resolution: "@monaco-editor/loader@npm:1.4.0"
+"@monaco-editor/loader@npm:^1.5.0":
+  version: 1.7.0
+  resolution: "@monaco-editor/loader@npm:1.7.0"
  dependencies:
    state-local: "npm:^1.0.6"
-  peerDependencies:
-    monaco-editor: ">= 0.21.0 < 1"
-  checksum: 10c0/68938350adf2f42363a801d87f5d00c87d397d4cba7041141af10a9216bd35c85209b4723a26d56cb32e68eef61471deda2a450f8892891118fbdce7fa1d987d
+  checksum: 10c0/1fd3579cb09b669493cf553dfc0723a93483140a44353ce9a739827edfa7b2c6541b254024d15c48176ece749ef666b6d16cce6cf0e4396c7fa1c5a48012d08a
  languageName: node
  linkType: hard

-"@monaco-editor/react@npm:^4.6.0":
-  version: 4.6.0
-  resolution: "@monaco-editor/react@npm:4.6.0"
+"@monaco-editor/react@npm:^4.7.0":
+  version: 4.7.0
+  resolution: "@monaco-editor/react@npm:4.7.0"
  dependencies:
-    "@monaco-editor/loader": "npm:^1.4.0"
+    "@monaco-editor/loader": "npm:^1.5.0"
  peerDependencies:
    monaco-editor: ">= 0.25.0 < 1"
-    react: ^16.8.0 || ^17.0.0 || ^18.0.0
-    react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
-  checksum: 10c0/231e9a9b66a530db326f6732de0ebffcce6b79dcfaf4948923d78b9a3d5e2a04b7a06e1f85bbbca45a5ae15c107a124e4c5c46cabadc20a498fb5f2d05f7f379
+    react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
+    react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
+  checksum: 10c0/a4e91c6eda1a71f5fd23871bd801de435490ccbc43934d23cba65cefe2be7e9d02c9a57c4ef80fc9fe99e4d4deea51e5db19cb4e0ecf3f51818dda0eb9cdbf12
  languageName: node
  linkType: hard

@ -56643,7 +56641,7 @@ __metadata:
    "@lingui/react": "npm:^5.1.2"
    "@lingui/swc-plugin": "npm:^5.6.0"
    "@lingui/vite-plugin": "npm:^5.1.2"
-    "@monaco-editor/react": "npm:^4.6.0"
+    "@monaco-editor/react": "npm:^4.7.0"
    "@nivo/bar": "npm:^0.99.0"
    "@nivo/core": "npm:^0.99.0"
    "@nivo/line": "npm:^0.99.0"
@ -57029,7 +57027,7 @@ __metadata:
    "@emotion/react": "npm:^11.11.1"
    "@emotion/styled": "npm:^11.11.0"
    "@linaria/react": "npm:^6.2.1"
-    "@monaco-editor/react": "npm:^4.6.0"
+    "@monaco-editor/react": "npm:^4.7.0"
    "@prettier/sync": "npm:^0.5.2"
    "@sniptt/guards": "npm:^0.2.0"
    "@swc/plugin-emotion": "npm:10.0.4"
@ -57057,6 +57055,8 @@ __metadata:
    vite-plugin-dts: "npm:3.8.1"
    vite-plugin-svgr: "npm:^4.3.0"
    zod: "npm:^4.1.11"
+  peerDependencies:
+    monaco-editor: ">= 0.25.0 < 1"
  languageName: unknown
  linkType: soft