@webstudio-is/sdk-components-react 0.163.0 → 0.168.0

package/lib/components.js

@@ -263,7 +263,7 @@ var defaultTag2 = "div";
 var Text = forwardRef6(
   ({ tag = defaultTag2, children, ...props }, ref) => {
     const Tag = tag;
-    return /* @__PURE__ */ jsx5(Tag, { ...props, ref, children: children ?? "The text you can edit" });
+    return /* @__PURE__ */ jsx5(Tag, { ...props, ref, children });
   }
 );
 Text.displayName = "Text";
@@ -275,7 +275,7 @@ var defaultTag3 = "h1";
 var Heading = forwardRef7(
   ({ tag = defaultTag3, children, ...props }, ref) => {
     const Tag = tag;
-    return /* @__PURE__ */ jsx6(Tag, { ...props, ref, children: children ?? "Heading you can edit" });
+    return /* @__PURE__ */ jsx6(Tag, { ...props, ref, children });
   }
 );
 Heading.displayName = "Heading";
@@ -283,7 +283,7 @@ Heading.displayName = "Heading";
 // src/paragraph.tsx
 import { forwardRef as forwardRef8 } from "react";
 import { jsx as jsx7 } from "react/jsx-runtime";
-var Paragraph = forwardRef8(({ children, ...props }, ref) => /* @__PURE__ */ jsx7("p", { ...props, ref, children: children ?? "Paragraph you can edit" }));
+var Paragraph = forwardRef8(({ children, ...props }, ref) => /* @__PURE__ */ jsx7("p", { ...props, ref, children }));
 Paragraph.displayName = "Paragraph";
 
 // src/link.tsx
@@ -291,7 +291,7 @@ import { forwardRef as forwardRef9 } from "react";
 import { jsx as jsx8 } from "react/jsx-runtime";
 var Link = forwardRef9(
   ({ children, ...props }, ref) => {
-    return /* @__PURE__ */ jsx8("a", { ...props, href: props.href ?? "#", ref, children: children ?? "Link text you can edit" });
+    return /* @__PURE__ */ jsx8("a", { ...props, href: props.href ?? "#", ref, children });
   }
 );
 Link.displayName = "Link";
@@ -336,7 +336,7 @@ Subscript.displayName = "Subscript";
 import { forwardRef as forwardRef16 } from "react";
 import { jsx as jsx15 } from "react/jsx-runtime";
 var Button = forwardRef16(
-  ({ type = "submit", children, ...props }, ref) => /* @__PURE__ */ jsx15("button", { type, ...props, ref, children: children ?? "Button you can edit" })
+  ({ type = "submit", children, ...props }, ref) => /* @__PURE__ */ jsx15("button", { type, ...props, ref, children })
 );
 Button.displayName = "Button";
 
@@ -423,7 +423,7 @@ import { forwardRef as forwardRef20 } from "react";
 import { jsx as jsx19 } from "react/jsx-runtime";
 var Blockquote = forwardRef20(
   ({ children, ...props }, ref) => {
-    return /* @__PURE__ */ jsx19("blockquote", { ...props, ref, children: children ?? "Blockquote you can edit" });
+    return /* @__PURE__ */ jsx19("blockquote", { ...props, ref, children });
   }
 );
 Blockquote.displayName = "Blockquote";
@@ -446,7 +446,7 @@ import { forwardRef as forwardRef22 } from "react";
 import { jsx as jsx20 } from "react/jsx-runtime";
 var ListItem = forwardRef22(
   ({ children, ...props }, ref) => {
-    return /* @__PURE__ */ jsx20("li", { ...props, ref, children: children ?? "List Item you can edit" });
+    return /* @__PURE__ */ jsx20("li", { ...props, ref, children });
   }
 );
 ListItem.displayName = "ListItem";

package/lib/metas.js

@@ -260,7 +260,20 @@ var meta7 = {
   icon: TextIcon,
   states: defaultStates3,
   presetStyle: presetStyle3,
-  order: 0
+  order: 0,
+  template: [
+    {
+      type: "instance",
+      component: "Text",
+      children: [
+        {
+          type: "text",
+          value: "The text you can edit",
+          placeholder: true
+        }
+      ]
+    }
+  ]
 };
 
 // src/heading.ws.ts
@@ -286,7 +299,20 @@ var meta8 = {
   invalidAncestors: ["Heading"],
   states: defaultStates4,
   presetStyle: presetStyle4,
-  order: 1
+  order: 1,
+  template: [
+    {
+      type: "instance",
+      component: "Heading",
+      children: [
+        {
+          type: "text",
+          value: "Heading text you can edit",
+          placeholder: true
+        }
+      ]
+    }
+  ]
 };
 
 // src/paragraph.ws.ts
@@ -307,7 +333,20 @@ var meta9 = {
   invalidAncestors: ["Paragraph"],
   states: defaultStates5,
   presetStyle: presetStyle5,
-  order: 2
+  order: 2,
+  template: [
+    {
+      type: "instance",
+      component: "Paragraph",
+      children: [
+        {
+          type: "text",
+          value: "Paragraph text you can edit",
+          placeholder: true
+        }
+      ]
+    }
+  ]
 };
 
 // src/link.ws.ts
@@ -907,6 +946,19 @@ var meta10 = {
       selector: "[aria-current=page]",
       label: "Current page"
     }
+  ],
+  template: [
+    {
+      type: "instance",
+      component: "Link",
+      children: [
+        {
+          type: "text",
+          value: "Link text you can edit",
+          placeholder: true
+        }
+      ]
+    }
   ]
 };
 var propsMeta2 = {
@@ -1042,7 +1094,20 @@ var meta17 = {
     { selector: ":disabled", label: "Disabled" },
     { selector: ":enabled", label: "Enabled" }
   ],
-  order: 2
+  order: 2,
+  template: [
+    {
+      type: "instance",
+      component: "Button",
+      children: [
+        {
+          type: "text",
+          value: "Button text you can edit",
+          placeholder: true
+        }
+      ]
+    }
+  ]
 };
 
 // src/input.ws.ts
@@ -1807,7 +1872,20 @@ var meta21 = {
   icon: BlockquoteIcon,
   states: defaultStates16,
   presetStyle: presetStyle16,
-  order: 3
+  order: 3,
+  template: [
+    {
+      type: "instance",
+      component: "Blockquote",
+      children: [
+        {
+          type: "text",
+          value: "Blockquote text you can edit",
+          placeholder: true
+        }
+      ]
+    }
+  ]
 };
 
 // src/list.ws.ts
@@ -1865,17 +1943,35 @@ var meta22 = {
         {
           type: "instance",
           component: "ListItem",
-          children: []
+          children: [
+            {
+              type: "text",
+              value: "List Item text you can edit",
+              placeholder: true
+            }
+          ]
         },
         {
           type: "instance",
           component: "ListItem",
-          children: []
+          children: [
+            {
+              type: "text",
+              value: "List Item text you can edit",
+              placeholder: true
+            }
+          ]
         },
         {
           type: "instance",
           component: "ListItem",
-          children: []
+          children: [
+            {
+              type: "text",
+              value: "List Item text you can edit",
+              placeholder: true
+            }
+          ]
         }
       ]
     }
@@ -1900,7 +1996,20 @@ var meta23 = {
   icon: ListItemIcon,
   states: defaultStates18,
   presetStyle: presetStyle18,
-  order: 4
+  order: 4,
+  template: [
+    {
+      type: "instance",
+      component: "ListItem",
+      children: [
+        {
+          type: "text",
+          value: "List Item text you can edit",
+          placeholder: true
+        }
+      ]
+    }
+  ]
 };
 
 // src/separator.ws.ts
@@ -3049,7 +3158,7 @@ var meta26 = {
     {
       type: "instance",
       component: "Label",
-      children: [{ type: "text", value: "Form Label" }]
+      children: [{ type: "text", value: "Form Label", placeholder: true }]
     }
   ]
 };
@@ -3152,7 +3261,7 @@ var meta28 = {
           component: "Text",
           label: "Radio Label",
           props: [{ type: "string", name: "tag", value: "span" }],
-          children: [{ type: "text", value: "Radio" }]
+          children: [{ type: "text", value: "Radio", placeholder: true }]
         }
       ]
     }
@@ -3205,7 +3314,7 @@ var meta29 = {
           component: "Text",
           label: "Checkbox Label",
           props: [{ type: "string", name: "tag", value: "span" }],
-          children: [{ type: "text", value: "Checkbox" }]
+          children: [{ type: "text", value: "Checkbox", placeholder: true }]
         }
       ]
     }

package/lib/props.js

@@ -3285,6 +3285,19 @@ var meta = {
       selector: "[aria-current=page]",
       label: "Current page"
     }
+  ],
+  template: [
+    {
+      type: "instance",
+      component: "Link",
+      children: [
+        {
+          type: "text",
+          value: "Link text you can edit",
+          placeholder: true
+        }
+      ]
+    }
   ]
 };
 var propsMeta9 = {
@@ -6474,7 +6487,20 @@ var meta3 = {
     { selector: ":disabled", label: "Disabled" },
     { selector: ":enabled", label: "Enabled" }
   ],
-  order: 2
+  order: 2,
+  template: [
+    {
+      type: "instance",
+      component: "Button",
+      children: [
+        {
+          type: "text",
+          value: "Button text you can edit",
+          placeholder: true
+        }
+      ]
+    }
+  ]
 };
 var propsMeta16 = {
   props: props13,
@@ -13008,7 +13034,7 @@ var meta7 = {
           component: "Text",
           label: "Radio Label",
           props: [{ type: "string", name: "tag", value: "span" }],
-          children: [{ type: "text", value: "Radio" }]
+          children: [{ type: "text", value: "Radio", placeholder: true }]
         }
       ]
     }
@@ -13741,7 +13767,7 @@ var meta8 = {
           component: "Text",
           label: "Checkbox Label",
           props: [{ type: "string", name: "tag", value: "span" }],
-          children: [{ type: "text", value: "Checkbox" }]
+          children: [{ type: "text", value: "Checkbox", placeholder: true }]
         }
       ]
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webstudio-is/sdk-components-react",
-  "version": "0.163.0",
+  "version": "0.168.0",
   "description": "Webstudio default library for react",
   "author": "Webstudio <github@webstudio.is>",
   "homepage": "https://webstudio.is",
@@ -36,15 +36,12 @@
   "dependencies": {
     "@react-aria/utils": "^3.21.0",
     "colord": "^2.9.3",
-    "@webstudio-is/icons": "0.163.0",
-    "@webstudio-is/image": "0.163.0",
-    "@webstudio-is/react-sdk": "0.163.0"
+    "@webstudio-is/icons": "0.168.0",
+    "@webstudio-is/image": "0.168.0",
+    "@webstudio-is/react-sdk": "0.168.0"
   },
   "devDependencies": {
     "@jest/globals": "^29.7.0",
-    "@storybook/addon-essentials": "^8.1.2",
-    "@storybook/addon-links": "^8.1.2",
-    "@storybook/react": "^8.1.2",
     "@testing-library/jest-dom": "^6.4.2",
     "@testing-library/react": "^14.2.2",
     "@types/react": "^18.2.70",
@@ -54,9 +51,8 @@
     "react-dom": "18.3.0-canary-14898b6a9-20240318",
     "typescript": "5.4.5",
     "@webstudio-is/generate-arg-types": "0.0.0",
-    "@webstudio-is/jest-config": "1.0.7",
-    "@webstudio-is/storybook-config": "0.0.0",
-    "@webstudio-is/tsconfig": "1.0.7"
+    "@webstudio-is/tsconfig": "1.0.7",
+    "@webstudio-is/jest-config": "1.0.7"
   },
   "scripts": {
     "dev": "rm -rf lib && esbuild 'src/**/*.ts' 'src/**/*.tsx' --outdir=lib --watch",
@@ -65,8 +61,6 @@
     "dts": "tsc --project tsconfig.dts.json",
     "test": "NODE_OPTIONS=--experimental-vm-modules jest",
     "typecheck": "tsc",
-    "checks": "pnpm typecheck",
-    "storybook:dev": "storybook dev -p 6006 --static-dir=./public",
-    "storybook:build": "storybook build"
+    "checks": "pnpm typecheck"
   }
 }