@webstudio-is/react-sdk 0.51.0 → 0.52.0

package/lib/types/components/button.stories.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { ComponentMeta, ComponentStory } from "@storybook/react";
+declare const _default: ComponentMeta<import("react").ForwardRefExoticComponent<Pick<import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & {
+    innerText?: string | undefined;
+}, "key" | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement> | "innerText"> & import("react").RefAttributes<HTMLButtonElement>>>;
+export default _default;
+export declare const Button: ComponentStory<import("react").ForwardRefExoticComponent<Pick<import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & {
+    innerText?: string | undefined;
+}, "key" | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement> | "innerText"> & import("react").RefAttributes<HTMLButtonElement>>>;

package/lib/types/components/button.ws.d.ts

@@ -0,0 +1,3 @@
+import type { WsComponentMeta, WsComponentPropsMeta } from "./component-meta";
+export declare const meta: WsComponentMeta;
+export declare const propsMeta: WsComponentPropsMeta;

package/lib/types/components/code.d.ts

@@ -0,0 +1,9 @@
+import { type ComponentProps } from "react";
+export declare const defaultTag = "code";
+export declare const displayVarNamespace: `code-display-${number}`;
+type Props = Omit<ComponentProps<typeof defaultTag>, "inline"> & {
+    inline?: boolean;
+    meta?: string;
+};
+export declare const Code: import("react").ForwardRefExoticComponent<Pick<Props, "meta" | "inline" | "key" | keyof import("react").HTMLAttributes<HTMLElement>> & import("react").RefAttributes<HTMLElement>>;
+export {};

package/lib/types/components/code.stories.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import type { ComponentStory, ComponentMeta } from "@storybook/react";
+declare const _default: ComponentMeta<import("react").ForwardRefExoticComponent<Pick<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "inline"> & {
+    inline?: boolean | undefined;
+    meta?: string | undefined;
+}, "meta" | "inline" | "key" | keyof import("react").HTMLAttributes<HTMLElement>> & import("react").RefAttributes<HTMLElement>>>;
+export default _default;
+export declare const Code: ComponentStory<import("react").ForwardRefExoticComponent<Pick<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "inline"> & {
+    inline?: boolean | undefined;
+    meta?: string | undefined;
+}, "meta" | "inline" | "key" | keyof import("react").HTMLAttributes<HTMLElement>> & import("react").RefAttributes<HTMLElement>>>;

package/lib/types/components/code.ws.d.ts

@@ -0,0 +1,3 @@
+import type { WsComponentMeta, WsComponentPropsMeta } from "./component-meta";
+export declare const meta: WsComponentMeta;
+export declare const propsMeta: WsComponentPropsMeta;

package/lib/types/components/component-meta.d.ts

@@ -0,0 +1,605 @@
+import { z } from "zod";
+import type { FunctionComponent } from "react";
+import type { IconProps } from "@webstudio-is/icons";
+import type { Style } from "@webstudio-is/css-data";
+import type { htmlTags as HtmlTags } from "html-tags";
+type PresetStyle = Partial<Record<HtmlTags, Style>>;
+declare const WsComponentPropsMeta: z.ZodObject<{
+    props: z.ZodRecord<z.ZodString, z.ZodUnion<[z.ZodObject<{
+        control: z.ZodLiteral<"number">;
+        type: z.ZodLiteral<"number">;
+        defaultValue: z.ZodOptional<z.ZodNumber>;
+        label: z.ZodOptional<z.ZodString>;
+        description: z.ZodOptional<z.ZodString>;
+        required: z.ZodBoolean;
+    }, "strip", z.ZodTypeAny, {
+        description?: string | undefined;
+        label?: string | undefined;
+        defaultValue?: number | undefined;
+        type: "number";
+        required: boolean;
+        control: "number";
+    }, {
+        description?: string | undefined;
+        label?: string | undefined;
+        defaultValue?: number | undefined;
+        type: "number";
+        required: boolean;
+        control: "number";
+    }>, z.ZodObject<{
+        control: z.ZodLiteral<"range">;
+        type: z.ZodLiteral<"number">;
+        defaultValue: z.ZodOptional<z.ZodNumber>;
+        label: z.ZodOptional<z.ZodString>;
+        description: z.ZodOptional<z.ZodString>;
+        required: z.ZodBoolean;
+    }, "strip", z.ZodTypeAny, {
+        description?: string | undefined;
+        label?: string | undefined;
+        defaultValue?: number | undefined;
+        type: "number";
+        required: boolean;
+        control: "range";
+    }, {
+        description?: string | undefined;
+        label?: string | undefined;
+        defaultValue?: number | undefined;
+        type: "number";
+        required: boolean;
+        control: "range";
+    }>, z.ZodObject<{
+        control: z.ZodLiteral<"text">;
+        type: z.ZodLiteral<"string">;
+        defaultValue: z.ZodOptional<z.ZodString>;
+        rows: z.ZodOptional<z.ZodNumber>;
+        label: z.ZodOptional<z.ZodString>;
+        description: z.ZodOptional<z.ZodString>;
+        required: z.ZodBoolean;
+    }, "strip", z.ZodTypeAny, {
+        description?: string | undefined;
+        label?: string | undefined;
+        defaultValue?: string | undefined;
+        rows?: number | undefined;
+        type: "string";
+        required: boolean;
+        control: "text";
+    }, {
+        description?: string | undefined;
+        label?: string | undefined;
+        defaultValue?: string | undefined;
+        rows?: number | undefined;
+        type: "string";
+        required: boolean;
+        control: "text";
+    }>, z.ZodObject<{
+        control: z.ZodLiteral<"color">;
+        type: z.ZodLiteral<"string">;
+        defaultValue: z.ZodOptional<z.ZodString>;
+        label: z.ZodOptional<z.ZodString>;
+        description: z.ZodOptional<z.ZodString>;
+        required: z.ZodBoolean;
+    }, "strip", z.ZodTypeAny, {
+        description?: string | undefined;
+        label?: string | undefined;
+        defaultValue?: string | undefined;
+        type: "string";
+        required: boolean;
+        control: "color";
+    }, {
+        description?: string | undefined;
+        label?: string | undefined;
+        defaultValue?: string | undefined;
+        type: "string";
+        required: boolean;
+        control: "color";
+    }>, z.ZodObject<{
+        control: z.ZodLiteral<"boolean">;
+        type: z.ZodLiteral<"boolean">;
+        defaultValue: z.ZodOptional<z.ZodBoolean>;
+        label: z.ZodOptional<z.ZodString>;
+        description: z.ZodOptional<z.ZodString>;
+        required: z.ZodBoolean;
+    }, "strip", z.ZodTypeAny, {
+        description?: string | undefined;
+        label?: string | undefined;
+        defaultValue?: boolean | undefined;
+        type: "boolean";
+        required: boolean;
+        control: "boolean";
+    }, {
+        description?: string | undefined;
+        label?: string | undefined;
+        defaultValue?: boolean | undefined;
+        type: "boolean";
+        required: boolean;
+        control: "boolean";
+    }>, z.ZodObject<{
+        control: z.ZodLiteral<"radio">;
+        type: z.ZodLiteral<"string">;
+        defaultValue: z.ZodOptional<z.ZodString>;
+        options: z.ZodArray<z.ZodString, "many">;
+        label: z.ZodOptional<z.ZodString>;
+        description: z.ZodOptional<z.ZodString>;
+        required: z.ZodBoolean;
+    }, "strip", z.ZodTypeAny, {
+        description?: string | undefined;
+        label?: string | undefined;
+        defaultValue?: string | undefined;
+        options: string[];
+        type: "string";
+        required: boolean;
+        control: "radio";
+    }, {
+        description?: string | undefined;
+        label?: string | undefined;
+        defaultValue?: string | undefined;
+        options: string[];
+        type: "string";
+        required: boolean;
+        control: "radio";
+    }>, z.ZodObject<{
+        control: z.ZodLiteral<"inline-radio">;
+        type: z.ZodLiteral<"string">;
+        defaultValue: z.ZodOptional<z.ZodString>;
+        options: z.ZodArray<z.ZodString, "many">;
+        label: z.ZodOptional<z.ZodString>;
+        description: z.ZodOptional<z.ZodString>;
+        required: z.ZodBoolean;
+    }, "strip", z.ZodTypeAny, {
+        description?: string | undefined;
+        label?: string | undefined;
+        defaultValue?: string | undefined;
+        options: string[];
+        type: "string";
+        required: boolean;
+        control: "inline-radio";
+    }, {
+        description?: string | undefined;
+        label?: string | undefined;
+        defaultValue?: string | undefined;
+        options: string[];
+        type: "string";
+        required: boolean;
+        control: "inline-radio";
+    }>, z.ZodObject<{
+        control: z.ZodLiteral<"select">;
+        type: z.ZodLiteral<"string">;
+        defaultValue: z.ZodOptional<z.ZodString>;
+        options: z.ZodArray<z.ZodString, "many">;
+        label: z.ZodOptional<z.ZodString>;
+        description: z.ZodOptional<z.ZodString>;
+        required: z.ZodBoolean;
+    }, "strip", z.ZodTypeAny, {
+        description?: string | undefined;
+        label?: string | undefined;
+        defaultValue?: string | undefined;
+        options: string[];
+        type: "string";
+        required: boolean;
+        control: "select";
+    }, {
+        description?: string | undefined;
+        label?: string | undefined;
+        defaultValue?: string | undefined;
+        options: string[];
+        type: "string";
+        required: boolean;
+        control: "select";
+    }>, z.ZodObject<{
+        control: z.ZodLiteral<"multi-select">;
+        type: z.ZodLiteral<"string[]">;
+        defaultValue: z.ZodOptional<z.ZodArray<z.ZodString, "many">>;
+        options: z.ZodArray<z.ZodString, "many">;
+        label: z.ZodOptional<z.ZodString>;
+        description: z.ZodOptional<z.ZodString>;
+        required: z.ZodBoolean;
+    }, "strip", z.ZodTypeAny, {
+        description?: string | undefined;
+        label?: string | undefined;
+        defaultValue?: string[] | undefined;
+        options: string[];
+        type: "string[]";
+        required: boolean;
+        control: "multi-select";
+    }, {
+        description?: string | undefined;
+        label?: string | undefined;
+        defaultValue?: string[] | undefined;
+        options: string[];
+        type: "string[]";
+        required: boolean;
+        control: "multi-select";
+    }>, z.ZodObject<{
+        control: z.ZodLiteral<"check">;
+        type: z.ZodLiteral<"string[]">;
+        defaultValue: z.ZodOptional<z.ZodArray<z.ZodString, "many">>;
+        options: z.ZodArray<z.ZodString, "many">;
+        label: z.ZodOptional<z.ZodString>;
+        description: z.ZodOptional<z.ZodString>;
+        required: z.ZodBoolean;
+    }, "strip", z.ZodTypeAny, {
+        description?: string | undefined;
+        label?: string | undefined;
+        defaultValue?: string[] | undefined;
+        options: string[];
+        type: "string[]";
+        required: boolean;
+        control: "check";
+    }, {
+        description?: string | undefined;
+        label?: string | undefined;
+        defaultValue?: string[] | undefined;
+        options: string[];
+        type: "string[]";
+        required: boolean;
+        control: "check";
+    }>, z.ZodObject<{
+        control: z.ZodLiteral<"inline-check">;
+        type: z.ZodLiteral<"string[]">;
+        defaultValue: z.ZodOptional<z.ZodArray<z.ZodString, "many">>;
+        options: z.ZodArray<z.ZodString, "many">;
+        label: z.ZodOptional<z.ZodString>;
+        description: z.ZodOptional<z.ZodString>;
+        required: z.ZodBoolean;
+    }, "strip", z.ZodTypeAny, {
+        description?: string | undefined;
+        label?: string | undefined;
+        defaultValue?: string[] | undefined;
+        options: string[];
+        type: "string[]";
+        required: boolean;
+        control: "inline-check";
+    }, {
+        description?: string | undefined;
+        label?: string | undefined;
+        defaultValue?: string[] | undefined;
+        options: string[];
+        type: "string[]";
+        required: boolean;
+        control: "inline-check";
+    }>, z.ZodObject<{
+        control: z.ZodLiteral<"file-image">;
+        type: z.ZodLiteral<"string">;
+        defaultValue: z.ZodOptional<z.ZodString>;
+        label: z.ZodOptional<z.ZodString>;
+        description: z.ZodOptional<z.ZodString>;
+        required: z.ZodBoolean;
+    }, "strip", z.ZodTypeAny, {
+        description?: string | undefined;
+        label?: string | undefined;
+        defaultValue?: string | undefined;
+        type: "string";
+        required: boolean;
+        control: "file-image";
+    }, {
+        description?: string | undefined;
+        label?: string | undefined;
+        defaultValue?: string | undefined;
+        type: "string";
+        required: boolean;
+        control: "file-image";
+    }>, z.ZodObject<{
+        control: z.ZodLiteral<"url">;
+        type: z.ZodLiteral<"string">;
+        defaultValue: z.ZodOptional<z.ZodString>;
+        label: z.ZodOptional<z.ZodString>;
+        description: z.ZodOptional<z.ZodString>;
+        required: z.ZodBoolean;
+    }, "strip", z.ZodTypeAny, {
+        description?: string | undefined;
+        label?: string | undefined;
+        defaultValue?: string | undefined;
+        type: "string";
+        required: boolean;
+        control: "url";
+    }, {
+        description?: string | undefined;
+        label?: string | undefined;
+        defaultValue?: string | undefined;
+        type: "string";
+        required: boolean;
+        control: "url";
+    }>, z.ZodObject<{
+        control: z.ZodLiteral<"object">;
+        type: z.ZodLiteral<"Record<string, string>">;
+        defaultValue: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodString>>;
+        label: z.ZodOptional<z.ZodString>;
+        description: z.ZodOptional<z.ZodString>;
+        required: z.ZodBoolean;
+    }, "strip", z.ZodTypeAny, {
+        description?: string | undefined;
+        label?: string | undefined;
+        defaultValue?: Record<string, string> | undefined;
+        type: "Record<string, string>";
+        required: boolean;
+        control: "object";
+    }, {
+        description?: string | undefined;
+        label?: string | undefined;
+        defaultValue?: Record<string, string> | undefined;
+        type: "Record<string, string>";
+        required: boolean;
+        control: "object";
+    }>, z.ZodObject<{
+        control: z.ZodLiteral<"date">;
+        type: z.ZodLiteral<"string">;
+        defaultValue: z.ZodOptional<z.ZodString>;
+        label: z.ZodOptional<z.ZodString>;
+        description: z.ZodOptional<z.ZodString>;
+        required: z.ZodBoolean;
+    }, "strip", z.ZodTypeAny, {
+        description?: string | undefined;
+        label?: string | undefined;
+        defaultValue?: string | undefined;
+        type: "string";
+        required: boolean;
+        control: "date";
+    }, {
+        description?: string | undefined;
+        label?: string | undefined;
+        defaultValue?: string | undefined;
+        type: "string";
+        required: boolean;
+        control: "date";
+    }>]>>;
+    initialProps: z.ZodOptional<z.ZodArray<z.ZodString, "many">>;
+}, "strip", z.ZodTypeAny, {
+    initialProps?: string[] | undefined;
+    props: Record<string, {
+        description?: string | undefined;
+        label?: string | undefined;
+        defaultValue?: number | undefined;
+        type: "number";
+        required: boolean;
+        control: "number";
+    } | {
+        description?: string | undefined;
+        label?: string | undefined;
+        defaultValue?: number | undefined;
+        type: "number";
+        required: boolean;
+        control: "range";
+    } | {
+        description?: string | undefined;
+        label?: string | undefined;
+        defaultValue?: string | undefined;
+        rows?: number | undefined;
+        type: "string";
+        required: boolean;
+        control: "text";
+    } | {
+        description?: string | undefined;
+        label?: string | undefined;
+        defaultValue?: string | undefined;
+        type: "string";
+        required: boolean;
+        control: "color";
+    } | {
+        description?: string | undefined;
+        label?: string | undefined;
+        defaultValue?: boolean | undefined;
+        type: "boolean";
+        required: boolean;
+        control: "boolean";
+    } | {
+        description?: string | undefined;
+        label?: string | undefined;
+        defaultValue?: string | undefined;
+        options: string[];
+        type: "string";
+        required: boolean;
+        control: "radio";
+    } | {
+        description?: string | undefined;
+        label?: string | undefined;
+        defaultValue?: string | undefined;
+        options: string[];
+        type: "string";
+        required: boolean;
+        control: "inline-radio";
+    } | {
+        description?: string | undefined;
+        label?: string | undefined;
+        defaultValue?: string | undefined;
+        options: string[];
+        type: "string";
+        required: boolean;
+        control: "select";
+    } | {
+        description?: string | undefined;
+        label?: string | undefined;
+        defaultValue?: string[] | undefined;
+        options: string[];
+        type: "string[]";
+        required: boolean;
+        control: "check";
+    } | {
+        description?: string | undefined;
+        label?: string | undefined;
+        defaultValue?: string[] | undefined;
+        options: string[];
+        type: "string[]";
+        required: boolean;
+        control: "inline-check";
+    } | {
+        description?: string | undefined;
+        label?: string | undefined;
+        defaultValue?: string[] | undefined;
+        options: string[];
+        type: "string[]";
+        required: boolean;
+        control: "multi-select";
+    } | {
+        description?: string | undefined;
+        label?: string | undefined;
+        defaultValue?: string | undefined;
+        type: "string";
+        required: boolean;
+        control: "file-image";
+    } | {
+        description?: string | undefined;
+        label?: string | undefined;
+        defaultValue?: string | undefined;
+        type: "string";
+        required: boolean;
+        control: "url";
+    } | {
+        description?: string | undefined;
+        label?: string | undefined;
+        defaultValue?: Record<string, string> | undefined;
+        type: "Record<string, string>";
+        required: boolean;
+        control: "object";
+    } | {
+        description?: string | undefined;
+        label?: string | undefined;
+        defaultValue?: string | undefined;
+        type: "string";
+        required: boolean;
+        control: "date";
+    }>;
+}, {
+    initialProps?: string[] | undefined;
+    props: Record<string, {
+        description?: string | undefined;
+        label?: string | undefined;
+        defaultValue?: number | undefined;
+        type: "number";
+        required: boolean;
+        control: "number";
+    } | {
+        description?: string | undefined;
+        label?: string | undefined;
+        defaultValue?: number | undefined;
+        type: "number";
+        required: boolean;
+        control: "range";
+    } | {
+        description?: string | undefined;
+        label?: string | undefined;
+        defaultValue?: string | undefined;
+        rows?: number | undefined;
+        type: "string";
+        required: boolean;
+        control: "text";
+    } | {
+        description?: string | undefined;
+        label?: string | undefined;
+        defaultValue?: string | undefined;
+        type: "string";
+        required: boolean;
+        control: "color";
+    } | {
+        description?: string | undefined;
+        label?: string | undefined;
+        defaultValue?: boolean | undefined;
+        type: "boolean";
+        required: boolean;
+        control: "boolean";
+    } | {
+        description?: string | undefined;
+        label?: string | undefined;
+        defaultValue?: string | undefined;
+        options: string[];
+        type: "string";
+        required: boolean;
+        control: "radio";
+    } | {
+        description?: string | undefined;
+        label?: string | undefined;
+        defaultValue?: string | undefined;
+        options: string[];
+        type: "string";
+        required: boolean;
+        control: "inline-radio";
+    } | {
+        description?: string | undefined;
+        label?: string | undefined;
+        defaultValue?: string | undefined;
+        options: string[];
+        type: "string";
+        required: boolean;
+        control: "select";
+    } | {
+        description?: string | undefined;
+        label?: string | undefined;
+        defaultValue?: string[] | undefined;
+        options: string[];
+        type: "string[]";
+        required: boolean;
+        control: "check";
+    } | {
+        description?: string | undefined;
+        label?: string | undefined;
+        defaultValue?: string[] | undefined;
+        options: string[];
+        type: "string[]";
+        required: boolean;
+        control: "inline-check";
+    } | {
+        description?: string | undefined;
+        label?: string | undefined;
+        defaultValue?: string[] | undefined;
+        options: string[];
+        type: "string[]";
+        required: boolean;
+        control: "multi-select";
+    } | {
+        description?: string | undefined;
+        label?: string | undefined;
+        defaultValue?: string | undefined;
+        type: "string";
+        required: boolean;
+        control: "file-image";
+    } | {
+        description?: string | undefined;
+        label?: string | undefined;
+        defaultValue?: string | undefined;
+        type: "string";
+        required: boolean;
+        control: "url";
+    } | {
+        description?: string | undefined;
+        label?: string | undefined;
+        defaultValue?: Record<string, string> | undefined;
+        type: "Record<string, string>";
+        required: boolean;
+        control: "object";
+    } | {
+        description?: string | undefined;
+        label?: string | undefined;
+        defaultValue?: string | undefined;
+        type: "string";
+        required: boolean;
+        control: "date";
+    }>;
+}>;
+export type WsComponentPropsMeta = z.infer<typeof WsComponentPropsMeta>;
+export declare const componentCategories: readonly ["general", "typography", "media", "forms"];
+declare const WsComponentMeta: z.ZodObject<{
+    category: z.ZodOptional<z.ZodEnum<["general", "typography", "media", "forms"]>>;
+    type: z.ZodEnum<["container", "control", "embed", "rich-text", "rich-text-child"]>;
+    label: z.ZodString;
+    Icon: z.ZodFunction<z.ZodTuple<[], z.ZodUnknown>, z.ZodUnknown>;
+    presetStyle: z.ZodOptional<z.ZodAny>;
+    children: z.ZodOptional<z.ZodArray<z.ZodString, "many">>;
+}, "strip", z.ZodTypeAny, {
+    children?: string[] | undefined;
+    category?: "media" | "general" | "typography" | "forms" | undefined;
+    presetStyle?: any;
+    type: "embed" | "control" | "container" | "rich-text" | "rich-text-child";
+    label: string;
+    Icon: (...args: unknown[]) => unknown;
+}, {
+    children?: string[] | undefined;
+    category?: "media" | "general" | "typography" | "forms" | undefined;
+    presetStyle?: any;
+    type: "embed" | "control" | "container" | "rich-text" | "rich-text-child";
+    label: string;
+    Icon: (...args: unknown[]) => unknown;
+}>;
+export type WsComponentMeta = Omit<z.infer<typeof WsComponentMeta>, "presetStyle" | "Icon"> & {
+    presetStyle?: PresetStyle;
+    Icon: FunctionComponent<IconProps>;
+};
+export {};