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

package/lib/cjs/superscript.ws.js

@@ -1,42 +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 superscript_ws_exports = {};
-__export(superscript_ws_exports, {
-  meta: () => meta,
-  propsMeta: () => propsMeta
-});
-module.exports = __toCommonJS(superscript_ws_exports);
-var import_svg = require("@webstudio-is/icons/svg");
-var import_react_sdk = require("@webstudio-is/react-sdk");
-var import_css_normalize = require("@webstudio-is/react-sdk/css-normalize");
-var import_superscript = require("./__generated__/superscript.props");
-const presetStyle = {
-  sup: import_css_normalize.sup
-};
-const meta = {
-  type: "rich-text-child",
-  label: "Superscript Text",
-  icon: import_svg.SuperscriptIcon,
-  states: import_react_sdk.defaultStates,
-  presetStyle
-};
-const propsMeta = {
-  props: import_superscript.props,
-  initialProps: ["id"]
-};

package/lib/cjs/text.js

@@ -1,32 +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 text_exports = {};
-__export(text_exports, {
-  Text: () => Text,
-  defaultTag: () => defaultTag
-});
-module.exports = __toCommonJS(text_exports);
-var import_react = require("react");
-const defaultTag = "div";
-const Text = (0, import_react.forwardRef)(
-  ({ tag = defaultTag, ...props }, ref) => {
-    return (0, import_react.createElement)(tag, { ...props, ref });
-  }
-);
-Text.displayName = "Text";

package/lib/cjs/text.ws.js

@@ -1,58 +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 text_ws_exports = {};
-__export(text_ws_exports, {
-  meta: () => meta,
-  propsMeta: () => propsMeta
-});
-module.exports = __toCommonJS(text_ws_exports);
-var import_svg = require("@webstudio-is/icons/svg");
-var import_react_sdk = require("@webstudio-is/react-sdk");
-var import_css_normalize = require("@webstudio-is/react-sdk/css-normalize");
-var import_text = require("./__generated__/text.props");
-const presetStyle = {
-  div: [
-    ...import_css_normalize.div,
-    {
-      property: "minHeight",
-      value: { type: "unit", unit: "em", value: 1 }
-    }
-  ]
-};
-const meta = {
-  category: "text",
-  type: "container",
-  label: "Text",
-  description: "A generic container for any text content that is not a heading or a link.",
-  icon: import_svg.TextIcon,
-  states: import_react_sdk.defaultStates,
-  presetStyle,
-  template: [
-    {
-      type: "instance",
-      component: "Text",
-      children: [{ type: "text", value: "The text you can edit" }]
-    }
-  ],
-  order: 0
-};
-const propsMeta = {
-  props: import_text.props,
-  initialProps: ["id", "tag"]
-};

package/lib/cjs/textarea.js

@@ -1,29 +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 textarea_exports = {};
-__export(textarea_exports, {
-  Textarea: () => Textarea,
-  defaultTag: () => defaultTag
-});
-module.exports = __toCommonJS(textarea_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_react = require("react");
-const defaultTag = "textarea";
-const Textarea = (0, import_react.forwardRef)(({ children: _children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("textarea", { ...props, ref }));
-Textarea.displayName = "Textarea";

package/lib/cjs/textarea.ws.js

@@ -1,64 +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 textarea_ws_exports = {};
-__export(textarea_ws_exports, {
-  meta: () => meta,
-  propsMeta: () => propsMeta
-});
-module.exports = __toCommonJS(textarea_ws_exports);
-var import_svg = require("@webstudio-is/icons/svg");
-var import_react_sdk = require("@webstudio-is/react-sdk");
-var import_css_normalize = require("@webstudio-is/react-sdk/css-normalize");
-var import_textarea = require("./__generated__/textarea.props");
-const presetStyle = {
-  textarea: [
-    ...import_css_normalize.textarea,
-    // resize doesn't work well while on canvas
-    { property: "resize", value: { type: "keyword", value: "none" } },
-    {
-      property: "display",
-      value: { type: "keyword", value: "block" }
-    }
-  ]
-};
-const meta = {
-  category: "forms",
-  type: "control",
-  label: "Text Area",
-  description: "A multi-line text input for collecting longer string data from your users.",
-  icon: import_svg.FormTextAreaIcon,
-  presetStyle,
-  order: 4,
-  states: [
-    ...import_react_sdk.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: import_textarea.props,
-  initialProps: ["id", "name", "placeholder", "required", "autoFocus"]
-};

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

@@ -1,38 +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 vimeo_play_button_exports = {};
-__export(vimeo_play_button_exports, {
-  VimeoPlayButton: () => VimeoPlayButton,
-  defaultTag: () => import_button.defaultTag
-});
-module.exports = __toCommonJS(vimeo_play_button_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_react = require("react");
-var import_vimeo = require("./vimeo");
-var import_button = require("./button");
-const VimeoPlayButton = (0, import_react.forwardRef)(
-  (props, ref) => {
-    const vimeoContext = (0, import_react.useContext)(import_vimeo.VimeoContext);
-    if (vimeoContext.status !== "initial") {
-      return null;
-    }
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button.Button, { ...props, onClick: vimeoContext.onInitPlayer, ref });
-  }
-);
-VimeoPlayButton.displayName = "VimeoPlayButton";

package/lib/cjs/vimeo-play-button.ws.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 vimeo_play_button_ws_exports = {};
-__export(vimeo_play_button_ws_exports, {
-  meta: () => meta,
-  propsMeta: () => propsMeta
-});
-module.exports = __toCommonJS(vimeo_play_button_ws_exports);
-var import_react_sdk = require("@webstudio-is/react-sdk");
-var import_vimeo_play_button = require("./__generated__/vimeo-play-button.props");
-var import_svg = require("@webstudio-is/icons/svg");
-var import_css_normalize = require("@webstudio-is/react-sdk/css-normalize");
-var import_vimeo_play_button2 = require("./vimeo-play-button");
-const presetStyle = {
-  button: import_css_normalize.button
-};
-const meta = {
-  category: "hidden",
-  type: "container",
-  invalidAncestors: ["Button"],
-  requiredAncestors: ["Vimeo"],
-  label: "Play Button",
-  icon: import_svg.ButtonElementIcon,
-  presetStyle,
-  states: import_react_sdk.defaultStates
-};
-const propsMeta = {
-  props: import_vimeo_play_button.props,
-  initialProps: ["id"]
-};

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

@@ -1,40 +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 vimeo_preview_image_exports = {};
-__export(vimeo_preview_image_exports, {
-  VimeoPreviewImage: () => VimeoPreviewImage
-});
-module.exports = __toCommonJS(vimeo_preview_image_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_react = require("react");
-var import_image = require("./image");
-var import_vimeo = require("./vimeo");
-const base64Preview = `data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkOAMAANIAzr59FiYAAAAASUVORK5CYII=`;
-const VimeoPreviewImage = (0, import_react.forwardRef)(({ src, ...rest }, ref) => {
-  const vimeoContext = (0, import_react.useContext)(import_vimeo.VimeoContext);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_image.Image,
-    {
-      ...rest,
-      src: String(vimeoContext.previewImageUrl ?? src ?? base64Preview),
-      ref
-    }
-  );
-});
-VimeoPreviewImage.displayName = "VimeoPreviewImage";

package/lib/cjs/vimeo-preview-image.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 vimeo_preview_image_ws_exports = {};
-__export(vimeo_preview_image_ws_exports, {
-  meta: () => meta,
-  propsMeta: () => propsMeta
-});
-module.exports = __toCommonJS(vimeo_preview_image_ws_exports);
-var import_react_sdk = require("@webstudio-is/react-sdk");
-var import_image = require("./image.ws");
-var import_vimeo_preview_image = require("./__generated__/vimeo-preview-image.props");
-const meta = {
-  ...import_image.meta,
-  category: "hidden",
-  label: "Preview Image",
-  requiredAncestors: ["Vimeo"]
-};
-const propsMeta = {
-  props: { ...import_vimeo_preview_image.props, ...import_image.propsOverrides },
-  initialProps: import_image.propsMeta.initialProps
-};

package/lib/cjs/vimeo-spinner.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 vimeo_spinner_exports = {};
-__export(vimeo_spinner_exports, {
-  VimeoSpinner: () => VimeoSpinner
-});
-module.exports = __toCommonJS(vimeo_spinner_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_react = require("react");
-var import_vimeo = require("./vimeo");
-const defaultTag = "div";
-const VimeoSpinner = (0, import_react.forwardRef)(
-  (props, ref) => {
-    const vimeoContext = (0, import_react.useContext)(import_vimeo.VimeoContext);
-    if (vimeoContext.status !== "initialized") {
-      return null;
-    }
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { ...props, ref });
-  }
-);
-VimeoSpinner.displayName = "VimeoSpinner";

package/lib/cjs/vimeo-spinner.ws.js

@@ -1,44 +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 vimeo_spinner_ws_exports = {};
-__export(vimeo_spinner_ws_exports, {
-  meta: () => meta,
-  propsMeta: () => propsMeta
-});
-module.exports = __toCommonJS(vimeo_spinner_ws_exports);
-var import_react_sdk = require("@webstudio-is/react-sdk");
-var import_vimeo_spinner = require("./__generated__/vimeo-spinner.props");
-var import_css_normalize = require("@webstudio-is/react-sdk/css-normalize");
-var import_svg = require("@webstudio-is/icons/svg");
-const presetStyle = {
-  div: import_css_normalize.div
-};
-const meta = {
-  type: "container",
-  icon: import_svg.BoxIcon,
-  states: import_react_sdk.defaultStates,
-  presetStyle,
-  category: "hidden",
-  label: "Spinner",
-  requiredAncestors: ["Vimeo"]
-};
-const propsMeta = {
-  props: import_vimeo_spinner.props,
-  initialProps: ["id"]
-};