fix: code connect update (#17577)

* fix(code-connect): small fixes and latest version bump * chore: cleanup code comments * fix: code snippet code connect * chore: update text * fix: spelling * fix: form code connect * fix: imports and upgrade version * chore: yarn dedupe
carbon-design-system · Oct 3, 2024 · 033427b · 033427b
1 parent 5d33c81
commit 033427b
Show file tree

Hide file tree

Showing 34 changed files with 239 additions and 38 deletions.
diff --git a/.yarn/cache/@figma-code-connect-npm-1.0.6-db319a49b3-952cf06f6a.zip b/.yarn/cache/@figma-code-connect-npm-1.0.6-db319a49b3-952cf06f6a.zip
diff --git a/.yarn/cache/@figma-code-connect-npm-1.1.4-23aab474a2-f11d25e5b4.zip b/.yarn/cache/@figma-code-connect-npm-1.1.4-23aab474a2-f11d25e5b4.zip
diff --git a/.yarn/cache/agent-base-npm-7.1.1-c9e1a4b59e-c478fec8f7.zip b/.yarn/cache/agent-base-npm-7.1.1-c9e1a4b59e-c478fec8f7.zip
diff --git a/.yarn/cache/cssstyle-npm-4.1.0-2bda2835e6-8ca9e2d1f1.zip b/.yarn/cache/cssstyle-npm-4.1.0-2bda2835e6-8ca9e2d1f1.zip
diff --git a/.yarn/cache/data-urls-npm-5.0.0-4b58b89bfe-5c40568c31.zip b/.yarn/cache/data-urls-npm-5.0.0-4b58b89bfe-5c40568c31.zip
diff --git a/.yarn/cache/decimal.js-npm-10.3.1-797c736b6c-3570557550.zip b/.yarn/cache/decimal.js-npm-10.3.1-797c736b6c-3570557550.zip
diff --git a/.yarn/cache/decimal.js-npm-10.4.3-e7d483387c-de663a7bc4.zip b/.yarn/cache/decimal.js-npm-10.4.3-e7d483387c-de663a7bc4.zip
diff --git a/.yarn/cache/html-encoding-sniffer-npm-4.0.0-5f6627070d-e86efd4932.zip b/.yarn/cache/html-encoding-sniffer-npm-4.0.0-5f6627070d-e86efd4932.zip
diff --git a/.yarn/cache/http-proxy-agent-npm-7.0.2-643ed7cc33-d062acfa0c.zip b/.yarn/cache/http-proxy-agent-npm-7.0.2-643ed7cc33-d062acfa0c.zip
diff --git a/.yarn/cache/https-proxy-agent-npm-7.0.5-94c14d4619-6679d46159.zip b/.yarn/cache/https-proxy-agent-npm-7.0.5-94c14d4619-6679d46159.zip
diff --git a/.yarn/cache/jsdom-npm-24.1.3-c45b6cf5c7-81e01d092a.zip b/.yarn/cache/jsdom-npm-24.1.3-c45b6cf5c7-81e01d092a.zip
diff --git a/.yarn/cache/nwsapi-npm-2.2.0-8f05590043-d278126549.zip b/.yarn/cache/nwsapi-npm-2.2.0-8f05590043-d278126549.zip
diff --git a/.yarn/cache/nwsapi-npm-2.2.13-d5ed04d8e0-f7f30a236f.zip b/.yarn/cache/nwsapi-npm-2.2.13-d5ed04d8e0-f7f30a236f.zip
diff --git a/.yarn/cache/punycode-npm-2.1.1-26eb3e15cf-939daa010c.zip b/.yarn/cache/punycode-npm-2.1.1-26eb3e15cf-939daa010c.zip
diff --git a/.yarn/cache/punycode-npm-2.3.1-97543c420d-febdc4362b.zip b/.yarn/cache/punycode-npm-2.3.1-97543c420d-febdc4362b.zip
diff --git a/.yarn/cache/querystringify-npm-2.2.0-4e77c9f606-46ab16f252.zip b/.yarn/cache/querystringify-npm-2.2.0-4e77c9f606-46ab16f252.zip
diff --git a/.yarn/cache/rrweb-cssom-npm-0.7.1-fbf1786bb7-e80cf25c22.zip b/.yarn/cache/rrweb-cssom-npm-0.7.1-fbf1786bb7-e80cf25c22.zip
diff --git a/.yarn/cache/saxes-npm-6.0.0-31558949f5-97b50daf6c.zip b/.yarn/cache/saxes-npm-6.0.0-31558949f5-97b50daf6c.zip
diff --git a/.yarn/cache/tough-cookie-npm-4.0.0-7c5f3086af-1c9764cbe1.zip b/.yarn/cache/tough-cookie-npm-4.0.0-7c5f3086af-1c9764cbe1.zip
diff --git a/.yarn/cache/tough-cookie-npm-4.1.4-8293cc8bd5-75663f4e2c.zip b/.yarn/cache/tough-cookie-npm-4.1.4-8293cc8bd5-75663f4e2c.zip
diff --git a/.yarn/cache/tr46-npm-5.0.0-d15754040d-29155adb16.zip b/.yarn/cache/tr46-npm-5.0.0-d15754040d-29155adb16.zip
diff --git a/.yarn/cache/universalify-npm-0.2.0-9984e61c10-e86134cb12.zip b/.yarn/cache/universalify-npm-0.2.0-9984e61c10-e86134cb12.zip
diff --git a/.yarn/cache/url-parse-npm-1.5.10-64fa2bcd6d-c9e96bc8c5.zip b/.yarn/cache/url-parse-npm-1.5.10-64fa2bcd6d-c9e96bc8c5.zip
diff --git a/.yarn/cache/w3c-xmlserializer-npm-5.0.0-589edd7bff-d78f59e6b4.zip b/.yarn/cache/w3c-xmlserializer-npm-5.0.0-589edd7bff-d78f59e6b4.zip
diff --git a/.yarn/cache/whatwg-encoding-npm-3.1.1-7dfe21cf7d-bbef815eb6.zip b/.yarn/cache/whatwg-encoding-npm-3.1.1-7dfe21cf7d-bbef815eb6.zip
diff --git a/.yarn/cache/whatwg-mimetype-npm-4.0.0-ebb293a688-894a618e2d.zip b/.yarn/cache/whatwg-mimetype-npm-4.0.0-ebb293a688-894a618e2d.zip
diff --git a/.yarn/cache/whatwg-url-npm-14.0.0-fc3d13d5f4-67ea7a359a.zip b/.yarn/cache/whatwg-url-npm-14.0.0-fc3d13d5f4-67ea7a359a.zip
diff --git a/.yarn/cache/xml-name-validator-npm-5.0.0-0e0ec66944-43f30f3f67.zip b/.yarn/cache/xml-name-validator-npm-5.0.0-0e0ec66944-43f30f3f67.zip
diff --git a/packages/react/code-connect/CodeSnippet/CodeSnippet.figma.tsx b/packages/react/code-connect/CodeSnippet/CodeSnippet.figma.tsx
@@ -11,26 +11,42 @@ import figma from '@figma/code-connect';
 
 // Inline
 figma.connect(
+  CodeSnippet,
   'https://www.figma.com/design/YAnB1jKx0yCUL29j6uSLpg/(v11)-All-themes---Carbon-Design-System?node-id=4266-104904&t=cMvnFTYLPEhzhIpj-4',
   {
-    example: () => {
-      return <div>{/* To view CodeSnippet code, view inner component */}</div>;
+    variant: { Tooltip: 'True' },
+    props: {
+      codeSnippet: figma.nestedProps('Code snippet', {
+        text: figma.textContent('node -v'),
+      }),
+      tooltip: figma.nestedProps('Tooltip content', {
+        text: figma.textContent('Tooltip text'),
+      }),
+    },
+    example: ({ codeSnippet, tooltip }) => {
+      return (
+        <CodeSnippet type="inline" feedback={tooltip.text}>
+          {codeSnippet.text}
+        </CodeSnippet>
+      );
     },
   }
 );
 
-//Inline item
 figma.connect(
   CodeSnippet,
-  'https://www.figma.com/design/YAnB1jKx0yCUL29j6uSLpg/(v11)-All-themes---Carbon-Design-System?node-id=4266-104960&t=cMvnFTYLPEhzhIpj-4',
+  'https://www.figma.com/design/YAnB1jKx0yCUL29j6uSLpg/(v11)-All-themes---Carbon-Design-System?node-id=4266-104904&t=cMvnFTYLPEhzhIpj-4',
   {
+    variant: { Tooltip: 'False' },
     props: {
-      children: figma.textContent('node -v'),
+      codeSnippet: figma.nestedProps('Code snippet', {
+        text: figma.textContent('node -v'),
+      }),
     },
-    example: ({ children }) => {
+    example: ({ codeSnippet }) => {
       return (
         <CodeSnippet type="inline" feedback="Copied to clipboard">
-          {children}
+          {codeSnippet.text}
         </CodeSnippet>
       );
     },

diff --git a/...ct/code-connect/Form/FormOnPage.figma.tsx → ...es/react/code-connect/Form/Form.figma.tsx b/...ct/code-connect/Form/FormOnPage.figma.tsx → ...es/react/code-connect/Form/Form.figma.tsx
@@ -7,16 +7,16 @@
 
 // @ts-nocheck
 import React from 'react';
-import { Form } from './FormOnPage';
+import { Form } from '@carbon/react';
 import figma from '@figma/code-connect';
 
 figma.connect(
   Form,
   'https://www.figma.com/design/YAnB1jKx0yCUL29j6uSLpg/(v11)-All-themes---Carbon-Design-System?node-id=3897-51336&t=SbIuH3RAJeFPjXmN-4',
   {
     props: {
-      chidlren: figma.children('*'),
+      children: figma.children('*'),
     },
-    example: ({ chidlren }) => <Form aria-label="sample form">{chidlren}</Form>,
+    example: ({ children }) => <Form aria-label="sample form">{children}</Form>,
   }
 );
diff --git a/packages/react/code-connect/Popover/Popover.figma.tsx b/packages/react/code-connect/Popover/Popover.figma.tsx
@@ -7,7 +7,7 @@
 
 // @ts-nocheck
 import React from 'react';
-import { Popover, PopoverContent } from './Popover';
+import { Popover, PopoverContent } from '@carbon/react';
 import { Settings } from '@carbon/react';
 import figma from '@figma/code-connect';
 

diff --git a/packages/react/code-connect/TextArea/FluidTextArea.figma.tsx b/packages/react/code-connect/TextArea/FluidTextArea.figma.tsx
@@ -7,7 +7,7 @@
 
 // @ts-nocheck
 import React from 'react';
-import { unstable__FluidTextArea as FluidTextArea } from './TextAreaFluid';
+import { unstable__FluidTextArea as FluidTextArea } from '@carbon/react';
 import figma from '@figma/code-connect';
 
 figma.connect(

diff --git a/packages/react/package.json b/packages/react/package.json
@@ -81,7 +81,7 @@
     "@babel/preset-typescript": "^7.24.7",
     "@carbon/test-utils": "^10.33.0",
     "@carbon/themes": "^11.41.0",
-    "@figma/code-connect": "^1.0.6",
+    "@figma/code-connect": "^1.1.4",
     "@rollup/plugin-babel": "^6.0.0",
     "@rollup/plugin-commonjs": "^26.0.0",
     "@rollup/plugin-node-resolve": "^15.0.0",