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

package/lib/cjs/form.ws.js

@@ -1,157 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var form_ws_exports = {};
-__export(form_ws_exports, {
-  meta: () => meta,
-  propsMeta: () => propsMeta
-});
-module.exports = __toCommonJS(form_ws_exports);
-var import_svg = require("@webstudio-is/icons/svg");
-var import_css_normalize = require("@webstudio-is/react-sdk/css-normalize");
-var import_react_sdk = require("@webstudio-is/react-sdk");
-var import_form = require("./__generated__/form.props");
-const presetStyle = {
-  form: [
-    ...import_css_normalize.form,
-    { property: "minHeight", value: { type: "unit", unit: "px", value: 20 } }
-  ]
-};
-const meta = {
-  category: "forms",
-  type: "container",
-  invalidAncestors: ["Form"],
-  label: "Form",
-  description: "Collect information from your users using validation rules.",
-  icon: import_svg.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: import_react_sdk.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: import_react_sdk.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: import_react_sdk.showAttribute,
-              dataSourceName: "formError"
-            }
-          ],
-          children: [{ type: "text", value: "Sorry, something went wrong." }]
-        }
-      ]
-    }
-  ]
-};
-const propsMeta = {
-  props: import_form.props,
-  initialProps: ["id", "state", "action"]
-};

package/lib/cjs/link.js

@@ -1,26 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var link_exports = {};
-__export(link_exports, {
-  Link: () => Link
-});
-module.exports = __toCommonJS(link_exports);
-var import_sdk_components_react = require("@webstudio-is/sdk-components-react");
-var import_remix_link = require("./shared/remix-link");
-const Link = (0, import_remix_link.wrapLinkComponent)(import_sdk_components_react.Link);

package/lib/cjs/link.ws.js

@@ -1,37 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var link_ws_exports = {};
-__export(link_ws_exports, {
-  meta: () => import_metas.Link,
-  propsMeta: () => propsMeta
-});
-module.exports = __toCommonJS(link_ws_exports);
-var import_link = require("./__generated__/link.props");
-var import_metas = require("@webstudio-is/sdk-components-react/metas");
-const propsMeta = {
-  props: {
-    ...import_link.props,
-    href: {
-      type: "string",
-      control: "url",
-      required: false
-    }
-  },
-  initialProps: ["id", "href", "target", "prefetch"]
-};

package/lib/cjs/metas.js

@@ -1,24 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var metas_exports = {};
-__export(metas_exports, {
-  Form: () => import_form.meta
-});
-module.exports = __toCommonJS(metas_exports);
-var import_form = require("./form.ws");

package/lib/cjs/package.json

@@ -1 +0,0 @@
-{"type":"commonjs"}

package/lib/cjs/props.js

@@ -1,28 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var props_exports = {};
-__export(props_exports, {
-  Form: () => import_form.propsMeta,
-  Link: () => import_link.propsMeta,
-  RichTextLink: () => import_rich_text_link.propsMeta
-});
-module.exports = __toCommonJS(props_exports);
-var import_form = require("./form.ws");
-var import_link = require("./link.ws");
-var import_rich_text_link = require("./rich-text-link.ws");

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

@@ -1,26 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var rich_text_link_exports = {};
-__export(rich_text_link_exports, {
-  RichTextLink: () => RichTextLink
-});
-module.exports = __toCommonJS(rich_text_link_exports);
-var import_sdk_components_react = require("@webstudio-is/sdk-components-react");
-var import_remix_link = require("./shared/remix-link");
-const RichTextLink = (0, import_remix_link.wrapLinkComponent)(import_sdk_components_react.RichTextLink);

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

@@ -1,27 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var rich_text_link_ws_exports = {};
-__export(rich_text_link_ws_exports, {
-  meta: () => import_metas.RichTextLink,
-  propsMeta: () => propsMeta
-});
-module.exports = __toCommonJS(rich_text_link_ws_exports);
-var import_link = require("./link.ws");
-var import_metas = require("@webstudio-is/sdk-components-react/metas");
-const propsMeta = import_link.propsMeta;

package/lib/cjs/shared/remix-link.js

@@ -1,46 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var remix_link_exports = {};
-__export(remix_link_exports, {
-  wrapLinkComponent: () => wrapLinkComponent
-});
-module.exports = __toCommonJS(remix_link_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_react = require("react");
-var import_react2 = require("@remix-run/react");
-var import_react_sdk = require("@webstudio-is/react-sdk");
-const wrapLinkComponent = (BaseLink) => {
-  const Component = (0, import_react.forwardRef)((props, ref) => {
-    const href = (0, import_react_sdk.usePropUrl)((0, import_react_sdk.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__ */ (0, import_jsx_runtime.jsx)(import_react2.NavLink, { ...props, to, ref });
-    }
-    const { prefetch, reloadDocument, replace, preventScrollReset, ...rest } = props;
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(BaseLink, { ...rest, ref });
-  });
-  Component.displayName = BaseLink.displayName;
-  return Component;
-};