@webstudio-is/sdk-components-react-remix 0.95.0 → 0.97.0

package/lib/form.ws.js

@@ -1,136 +0,0 @@
-"use strict";
-import { FormIcon } from "@webstudio-is/icons/svg";
-import { form } from "@webstudio-is/react-sdk/css-normalize";
-import {
-  showAttribute
-} from "@webstudio-is/react-sdk";
-import { props } from "./__generated__/form.props";
-const presetStyle = {
-  form: [
-    ...form,
-    { property: "minHeight", value: { type: "unit", unit: "px", value: 20 } }
-  ]
-};
-export const meta = {
-  category: "forms",
-  type: "container",
-  invalidAncestors: ["Form"],
-  label: "Form",
-  description: "Collect information from your users using validation rules.",
-  icon: FormIcon,
-  presetStyle,
-  order: 0,
-  states: [
-    { selector: "[data-state=error]", label: "Error" },
-    { selector: "[data-state=success]", label: "Success" }
-  ],
-  template: [
-    {
-      type: "instance",
-      component: "Form",
-      dataSources: {
-        formState: { type: "variable", initialValue: "initial" }
-      },
-      props: [
-        {
-          type: "dataSource",
-          name: "state",
-          dataSourceName: "formState"
-        }
-      ],
-      children: [
-        {
-          type: "instance",
-          label: "Form Content",
-          component: "Box",
-          dataSources: {
-            formInitial: {
-              type: "expression",
-              code: `formState === 'initial' || formState === 'error'`
-            }
-          },
-          props: [
-            {
-              type: "dataSource",
-              name: showAttribute,
-              dataSourceName: "formInitial"
-            }
-          ],
-          children: [
-            {
-              type: "instance",
-              component: "Label",
-              children: [{ type: "text", value: "Name" }]
-            },
-            {
-              type: "instance",
-              component: "Input",
-              props: [{ type: "string", name: "name", value: "name" }],
-              children: []
-            },
-            {
-              type: "instance",
-              component: "Label",
-              children: [{ type: "text", value: "Email" }]
-            },
-            {
-              type: "instance",
-              component: "Input",
-              props: [{ type: "string", name: "name", value: "email" }],
-              children: []
-            },
-            {
-              type: "instance",
-              component: "Button",
-              children: [{ type: "text", value: "Submit" }]
-            }
-          ]
-        },
-        {
-          type: "instance",
-          label: "Success Message",
-          component: "Box",
-          dataSources: {
-            formSuccess: {
-              type: "expression",
-              code: `formState === 'success'`
-            }
-          },
-          props: [
-            {
-              type: "dataSource",
-              name: showAttribute,
-              dataSourceName: "formSuccess"
-            }
-          ],
-          children: [
-            { type: "text", value: "Thank you for getting in touch!" }
-          ]
-        },
-        {
-          type: "instance",
-          label: "Error Message",
-          component: "Box",
-          dataSources: {
-            formError: {
-              type: "expression",
-              code: `formState === 'error'`
-            }
-          },
-          props: [
-            {
-              type: "dataSource",
-              name: showAttribute,
-              dataSourceName: "formError"
-            }
-          ],
-          children: [{ type: "text", value: "Sorry, something went wrong." }]
-        }
-      ]
-    }
-  ]
-};
-export const propsMeta = {
-  props,
-  initialProps: ["id", "state", "action"]
-};

package/lib/link.js

@@ -1,4 +0,0 @@
-"use strict";
-import { Link as BaseLink } from "@webstudio-is/sdk-components-react";
-import { wrapLinkComponent } from "./shared/remix-link";
-export const Link = wrapLinkComponent(BaseLink);

package/lib/link.ws.js

@@ -1,14 +0,0 @@
-"use strict";
-import { props } from "./__generated__/link.props";
-export { Link as meta } from "@webstudio-is/sdk-components-react/metas";
-export const propsMeta = {
-  props: {
-    ...props,
-    href: {
-      type: "string",
-      control: "url",
-      required: false
-    }
-  },
-  initialProps: ["id", "href", "target", "prefetch"]
-};

package/lib/rich-text-link.js

@@ -1,4 +0,0 @@
-"use strict";
-import { RichTextLink as BaseLink } from "@webstudio-is/sdk-components-react";
-import { wrapLinkComponent } from "./shared/remix-link";
-export const RichTextLink = wrapLinkComponent(BaseLink);

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

@@ -1,4 +0,0 @@
-"use strict";
-import { propsMeta as linkPropsMeta } from "./link.ws";
-export { RichTextLink as meta } from "@webstudio-is/sdk-components-react/metas";
-export const propsMeta = linkPropsMeta;

package/lib/shared/remix-link.js

@@ -1,27 +0,0 @@
-"use strict";
-import { jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
-import { NavLink as RemixLink } from "@remix-run/react";
-import {
-  usePropUrl,
-  getInstanceIdFromComponentProps
-} from "@webstudio-is/react-sdk";
-export const wrapLinkComponent = (BaseLink) => {
-  const Component = forwardRef((props, ref) => {
-    const href = usePropUrl(getInstanceIdFromComponentProps(props), "href");
-    if (href?.type === "page") {
-      let to = href.page.path === "" ? "/" : href.page.path;
-      const urlTo = new URL(to, "https://any-valid.url");
-      to = urlTo.pathname;
-      if (href.hash !== void 0) {
-        urlTo.hash = encodeURIComponent(href.hash);
-        to = `${urlTo.pathname}${urlTo.hash}`;
-      }
-      return /* @__PURE__ */ jsx(RemixLink, { ...props, to, ref });
-    }
-    const { prefetch, reloadDocument, replace, preventScrollReset, ...rest } = props;
-    return /* @__PURE__ */ jsx(BaseLink, { ...rest, ref });
-  });
-  Component.displayName = BaseLink.displayName;
-  return Component;
-};