@webstudio-is/sdk-components-react 0.218.0 → 0.220.0

package/lib/types/heading.ws.d.ts

@@ -1,3 +1,2 @@
-import { type WsComponentMeta, type WsComponentPropsMeta } from "@webstudio-is/sdk";
+import { type WsComponentMeta } from "@webstudio-is/sdk";
 export declare const meta: WsComponentMeta;
-export declare const propsMeta: WsComponentPropsMeta;

package/lib/types/html-embed.ws.d.ts

@@ -1,3 +1,2 @@
-import { type WsComponentMeta, type WsComponentPropsMeta } from "@webstudio-is/sdk";
+import { type WsComponentMeta } from "@webstudio-is/sdk";
 export declare const meta: WsComponentMeta;
-export declare const propsMeta: WsComponentPropsMeta;

package/lib/types/image.ws.d.ts

@@ -1,3 +1,2 @@
-import { type WsComponentMeta, type WsComponentPropsMeta } from "@webstudio-is/sdk";
+import { type WsComponentMeta } from "@webstudio-is/sdk";
 export declare const meta: WsComponentMeta;
-export declare const propsMeta: WsComponentPropsMeta;

package/lib/types/input.ws.d.ts

@@ -1,3 +1,2 @@
-import { type WsComponentMeta, type WsComponentPropsMeta } from "@webstudio-is/sdk";
+import { type WsComponentMeta } from "@webstudio-is/sdk";
 export declare const meta: WsComponentMeta;
-export declare const propsMeta: WsComponentPropsMeta;

package/lib/types/italic.ws.d.ts

@@ -1,3 +1,2 @@
-import { type WsComponentMeta, type WsComponentPropsMeta } from "@webstudio-is/sdk";
+import { type WsComponentMeta } from "@webstudio-is/sdk";
 export declare const meta: WsComponentMeta;
-export declare const propsMeta: WsComponentPropsMeta;

package/lib/types/label.ws.d.ts

@@ -1,3 +1,2 @@
-import { type WsComponentMeta, type WsComponentPropsMeta } from "@webstudio-is/sdk";
+import { type WsComponentMeta } from "@webstudio-is/sdk";
 export declare const meta: WsComponentMeta;
-export declare const propsMeta: WsComponentPropsMeta;

package/lib/types/link.d.ts

@@ -1,5 +1,5 @@
 export declare const defaultTag = "a";
-export declare const Link: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "download" | "target"> & {
+export declare const Link: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "target" | "download"> & {
     target?: "_self" | "_blank" | "_parent" | "_top";
     download?: boolean;
     prefetch?: "none" | "intent" | "render" | "viewport";

package/lib/types/link.ws.d.ts

@@ -1,3 +1,2 @@
-import { type WsComponentMeta, type WsComponentPropsMeta } from "@webstudio-is/sdk";
+import { type WsComponentMeta } from "@webstudio-is/sdk";
 export declare const meta: WsComponentMeta;
-export declare const propsMeta: WsComponentPropsMeta;

package/lib/types/list-item.ws.d.ts

@@ -1,3 +1,2 @@
-import { type WsComponentMeta, type WsComponentPropsMeta } from "@webstudio-is/sdk";
+import { type WsComponentMeta } from "@webstudio-is/sdk";
 export declare const meta: WsComponentMeta;
-export declare const propsMeta: WsComponentPropsMeta;

package/lib/types/list.ws.d.ts

@@ -1,3 +1,2 @@
-import { type WsComponentMeta, type WsComponentPropsMeta } from "@webstudio-is/sdk";
+import { type WsComponentMeta } from "@webstudio-is/sdk";
 export declare const meta: WsComponentMeta;
-export declare const propsMeta: WsComponentPropsMeta;

package/lib/types/markdown-embed.ws.d.ts

@@ -1,3 +1,2 @@
-import { type WsComponentMeta, type WsComponentPropsMeta } from "@webstudio-is/sdk";
+import { type WsComponentMeta } from "@webstudio-is/sdk";
 export declare const meta: WsComponentMeta;
-export declare const propsMeta: WsComponentPropsMeta;

package/lib/types/option.ws.d.ts

@@ -1,3 +1,2 @@
-import type { WsComponentMeta, WsComponentPropsMeta } from "@webstudio-is/sdk";
+import type { WsComponentMeta } from "@webstudio-is/sdk";
 export declare const meta: WsComponentMeta;
-export declare const propsMeta: WsComponentPropsMeta;

package/lib/types/paragraph.ws.d.ts

@@ -1,3 +1,2 @@
-import { type WsComponentMeta, type WsComponentPropsMeta } from "@webstudio-is/sdk";
+import { type WsComponentMeta } from "@webstudio-is/sdk";
 export declare const meta: WsComponentMeta;
-export declare const propsMeta: WsComponentPropsMeta;

package/lib/types/radio-button.ws.d.ts

@@ -1,3 +1,2 @@
-import { type WsComponentMeta, type WsComponentPropsMeta } from "@webstudio-is/sdk";
+import { type WsComponentMeta } from "@webstudio-is/sdk";
 export declare const meta: WsComponentMeta;
-export declare const propsMeta: WsComponentPropsMeta;

package/lib/types/rich-text-link.ws.d.ts

@@ -1,3 +1,2 @@
-import type { WsComponentMeta, WsComponentPropsMeta } from "@webstudio-is/sdk";
+import type { WsComponentMeta } from "@webstudio-is/sdk";
 export declare const meta: WsComponentMeta;
-export declare const propsMeta: WsComponentPropsMeta;

package/lib/types/select.ws.d.ts

@@ -1,3 +1,2 @@
-import { type WsComponentMeta, type WsComponentPropsMeta } from "@webstudio-is/sdk";
+import { type WsComponentMeta } from "@webstudio-is/sdk";
 export declare const meta: WsComponentMeta;
-export declare const propsMeta: WsComponentPropsMeta;

package/lib/types/separator.ws.d.ts

@@ -1,3 +1,2 @@
-import { type WsComponentMeta, type WsComponentPropsMeta } from "@webstudio-is/sdk";
+import { type WsComponentMeta } from "@webstudio-is/sdk";
 export declare const meta: WsComponentMeta;
-export declare const propsMeta: WsComponentPropsMeta;

package/lib/types/shared/video.d.ts

@@ -0,0 +1,7 @@
+export declare const requestFullscreen: (element: HTMLIFrameElement) => void;
+export type PlayerStatus = "initial" | "loading" | "ready";
+export declare const VideoContext: import("react").Context<{
+    previewImageUrl?: URL;
+    onInitPlayer: () => void;
+    status: PlayerStatus;
+}>;

package/lib/types/slot.ws.d.ts

@@ -1,3 +1,2 @@
-import type { WsComponentMeta, WsComponentPropsMeta } from "@webstudio-is/sdk";
+import type { WsComponentMeta } from "@webstudio-is/sdk";
 export declare const meta: WsComponentMeta;
-export declare const propsMeta: WsComponentPropsMeta;

package/lib/types/span.ws.d.ts

@@ -1,3 +1,2 @@
-import { type WsComponentMeta, type WsComponentPropsMeta } from "@webstudio-is/sdk";
+import { type WsComponentMeta } from "@webstudio-is/sdk";
 export declare const meta: WsComponentMeta;
-export declare const propsMeta: WsComponentPropsMeta;

package/lib/types/subscript.ws.d.ts

@@ -1,3 +1,2 @@
-import { type WsComponentMeta, type WsComponentPropsMeta } from "@webstudio-is/sdk";
+import { type WsComponentMeta } from "@webstudio-is/sdk";
 export declare const meta: WsComponentMeta;
-export declare const propsMeta: WsComponentPropsMeta;

package/lib/types/superscript.ws.d.ts

@@ -1,3 +1,2 @@
-import { type WsComponentMeta, type WsComponentPropsMeta } from "@webstudio-is/sdk";
+import { type WsComponentMeta } from "@webstudio-is/sdk";
 export declare const meta: WsComponentMeta;
-export declare const propsMeta: WsComponentPropsMeta;

package/lib/types/text.ws.d.ts

@@ -1,3 +1,2 @@
-import { type WsComponentMeta, type WsComponentPropsMeta } from "@webstudio-is/sdk";
+import { type WsComponentMeta } from "@webstudio-is/sdk";
 export declare const meta: WsComponentMeta;
-export declare const propsMeta: WsComponentPropsMeta;

package/lib/types/textarea.ws.d.ts

@@ -1,3 +1,2 @@
-import { type WsComponentMeta, type WsComponentPropsMeta } from "@webstudio-is/sdk";
+import { type WsComponentMeta } from "@webstudio-is/sdk";
 export declare const meta: WsComponentMeta;
-export declare const propsMeta: WsComponentPropsMeta;

package/lib/types/time.d.ts

@@ -4,14 +4,12 @@ type Language = (typeof languages)[number];
 type Country = (typeof countries)[number];
 type DateStyle = Intl.DateTimeFormatOptions["dateStyle"] | "none";
 type TimeStyle = Intl.DateTimeFormatOptions["timeStyle"] | "none";
-type TimeProps = {
-    datetime?: string;
+export declare const Time: import("react").ForwardRefExoticComponent<Pick<import("react").DetailedHTMLProps<import("react").TimeHTMLAttributes<HTMLTimeElement>, HTMLTimeElement>, "dateTime"> & {
     language?: Language;
     country?: Country;
     dateStyle?: DateStyle;
     timeStyle?: TimeStyle;
-};
-export declare const Time: import("react").ForwardRefExoticComponent<TimeProps & import("react").RefAttributes<HTMLTimeElement>>;
+} & import("react").RefAttributes<HTMLTimeElement>>;
 export declare const __testing__: {
     parseDate: (datetimeString: string) => Date | undefined;
 };

package/lib/types/time.ws.d.ts

@@ -1,3 +1,2 @@
-import { type WsComponentMeta, type WsComponentPropsMeta } from "@webstudio-is/sdk";
+import { type WsComponentMeta } from "@webstudio-is/sdk";
 export declare const meta: WsComponentMeta;
-export declare const propsMeta: WsComponentPropsMeta;

package/lib/types/video.ws.d.ts

@@ -1,3 +1,2 @@
-import { type WsComponentMeta, type WsComponentPropsMeta } from "@webstudio-is/sdk";
+import type { WsComponentMeta } from "@webstudio-is/sdk";
 export declare const meta: WsComponentMeta;
-export declare const propsMeta: WsComponentPropsMeta;

package/lib/types/vimeo-play-button.ws.d.ts

@@ -1,3 +1,2 @@
-import { type WsComponentMeta, type WsComponentPropsMeta } from "@webstudio-is/sdk";
+import { type WsComponentMeta } from "@webstudio-is/sdk";
 export declare const meta: WsComponentMeta;
-export declare const propsMeta: WsComponentPropsMeta;

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

@@ -1,3 +1,2 @@
-import type { WsComponentMeta, WsComponentPropsMeta } from "@webstudio-is/sdk";
+import type { WsComponentMeta } from "@webstudio-is/sdk";
 export declare const meta: WsComponentMeta;
-export declare const propsMeta: WsComponentPropsMeta;

package/lib/types/vimeo-spinner.ws.d.ts

@@ -1,3 +1,2 @@
-import { type WsComponentMeta, type WsComponentPropsMeta } from "@webstudio-is/sdk";
+import { type WsComponentMeta } from "@webstudio-is/sdk";
 export declare const meta: WsComponentMeta;
-export declare const propsMeta: WsComponentPropsMeta;

package/lib/types/vimeo.d.ts

@@ -66,13 +66,6 @@ export type VimeoOptions = Omit<VimeoPlayerOptions, "dnt" | "interactive_params"
     /** Whether to display the video owner's portrait. Only works if either title or byline are also enabled */
     showPortrait?: VimeoPlayerOptions["portrait"];
 };
-export declare const requestFullscreen: (element: HTMLIFrameElement) => void;
-type PlayerStatus = "initial" | "loading" | "ready";
-export declare const VimeoContext: import("react").Context<{
-    previewImageUrl?: URL;
-    onInitPlayer: () => void;
-    status: PlayerStatus;
-}>;
 declare const defaultTag = "div";
 type Props = Omit<ComponentProps<typeof defaultTag>, keyof VimeoOptions> & VimeoOptions & {
     /**

package/lib/types/vimeo.ws.d.ts

@@ -1,3 +1,2 @@
-import { type WsComponentMeta, type WsComponentPropsMeta } from "@webstudio-is/sdk";
+import { type WsComponentMeta } from "@webstudio-is/sdk";
 export declare const meta: WsComponentMeta;
-export declare const propsMeta: WsComponentPropsMeta;

package/lib/types/webhook-form.ws.d.ts

@@ -1,3 +1,2 @@
-import type { WsComponentMeta, WsComponentPropsMeta } from "@webstudio-is/sdk";
+import type { WsComponentMeta } from "@webstudio-is/sdk";
 export declare const meta: WsComponentMeta;
-export declare const propsMeta: WsComponentPropsMeta;

package/lib/types/xml-node.ws.d.ts

@@ -1,3 +1,2 @@
-import type { WsComponentMeta, WsComponentPropsMeta } from "@webstudio-is/sdk";
+import type { WsComponentMeta } from "@webstudio-is/sdk";
 export declare const meta: WsComponentMeta;
-export declare const propsMeta: WsComponentPropsMeta;

package/lib/types/xml-time.ws.d.ts

@@ -1,3 +1,2 @@
-import type { WsComponentMeta, WsComponentPropsMeta } from "@webstudio-is/sdk";
+import type { WsComponentMeta } from "@webstudio-is/sdk";
 export declare const meta: WsComponentMeta;
-export declare const propsMeta: WsComponentPropsMeta;

package/lib/types/youtube.ws.d.ts

@@ -1,3 +1,2 @@
-import { type WsComponentMeta, type WsComponentPropsMeta } from "@webstudio-is/sdk";
+import { type WsComponentMeta } from "@webstudio-is/sdk";
 export declare const meta: WsComponentMeta;
-export declare const propsMeta: WsComponentPropsMeta;

package/lib/video.js

@@ -1,26 +1,22 @@
-import { jsx as _ } from "react/jsx-runtime";
-import { forwardRef as H, useId as N, useContext as v, useEffect as y } from "react";
-import { ReactSdkContext as D } from "@webstudio-is/react-sdk/runtime";
-const c = "data-ws-video-id", R = {
-  HAVE_NOTHING: 0,
-  HAVE_METADATA: 1,
-  HAVE_CURRENT_DATA: 2,
-  HAVE_FUTURE_DATA: 3,
-  HAVE_ENOUGH_DATA: 4
-}, I = H(
+import { jsx as y } from "react/jsx-runtime";
+import { forwardRef as V, useId as N, useContext as h, useEffect as x } from "react";
+import { ReactSdkContext as I } from "@webstudio-is/react-sdk/runtime";
+const c = "data-ws-video-id", S = {
+  HAVE_METADATA: 1
+}, _ = V(
   ({
     $progress: n,
     $visible: r,
     $timeline: f,
-    $webstudio$canvasOnly$assetId: U,
+    $webstudio$canvasOnly$assetId: p,
     children: l,
     src: s,
-    ...A
-  }, T) => {
-    const a = N(), E = {
+    ...b
+  }, m) => {
+    const a = N(), A = {
       [c]: a
-    }, { assetBaseUrl: d } = v(D), b = s != null && s.startsWith(d) ? `/cgi/video/${s.slice(d.length)}` : s;
-    return y(() => {
+    }, { assetBaseUrl: d } = h(I), T = s != null && s.startsWith(d) ? `/cgi/video/${s.slice(d.length)}` : s;
+    return x(() => {
       if (n === void 0 || r === void 0)
         return;
       const e = document.querySelector(`[${c}="${a}"]`);
@@ -29,15 +25,15 @@ const c = "data-ws-video-id", R = {
       if (e.play().catch(() => {
       }), e.pause(), f)
         return n.subscribe((t) => {
-          if (e.readyState < R.HAVE_METADATA || (e.paused || e.pause(), e.seeking))
+          if (e.readyState < S.HAVE_METADATA || (e.paused || e.pause(), e.seeking))
             return;
           let u = e.duration;
           Number.isNaN(u) || (Number.isFinite(u) || (u = 60), e.currentTime = (t ?? 0) * u);
         });
       let i = !1, o = !1;
-      const m = r.subscribe((t) => {
+      const v = r.subscribe((t) => {
         o = t, o === !1 && i === !1 && !e.loop && (e.currentTime = 0);
-      }), V = n.subscribe((t) => {
+      }), E = n.subscribe((t) => {
         if (i && (t === void 0 || t === 0 || t === 1)) {
           i = !1, e.pause(), o === !1 && i === !1 && !e.loop && (e.currentTime = 0);
           return;
@@ -46,12 +42,12 @@ const c = "data-ws-video-id", R = {
         }));
       });
       return () => {
-        V(), m();
+        E(), v();
       };
-    }, [n, f, r, a]), /* @__PURE__ */ _("video", { src: b, ...A, ...E, ref: T, children: l });
+    }, [n, f, r, a]), /* @__PURE__ */ y("video", { src: T, ...b, ...A, ref: m, children: l });
   }
 );
-I.displayName = "Video";
+_.displayName = "Video";
 export {
-  I as Video
+  _ as Video
 };

package/lib/video.ws.js

@@ -1,5 +1,4 @@
 import { VideoIcon as e } from "@webstudio-is/icons/svg";
-import "@webstudio-is/sdk";
 import { props as o } from "./__generated__/video.props.js";
 const i = {
   icon: e,
@@ -14,22 +13,10 @@ const i = {
         value: { type: "unit", unit: "%", value: 100 }
       }
     ]
-  }
-}, l = {
-  props: {
-    ...o,
-    // Automatically generated props don't have the right control.
-    src: {
-      type: "string",
-      control: "file",
-      label: "Source",
-      required: !1,
-      accept: ".mp4,.webm,.mpg,.mpeg,.mov"
-    }
   },
   initialProps: [
     "id",
-    "className",
+    "class",
     "width",
     "height",
     "src",
@@ -39,9 +26,19 @@ const i = {
     "muted",
     "preload",
     "playsInline"
-  ]
+  ],
+  props: {
+    ...o,
+    // Automatically generated props don't have the right control.
+    src: {
+      type: "string",
+      control: "file",
+      label: "Source",
+      required: !1,
+      accept: ".mp4,.webm,.mpg,.mpeg,.mov"
+    }
+  }
 };
 export {
-  i as meta,
-  l as propsMeta
+  i as meta
 };

package/lib/vimeo-play-button.js

@@ -1,12 +1,12 @@
 import { jsx as e } from "react/jsx-runtime";
 import { forwardRef as r, useContext as a, useCallback as m } from "react";
-import { VimeoContext as s } from "./vimeo.js";
+import s from "await-interaction-response";
 import { Button as l } from "./button.js";
-import c from "await-interaction-response";
+import { VideoContext as c } from "./shared/video.js";
 const f = r(
   (o, i) => {
-    const t = a(s), n = m(async () => {
-      await c(), t.onInitPlayer();
+    const t = a(c), n = m(async () => {
+      await s(), t.onInitPlayer();
     }, [t]);
     if (t.status === "initial")
       return /* @__PURE__ */ e(l, { ...o, onClick: n, ref: i });

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

@@ -11,14 +11,10 @@ const m = {
     category: "none",
     children: ["instance"]
   },
-  presetStyle: {
-    button: e
-  }
-}, p = {
-  props: n,
-  initialProps: ["id", "className"]
+  presetStyle: { button: e },
+  initialProps: ["id", "class"],
+  props: n
 };
 export {
-  m as meta,
-  p as propsMeta
+  m as meta
 };

package/lib/vimeo-preview-image.js

@@ -1,10 +1,10 @@
-import { jsx as m } from "react/jsx-runtime";
-import { forwardRef as i, useContext as t } from "react";
+import { jsx as i } from "react/jsx-runtime";
+import { forwardRef as m, useContext as t } from "react";
 import { Image as a } from "./image.js";
-import { VimeoContext as g } from "./vimeo.js";
-const n = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkOAMAANIAzr59FiYAAAAASUVORK5CYII=", s = i(({ src: A, ...e }, o) => {
+import { VideoContext as g } from "./shared/video.js";
+const n = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkOAMAANIAzr59FiYAAAAASUVORK5CYII=", s = m(({ src: A, ...e }, o) => {
   const r = t(g);
-  return /* @__PURE__ */ m(
+  return /* @__PURE__ */ i(
     a,
     {
       ...e,

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

@@ -1,14 +1,14 @@
-import { meta as e, propsMeta as o } from "./image.ws.js";
+import { meta as e } from "./image.ws.js";
 import { props as r } from "./__generated__/vimeo-preview-image.props.js";
-const p = {
+const i = {
   ...e,
   category: "hidden",
   label: "Preview Image",
   contentModel: {
     category: "none",
     children: []
-  }
-}, i = {
+  },
+  initialProps: e.initialProps,
   props: {
     ...r,
     // Automatically generated props don't have the right control.
@@ -18,10 +18,8 @@ const p = {
       label: "Source",
       required: !1
     }
-  },
-  initialProps: o.initialProps
+  }
 };
 export {
-  p as meta,
-  i as propsMeta
+  i as meta
 };

package/lib/vimeo-spinner.js

@@ -1,6 +1,6 @@
 import { jsx as e } from "react/jsx-runtime";
 import { forwardRef as r, useContext as i } from "react";
-import { VimeoContext as n } from "./vimeo.js";
+import { VideoContext as n } from "./shared/video.js";
 const m = r(
   (o, t) => {
     if (i(n).status === "loading")

package/lib/vimeo-spinner.ws.js

@@ -11,14 +11,10 @@ const s = {
     category: "none",
     children: ["instance"]
   },
-  presetStyle: {
-    div: t
-  }
-}, c = {
-  props: r,
-  initialProps: ["id", "className"]
+  presetStyle: { div: t },
+  initialProps: ["id", "class"],
+  props: r
 };
 export {
-  s as meta,
-  c as propsMeta
+  s as meta
 };