@webstudio-is/react-sdk 0.68.0 → 0.69.0

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

@@ -1,22 +1,7 @@
 /// <reference types="react" />
-import * as components from "./components";
 import { componentAttribute, idAttribute } from "../tree";
-export type ComponentName = keyof typeof components;
-type AnyComponent = React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
+export type AnyComponent = React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
     [componentAttribute]: string;
     [idAttribute]: string;
 } & React.RefAttributes<HTMLElement>>;
-/**
- * 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 | 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) => undefined | AnyComponent;
-export type GetComponent = typeof getComponent;
-export {};
+export type Components = Map<string, AnyComponent>;

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

@@ -1,3 +1,7 @@
 /// <reference types="react" />
 export declare const defaultTag = "img";
-export declare const Image: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, "ref"> & import("react").RefAttributes<HTMLImageElement>>;
+export declare const Image: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").ClassAttributes<HTMLImageElement> & import("react").ImgHTMLAttributes<HTMLImageElement> & {
+    quality?: number | undefined;
+    optimize?: boolean | undefined;
+    loader: import("@webstudio-is/image").ImageLoader;
+}, "ref"> & import("react").RefAttributes<HTMLImageElement>, "ref"> & import("react").RefAttributes<HTMLImageElement>>;

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

@@ -1,5 +1,13 @@
 /// <reference types="react" />
 import type { ComponentMeta, ComponentStory } from "@storybook/react";
-declare const _default: ComponentMeta<import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, "ref"> & import("react").RefAttributes<HTMLImageElement>>>;
+declare const _default: ComponentMeta<import("react").ForwardRefExoticComponent<Omit<Omit<import("react").ClassAttributes<HTMLImageElement> & import("react").ImgHTMLAttributes<HTMLImageElement> & {
+    quality?: number | undefined;
+    optimize?: boolean | undefined;
+    loader: import("@webstudio-is/image").ImageLoader;
+}, "ref"> & import("react").RefAttributes<HTMLImageElement>, "ref"> & import("react").RefAttributes<HTMLImageElement>>>;
 export default _default;
-export declare const Image: ComponentStory<import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, "ref"> & import("react").RefAttributes<HTMLImageElement>>>;
+export declare const Image: ComponentStory<import("react").ForwardRefExoticComponent<Omit<Omit<import("react").ClassAttributes<HTMLImageElement> & import("react").ImgHTMLAttributes<HTMLImageElement> & {
+    quality?: number | undefined;
+    optimize?: boolean | undefined;
+    loader: import("@webstudio-is/image").ImageLoader;
+}, "ref"> & import("react").RefAttributes<HTMLImageElement>, "ref"> & import("react").RefAttributes<HTMLImageElement>>>;

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

@@ -1,18 +1,3 @@
 import type { WsComponentMeta, WsComponentPropsMeta } from "./component-meta";
-import type { ComponentName } from "./components-utils";
 export declare const defaultMetas: Record<string, WsComponentMeta>;
-export declare const getComponentMeta: (name: string) => WsComponentMeta | undefined;
-export declare const registerComponentMetas: (overrides: Record<string, Partial<WsComponentMeta>>) => void;
 export declare const defaultPropsMetas: Record<string, WsComponentPropsMeta>;
-type RegisteredComponents = Partial<{
-    [name in ComponentName]: {};
-}>;
-export declare let registeredComponents: RegisteredComponents | undefined;
-/**
- *  @todo: Allow register any component.
- * Now we can register only existings Components, as all our type system would
- * 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/text-block.d.ts

@@ -1,3 +1,7 @@
-/// <reference types="react" />
+import { type ComponentProps } from "react";
 export declare const defaultTag = "div";
-export declare const TextBlock: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+type Props = ComponentProps<typeof defaultTag> & {
+    tag?: "div" | "span" | "figcaption";
+};
+export declare const TextBlock: import("react").ForwardRefExoticComponent<Omit<Props, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export {};

package/lib/types/components/text-block.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").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>>;
+declare const _default: ComponentMeta<import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+    tag?: "div" | "figcaption" | "span" | undefined;
+}, "ref"> & import("react").RefAttributes<HTMLDivElement>>>;
 export default _default;
-export declare const TextBlock: ComponentStory<import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>>;
+export declare const TextBlock: ComponentStory<import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+    tag?: "div" | "figcaption" | "span" | undefined;
+}, "ref"> & import("react").RefAttributes<HTMLDivElement>>>;

package/lib/types/css/css.d.ts

@@ -20,9 +20,8 @@ export declare const createImageValueTransformer: (assets: Map<string, {
     projectId: string;
     size: number;
     description: string | null;
-    location: "FS" | "REMOTE";
     createdAt: string;
-    meta: {
+    meta: ({
         style: "normal" | "italic" | "oblique";
         weight: number;
         family: string;
@@ -34,7 +33,19 @@ export declare const createImageValueTransformer: (assets: Map<string, {
             max: number;
         }>>;
         family: string;
-    };
+    }) & ({
+        style: "normal" | "italic" | "oblique";
+        weight: number;
+        family: string;
+    } | {
+        variationAxes: Partial<Record<"wght" | "wdth" | "slnt" | "opsz" | "ital" | "GRAD" | "XTRA" | "XOPQ" | "YOPQ" | "YTLC" | "YTUC" | "YTAS" | "YTDE" | "YTFI", {
+            name: string;
+            min: number;
+            default: number;
+            max: number;
+        }>>;
+        family: string;
+    } | undefined);
 } | {
     name: string;
     type: "image";
@@ -43,7 +54,6 @@ export declare const createImageValueTransformer: (assets: Map<string, {
     projectId: string;
     size: number;
     description: string | null;
-    location: "FS" | "REMOTE";
     createdAt: string;
     meta: {
         width: number;

package/lib/types/css/global-rules.d.ts

@@ -9,9 +9,8 @@ export declare const addGlobalRules: (engine: CssEngine, { assets, assetBaseUrl
         projectId: string;
         size: number;
         description: string | null;
-        location: "FS" | "REMOTE";
         createdAt: string;
-        meta: {
+        meta: ({
             style: "normal" | "italic" | "oblique";
             weight: number;
             family: string;
@@ -23,7 +22,19 @@ export declare const addGlobalRules: (engine: CssEngine, { assets, assetBaseUrl
                 max: number;
             }>>;
             family: string;
-        };
+        }) & ({
+            style: "normal" | "italic" | "oblique";
+            weight: number;
+            family: string;
+        } | {
+            variationAxes: Partial<Record<"wght" | "wdth" | "slnt" | "opsz" | "ital" | "GRAD" | "XTRA" | "XOPQ" | "YOPQ" | "YTLC" | "YTUC" | "YTAS" | "YTDE" | "YTFI", {
+                name: string;
+                min: number;
+                default: number;
+                max: number;
+            }>>;
+            family: string;
+        } | undefined);
     } | {
         name: string;
         type: "image";
@@ -32,7 +43,6 @@ export declare const addGlobalRules: (engine: CssEngine, { assets, assetBaseUrl
         projectId: string;
         size: number;
         description: string | null;
-        location: "FS" | "REMOTE";
         createdAt: string;
         meta: {
             width: number;