@supernova-studio/client 0.55.4 → 0.55.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@supernova-studio/client",
-  "version": "0.55.4",
+  "version": "0.55.6",
   "description": "Supernova Data Models",
   "source": "src/index.ts",
   "main": "dist/index.js",

package/src/yjs/docs-editor/mock.ts

@@ -1930,4 +1930,148 @@ const blocks: PageBlockDefinition[] = [
       showBlockHeaderInEditor: false,
     },
   },
+  {
+    id: "io.supernova.block.figma-components",
+    name: "Figma component",
+    description: "Display Figma component variants or group of components.",
+    category: "Components",
+    icon: "https://cdn-assets.supernova.io/blocks/icons/component-checklist.svg",
+    searchKeywords: ["variants", "properties"],
+    item: {
+      properties: [
+        {
+          id: "figmaComponent",
+          name: "Figma component",
+          type: "FigmaComponent",
+          options: {
+            renderLayoutAs: "Grid",
+          },
+          variantOptions: {
+            canvas: {
+              renderLayoutAs: "Canvas",
+            },
+          },
+        },
+      ],
+      appearance: {
+        isBordered: true,
+        hasBackground: false,
+      },
+      variants: [
+        {
+          id: "grid",
+          name: "Grid",
+          image: "tbd",
+          description: "Components or variants will be rendered individually in a grid layout",
+          layout: {
+            type: "Column",
+            children: ["figmaComponent"],
+            columnAlign: "Start",
+            columnResizing: "Fill",
+            gap: "Medium",
+          },
+          maxColumns: 4,
+          defaultColumns: 1,
+          appearance: {},
+        },
+        {
+          id: "canvas",
+          name: "Canvas",
+          image: "tbd",
+          description: "Components or variants will be rendered on a single canvas",
+          layout: {
+            type: "Column",
+            children: ["figmaComponent"],
+            columnAlign: "Start",
+            columnResizing: "Fill",
+            gap: "Medium",
+          },
+          maxColumns: 4,
+          defaultColumns: 1,
+          appearance: {},
+        },
+      ],
+      defaultVariantKey: "grid",
+    },
+    behavior: {
+      dataType: "FigmaComponent",
+      entities: {
+        selectionType: "Entity",
+        maxSelected: 0,
+      },
+    },
+    editorOptions: {
+      onboarding: {
+        helpText: "Display Figma component variants or group of components.",
+        documentationLink:
+          "https://learn.supernova.io/latest/documentation/types-of-blocks/token/tokens/general-84NRgxGl#section-token-group-09",
+      },
+    },
+    appearance: {
+      isBordered: true,
+      hasBackground: false,
+      isEditorPresentationDifferent: false,
+      showBlockHeaderInEditor: false,
+    },
+  },
+  {
+    id: "io.supernova.block.figma-components-propstable",
+    name: "Figma component properties",
+    description: "Display properties based on Figma component data.",
+    category: "Components",
+    icon: "https://cdn-assets.supernova.io/blocks/icons/component-checklist.svg",
+    searchKeywords: ["variants", "properties", "props", "table"],
+    item: {
+      properties: [
+        {
+          id: "figmaComponent",
+          name: "Figma component",
+          type: "FigmaComponent",
+          options: {
+            renderLayoutAs: "PropsTable",
+          },
+        },
+      ],
+      appearance: {
+        isBordered: true,
+        hasBackground: false,
+      },
+      variants: [
+        {
+          id: "default",
+          name: "Default",
+          layout: {
+            type: "Column",
+            children: ["figmaComponent"],
+            columnAlign: "Start",
+            columnResizing: "Fill",
+            gap: "Medium",
+          },
+          maxColumns: 1,
+          defaultColumns: 1,
+          appearance: {},
+        },
+      ],
+      defaultVariantKey: "default",
+    },
+    behavior: {
+      dataType: "FigmaComponent",
+      entities: {
+        selectionType: "Entity",
+        maxSelected: 1,
+      },
+    },
+    editorOptions: {
+      onboarding: {
+        helpText: "Display properties based on Figma component data.",
+        documentationLink: "",
+      },
+    },
+    appearance: {
+      isBordered: true,
+      hasBackground: false,
+      isEditorPresentationDifferent: false,
+      showBlockHeaderInEditor: false,
+    },
+  },
 ];