@webstudio-is/react-sdk 0.60.0 → 0.62.0

package/lib/types/app/custom-components/__generated__/image.props.d.ts

@@ -0,0 +1,2 @@
+import type { PropMeta } from "@webstudio-is/generate-arg-types";
+export declare const props: Record<string, PropMeta>;

package/lib/types/app/custom-components/__generated__/link-block.props.d.ts

@@ -0,0 +1,2 @@
+import type { PropMeta } from "@webstudio-is/generate-arg-types";
+export declare const props: Record<string, PropMeta>;

package/lib/types/app/custom-components/__generated__/link.props.d.ts

@@ -0,0 +1,2 @@
+import type { PropMeta } from "@webstudio-is/generate-arg-types";
+export declare const props: Record<string, PropMeta>;

package/lib/types/app/custom-components/__generated__/rich-text-link.props.d.ts

@@ -0,0 +1,2 @@
+import type { PropMeta } from "@webstudio-is/generate-arg-types";
+export declare const props: Record<string, PropMeta>;

package/lib/types/app/custom-components/form.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare const defaultTag = "form";
+export declare const Form: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLFormElement> & import("react").FormHTMLAttributes<HTMLFormElement> & {
+    initialState?: "error" | "initial" | "success" | undefined;
+}, "ref"> & import("react").RefAttributes<HTMLFormElement>>;

package/lib/types/app/custom-components/form.ws.d.ts

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

package/lib/types/app/custom-components/index.d.ts

@@ -21,6 +21,11 @@ export declare const customComponents: {
         target?: "_self" | "_blank" | "_parent" | "_top" | undefined;
         prefetch?: "none" | "intent" | "render" | undefined;
     }, "ref"> & import("react").RefAttributes<HTMLAnchorElement>>;
+    Form: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLFormElement> & import("react").FormHTMLAttributes<HTMLFormElement> & {
+        initialState?: "error" | "initial" | "success" | undefined;
+    }, "ref"> & import("react").RefAttributes<HTMLFormElement>>;
 };
 export declare const customComponentPropsMetas: Record<string, WsComponentPropsMeta>;
-export declare const customComponentMetas: {};
+export declare const customComponentMetas: {
+    Form: import("../../components/component-meta").WsComponentMeta;
+};

package/lib/types/components/__generated__/checkbox-field.props.d.ts

@@ -0,0 +1,2 @@
+import type { PropMeta } from "@webstudio-is/generate-arg-types";
+export declare const props: Record<string, PropMeta>;

package/lib/types/components/__generated__/checkbox.props.d.ts

@@ -0,0 +1,2 @@
+import type { PropMeta } from "@webstudio-is/generate-arg-types";
+export declare const props: Record<string, PropMeta>;

package/lib/types/components/__generated__/error-message.props.d.ts

@@ -0,0 +1,2 @@
+import type { PropMeta } from "@webstudio-is/generate-arg-types";
+export declare const props: Record<string, PropMeta>;

package/lib/types/components/__generated__/label.props.d.ts

@@ -0,0 +1,2 @@
+import type { PropMeta } from "@webstudio-is/generate-arg-types";
+export declare const props: Record<string, PropMeta>;

package/lib/types/components/__generated__/radio-button-field.props.d.ts

@@ -0,0 +1,2 @@
+import type { PropMeta } from "@webstudio-is/generate-arg-types";
+export declare const props: Record<string, PropMeta>;

package/lib/types/components/__generated__/radio-button.props.d.ts

@@ -0,0 +1,2 @@
+import type { PropMeta } from "@webstudio-is/generate-arg-types";
+export declare const props: Record<string, PropMeta>;

package/lib/types/components/__generated__/success-message.props.d.ts

@@ -0,0 +1,2 @@
+import type { PropMeta } from "@webstudio-is/generate-arg-types";
+export declare const props: Record<string, PropMeta>;

package/lib/types/components/__generated__/textarea.props.d.ts

@@ -0,0 +1,2 @@
+import type { PropMeta } from "@webstudio-is/generate-arg-types";
+export declare const props: Record<string, PropMeta>;

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

@@ -1,9 +1,9 @@
 /// <reference types="react" />
 import type { ComponentStory, ComponentMeta } from "@storybook/react";
 declare const _default: ComponentMeta<import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
-    tag?: "div" | "address" | "article" | "aside" | "figure" | "footer" | "header" | "main" | "nav" | "section" | undefined;
+    tag?: "address" | "article" | "aside" | "div" | "figure" | "footer" | "header" | "main" | "nav" | "section" | undefined;
 }, "ref"> & import("react").RefAttributes<HTMLDivElement>>>;
 export default _default;
 export declare const Box: ComponentStory<import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
-    tag?: "div" | "address" | "article" | "aside" | "figure" | "footer" | "header" | "main" | "nav" | "section" | undefined;
+    tag?: "address" | "article" | "aside" | "div" | "figure" | "footer" | "header" | "main" | "nav" | "section" | undefined;
 }, "ref"> & import("react").RefAttributes<HTMLDivElement>>>;

package/lib/types/components/checkbox-field.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const defaultTag = "label";
+export declare const CheckboxField: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "htmlFor">, "ref"> & import("react").RefAttributes<HTMLLabelElement>>;

package/lib/types/components/checkbox-field.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/checkbox.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const defaultTag = "input";
+export declare const Checkbox: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "type">, "ref"> & import("react").RefAttributes<HTMLInputElement>>;

package/lib/types/components/checkbox.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

@@ -1,9 +1,9 @@
 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>>;
+import { EmbedTemplateStyleDecl } from "../embed-template";
+export type PresetStyle<Tag extends HtmlTags = HtmlTags> = Partial<Record<Tag, EmbedTemplateStyleDecl[]>>;
 declare const WsComponentPropsMeta: z.ZodObject<{
     props: z.ZodRecord<z.ZodString, z.ZodUnion<[z.ZodObject<{
         control: z.ZodLiteral<"number">;
@@ -595,6 +595,7 @@ export type ComponentState = z.infer<typeof ComponentState>;
 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"]>;
+    acceptedParents: z.ZodOptional<z.ZodArray<z.ZodString, "many">>;
     label: z.ZodString;
     Icon: z.ZodFunction<z.ZodTuple<[], z.ZodUnknown>, z.ZodUnknown>;
     presetStyle: z.ZodOptional<z.ZodAny>;
@@ -608,10 +609,23 @@ declare const WsComponentMeta: z.ZodObject<{
         label: string;
         selector: string;
     }>, "many">>;
-    children: z.ZodOptional<z.ZodArray<z.ZodString, "many">>;
+    children: z.ZodOptional<z.ZodLazy<z.ZodArray<z.ZodUnion<[z.ZodType<import("../embed-template").EmbedTemplateInstance, z.ZodTypeDef, import("../embed-template").EmbedTemplateInstance>, z.ZodObject<{
+        type: z.ZodLiteral<"text">;
+        value: z.ZodString;
+    }, "strip", z.ZodTypeAny, {
+        type: "text";
+        value: string;
+    }, {
+        type: "text";
+        value: string;
+    }>]>, "many">>>;
 }, "strip", z.ZodTypeAny, {
-    children?: string[] | undefined;
+    children?: ({
+        type: "text";
+        value: string;
+    } | import("../embed-template").EmbedTemplateInstance)[] | undefined;
     category?: "media" | "general" | "typography" | "forms" | undefined;
+    acceptedParents?: string[] | undefined;
     presetStyle?: any;
     states?: {
         label: string;
@@ -621,8 +635,12 @@ declare const WsComponentMeta: z.ZodObject<{
     label: string;
     Icon: (...args: unknown[]) => unknown;
 }, {
-    children?: string[] | undefined;
+    children?: ({
+        type: "text";
+        value: string;
+    } | import("../embed-template").EmbedTemplateInstance)[] | undefined;
     category?: "media" | "general" | "typography" | "forms" | undefined;
+    acceptedParents?: string[] | undefined;
     presetStyle?: any;
     states?: {
         label: string;

package/lib/types/components/components-utils.d.ts

@@ -1,34 +1,19 @@
-/// <reference types="react" />
+import type { forwardRef } from "react";
 import * as components from "./components";
 export type ComponentName = keyof typeof components;
 export declare const getComponentNames: () => ComponentName[];
+type AnyComponent = ReturnType<typeof forwardRef<any, any>>;
 /**
  * Now used only in builder app
  * @todo Consider using the same approach in the builder app as in the published apps . A dynamic import is needed
  */
-export declare const getComponent: (name: string) => undefined | (typeof components)[ComponentName];
+export declare const getComponent: (name: string) => undefined | AnyComponent;
 /**
  * The application imports only the components it uses, then pass them to createGetComponent i.e.
  * getComponent = createGetComponent({ Box, BlaBla })
  * <RootInstance data={data} getComponent={getComponent} />
  * see example /packages/sdk-size-test/app/routes/$.tsx
  **/
-export declare const createGetComponent: (comps: Partial<typeof components>) => (name: string) => import("react").ForwardRefExoticComponent<{
-    children?: import("react").ReactNode;
-} & import("react").RefAttributes<HTMLDivElement>> | import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLBodyElement>, HTMLBodyElement>, "ref"> & import("react").RefAttributes<HTMLBodyElement>> | import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
-    tag?: "div" | "address" | "article" | "aside" | "figure" | "footer" | "header" | "main" | "nav" | "section" | undefined;
-}, "ref"> & import("react").RefAttributes<HTMLDivElement>> | import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>> | import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLHeadingElement> & import("react").HTMLAttributes<HTMLHeadingElement> & {
-    tag?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | undefined;
-}, "ref"> & import("react").RefAttributes<HTMLHeadingElement>> | import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "href" | "target"> & {
-    href?: string | undefined;
-    target?: "_self" | "_blank" | "_parent" | "_top" | undefined;
-    prefetch?: "none" | "intent" | "render" | undefined;
-}, "ref"> & import("react").RefAttributes<HTMLAnchorElement>> | import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>> | import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & {
-    innerText?: string | undefined;
-}, "ref"> & import("react").RefAttributes<HTMLButtonElement>> | import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & import("react").RefAttributes<HTMLInputElement>> | import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>, "ref"> & import("react").RefAttributes<HTMLFormElement>> | import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, "ref"> & import("react").RefAttributes<HTMLImageElement>> | import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").BlockquoteHTMLAttributes<HTMLQuoteElement>, HTMLQuoteElement>, "ref"> & import("react").RefAttributes<HTMLQuoteElement>> | import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLUListElement> & import("react").HTMLAttributes<HTMLUListElement> & import("react").ClassAttributes<HTMLOListElement> & import("react").OlHTMLAttributes<HTMLOListElement> & {
-    ordered?: boolean | undefined;
-}, "ref"> & import("react").RefAttributes<HTMLUListElement>> | import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & import("react").RefAttributes<HTMLLIElement>> | import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHRElement>, HTMLHRElement>, "ref"> & import("react").RefAttributes<HTMLHRElement>> | import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "inline"> & {
-    inline?: boolean | undefined;
-    meta?: string | undefined;
-}, "ref"> & import("react").RefAttributes<HTMLElement>> | undefined;
+export declare const createGetComponent: (comps: Partial<typeof components>) => (name: string) => undefined | AnyComponent;
 export type GetComponent = typeof getComponent;
+export {};

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

@@ -29,3 +29,11 @@ export { List } from "./list";
 export { ListItem } from "./list-item";
 export { Separator } from "./separator";
 export { Code } from "./code";
+export { Label } from "./label";
+export { SuccessMessage } from "./success-message";
+export { ErrorMessage } from "./error-message";
+export { Textarea } from "./textarea";
+export { RadioButtonField } from "./radio-button-field";
+export { RadioButton } from "./radio-button";
+export { CheckboxField } from "./checkbox-field";
+export { Checkbox } from "./checkbox";

package/lib/types/components/error-message.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const defaultTag = "div";
+export declare const ErrorMessage: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

package/lib/types/components/error-message.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/index.d.ts

@@ -14,4 +14,5 @@ export declare let registeredComponents: RegisteredComponents | undefined;
  * break otherwise, see getComponent etc. So its overwriteComponent now
  **/
 export declare const registerComponents: (components: RegisteredComponents) => void;
+export declare const canAcceptComponent: (parentComponent: string, childComponent: string) => boolean;
 export {};

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

@@ -1,3 +1,5 @@
 /// <reference types="react" />
 export declare const defaultTag = "input";
-export declare const Input: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
+export declare const Input: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLInputElement> & import("react").InputHTMLAttributes<HTMLInputElement> & {
+    type?: "number" | "text" | "email" | "url" | "tel" | "password" | undefined;
+}, "ref"> & import("react").RefAttributes<HTMLInputElement>>;

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

@@ -1,5 +1,9 @@
 /// <reference types="react" />
 import type { ComponentStory, ComponentMeta } from "@storybook/react";
-declare const _default: ComponentMeta<import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & import("react").RefAttributes<HTMLInputElement>>>;
+declare const _default: ComponentMeta<import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLInputElement> & import("react").InputHTMLAttributes<HTMLInputElement> & {
+    type?: "number" | "text" | "email" | "url" | "tel" | "password" | undefined;
+}, "ref"> & import("react").RefAttributes<HTMLInputElement>>>;
 export default _default;
-export declare const Input: ComponentStory<import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & import("react").RefAttributes<HTMLInputElement>>>;
+export declare const Input: ComponentStory<import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLInputElement> & import("react").InputHTMLAttributes<HTMLInputElement> & {
+    type?: "number" | "text" | "email" | "url" | "tel" | "password" | undefined;
+}, "ref"> & import("react").RefAttributes<HTMLInputElement>>>;

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

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const defaultTag = "label";
+export declare const Label: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "ref"> & import("react").RefAttributes<HTMLLabelElement>>;

package/lib/types/components/label.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/radio-button-field.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const defaultTag = "label";
+export declare const RadioButtonField: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "htmlFor">, "ref"> & import("react").RefAttributes<HTMLLabelElement>>;

package/lib/types/components/radio-button-field.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/radio-button.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const defaultTag = "input";
+export declare const RadioButton: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "type">, "ref"> & import("react").RefAttributes<HTMLInputElement>>;

package/lib/types/components/radio-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/success-message.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const defaultTag = "div";
+export declare const SuccessMessage: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

package/lib/types/components/success-message.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/textarea.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const defaultTag = "textarea";
+export declare const Textarea: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref"> & import("react").RefAttributes<HTMLTextAreaElement>>;

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

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