@webstudio-is/react-sdk 0.56.0 → 0.58.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/app/custom-components/image.js +6 -6
- package/lib/app/custom-components/shared/remix-link.js +7 -3
- package/lib/app/params.js +4 -2
- package/lib/cjs/app/custom-components/image.js +6 -6
- package/lib/cjs/app/custom-components/shared/remix-link.js +7 -3
- package/lib/cjs/app/params.js +4 -2
- package/lib/cjs/components/link.js +17 -8
- package/lib/cjs/css/css.js +8 -5
- package/lib/cjs/css/global-rules.js +3 -3
- package/lib/cjs/css/style-rules.js +10 -3
- package/lib/cjs/props.js +35 -12
- package/lib/cjs/pubsub/raf-queue.js +3 -6
- package/lib/cjs/tree/root.js +1 -1
- package/lib/components/link.js +17 -8
- package/lib/css/css.js +8 -5
- package/lib/css/global-rules.js +4 -7
- package/lib/css/style-rules.js +10 -3
- package/lib/props.js +35 -12
- package/lib/pubsub/raf-queue.js +3 -6
- package/lib/tree/root.js +1 -1
- package/lib/types/app/custom-components/image.d.ts +2 -2
- package/lib/types/app/custom-components/index.d.ts +8 -8
- package/lib/types/app/custom-components/link-block.d.ts +2 -2
- package/lib/types/app/custom-components/link.d.ts +2 -2
- package/lib/types/app/custom-components/rich-text-link.d.ts +2 -2
- package/lib/types/app/custom-components/shared/remix-link.d.ts +3 -3
- package/lib/types/app/params.d.ts +2 -2
- package/lib/types/components/blockquote.d.ts +1 -1
- package/lib/types/components/blockquote.stories.d.ts +2 -2
- package/lib/types/components/body.d.ts +1 -1
- package/lib/types/components/body.stories.d.ts +1 -1
- package/lib/types/components/bold.d.ts +1 -1
- package/lib/types/components/bold.stories.d.ts +2 -2
- package/lib/types/components/box.d.ts +1 -1
- package/lib/types/components/box.stories.d.ts +4 -4
- package/lib/types/components/button.d.ts +1 -1
- package/lib/types/components/button.stories.d.ts +4 -4
- package/lib/types/components/code.d.ts +1 -1
- package/lib/types/components/code.stories.d.ts +4 -4
- package/lib/types/components/components-utils.d.ts +7 -7
- package/lib/types/components/form.d.ts +1 -1
- package/lib/types/components/form.stories.d.ts +2 -2
- package/lib/types/components/heading.d.ts +1 -1
- package/lib/types/components/heading.stories.d.ts +4 -4
- package/lib/types/components/image.d.ts +1 -1
- package/lib/types/components/image.stories.d.ts +2 -2
- package/lib/types/components/input.d.ts +1 -1
- package/lib/types/components/input.stories.d.ts +2 -2
- package/lib/types/components/italic.d.ts +1 -1
- package/lib/types/components/italic.stories.d.ts +2 -2
- package/lib/types/components/link-block.stories.d.ts +4 -4
- package/lib/types/components/link.d.ts +1 -1
- package/lib/types/components/link.stories.d.ts +4 -4
- package/lib/types/components/list-item.d.ts +1 -1
- package/lib/types/components/list-item.stories.d.ts +2 -2
- package/lib/types/components/list.d.ts +1 -1
- package/lib/types/components/list.stories.d.ts +4 -4
- package/lib/types/components/paragraph.d.ts +1 -1
- package/lib/types/components/paragraph.stories.d.ts +2 -2
- package/lib/types/components/rich-text-link.stories.d.ts +4 -4
- package/lib/types/components/separator.d.ts +1 -1
- package/lib/types/components/separator.stories.d.ts +2 -2
- package/lib/types/components/span.d.ts +1 -1
- package/lib/types/components/span.stories.d.ts +2 -2
- package/lib/types/components/subscript.d.ts +1 -1
- package/lib/types/components/subscript.stories.d.ts +2 -2
- package/lib/types/components/superscript.d.ts +1 -1
- package/lib/types/components/superscript.stories.d.ts +2 -2
- package/lib/types/components/text-block.d.ts +1 -1
- package/lib/types/components/text-block.stories.d.ts +2 -2
- package/lib/types/css/css.d.ts +1 -3
- package/lib/types/css/global-rules.d.ts +2 -3
- package/lib/types/css/style-rules.d.ts +1 -0
- package/lib/types/props.d.ts +73 -12
- package/lib/types/tree/webstudio-component.d.ts +2 -2
- package/package.json +21 -21
- package/src/app/custom-components/image.tsx +6 -7
- package/src/app/custom-components/shared/remix-link.tsx +7 -3
- package/src/app/params.ts +6 -4
- package/src/components/link.tsx +21 -7
- package/src/css/css.ts +9 -7
- package/src/css/global-rules.ts +6 -10
- package/src/css/style-rules.test.ts +22 -0
- package/src/css/style-rules.ts +15 -4
- package/src/props.test.ts +85 -20
- package/src/props.ts +57 -15
- package/src/pubsub/raf-queue.ts +3 -9
- package/src/tree/create-elements-tree.tsx +3 -7
- package/src/tree/root.ts +1 -1
- package/src/tree/webstudio-component.tsx +2 -2
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import type { ComponentStory, ComponentMeta } from "@storybook/react";
|
|
3
|
-
declare const _default: ComponentMeta<import("react").ForwardRefExoticComponent<
|
|
3
|
+
declare const _default: ComponentMeta<import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "href" | "target"> & {
|
|
4
4
|
href?: string | undefined;
|
|
5
5
|
target?: "_self" | "_blank" | "_parent" | "_top" | undefined;
|
|
6
6
|
prefetch?: "none" | "intent" | "render" | undefined;
|
|
7
|
-
}, "
|
|
7
|
+
}, "ref"> & import("react").RefAttributes<HTMLAnchorElement>>>;
|
|
8
8
|
export default _default;
|
|
9
|
-
export declare const Link: ComponentStory<import("react").ForwardRefExoticComponent<
|
|
9
|
+
export declare const Link: ComponentStory<import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "href" | "target"> & {
|
|
10
10
|
href?: string | undefined;
|
|
11
11
|
target?: "_self" | "_blank" | "_parent" | "_top" | undefined;
|
|
12
12
|
prefetch?: "none" | "intent" | "render" | undefined;
|
|
13
|
-
}, "
|
|
13
|
+
}, "ref"> & import("react").RefAttributes<HTMLAnchorElement>>>;
|
|
@@ -5,5 +5,5 @@ type Props = Omit<ComponentProps<"a">, "href" | "target"> & {
|
|
|
5
5
|
target?: "_self" | "_blank" | "_parent" | "_top";
|
|
6
6
|
prefetch?: "none" | "intent" | "render";
|
|
7
7
|
};
|
|
8
|
-
export declare const Link: import("react").ForwardRefExoticComponent<
|
|
8
|
+
export declare const Link: import("react").ForwardRefExoticComponent<Omit<Props, "ref"> & import("react").RefAttributes<HTMLAnchorElement>>;
|
|
9
9
|
export {};
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import type { ComponentStory, ComponentMeta } from "@storybook/react";
|
|
3
|
-
declare const _default: ComponentMeta<import("react").ForwardRefExoticComponent<
|
|
3
|
+
declare const _default: ComponentMeta<import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "href" | "target"> & {
|
|
4
4
|
href?: string | undefined;
|
|
5
5
|
target?: "_self" | "_blank" | "_parent" | "_top" | undefined;
|
|
6
6
|
prefetch?: "none" | "intent" | "render" | undefined;
|
|
7
|
-
}, "
|
|
7
|
+
}, "ref"> & import("react").RefAttributes<HTMLAnchorElement>>>;
|
|
8
8
|
export default _default;
|
|
9
|
-
export declare const Link: ComponentStory<import("react").ForwardRefExoticComponent<
|
|
9
|
+
export declare const Link: ComponentStory<import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "href" | "target"> & {
|
|
10
10
|
href?: string | undefined;
|
|
11
11
|
target?: "_self" | "_blank" | "_parent" | "_top" | undefined;
|
|
12
12
|
prefetch?: "none" | "intent" | "render" | undefined;
|
|
13
|
-
}, "
|
|
13
|
+
}, "ref"> & import("react").RefAttributes<HTMLAnchorElement>>>;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
export declare const defaultTag = "li";
|
|
3
|
-
export declare const ListItem: import("react").ForwardRefExoticComponent<
|
|
3
|
+
export declare const ListItem: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & import("react").RefAttributes<HTMLLIElement>>;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import type { ComponentStory, ComponentMeta } from "@storybook/react";
|
|
3
|
-
declare const _default: ComponentMeta<import("react").ForwardRefExoticComponent<
|
|
3
|
+
declare const _default: ComponentMeta<import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & import("react").RefAttributes<HTMLLIElement>>>;
|
|
4
4
|
export default _default;
|
|
5
|
-
export declare const ListItem: ComponentStory<import("react").ForwardRefExoticComponent<
|
|
5
|
+
export declare const ListItem: ComponentStory<import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & import("react").RefAttributes<HTMLLIElement>>>;
|
|
@@ -5,5 +5,5 @@ export type ListTag = typeof unorderedTag | typeof orderedTag;
|
|
|
5
5
|
type Props = ComponentProps<typeof unorderedTag> & ComponentProps<typeof orderedTag> & {
|
|
6
6
|
ordered?: boolean;
|
|
7
7
|
};
|
|
8
|
-
export declare const List: import("react").ForwardRefExoticComponent<
|
|
8
|
+
export declare const List: import("react").ForwardRefExoticComponent<Omit<Props, "ref"> & import("react").RefAttributes<HTMLUListElement>>;
|
|
9
9
|
export {};
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import type { ComponentStory, ComponentMeta } from "@storybook/react";
|
|
3
|
-
declare const _default: ComponentMeta<import("react").ForwardRefExoticComponent<
|
|
3
|
+
declare const _default: ComponentMeta<import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLUListElement> & import("react").HTMLAttributes<HTMLUListElement> & import("react").ClassAttributes<HTMLOListElement> & import("react").OlHTMLAttributes<HTMLOListElement> & {
|
|
4
4
|
ordered?: boolean | undefined;
|
|
5
|
-
}, "
|
|
5
|
+
}, "ref"> & import("react").RefAttributes<HTMLUListElement>>>;
|
|
6
6
|
export default _default;
|
|
7
|
-
export declare const List: ComponentStory<import("react").ForwardRefExoticComponent<
|
|
7
|
+
export declare const List: ComponentStory<import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLUListElement> & import("react").HTMLAttributes<HTMLUListElement> & import("react").ClassAttributes<HTMLOListElement> & import("react").OlHTMLAttributes<HTMLOListElement> & {
|
|
8
8
|
ordered?: boolean | undefined;
|
|
9
|
-
}, "
|
|
9
|
+
}, "ref"> & import("react").RefAttributes<HTMLUListElement>>>;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
export declare const defaultTag = "p";
|
|
3
|
-
export declare const Paragraph: import("react").ForwardRefExoticComponent<
|
|
3
|
+
export declare const Paragraph: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & import("react").RefAttributes<HTMLParagraphElement>>;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import type { ComponentStory, ComponentMeta } from "@storybook/react";
|
|
3
|
-
declare const _default: ComponentMeta<import("react").ForwardRefExoticComponent<
|
|
3
|
+
declare const _default: ComponentMeta<import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & import("react").RefAttributes<HTMLParagraphElement>>>;
|
|
4
4
|
export default _default;
|
|
5
|
-
export declare const Paragraph: ComponentStory<import("react").ForwardRefExoticComponent<
|
|
5
|
+
export declare const Paragraph: ComponentStory<import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & import("react").RefAttributes<HTMLParagraphElement>>>;
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import type { ComponentStory, ComponentMeta } from "@storybook/react";
|
|
3
|
-
declare const _default: ComponentMeta<import("react").ForwardRefExoticComponent<
|
|
3
|
+
declare const _default: ComponentMeta<import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "href" | "target"> & {
|
|
4
4
|
href?: string | undefined;
|
|
5
5
|
target?: "_self" | "_blank" | "_parent" | "_top" | undefined;
|
|
6
6
|
prefetch?: "none" | "intent" | "render" | undefined;
|
|
7
|
-
}, "
|
|
7
|
+
}, "ref"> & import("react").RefAttributes<HTMLAnchorElement>>>;
|
|
8
8
|
export default _default;
|
|
9
|
-
export declare const RichTextLink: ComponentStory<import("react").ForwardRefExoticComponent<
|
|
9
|
+
export declare const RichTextLink: ComponentStory<import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "href" | "target"> & {
|
|
10
10
|
href?: string | undefined;
|
|
11
11
|
target?: "_self" | "_blank" | "_parent" | "_top" | undefined;
|
|
12
12
|
prefetch?: "none" | "intent" | "render" | undefined;
|
|
13
|
-
}, "
|
|
13
|
+
}, "ref"> & import("react").RefAttributes<HTMLAnchorElement>>>;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
export declare const defaultTag = "hr";
|
|
3
|
-
export declare const Separator: import("react").ForwardRefExoticComponent<
|
|
3
|
+
export declare const Separator: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHRElement>, HTMLHRElement>, "ref"> & import("react").RefAttributes<HTMLHRElement>>;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import type { ComponentStory, ComponentMeta } from "@storybook/react";
|
|
3
|
-
declare const _default: ComponentMeta<import("react").ForwardRefExoticComponent<
|
|
3
|
+
declare const _default: ComponentMeta<import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHRElement>, HTMLHRElement>, "ref"> & import("react").RefAttributes<HTMLHRElement>>>;
|
|
4
4
|
export default _default;
|
|
5
|
-
export declare const Separator: ComponentStory<import("react").ForwardRefExoticComponent<
|
|
5
|
+
export declare const Separator: ComponentStory<import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHRElement>, HTMLHRElement>, "ref"> & import("react").RefAttributes<HTMLHRElement>>>;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
export declare const defaultTag = "span";
|
|
3
|
-
export declare const Span: import("react").ForwardRefExoticComponent<
|
|
3
|
+
export declare const Span: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import type { ComponentStory, ComponentMeta } from "@storybook/react";
|
|
3
|
-
declare const _default: ComponentMeta<import("react").ForwardRefExoticComponent<
|
|
3
|
+
declare const _default: ComponentMeta<import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>>;
|
|
4
4
|
export default _default;
|
|
5
|
-
export declare const Span: ComponentStory<import("react").ForwardRefExoticComponent<
|
|
5
|
+
export declare const Span: ComponentStory<import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>>;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
export declare const defaultTag = "sub";
|
|
3
|
-
export declare const Subscript: import("react").ForwardRefExoticComponent<
|
|
3
|
+
export declare const Subscript: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & import("react").RefAttributes<HTMLElement>>;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import type { ComponentStory, ComponentMeta } from "@storybook/react";
|
|
3
|
-
declare const _default: ComponentMeta<import("react").ForwardRefExoticComponent<
|
|
3
|
+
declare const _default: ComponentMeta<import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & import("react").RefAttributes<HTMLElement>>>;
|
|
4
4
|
export default _default;
|
|
5
|
-
export declare const Bold: ComponentStory<import("react").ForwardRefExoticComponent<
|
|
5
|
+
export declare const Bold: ComponentStory<import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & import("react").RefAttributes<HTMLElement>>>;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
export declare const defaultTag = "sup";
|
|
3
|
-
export declare const Superscript: import("react").ForwardRefExoticComponent<
|
|
3
|
+
export declare const Superscript: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & import("react").RefAttributes<HTMLElement>>;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import type { ComponentStory, ComponentMeta } from "@storybook/react";
|
|
3
|
-
declare const _default: ComponentMeta<import("react").ForwardRefExoticComponent<
|
|
3
|
+
declare const _default: ComponentMeta<import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & import("react").RefAttributes<HTMLElement>>>;
|
|
4
4
|
export default _default;
|
|
5
|
-
export declare const Superscript: ComponentStory<import("react").ForwardRefExoticComponent<
|
|
5
|
+
export declare const Superscript: ComponentStory<import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & import("react").RefAttributes<HTMLElement>>>;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
export declare const defaultTag = "div";
|
|
3
|
-
export declare const TextBlock: import("react").ForwardRefExoticComponent<
|
|
3
|
+
export declare const TextBlock: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import type { ComponentStory, ComponentMeta } from "@storybook/react";
|
|
3
|
-
declare const _default: ComponentMeta<import("react").ForwardRefExoticComponent<
|
|
3
|
+
declare const _default: ComponentMeta<import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>>;
|
|
4
4
|
export default _default;
|
|
5
|
-
export declare const TextBlock: ComponentStory<import("react").ForwardRefExoticComponent<
|
|
5
|
+
export declare const TextBlock: ComponentStory<import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>>;
|
package/lib/types/css/css.d.ts
CHANGED
|
@@ -8,11 +8,10 @@ type Data = {
|
|
|
8
8
|
styleSourceSelections?: Build["styleSourceSelections"];
|
|
9
9
|
};
|
|
10
10
|
type CssOptions = {
|
|
11
|
-
|
|
11
|
+
assetBaseUrl: string;
|
|
12
12
|
};
|
|
13
13
|
export declare const createImageValueTransformer: (assets: Map<string, {
|
|
14
14
|
name: string;
|
|
15
|
-
path: string;
|
|
16
15
|
type: "font";
|
|
17
16
|
format: "ttf" | "woff" | "woff2" | "otf";
|
|
18
17
|
id: string;
|
|
@@ -36,7 +35,6 @@ export declare const createImageValueTransformer: (assets: Map<string, {
|
|
|
36
35
|
};
|
|
37
36
|
} | {
|
|
38
37
|
name: string;
|
|
39
|
-
path: string;
|
|
40
38
|
type: "image";
|
|
41
39
|
format: string;
|
|
42
40
|
id: string;
|
|
@@ -1,9 +1,8 @@
|
|
|
1
1
|
import type { CssEngine } from "@webstudio-is/css-engine";
|
|
2
2
|
import type { Assets } from "@webstudio-is/asset-uploader";
|
|
3
|
-
export declare const addGlobalRules: (engine: CssEngine, { assets }: {
|
|
3
|
+
export declare const addGlobalRules: (engine: CssEngine, { assets, assetBaseUrl }: {
|
|
4
4
|
assets: Map<string, {
|
|
5
5
|
name: string;
|
|
6
|
-
path: string;
|
|
7
6
|
type: "font";
|
|
8
7
|
format: "ttf" | "woff" | "woff2" | "otf";
|
|
9
8
|
id: string;
|
|
@@ -27,7 +26,6 @@ export declare const addGlobalRules: (engine: CssEngine, { assets }: {
|
|
|
27
26
|
};
|
|
28
27
|
} | {
|
|
29
28
|
name: string;
|
|
30
|
-
path: string;
|
|
31
29
|
type: "image";
|
|
32
30
|
format: string;
|
|
33
31
|
id: string;
|
|
@@ -41,4 +39,5 @@ export declare const addGlobalRules: (engine: CssEngine, { assets }: {
|
|
|
41
39
|
height: number;
|
|
42
40
|
};
|
|
43
41
|
} | undefined>;
|
|
42
|
+
assetBaseUrl: string;
|
|
44
43
|
}) => void;
|
package/lib/types/props.d.ts
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import type { Instance, Page, Prop } from "@webstudio-is/project-build";
|
|
2
|
+
import type { Asset, Assets } from "@webstudio-is/asset-uploader";
|
|
2
3
|
export type PropsByInstanceId = Map<Instance["id"], Prop[]>;
|
|
3
4
|
export type Pages = Map<Page["id"], Page>;
|
|
4
5
|
export declare const getPropsByInstanceId: (props: Map<string, {
|
|
@@ -33,7 +34,10 @@ export declare const getPropsByInstanceId: (props: Map<string, {
|
|
|
33
34
|
required?: boolean | undefined;
|
|
34
35
|
name: string;
|
|
35
36
|
type: "page";
|
|
36
|
-
value: string
|
|
37
|
+
value: string | {
|
|
38
|
+
instanceId: string;
|
|
39
|
+
pageId: string;
|
|
40
|
+
};
|
|
37
41
|
id: string;
|
|
38
42
|
instanceId: string;
|
|
39
43
|
} | {
|
|
@@ -44,10 +48,12 @@ export declare const getPropsByInstanceId: (props: Map<string, {
|
|
|
44
48
|
id: string;
|
|
45
49
|
instanceId: string;
|
|
46
50
|
}>) => PropsByInstanceId;
|
|
47
|
-
export declare const useInstanceProps: (instanceId: Instance["id"]) => Record<string, string | number | boolean | string[]
|
|
51
|
+
export declare const useInstanceProps: (instanceId: Instance["id"]) => Record<string, string | number | boolean | string[] | {
|
|
52
|
+
instanceId: string;
|
|
53
|
+
pageId: string;
|
|
54
|
+
}>;
|
|
48
55
|
export declare const usePropAsset: (instanceId: Instance["id"], name: string) => {
|
|
49
56
|
name: string;
|
|
50
|
-
path: string;
|
|
51
57
|
type: "font";
|
|
52
58
|
format: "ttf" | "woff" | "woff2" | "otf";
|
|
53
59
|
id: string;
|
|
@@ -71,7 +77,6 @@ export declare const usePropAsset: (instanceId: Instance["id"], name: string) =>
|
|
|
71
77
|
};
|
|
72
78
|
} | {
|
|
73
79
|
name: string;
|
|
74
|
-
path: string;
|
|
75
80
|
type: "image";
|
|
76
81
|
format: string;
|
|
77
82
|
id: string;
|
|
@@ -85,13 +90,69 @@ export declare const usePropAsset: (instanceId: Instance["id"], name: string) =>
|
|
|
85
90
|
height: number;
|
|
86
91
|
};
|
|
87
92
|
} | undefined;
|
|
88
|
-
export declare const resolveUrlProp: (instanceId: Instance["id"], name: string,
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
93
|
+
export declare const resolveUrlProp: (instanceId: Instance["id"], name: string, { props, pages, assets, }: {
|
|
94
|
+
props: PropsByInstanceId;
|
|
95
|
+
pages: Pages;
|
|
96
|
+
assets: Map<string, {
|
|
97
|
+
name: string;
|
|
98
|
+
type: "font";
|
|
99
|
+
format: "ttf" | "woff" | "woff2" | "otf";
|
|
100
|
+
id: string;
|
|
101
|
+
projectId: string;
|
|
102
|
+
size: number;
|
|
103
|
+
description: string | null;
|
|
104
|
+
location: "FS" | "REMOTE";
|
|
105
|
+
createdAt: string;
|
|
106
|
+
meta: {
|
|
107
|
+
style: "normal" | "italic" | "oblique";
|
|
108
|
+
weight: number;
|
|
109
|
+
family: string;
|
|
110
|
+
} | {
|
|
111
|
+
variationAxes: Partial<Record<"wght" | "wdth" | "slnt" | "opsz" | "ital" | "GRAD" | "XTRA" | "XOPQ" | "YOPQ" | "YTLC" | "YTUC" | "YTAS" | "YTDE" | "YTFI", {
|
|
112
|
+
name: string;
|
|
113
|
+
min: number;
|
|
114
|
+
default: number;
|
|
115
|
+
max: number;
|
|
116
|
+
}>>;
|
|
117
|
+
family: string;
|
|
118
|
+
};
|
|
119
|
+
} | {
|
|
120
|
+
name: string;
|
|
121
|
+
type: "image";
|
|
122
|
+
format: string;
|
|
123
|
+
id: string;
|
|
124
|
+
projectId: string;
|
|
125
|
+
size: number;
|
|
126
|
+
description: string | null;
|
|
127
|
+
location: "FS" | "REMOTE";
|
|
128
|
+
createdAt: string;
|
|
129
|
+
meta: {
|
|
130
|
+
width: number;
|
|
131
|
+
height: number;
|
|
132
|
+
};
|
|
133
|
+
} | undefined>;
|
|
134
|
+
}) => {
|
|
135
|
+
type: "page";
|
|
136
|
+
page: Page;
|
|
137
|
+
instanceId?: string | undefined;
|
|
138
|
+
hash?: string | undefined;
|
|
139
|
+
} | {
|
|
140
|
+
type: "asset";
|
|
141
|
+
asset: Asset;
|
|
142
|
+
} | {
|
|
143
|
+
type: "string";
|
|
144
|
+
url: string;
|
|
145
|
+
} | undefined;
|
|
146
|
+
export declare const usePropUrl: (instanceId: Instance["id"], name: string) => {
|
|
147
|
+
type: "page";
|
|
148
|
+
page: Page;
|
|
149
|
+
instanceId?: string | undefined;
|
|
150
|
+
hash?: string | undefined;
|
|
151
|
+
} | {
|
|
152
|
+
type: "asset";
|
|
153
|
+
asset: Asset;
|
|
154
|
+
} | {
|
|
155
|
+
type: "string";
|
|
156
|
+
url: string;
|
|
96
157
|
} | undefined;
|
|
97
158
|
export declare const getInstanceIdFromComponentProps: (props: Record<string, unknown>) => string;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import type { Instance
|
|
2
|
+
import type { Instance } from "@webstudio-is/project-build";
|
|
3
3
|
import type { GetComponent } from "../components/components-utils";
|
|
4
4
|
export declare const renderWebstudioComponentChildren: (children: Array<JSX.Element | string> | undefined) => Array<JSX.Element | string | Array<JSX.Element | string>> | undefined;
|
|
5
5
|
type WebstudioComponentProps = {
|
|
6
|
-
instance:
|
|
6
|
+
instance: Instance;
|
|
7
7
|
instanceSelector: Instance["id"][];
|
|
8
8
|
children: Array<JSX.Element | string>;
|
|
9
9
|
getComponent: GetComponent;
|