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

package/lib/separator.ws.js

@@ -1,3 +1,4 @@
+"use strict";
 import { DashIcon } from "@webstudio-is/icons/svg";
 import {
   defaultStates
@@ -33,7 +34,7 @@ const presetStyle = {
     }
   ]
 };
-const meta = {
+export const meta = {
   category: "general",
   type: "embed",
   label: "Separator",
@@ -43,11 +44,7 @@ const meta = {
   presetStyle,
   order: 5
 };
-const propsMeta = {
+export const propsMeta = {
   props,
   initialProps: ["id"]
 };
-export {
-  meta,
-  propsMeta
-};

package/lib/slot.js

@@ -1,6 +1,7 @@
+"use strict";
 import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
-const Slot = forwardRef((props, ref) => {
+export const Slot = forwardRef((props, ref) => {
   return /* @__PURE__ */ jsx(
     "div",
     {
@@ -11,6 +12,3 @@ const Slot = forwardRef((props, ref) => {
   );
 });
 Slot.displayName = "Slot";
-export {
-  Slot
-};

package/lib/slot.stories.js

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

package/lib/slot.ws.js

@@ -1,5 +1,6 @@
+"use strict";
 import { SlotComponentIcon } from "@webstudio-is/icons/svg";
-const meta = {
+export const meta = {
   category: "general",
   type: "container",
   label: "Slot",
@@ -8,10 +9,6 @@ const meta = {
   stylable: false,
   order: 6
 };
-const propsMeta = {
+export const propsMeta = {
   props: {}
 };
-export {
-  meta,
-  propsMeta
-};

package/lib/span.js

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

package/lib/span.stories.js

@@ -0,0 +1,11 @@
+"use strict";
+import { Span as SpanPrimitive } from "./span";
+export default {
+  title: "Components/Span",
+  component: SpanPrimitive
+};
+export const Span = {
+  args: {
+    children: "some span text"
+  }
+};

package/lib/span.ws.js

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

package/lib/subscript.js

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

package/lib/subscript.stories.js

@@ -0,0 +1,11 @@
+"use strict";
+import { Subscript as SubscriptPrimitive } from "./subscript";
+export default {
+  title: "Components/Subscript",
+  component: SubscriptPrimitive
+};
+export const Subscript = {
+  args: {
+    children: "some subscript text"
+  }
+};

package/lib/subscript.ws.js

@@ -1,3 +1,4 @@
+"use strict";
 import { SubscriptIcon } from "@webstudio-is/icons/svg";
 import {
   defaultStates
@@ -7,18 +8,14 @@ import { props } from "./__generated__/subscript.props";
 const presetStyle = {
   sub
 };
-const meta = {
+export const meta = {
   type: "rich-text-child",
   label: "Subscript Text",
   icon: SubscriptIcon,
   states: defaultStates,
   presetStyle
 };
-const propsMeta = {
+export const propsMeta = {
   props,
   initialProps: ["id"]
 };
-export {
-  meta,
-  propsMeta
-};

package/lib/superscript.js

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

package/lib/superscript.stories.js

@@ -0,0 +1,11 @@
+"use strict";
+import { Superscript as SuperscriptPrimitive } from "./superscript";
+export default {
+  title: "Components/Superscript",
+  component: SuperscriptPrimitive
+};
+export const Superscript = {
+  args: {
+    children: "some superscript text"
+  }
+};

package/lib/superscript.ws.js

@@ -1,3 +1,4 @@
+"use strict";
 import { SuperscriptIcon } from "@webstudio-is/icons/svg";
 import {
   defaultStates
@@ -7,18 +8,14 @@ import { props } from "./__generated__/superscript.props";
 const presetStyle = {
   sup
 };
-const meta = {
+export const meta = {
   type: "rich-text-child",
   label: "Superscript Text",
   icon: SuperscriptIcon,
   states: defaultStates,
   presetStyle
 };
-const propsMeta = {
+export const propsMeta = {
   props,
   initialProps: ["id"]
 };
-export {
-  meta,
-  propsMeta
-};

package/lib/text.js

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

package/lib/text.stories.js

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

package/lib/text.ws.js

@@ -1,3 +1,4 @@
+"use strict";
 import { TextIcon } from "@webstudio-is/icons/svg";
 import {
   defaultStates
@@ -13,7 +14,7 @@ const presetStyle = {
     }
   ]
 };
-const meta = {
+export const meta = {
   category: "text",
   type: "container",
   label: "Text",
@@ -30,11 +31,7 @@ const meta = {
   ],
   order: 0
 };
-const propsMeta = {
+export const propsMeta = {
   props,
   initialProps: ["id", "tag"]
 };
-export {
-  meta,
-  propsMeta
-};

package/lib/textarea.js

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

package/lib/textarea.ws.js

@@ -1,3 +1,4 @@
+"use strict";
 import { FormTextAreaIcon } from "@webstudio-is/icons/svg";
 import {
   defaultStates
@@ -15,7 +16,7 @@ const presetStyle = {
     }
   ]
 };
-const meta = {
+export const meta = {
   category: "forms",
   type: "control",
   label: "Text Area",
@@ -29,18 +30,15 @@ const meta = {
     { selector: ":valid", label: "Valid" },
     { selector: ":invalid", label: "Invalid" },
     { 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" },
   ]
 };
-const propsMeta = {
+export const propsMeta = {
   props,
   initialProps: ["id", "name", "placeholder", "required", "autoFocus"]
 };
-export {
-  meta,
-  propsMeta
-};

package/lib/types/__generated__/blockquote.props.d.ts

@@ -1,2 +1,2 @@
-import type { PropMeta } from "@webstudio-is/generate-arg-types";
+import type { PropMeta } from "@webstudio-is/react-sdk";
 export declare const props: Record<string, PropMeta>;

package/lib/types/__generated__/body.props.d.ts

@@ -1,2 +1,2 @@
-import type { PropMeta } from "@webstudio-is/generate-arg-types";
+import type { PropMeta } from "@webstudio-is/react-sdk";
 export declare const props: Record<string, PropMeta>;

package/lib/types/__generated__/bold.props.d.ts

@@ -1,2 +1,2 @@
-import type { PropMeta } from "@webstudio-is/generate-arg-types";
+import type { PropMeta } from "@webstudio-is/react-sdk";
 export declare const props: Record<string, PropMeta>;

package/lib/types/__generated__/box.props.d.ts

@@ -1,2 +1,2 @@
-import type { PropMeta } from "@webstudio-is/generate-arg-types";
+import type { PropMeta } from "@webstudio-is/react-sdk";
 export declare const props: Record<string, PropMeta>;

package/lib/types/__generated__/button.props.d.ts

@@ -1,2 +1,2 @@
-import type { PropMeta } from "@webstudio-is/generate-arg-types";
+import type { PropMeta } from "@webstudio-is/react-sdk";
 export declare const props: Record<string, PropMeta>;

package/lib/types/__generated__/checkbox.props.d.ts

@@ -1,2 +1,2 @@
-import type { PropMeta } from "@webstudio-is/generate-arg-types";
+import type { PropMeta } from "@webstudio-is/react-sdk";
 export declare const props: Record<string, PropMeta>;

package/lib/types/__generated__/code-text.props.d.ts

@@ -1,2 +1,2 @@
-import type { PropMeta } from "@webstudio-is/generate-arg-types";
+import type { PropMeta } from "@webstudio-is/react-sdk";
 export declare const props: Record<string, PropMeta>;

package/lib/types/__generated__/form.props.d.ts

@@ -1,2 +1,2 @@
-import type { PropMeta } from "@webstudio-is/generate-arg-types";
+import type { PropMeta } from "@webstudio-is/react-sdk";
 export declare const props: Record<string, PropMeta>;

package/lib/types/__generated__/fragment.props.d.ts

@@ -1,2 +1,2 @@
-import type { PropMeta } from "@webstudio-is/generate-arg-types";
+import type { PropMeta } from "@webstudio-is/react-sdk";
 export declare const props: Record<string, PropMeta>;

package/lib/types/__generated__/heading.props.d.ts

@@ -1,2 +1,2 @@
-import type { PropMeta } from "@webstudio-is/generate-arg-types";
+import type { PropMeta } from "@webstudio-is/react-sdk";
 export declare const props: Record<string, PropMeta>;

package/lib/types/__generated__/html-embed.props.d.ts

@@ -1,2 +1,2 @@
-import type { PropMeta } from "@webstudio-is/generate-arg-types";
+import type { PropMeta } from "@webstudio-is/react-sdk";
 export declare const props: Record<string, PropMeta>;

package/lib/types/__generated__/image.props.d.ts

@@ -1,2 +1,2 @@
-import type { PropMeta } from "@webstudio-is/generate-arg-types";
+import type { PropMeta } from "@webstudio-is/react-sdk";
 export declare const props: Record<string, PropMeta>;

package/lib/types/__generated__/input.props.d.ts

@@ -1,2 +1,2 @@
-import type { PropMeta } from "@webstudio-is/generate-arg-types";
+import type { PropMeta } from "@webstudio-is/react-sdk";
 export declare const props: Record<string, PropMeta>;

package/lib/types/__generated__/italic.props.d.ts

@@ -1,2 +1,2 @@
-import type { PropMeta } from "@webstudio-is/generate-arg-types";
+import type { PropMeta } from "@webstudio-is/react-sdk";
 export declare const props: Record<string, PropMeta>;

package/lib/types/__generated__/label.props.d.ts

@@ -1,2 +1,2 @@
-import type { PropMeta } from "@webstudio-is/generate-arg-types";
+import type { PropMeta } from "@webstudio-is/react-sdk";
 export declare const props: Record<string, PropMeta>;

package/lib/types/__generated__/link.props.d.ts

@@ -1,2 +1,2 @@
-import type { PropMeta } from "@webstudio-is/generate-arg-types";
+import type { PropMeta } from "@webstudio-is/react-sdk";
 export declare const props: Record<string, PropMeta>;

package/lib/types/__generated__/list-item.props.d.ts

@@ -1,2 +1,2 @@
-import type { PropMeta } from "@webstudio-is/generate-arg-types";
+import type { PropMeta } from "@webstudio-is/react-sdk";
 export declare const props: Record<string, PropMeta>;

package/lib/types/__generated__/list.props.d.ts

@@ -1,2 +1,2 @@
-import type { PropMeta } from "@webstudio-is/generate-arg-types";
+import type { PropMeta } from "@webstudio-is/react-sdk";
 export declare const props: Record<string, PropMeta>;

package/lib/types/__generated__/paragraph.props.d.ts

@@ -1,2 +1,2 @@
-import type { PropMeta } from "@webstudio-is/generate-arg-types";
+import type { PropMeta } from "@webstudio-is/react-sdk";
 export declare const props: Record<string, PropMeta>;

package/lib/types/__generated__/radio-button.props.d.ts

@@ -1,2 +1,2 @@
-import type { PropMeta } from "@webstudio-is/generate-arg-types";
+import type { PropMeta } from "@webstudio-is/react-sdk";
 export declare const props: Record<string, PropMeta>;

package/lib/types/__generated__/rich-text-link.props.d.ts

@@ -1,2 +1,2 @@
-import type { PropMeta } from "@webstudio-is/generate-arg-types";
+import type { PropMeta } from "@webstudio-is/react-sdk";
 export declare const props: Record<string, PropMeta>;

package/lib/types/__generated__/separator.props.d.ts

@@ -1,2 +1,2 @@
-import type { PropMeta } from "@webstudio-is/generate-arg-types";
+import type { PropMeta } from "@webstudio-is/react-sdk";
 export declare const props: Record<string, PropMeta>;

package/lib/types/__generated__/slot.props.d.ts

@@ -1,2 +1,2 @@
-import type { PropMeta } from "@webstudio-is/generate-arg-types";
+import type { PropMeta } from "@webstudio-is/react-sdk";
 export declare const props: Record<string, PropMeta>;

package/lib/types/__generated__/span.props.d.ts

@@ -1,2 +1,2 @@
-import type { PropMeta } from "@webstudio-is/generate-arg-types";
+import type { PropMeta } from "@webstudio-is/react-sdk";
 export declare const props: Record<string, PropMeta>;

package/lib/types/__generated__/subscript.props.d.ts

@@ -1,2 +1,2 @@
-import type { PropMeta } from "@webstudio-is/generate-arg-types";
+import type { PropMeta } from "@webstudio-is/react-sdk";
 export declare const props: Record<string, PropMeta>;

package/lib/types/__generated__/superscript.props.d.ts

@@ -1,2 +1,2 @@
-import type { PropMeta } from "@webstudio-is/generate-arg-types";
+import type { PropMeta } from "@webstudio-is/react-sdk";
 export declare const props: Record<string, PropMeta>;

package/lib/types/__generated__/text.props.d.ts

@@ -1,2 +1,2 @@
-import type { PropMeta } from "@webstudio-is/generate-arg-types";
+import type { PropMeta } from "@webstudio-is/react-sdk";
 export declare const props: Record<string, PropMeta>;

package/lib/types/__generated__/textarea.props.d.ts

@@ -1,2 +1,2 @@
-import type { PropMeta } from "@webstudio-is/generate-arg-types";
+import type { PropMeta } from "@webstudio-is/react-sdk";
 export declare const props: Record<string, PropMeta>;

package/lib/types/__generated__/vimeo-play-button.props.d.ts

@@ -1,2 +1,2 @@
-import type { PropMeta } from "@webstudio-is/generate-arg-types";
+import type { PropMeta } from "@webstudio-is/react-sdk";
 export declare const props: Record<string, PropMeta>;

package/lib/types/__generated__/vimeo-preview-image.props.d.ts

@@ -1,2 +1,2 @@
-import type { PropMeta } from "@webstudio-is/generate-arg-types";
+import type { PropMeta } from "@webstudio-is/react-sdk";
 export declare const props: Record<string, PropMeta>;

package/lib/types/__generated__/vimeo-spinner.props.d.ts

@@ -1,2 +1,2 @@
-import type { PropMeta } from "@webstudio-is/generate-arg-types";
+import type { PropMeta } from "@webstudio-is/react-sdk";
 export declare const props: Record<string, PropMeta>;

package/lib/types/__generated__/vimeo.props.d.ts

@@ -1,2 +1,2 @@
-import type { PropMeta } from "@webstudio-is/generate-arg-types";
+import type { PropMeta } from "@webstudio-is/react-sdk";
 export declare const props: Record<string, PropMeta>;

package/lib/types/vimeo-preview-image.d.ts

@@ -278,7 +278,7 @@ export declare const VimeoPreviewImage: import("react").ForwardRefExoticComponen
     quality?: number | undefined;
     sizes?: string | undefined;
     crossOrigin?: "" | "anonymous" | "use-credentials" | undefined;
-    decoding?: "auto" | "async" | "sync" | undefined;
+    decoding?: "async" | "auto" | "sync" | undefined;
     loading?: "eager" | "lazy" | undefined;
     srcSet?: string | undefined;
     useMap?: string | undefined;

package/lib/vimeo-play-button.js

@@ -1,3 +1,4 @@
+"use strict";
 import { jsx } from "react/jsx-runtime";
 import {
   forwardRef,
@@ -5,7 +6,8 @@ import {
 } from "react";
 import { VimeoContext } from "./vimeo";
 import { Button, defaultTag } from "./button";
-const VimeoPlayButton = forwardRef(
+export { defaultTag };
+export const VimeoPlayButton = forwardRef(
   (props, ref) => {
     const vimeoContext = useContext(VimeoContext);
     if (vimeoContext.status !== "initial") {
@@ -15,7 +17,3 @@ const VimeoPlayButton = forwardRef(
   }
 );
 VimeoPlayButton.displayName = "VimeoPlayButton";
-export {
-  VimeoPlayButton,
-  defaultTag
-};

package/lib/vimeo-play-button.stories.js

@@ -0,0 +1,11 @@
+"use strict";
+import { VimeoPlayButton as VimeoPlayButtonPrimitive } from "./vimeo-play-button";
+export default {
+  title: "Components/Vimeo Play Button",
+  component: VimeoPlayButtonPrimitive
+};
+export const VimeoPlayButton = {
+  args: {
+    style: { minHeight: 20, outline: "1px solid black" }
+  }
+};

package/lib/vimeo-play-button.ws.js

@@ -1,3 +1,4 @@
+"use strict";
 import {
   defaultStates
 } from "@webstudio-is/react-sdk";
@@ -8,7 +9,7 @@ import { defaultTag } from "./vimeo-play-button";
 const presetStyle = {
   button
 };
-const meta = {
+export const meta = {
   category: "hidden",
   type: "container",
   invalidAncestors: ["Button"],
@@ -18,11 +19,7 @@ const meta = {
   presetStyle,
   states: defaultStates
 };
-const propsMeta = {
+export const propsMeta = {
   props,
   initialProps: ["id"]
 };
-export {
-  meta,
-  propsMeta
-};

package/lib/vimeo-preview-image.js

@@ -1,3 +1,4 @@
+"use strict";
 import { jsx } from "react/jsx-runtime";
 import {
   forwardRef,
@@ -6,7 +7,7 @@ import {
 import { Image, defaultTag } from "./image";
 import { VimeoContext } from "./vimeo";
 const base64Preview = `data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkOAMAANIAzr59FiYAAAAASUVORK5CYII=`;
-const VimeoPreviewImage = forwardRef(({ src, ...rest }, ref) => {
+export const VimeoPreviewImage = forwardRef(({ src, ...rest }, ref) => {
   const vimeoContext = useContext(VimeoContext);
   return /* @__PURE__ */ jsx(
     Image,
@@ -18,6 +19,3 @@ const VimeoPreviewImage = forwardRef(({ src, ...rest }, ref) => {
   );
 });
 VimeoPreviewImage.displayName = "VimeoPreviewImage";
-export {
-  VimeoPreviewImage
-};

package/lib/vimeo-preview-image.stories.js

@@ -0,0 +1,11 @@
+"use strict";
+import { VimeoPreviewImage as VimeoPreviewImagePrimitive } from "./vimeo-preview-image";
+export default {
+  title: "Components/Vimeo Preview Image",
+  component: VimeoPreviewImagePrimitive
+};
+export const VimeoPreviewImage = {
+  args: {
+    style: { minHeight: 20, outline: "1px solid black" }
+  }
+};