@webstudio-is/react-sdk 0.70.0 → 0.71.0

package/lib/components/index.js

@@ -1,140 +0,0 @@
-import { meta as SlotMeta } from "./slot.ws";
-import { meta as FragmentMeta } from "./fragment.ws";
-import { meta as HtmlEmbedMeta } from "./html-embed.ws";
-import { meta as BodyMeta } from "./body.ws";
-import { meta as BoxMeta } from "./box.ws";
-import { meta as TextBlockMeta } from "./text-block.ws";
-import { meta as HeadingMeta } from "./heading.ws";
-import { meta as ParagraphMeta } from "./paragraph.ws";
-import { meta as LinkMeta } from "./link.ws";
-import { meta as LinkBlockMeta } from "./link-block.ws";
-import { meta as RichTextLinkMeta } from "./rich-text-link.ws";
-import { meta as SpanMeta } from "./span.ws";
-import { meta as BoldMeta } from "./bold.ws";
-import { meta as ItalicMeta } from "./italic.ws";
-import { meta as SuperscriptMeta } from "./superscript.ws";
-import { meta as SubscriptMeta } from "./subscript.ws";
-import { meta as ButtonMeta } from "./button.ws";
-import { meta as InputMeta } from "./input.ws";
-import { meta as FormMeta } from "./form.ws";
-import { meta as ImageMeta } from "./image.ws";
-import { meta as BlockquoteMeta } from "./blockquote.ws";
-import { meta as ListMeta } from "./list.ws";
-import { meta as ListItemMeta } from "./list-item.ws";
-import { meta as SeparatorMeta } from "./separator.ws";
-import { meta as CodeTextMeta } from "./code-text.ws";
-import { meta as LabelMeta } from "./label.ws";
-import { meta as SuccessMessageMeta } from "./success-message.ws";
-import { meta as ErrorMessageMeta } from "./error-message.ws";
-import { meta as TextareaMeta } from "./textarea.ws";
-import { meta as RadioButtonFieldMeta } from "./radio-button-field.ws";
-import { meta as RadioButtonMeta } from "./radio-button.ws";
-import { meta as CheckboxFieldMeta } from "./checkbox-field.ws";
-import { meta as CheckboxMeta } from "./checkbox.ws";
-import { propsMeta as SlotMetaPropsMeta } from "./slot.ws";
-import { propsMeta as FragmentMetaPropsMeta } from "./fragment.ws";
-import { propsMeta as HtmlEmbedMetaPropsMeta } from "./html-embed.ws";
-import { propsMeta as BodyMetaPropsMeta } from "./body.ws";
-import { propsMeta as BoxMetaPropsMeta } from "./box.ws";
-import { propsMeta as TextBlockMetaPropsMeta } from "./text-block.ws";
-import { propsMeta as HeadingMetaPropsMeta } from "./heading.ws";
-import { propsMeta as ParagraphMetaPropsMeta } from "./paragraph.ws";
-import { propsMeta as LinkMetaPropsMeta } from "./link.ws";
-import { propsMeta as LinkBlockPropsMeta } from "./link-block.ws";
-import { propsMeta as RichTextLinkMetaPropsMeta } from "./rich-text-link.ws";
-import { propsMeta as SpanMetaPropsMeta } from "./span.ws";
-import { propsMeta as BoldMetaPropsMeta } from "./bold.ws";
-import { propsMeta as ItalicMetaPropsMeta } from "./italic.ws";
-import { propsMeta as SuperscriptMetaPropsMeta } from "./superscript.ws";
-import { propsMeta as SubscriptMetaPropsMeta } from "./subscript.ws";
-import { propsMeta as ButtonMetaPropsMeta } from "./button.ws";
-import { propsMeta as InputMetaPropsMeta } from "./input.ws";
-import { propsMeta as FormMetaPropsMeta } from "./form.ws";
-import { propsMeta as ImageMetaPropsMeta } from "./image.ws";
-import { propsMeta as BlockquotePropsMeta } from "./blockquote.ws";
-import { propsMeta as ListPropsMeta } from "./list.ws";
-import { propsMeta as ListItemPropsMeta } from "./list-item.ws";
-import { propsMeta as SeparatorPropsMeta } from "./separator.ws";
-import { propsMeta as CodeTextPropsMeta } from "./code-text.ws";
-import { propsMeta as LabelPropsMeta } from "./label.ws";
-import { propsMeta as SuccessMessagePropsMeta } from "./success-message.ws";
-import { propsMeta as ErrorMessagePropsMeta } from "./error-message.ws";
-import { propsMeta as TextareaPropsMeta } from "./textarea.ws";
-import { propsMeta as RadioButtonFieldPropsMeta } from "./radio-button-field.ws";
-import { propsMeta as RadioButtonPropsMeta } from "./radio-button.ws";
-import { propsMeta as CheckboxFieldPropsMeta } from "./checkbox-field.ws";
-import { propsMeta as CheckboxPropsMeta } from "./checkbox.ws";
-const defaultMetas = {
-  Slot: SlotMeta,
-  Fragment: FragmentMeta,
-  HtmlEmbed: HtmlEmbedMeta,
-  Box: BoxMeta,
-  Body: BodyMeta,
-  TextBlock: TextBlockMeta,
-  Heading: HeadingMeta,
-  Paragraph: ParagraphMeta,
-  Link: LinkMeta,
-  LinkBlock: LinkBlockMeta,
-  RichTextLink: RichTextLinkMeta,
-  Span: SpanMeta,
-  Bold: BoldMeta,
-  Italic: ItalicMeta,
-  Superscript: SuperscriptMeta,
-  Subscript: SubscriptMeta,
-  Button: ButtonMeta,
-  Input: InputMeta,
-  Form: FormMeta,
-  Image: ImageMeta,
-  Blockquote: BlockquoteMeta,
-  List: ListMeta,
-  ListItem: ListItemMeta,
-  Separator: SeparatorMeta,
-  CodeText: CodeTextMeta,
-  Label: LabelMeta,
-  SuccessMessage: SuccessMessageMeta,
-  ErrorMessage: ErrorMessageMeta,
-  Textarea: TextareaMeta,
-  RadioButtonField: RadioButtonFieldMeta,
-  RadioButton: RadioButtonMeta,
-  CheckboxField: CheckboxFieldMeta,
-  Checkbox: CheckboxMeta
-};
-const defaultPropsMetas = {
-  Slot: SlotMetaPropsMeta,
-  Fragment: FragmentMetaPropsMeta,
-  HtmlEmbed: HtmlEmbedMetaPropsMeta,
-  Box: BoxMetaPropsMeta,
-  Body: BodyMetaPropsMeta,
-  TextBlock: TextBlockMetaPropsMeta,
-  Heading: HeadingMetaPropsMeta,
-  Paragraph: ParagraphMetaPropsMeta,
-  Link: LinkMetaPropsMeta,
-  LinkBlock: LinkBlockPropsMeta,
-  RichTextLink: RichTextLinkMetaPropsMeta,
-  Span: SpanMetaPropsMeta,
-  Bold: BoldMetaPropsMeta,
-  Italic: ItalicMetaPropsMeta,
-  Superscript: SuperscriptMetaPropsMeta,
-  Subscript: SubscriptMetaPropsMeta,
-  Button: ButtonMetaPropsMeta,
-  Input: InputMetaPropsMeta,
-  Form: FormMetaPropsMeta,
-  Image: ImageMetaPropsMeta,
-  Blockquote: BlockquotePropsMeta,
-  List: ListPropsMeta,
-  ListItem: ListItemPropsMeta,
-  Separator: SeparatorPropsMeta,
-  CodeText: CodeTextPropsMeta,
-  Label: LabelPropsMeta,
-  SuccessMessage: SuccessMessagePropsMeta,
-  ErrorMessage: ErrorMessagePropsMeta,
-  Textarea: TextareaPropsMeta,
-  RadioButtonField: RadioButtonFieldPropsMeta,
-  RadioButton: RadioButtonPropsMeta,
-  CheckboxField: CheckboxFieldPropsMeta,
-  Checkbox: CheckboxPropsMeta
-};
-export {
-  defaultMetas,
-  defaultPropsMetas
-};

package/lib/components/input.js

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

package/lib/components/input.ws.js

@@ -1,37 +0,0 @@
-import { FormTextFieldIcon } from "@webstudio-is/icons/svg";
-import { input } from "../css/normalize";
-import {
-  defaultStates
-} from "./component-meta";
-import { props } from "./__generated__/input.props";
-const presetStyle = {
-  input
-};
-const meta = {
-  category: "forms",
-  type: "control",
-  label: "Text Input",
-  icon: FormTextFieldIcon,
-  presetStyle,
-  order: 3,
-  states: [
-    ...defaultStates,
-    { selector: "::placeholder", label: "Placeholder" },
-    { 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" }
-  ]
-};
-const propsMeta = {
-  props,
-  initialProps: ["name", "type", "placeholder", "required", "autoFocus"]
-};
-export {
-  meta,
-  propsMeta
-};

package/lib/components/italic.js

@@ -1,9 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
-const defaultTag = "i";
-const Italic = forwardRef((props, ref) => /* @__PURE__ */ jsx("i", { ...props, ref }));
-Italic.displayName = "Italic";
-export {
-  Italic,
-  defaultTag
-};

package/lib/components/italic.ws.js

@@ -1,29 +0,0 @@
-import { TextItalicIcon } from "@webstudio-is/icons/svg";
-import {
-  defaultStates
-} from "./component-meta";
-import { props } from "./__generated__/italic.props";
-import { i } from "../css/normalize";
-const presetStyle = {
-  i: [
-    ...i,
-    {
-      property: "fontStyle",
-      value: { type: "keyword", value: "italic" }
-    }
-  ]
-};
-const meta = {
-  type: "rich-text-child",
-  label: "Italic Text",
-  icon: TextItalicIcon,
-  states: defaultStates,
-  presetStyle
-};
-const propsMeta = {
-  props
-};
-export {
-  meta,
-  propsMeta
-};

package/lib/components/label.js

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

package/lib/components/label.ws.js

@@ -1,45 +0,0 @@
-import { TextBlockIcon } from "@webstudio-is/icons/svg";
-import {
-  defaultStates
-} from "./component-meta";
-import { props } from "./__generated__/label.props";
-import { label } from "../css/normalize";
-const presetStyle = {
-  label: [
-    ...label,
-    { property: "display", value: { type: "keyword", value: "block" } }
-  ]
-};
-const meta = {
-  category: "forms",
-  type: "rich-text",
-  label: "Input Label",
-  icon: TextBlockIcon,
-  states: defaultStates,
-  presetStyle,
-  order: 2,
-  template: [
-    {
-      type: "instance",
-      component: "Label",
-      children: [{ type: "text", value: "Form Label" }]
-    }
-  ]
-};
-const propsMeta = {
-  props: {
-    ...props,
-    htmlFor: {
-      required: false,
-      control: "text",
-      type: "string",
-      rows: 0,
-      label: "For"
-    }
-  },
-  initialProps: ["htmlFor"]
-};
-export {
-  meta,
-  propsMeta
-};

package/lib/components/link-block.js

@@ -1,10 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
-import { Link } from "./link";
-import { defaultTag } from "./link";
-const LinkBlock = forwardRef((props, ref) => /* @__PURE__ */ jsx(Link, { ...props, ref }));
-LinkBlock.displayName = "LinkBlock";
-export {
-  LinkBlock,
-  defaultTag
-};

package/lib/components/link-block.ws.js

@@ -1,33 +0,0 @@
-import { LinkBlockIcon } from "@webstudio-is/icons/svg";
-import { props } from "./__generated__/link-block.props";
-import { meta as linkMeta, propsMeta as linkPropsMeta } from "./link.ws";
-import { a } from "../css/normalize";
-const presetStyle = {
-  a: [
-    ...a,
-    {
-      property: "display",
-      value: { type: "keyword", value: "inline-block" }
-    }
-  ]
-};
-const meta = {
-  category: "general",
-  type: "container",
-  label: "Link Block",
-  icon: LinkBlockIcon,
-  states: linkMeta.states,
-  presetStyle,
-  order: 2
-};
-const propsMeta = {
-  props: {
-    ...props,
-    href: linkPropsMeta.props.href
-  },
-  initialProps: linkPropsMeta.initialProps
-};
-export {
-  meta,
-  propsMeta
-};

package/lib/components/link.js

@@ -1,29 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
-import { usePropUrl, getInstanceIdFromComponentProps } from "../props";
-import { getParams } from "../app/params";
-const defaultTag = "a";
-const Link = forwardRef((props, ref) => {
-  const href = usePropUrl(getInstanceIdFromComponentProps(props), "href");
-  const { assetBaseUrl } = getParams();
-  let url = "#";
-  switch (href?.type) {
-    case "page":
-      url = href.page.path === "" ? "/" : href.page.path;
-      if (href.hash !== void 0) {
-        url += `#${href.hash}`;
-      }
-      break;
-    case "asset":
-      url = `${assetBaseUrl}${href.asset.name}`;
-      break;
-    case "string":
-      url = href.url;
-  }
-  return /* @__PURE__ */ jsx("a", { ...props, href: url, ref });
-});
-Link.displayName = "Link";
-export {
-  Link,
-  defaultTag
-};

package/lib/components/link.ws.js

@@ -1,61 +0,0 @@
-import { LinkIcon } from "@webstudio-is/icons/svg";
-import { a } from "../css/normalize";
-import {
-  defaultStates
-} from "./component-meta";
-import { props } from "./__generated__/link.props";
-const presetStyle = {
-  a: [
-    ...a,
-    {
-      property: "minHeight",
-      value: { type: "unit", unit: "em", value: 1 }
-    },
-    {
-      property: "display",
-      value: { type: "keyword", value: "inline-block" }
-    }
-  ]
-};
-const meta = {
-  category: "general",
-  type: "rich-text",
-  label: "Link Text",
-  icon: LinkIcon,
-  presetStyle,
-  order: 1,
-  states: [
-    ...defaultStates,
-    {
-      selector: ":visited",
-      label: "Visited"
-    },
-    {
-      category: "component-states",
-      selector: "[aria-current=page]",
-      label: "Current page"
-    }
-  ],
-  template: [
-    {
-      type: "instance",
-      component: "Link",
-      children: [{ type: "text", value: "Link text you can edit" }]
-    }
-  ]
-};
-const propsMeta = {
-  props: {
-    ...props,
-    href: {
-      type: "string",
-      control: "url",
-      required: false
-    }
-  },
-  initialProps: ["href", "target", "prefetch"]
-};
-export {
-  meta,
-  propsMeta
-};

package/lib/components/list-item.js

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

package/lib/components/list-item.ws.js

@@ -1,33 +0,0 @@
-import { ListItemIcon } from "@webstudio-is/icons/svg";
-import { li } from "../css/normalize";
-import {
-  defaultStates
-} from "./component-meta";
-import { props } from "./__generated__/list-item.props";
-const presetStyle = {
-  li
-};
-const meta = {
-  category: "general",
-  type: "rich-text",
-  requiredAncestors: ["List"],
-  label: "List Item",
-  icon: ListItemIcon,
-  states: defaultStates,
-  presetStyle,
-  template: [
-    {
-      type: "instance",
-      component: "ListItem",
-      children: [{ type: "text", value: "List Item you can edit" }]
-    }
-  ],
-  order: 4
-};
-const propsMeta = {
-  props
-};
-export {
-  meta,
-  propsMeta
-};

package/lib/components/list.js

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

package/lib/components/list.ws.js

@@ -1,55 +0,0 @@
-import { ListIcon } from "@webstudio-is/icons/svg";
-import {
-  defaultStates
-} from "./component-meta";
-import { props } from "./__generated__/list.props";
-import { ol, ul } from "../css/normalize";
-const presetStyle = {
-  ol: [
-    ...ol,
-    {
-      property: "marginTop",
-      value: { type: "keyword", value: "0" }
-    },
-    {
-      property: "marginBottom",
-      value: { type: "keyword", value: "10px" }
-    },
-    {
-      property: "paddingLeft",
-      value: { type: "keyword", value: "40px" }
-    }
-  ],
-  ul: [
-    ...ul,
-    {
-      property: "marginTop",
-      value: { type: "keyword", value: "0" }
-    },
-    {
-      property: "marginBottom",
-      value: { type: "keyword", value: "10px" }
-    },
-    {
-      property: "paddingLeft",
-      value: { type: "keyword", value: "40px" }
-    }
-  ]
-};
-const meta = {
-  category: "general",
-  type: "container",
-  label: "List",
-  icon: ListIcon,
-  states: defaultStates,
-  presetStyle,
-  order: 3
-};
-const propsMeta = {
-  props,
-  initialProps: ["ordered", "type", "starts", "reversed"]
-};
-export {
-  meta,
-  propsMeta
-};

package/lib/components/paragraph.js

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

package/lib/components/paragraph.ws.js

@@ -1,32 +0,0 @@
-import { TextAlignLeftIcon } from "@webstudio-is/icons/svg";
-import { p } from "../css/normalize";
-import {
-  defaultStates
-} from "./component-meta";
-import { props } from "./__generated__/paragraph.props";
-const presetStyle = {
-  p
-};
-const meta = {
-  category: "text",
-  type: "rich-text",
-  label: "Paragraph",
-  icon: TextAlignLeftIcon,
-  states: defaultStates,
-  presetStyle,
-  template: [
-    {
-      type: "instance",
-      component: "Paragraph",
-      children: [{ type: "text", value: "Pragraph you can edit" }]
-    }
-  ],
-  order: 2
-};
-const propsMeta = {
-  props
-};
-export {
-  meta,
-  propsMeta
-};

package/lib/components/radio-button-field.js

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

package/lib/components/radio-button-field.ws.js

@@ -1,44 +0,0 @@
-import { RadioCheckedIcon } from "@webstudio-is/icons/svg";
-import {
-  defaultStates
-} from "./component-meta";
-import { props } from "./__generated__/radio-button-field.props";
-import { label } from "../css/normalize";
-const presetStyle = {
-  label: [
-    ...label,
-    { property: "display", value: { type: "keyword", value: "flex" } }
-  ]
-};
-const meta = {
-  category: "forms",
-  type: "container",
-  label: "Radio",
-  icon: RadioCheckedIcon,
-  states: defaultStates,
-  presetStyle,
-  template: [
-    {
-      type: "instance",
-      component: "RadioButtonField",
-      children: [
-        { type: "instance", component: "RadioButton", props: [], children: [] },
-        {
-          type: "instance",
-          component: "TextBlock",
-          label: "Radio Label",
-          props: [],
-          children: [{ type: "text", value: "Radio" }]
-        }
-      ]
-    }
-  ]
-};
-const propsMeta = {
-  props,
-  initialProps: []
-};
-export {
-  meta,
-  propsMeta
-};

package/lib/components/radio-button.js

@@ -1,9 +0,0 @@
-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 }));
-RadioButton.displayName = "RadioButton";
-export {
-  RadioButton,
-  defaultTag
-};