@webstudio-is/sdk-components-react 0.90.0 → 0.92.0

package/lib/italic.ws.js

@@ -1,3 +1,4 @@
+"use strict";
 import { TextItalicIcon } from "@webstudio-is/icons/svg";
 import {
   defaultStates
@@ -13,18 +14,14 @@ const presetStyle = {
     }
   ]
 };
-const meta = {
+export const meta = {
   type: "rich-text-child",
   label: "Italic Text",
   icon: TextItalicIcon,
   states: defaultStates,
   presetStyle
 };
-const propsMeta = {
+export const propsMeta = {
   props,
   initialProps: ["id"]
 };
-export {
-  meta,
-  propsMeta
-};

package/lib/label.js

@@ -1,9 +1,6 @@
+"use strict";
 import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
-const defaultTag = "label";
-const Label = forwardRef((props, ref) => /* @__PURE__ */ jsx("label", { ...props, ref }));
+export const defaultTag = "label";
+export const Label = forwardRef((props, ref) => /* @__PURE__ */ jsx("label", { ...props, ref }));
 Label.displayName = "Label";
-export {
-  Label,
-  defaultTag
-};

package/lib/label.ws.js

@@ -1,3 +1,4 @@
+"use strict";
 import { LabelIcon } from "@webstudio-is/icons/svg";
 import {
   defaultStates
@@ -10,7 +11,7 @@ const presetStyle = {
     { property: "display", value: { type: "keyword", value: "block" } }
   ]
 };
-const meta = {
+export const meta = {
   category: "forms",
   invalidAncestors: ["Button", "Label"],
   type: "container",
@@ -27,7 +28,7 @@ const meta = {
     }
   ]
 };
-const propsMeta = {
+export const propsMeta = {
   props: {
     ...props,
     htmlFor: {
@@ -37,7 +38,3 @@ const propsMeta = {
   },
   initialProps: ["id", "htmlFor"]
 };
-export {
-  meta,
-  propsMeta
-};

package/lib/link.js

@@ -1,3 +1,4 @@
+"use strict";
 import { jsx } from "react/jsx-runtime";
 import { forwardRef, useContext } from "react";
 import {
@@ -5,8 +6,8 @@ import {
   getInstanceIdFromComponentProps,
   ReactSdkContext
 } from "@webstudio-is/react-sdk";
-const defaultTag = "a";
-const Link = forwardRef((props, ref) => {
+export const defaultTag = "a";
+export const Link = forwardRef((props, ref) => {
   const { assetBaseUrl } = useContext(ReactSdkContext);
   const href = usePropUrl(getInstanceIdFromComponentProps(props), "href");
   let url = "#";
@@ -30,7 +31,3 @@ const Link = forwardRef((props, ref) => {
   return /* @__PURE__ */ jsx("a", { ...props, href: url, ref });
 });
 Link.displayName = "Link";
-export {
-  Link,
-  defaultTag
-};

package/lib/link.stories.js

@@ -0,0 +1,11 @@
+"use strict";
+import { Link as LinkPrimitive } from "./link";
+export default {
+  title: "Components/Link",
+  component: LinkPrimitive
+};
+export const Link = {
+  args: {
+    children: "Link"
+  }
+};

package/lib/link.ws.js

@@ -1,3 +1,4 @@
+"use strict";
 import { LinkIcon } from "@webstudio-is/icons/svg";
 import {
   defaultStates
@@ -17,7 +18,7 @@ const presetStyle = {
     }
   ]
 };
-const meta = {
+export const meta = {
   category: "general",
   type: "container",
   label: "Link",
@@ -46,7 +47,7 @@ const meta = {
     }
   ]
 };
-const propsMeta = {
+export const propsMeta = {
   props: {
     ...props,
     href: {
@@ -57,7 +58,3 @@ const propsMeta = {
   },
   initialProps: ["id", "href", "target"]
 };
-export {
-  meta,
-  propsMeta
-};

package/lib/list-item.js

@@ -1,15 +1,12 @@
+"use strict";
 import {
   forwardRef,
   createElement
 } from "react";
-const defaultTag = "li";
-const ListItem = forwardRef(
+export const defaultTag = "li";
+export const ListItem = forwardRef(
   (props, ref) => {
     return createElement(defaultTag, { ...props, ref });
   }
 );
 ListItem.displayName = "ListItem";
-export {
-  ListItem,
-  defaultTag
-};

package/lib/list-item.stories.js

@@ -0,0 +1,11 @@
+"use strict";
+import { ListItem as ListItemPrimitive } from "./list-item";
+export default {
+  title: "Components/List Item",
+  component: ListItemPrimitive
+};
+export const ListItem = {
+  args: {
+    children: "ListItem"
+  }
+};

package/lib/list-item.ws.js

@@ -1,3 +1,4 @@
+"use strict";
 import { ListItemIcon } from "@webstudio-is/icons/svg";
 import {
   defaultStates
@@ -7,7 +8,7 @@ import { props } from "./__generated__/list-item.props";
 const presetStyle = {
   li
 };
-const meta = {
+export const meta = {
   category: "general",
   type: "container",
   requiredAncestors: ["List"],
@@ -25,11 +26,7 @@ const meta = {
   ],
   order: 4
 };
-const propsMeta = {
+export const propsMeta = {
   props,
   initialProps: ["id"]
 };
-export {
-  meta,
-  propsMeta
-};

package/lib/list.js

@@ -1,14 +1,12 @@
+"use strict";
 import {
   forwardRef,
   createElement
 } from "react";
 const unorderedTag = "ul";
 const orderedTag = "ol";
-const List = forwardRef(({ ordered = false, ...props }, ref) => {
+export const List = forwardRef(({ ordered = false, ...props }, ref) => {
   const tag = ordered ? orderedTag : unorderedTag;
   return createElement(tag, { ...props, ref });
 });
 List.displayName = "List";
-export {
-  List
-};

package/lib/list.stories.js

@@ -0,0 +1,13 @@
+"use strict";
+import { jsx } from "react/jsx-runtime";
+import { List as ListPrimitive } from "./list";
+import { ListItem } from "./list-item";
+export default {
+  title: "Components/List",
+  component: ListPrimitive
+};
+export const List = {
+  args: {
+    children: /* @__PURE__ */ jsx(ListItem, { children: "List" })
+  }
+};

package/lib/list.ws.js

@@ -1,3 +1,4 @@
+"use strict";
 import { ListIcon } from "@webstudio-is/icons/svg";
 import {
   defaultStates
@@ -36,7 +37,7 @@ const presetStyle = {
     }
   ]
 };
-const meta = {
+export const meta = {
   category: "general",
   type: "container",
   label: "List",
@@ -46,11 +47,7 @@ const meta = {
   presetStyle,
   order: 3
 };
-const propsMeta = {
+export const propsMeta = {
   props,
   initialProps: ["id", "ordered", "start", "reversed"]
 };
-export {
-  meta,
-  propsMeta
-};

package/lib/metas.js

@@ -1,66 +1,33 @@
-import { meta } from "./slot.ws";
-import { meta as meta2 } from "./fragment.ws";
-import { meta as meta3 } from "./html-embed.ws";
-import { meta as meta4 } from "./body.ws";
-import { meta as meta5 } from "./box.ws";
-import { meta as meta6 } from "./text.ws";
-import { meta as meta7 } from "./heading.ws";
-import { meta as meta8 } from "./paragraph.ws";
-import { meta as meta9 } from "./link.ws";
-import { meta as meta10 } from "./rich-text-link.ws";
-import { meta as meta11 } from "./span.ws";
-import { meta as meta12 } from "./bold.ws";
-import { meta as meta13 } from "./italic.ws";
-import { meta as meta14 } from "./superscript.ws";
-import { meta as meta15 } from "./subscript.ws";
-import { meta as meta16 } from "./button.ws";
-import { meta as meta17 } from "./input.ws";
-import { meta as meta18 } from "./form.ws";
-import { meta as meta19 } from "./image.ws";
-import { meta as meta20 } from "./blockquote.ws";
-import { meta as meta21 } from "./list.ws";
-import { meta as meta22 } from "./list-item.ws";
-import { meta as meta23 } from "./separator.ws";
-import { meta as meta24 } from "./code-text.ws";
-import { meta as meta25 } from "./label.ws";
-import { meta as meta26 } from "./textarea.ws";
-import { meta as meta27 } from "./radio-button.ws";
-import { meta as meta28 } from "./checkbox.ws";
-import { meta as meta29 } from "./vimeo.ws";
-import { meta as meta30 } from "./vimeo-preview-image.ws";
-import { meta as meta31 } from "./vimeo-play-button.ws";
-import { meta as meta32 } from "./vimeo-spinner.ws";
-export {
-  meta20 as Blockquote,
-  meta4 as Body,
-  meta12 as Bold,
-  meta5 as Box,
-  meta16 as Button,
-  meta28 as Checkbox,
-  meta24 as CodeText,
-  meta18 as Form,
-  meta2 as Fragment,
-  meta7 as Heading,
-  meta3 as HtmlEmbed,
-  meta19 as Image,
-  meta17 as Input,
-  meta13 as Italic,
-  meta25 as Label,
-  meta9 as Link,
-  meta21 as List,
-  meta22 as ListItem,
-  meta8 as Paragraph,
-  meta27 as RadioButton,
-  meta10 as RichTextLink,
-  meta23 as Separator,
-  meta as Slot,
-  meta11 as Span,
-  meta15 as Subscript,
-  meta14 as Superscript,
-  meta6 as Text,
-  meta26 as Textarea,
-  meta29 as Vimeo,
-  meta31 as VimeoPlayButton,
-  meta30 as VimeoPreviewImage,
-  meta32 as VimeoSpinner
-};
+"use strict";
+export { meta as Slot } from "./slot.ws";
+export { meta as Fragment } from "./fragment.ws";
+export { meta as HtmlEmbed } from "./html-embed.ws";
+export { meta as Body } from "./body.ws";
+export { meta as Box } from "./box.ws";
+export { meta as Text } from "./text.ws";
+export { meta as Heading } from "./heading.ws";
+export { meta as Paragraph } from "./paragraph.ws";
+export { meta as Link } from "./link.ws";
+export { meta as RichTextLink } from "./rich-text-link.ws";
+export { meta as Span } from "./span.ws";
+export { meta as Bold } from "./bold.ws";
+export { meta as Italic } from "./italic.ws";
+export { meta as Superscript } from "./superscript.ws";
+export { meta as Subscript } from "./subscript.ws";
+export { meta as Button } from "./button.ws";
+export { meta as Input } from "./input.ws";
+export { meta as Form } from "./form.ws";
+export { meta as Image } from "./image.ws";
+export { meta as Blockquote } from "./blockquote.ws";
+export { meta as List } from "./list.ws";
+export { meta as ListItem } from "./list-item.ws";
+export { meta as Separator } from "./separator.ws";
+export { meta as CodeText } from "./code-text.ws";
+export { meta as Label } from "./label.ws";
+export { meta as Textarea } from "./textarea.ws";
+export { meta as RadioButton } from "./radio-button.ws";
+export { meta as Checkbox } from "./checkbox.ws";
+export { meta as Vimeo } from "./vimeo.ws";
+export { meta as VimeoPreviewImage } from "./vimeo-preview-image.ws";
+export { meta as VimeoPlayButton } from "./vimeo-play-button.ws";
+export { meta as VimeoSpinner } from "./vimeo-spinner.ws";

package/lib/paragraph.js

@@ -1,9 +1,6 @@
+"use strict";
 import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
-const defaultTag = "p";
-const Paragraph = forwardRef((props, ref) => /* @__PURE__ */ jsx("p", { ...props, ref }));
+export const defaultTag = "p";
+export const Paragraph = forwardRef((props, ref) => /* @__PURE__ */ jsx("p", { ...props, ref }));
 Paragraph.displayName = "Paragraph";
-export {
-  Paragraph,
-  defaultTag
-};

package/lib/paragraph.stories.js

@@ -0,0 +1,11 @@
+"use strict";
+import { Paragraph as ParagraphPrimitive } from "./paragraph";
+export default {
+  title: "Components/Paragraph",
+  component: ParagraphPrimitive
+};
+export const Paragraph = {
+  args: {
+    children: "paragraph"
+  }
+};

package/lib/paragraph.ws.js

@@ -1,3 +1,4 @@
+"use strict";
 import { TextAlignLeftIcon } from "@webstudio-is/icons/svg";
 import {
   defaultStates
@@ -7,7 +8,7 @@ import { props } from "./__generated__/paragraph.props";
 const presetStyle = {
   p
 };
-const meta = {
+export const meta = {
   category: "text",
   type: "container",
   label: "Paragraph",
@@ -25,11 +26,7 @@ const meta = {
   ],
   order: 2
 };
-const propsMeta = {
+export const propsMeta = {
   props,
   initialProps: ["id"]
 };
-export {
-  meta,
-  propsMeta
-};

package/lib/props.js

@@ -1,66 +1,33 @@
-import { propsMeta } from "./slot.ws";
-import { propsMeta as propsMeta2 } from "./fragment.ws";
-import { propsMeta as propsMeta3 } from "./html-embed.ws";
-import { propsMeta as propsMeta4 } from "./body.ws";
-import { propsMeta as propsMeta5 } from "./box.ws";
-import { propsMeta as propsMeta6 } from "./text.ws";
-import { propsMeta as propsMeta7 } from "./heading.ws";
-import { propsMeta as propsMeta8 } from "./paragraph.ws";
-import { propsMeta as propsMeta9 } from "./link.ws";
-import { propsMeta as propsMeta10 } from "./rich-text-link.ws";
-import { propsMeta as propsMeta11 } from "./span.ws";
-import { propsMeta as propsMeta12 } from "./bold.ws";
-import { propsMeta as propsMeta13 } from "./italic.ws";
-import { propsMeta as propsMeta14 } from "./superscript.ws";
-import { propsMeta as propsMeta15 } from "./subscript.ws";
-import { propsMeta as propsMeta16 } from "./button.ws";
-import { propsMeta as propsMeta17 } from "./input.ws";
-import { propsMeta as propsMeta18 } from "./form.ws";
-import { propsMeta as propsMeta19 } from "./image.ws";
-import { propsMeta as propsMeta20 } from "./blockquote.ws";
-import { propsMeta as propsMeta21 } from "./list.ws";
-import { propsMeta as propsMeta22 } from "./list-item.ws";
-import { propsMeta as propsMeta23 } from "./separator.ws";
-import { propsMeta as propsMeta24 } from "./code-text.ws";
-import { propsMeta as propsMeta25 } from "./label.ws";
-import { propsMeta as propsMeta26 } from "./textarea.ws";
-import { propsMeta as propsMeta27 } from "./radio-button.ws";
-import { propsMeta as propsMeta28 } from "./checkbox.ws";
-import { propsMeta as propsMeta29 } from "./vimeo.ws";
-import { propsMeta as propsMeta30 } from "./vimeo-preview-image.ws";
-import { propsMeta as propsMeta31 } from "./vimeo-play-button.ws";
-import { propsMeta as propsMeta32 } from "./vimeo-spinner.ws";
-export {
-  propsMeta20 as Blockquote,
-  propsMeta4 as Body,
-  propsMeta12 as Bold,
-  propsMeta5 as Box,
-  propsMeta16 as Button,
-  propsMeta28 as Checkbox,
-  propsMeta24 as CodeText,
-  propsMeta18 as Form,
-  propsMeta2 as Fragment,
-  propsMeta7 as Heading,
-  propsMeta3 as HtmlEmbed,
-  propsMeta19 as Image,
-  propsMeta17 as Input,
-  propsMeta13 as Italic,
-  propsMeta25 as Label,
-  propsMeta9 as Link,
-  propsMeta21 as List,
-  propsMeta22 as ListItem,
-  propsMeta8 as Paragraph,
-  propsMeta27 as RadioButton,
-  propsMeta10 as RichTextLink,
-  propsMeta23 as Separator,
-  propsMeta as Slot,
-  propsMeta11 as Span,
-  propsMeta15 as Subscript,
-  propsMeta14 as Superscript,
-  propsMeta6 as Text,
-  propsMeta26 as Textarea,
-  propsMeta29 as Vimeo,
-  propsMeta31 as VimeoPlayButton,
-  propsMeta30 as VimeoPreviewImage,
-  propsMeta32 as VimeoSpinner
-};
+"use strict";
+export { propsMeta as Slot } from "./slot.ws";
+export { propsMeta as Fragment } from "./fragment.ws";
+export { propsMeta as HtmlEmbed } from "./html-embed.ws";
+export { propsMeta as Body } from "./body.ws";
+export { propsMeta as Box } from "./box.ws";
+export { propsMeta as Text } from "./text.ws";
+export { propsMeta as Heading } from "./heading.ws";
+export { propsMeta as Paragraph } from "./paragraph.ws";
+export { propsMeta as Link } from "./link.ws";
+export { propsMeta as RichTextLink } from "./rich-text-link.ws";
+export { propsMeta as Span } from "./span.ws";
+export { propsMeta as Bold } from "./bold.ws";
+export { propsMeta as Italic } from "./italic.ws";
+export { propsMeta as Superscript } from "./superscript.ws";
+export { propsMeta as Subscript } from "./subscript.ws";
+export { propsMeta as Button } from "./button.ws";
+export { propsMeta as Input } from "./input.ws";
+export { propsMeta as Form } from "./form.ws";
+export { propsMeta as Image } from "./image.ws";
+export { propsMeta as Blockquote } from "./blockquote.ws";
+export { propsMeta as List } from "./list.ws";
+export { propsMeta as ListItem } from "./list-item.ws";
+export { propsMeta as Separator } from "./separator.ws";
+export { propsMeta as CodeText } from "./code-text.ws";
+export { propsMeta as Label } from "./label.ws";
+export { propsMeta as Textarea } from "./textarea.ws";
+export { propsMeta as RadioButton } from "./radio-button.ws";
+export { propsMeta as Checkbox } from "./checkbox.ws";
+export { propsMeta as Vimeo } from "./vimeo.ws";
+export { propsMeta as VimeoPreviewImage } from "./vimeo-preview-image.ws";
+export { propsMeta as VimeoPlayButton } from "./vimeo-play-button.ws";
+export { propsMeta as VimeoSpinner } from "./vimeo-spinner.ws";

package/lib/radio-button.js

@@ -1,9 +1,6 @@
+"use strict";
 import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
-const defaultTag = "input";
-const RadioButton = forwardRef(({ children: _children, ...props }, ref) => /* @__PURE__ */ jsx("input", { ...props, type: "radio", ref }));
+export const defaultTag = "input";
+export const RadioButton = forwardRef(({ children: _children, ...props }, ref) => /* @__PURE__ */ jsx("input", { ...props, type: "radio", ref }));
 RadioButton.displayName = "RadioButton";
-export {
-  RadioButton,
-  defaultTag
-};

package/lib/radio-button.ws.js

@@ -1,3 +1,4 @@
+"use strict";
 import { RadioCheckedIcon } from "@webstudio-is/icons/svg";
 import {
   defaultStates
@@ -13,7 +14,7 @@ const presetStyle = {
     }
   ]
 };
-const meta = {
+export const meta = {
   category: "forms",
   invalidAncestors: ["Button"],
   type: "control",
@@ -26,11 +27,12 @@ const meta = {
     ...defaultStates,
     { selector: ":checked", label: "Checked" },
     { selector: ":required", label: "Required" },
-    { selector: ":optional", label: "Optional" },
-    { selector: ":disabled", label: "Disabled" },
-    { selector: ":enabled", label: "Enabled" },
-    { selector: ":read-only", label: "Read Only" },
-    { selector: ":read-write", label: "Read Write" }
+    { selector: ":optional", label: "Optional" }
+    // Additional states will go into submenu
+    //{ selector: ":disabled", label: "Disabled" },
+    //{ selector: ":enabled", label: "Enabled" },
+    //{ selector: ":read-only", label: "Read Only" },
+    //{ selector: ":read-write", label: "Read Write" },
   ],
   template: [
     {
@@ -50,11 +52,7 @@ const meta = {
     }
   ]
 };
-const propsMeta = {
+export const propsMeta = {
   props,
   initialProps: ["id", "name"]
 };
-export {
-  meta,
-  propsMeta
-};

package/lib/rich-text-link.js

@@ -1,8 +1,6 @@
+"use strict";
 import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import { Link } from "./link";
-const RichTextLink = forwardRef((props, ref) => /* @__PURE__ */ jsx(Link, { ...props, ref }));
+export const RichTextLink = forwardRef((props, ref) => /* @__PURE__ */ jsx(Link, { ...props, ref }));
 RichTextLink.displayName = "RichTextLink";
-export {
-  RichTextLink
-};

package/lib/rich-text-link.stories.js

@@ -0,0 +1,11 @@
+"use strict";
+import { RichTextLink as LinkPrimitive } from "./rich-text-link";
+export default {
+  title: "Components/RichTextLink",
+  component: LinkPrimitive
+};
+export const RichTextLink = {
+  args: {
+    children: "RichTextLink"
+  }
+};

package/lib/rich-text-link.ws.js

@@ -1,12 +1,9 @@
+"use strict";
 import { meta as linkMeta, propsMeta as linkPropsMeta } from "./link.ws";
-const meta = {
+export const meta = {
   ...linkMeta,
   category: "hidden",
   type: "rich-text-child",
   template: []
 };
-const propsMeta = linkPropsMeta;
-export {
-  meta,
-  propsMeta
-};
+export const propsMeta = linkPropsMeta;

package/lib/separator.js

@@ -1,15 +1,12 @@
+"use strict";
 import {
   forwardRef,
   createElement
 } from "react";
-const defaultTag = "hr";
-const Separator = forwardRef(
+export const defaultTag = "hr";
+export const Separator = forwardRef(
   (props, ref) => {
     return createElement(defaultTag, { ...props, ref });
   }
 );
 Separator.displayName = "Separator";
-export {
-  Separator,
-  defaultTag
-};

package/lib/separator.stories.js

@@ -0,0 +1,7 @@
+"use strict";
+import { Separator as SeparatorPrimitive } from "./separator";
+export default {
+  title: "Components/Separator",
+  component: SeparatorPrimitive
+};
+export const Separator = {};