@webstudio-is/react-sdk 0.90.0 → 0.92.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/index.js +1 -0
- package/lib/app/root.js +2 -4
- package/lib/component-renderer.js +3 -5
- package/lib/components/component-meta.js +6 -11
- package/lib/components/components-utils.js +1 -0
- package/lib/context.js +2 -4
- package/lib/css/css.js +4 -9
- package/lib/css/global-rules.js +3 -5
- package/lib/css/index.js +1 -0
- package/lib/css/normalize-type-check.js +1 -0
- package/lib/css/normalize.js +48 -96
- package/lib/css/presets.js +3 -6
- package/lib/css/style-rules.js +3 -6
- package/{src/css/style-rules.test.ts → lib/css/style-rules.test.js} +23 -28
- package/lib/embed-template.js +7 -22
- package/{src/embed-template.test.ts → lib/embed-template.test.js} +165 -176
- package/lib/expression.js +11 -22
- package/{src/expression.test.ts → lib/expression.test.js} +55 -83
- package/lib/generator.js +2 -4
- package/{src/generator.test.ts → lib/generator.test.js} +28 -31
- package/lib/hook.js +2 -4
- package/{src/hook.test.ts → lib/hook.test.js} +4 -4
- package/lib/index.js +9 -31
- package/lib/instance-utils.js +2 -4
- package/{src/instance-utils.test.ts → lib/instance-utils.test.js} +19 -43
- package/lib/prop-meta.js +150 -0
- package/lib/props.js +8 -16
- package/{src/props.test.ts → lib/props.test.js} +39 -68
- package/lib/pubsub/create.js +2 -4
- package/lib/pubsub/index.js +1 -0
- package/lib/pubsub/raf-queue.js +2 -4
- package/lib/tree/create-elements-tree.js +2 -4
- package/lib/tree/index.js +1 -0
- package/lib/tree/root.js +2 -5
- package/lib/tree/webstudio-component.js +10 -20
- package/lib/types/component-renderer.d.ts +1 -1
- package/lib/types/components/component-meta.d.ts +526 -526
- package/lib/types/context.d.ts +1 -2
- package/lib/types/css/css.d.ts +22 -23
- package/lib/types/css/global-rules.d.ts +19 -19
- package/lib/types/css/normalize.d.ts +2444 -2444
- package/lib/types/css/style-rules.d.ts +2 -2
- package/lib/types/embed-template.d.ts +648 -648
- package/lib/types/generator.d.ts +1 -1
- package/lib/types/hook.d.ts +3 -3
- package/lib/types/index.d.ts +1 -0
- package/lib/types/instance-utils.d.ts +3 -3
- package/lib/types/prop-meta.d.ts +396 -0
- package/lib/types/props.d.ts +52 -53
- package/lib/types/tree/create-elements-tree.d.ts +3 -4
- package/lib/types/tree/root.d.ts +8 -8
- package/lib/types/tree/webstudio-component.d.ts +1 -1
- package/package.json +14 -22
- package/lib/cjs/app/index.js +0 -18
- package/lib/cjs/app/root.js +0 -40
- package/lib/cjs/component-renderer.js +0 -143
- package/lib/cjs/components/component-meta.js +0 -87
- package/lib/cjs/components/components-utils.js +0 -17
- package/lib/cjs/context.js +0 -43
- package/lib/cjs/css/css.js +0 -84
- package/lib/cjs/css/global-rules.js +0 -37
- package/lib/cjs/css/index.js +0 -20
- package/lib/cjs/css/normalize-type-check.js +0 -26
- package/lib/cjs/css/normalize.js +0 -349
- package/lib/cjs/css/presets.js +0 -48
- package/lib/cjs/css/style-rules.js +0 -86
- package/lib/cjs/embed-template.js +0 -368
- package/lib/cjs/expression.js +0 -371
- package/lib/cjs/generator.js +0 -128
- package/lib/cjs/hook.js +0 -34
- package/lib/cjs/index.js +0 -59
- package/lib/cjs/instance-utils.js +0 -65
- package/lib/cjs/package.json +0 -1
- package/lib/cjs/props.js +0 -204
- package/lib/cjs/pubsub/create.js +0 -78
- package/lib/cjs/pubsub/index.js +0 -18
- package/lib/cjs/pubsub/raf-queue.js +0 -42
- package/lib/cjs/tree/create-elements-tree.js +0 -152
- package/lib/cjs/tree/index.js +0 -20
- package/lib/cjs/tree/root.js +0 -100
- package/lib/cjs/tree/webstudio-component.js +0 -91
- package/src/app/index.ts +0 -1
- package/src/app/root.tsx +0 -25
- package/src/component-renderer.tsx +0 -146
- package/src/components/component-meta.ts +0 -86
- package/src/components/components-utils.ts +0 -13
- package/src/context.tsx +0 -73
- package/src/css/css.ts +0 -88
- package/src/css/global-rules.ts +0 -26
- package/src/css/index.ts +0 -3
- package/src/css/normalize-type-check.ts +0 -13
- package/src/css/normalize.ts +0 -507
- package/src/css/presets.ts +0 -27
- package/src/css/style-rules.ts +0 -101
- package/src/embed-template.ts +0 -438
- package/src/expression.ts +0 -401
- package/src/generator.ts +0 -147
- package/src/hook.ts +0 -52
- package/src/index.ts +0 -39
- package/src/instance-utils.ts +0 -65
- package/src/props.ts +0 -231
- package/src/pubsub/create.ts +0 -77
- package/src/pubsub/index.ts +0 -1
- package/src/pubsub/raf-queue.ts +0 -25
- package/src/tree/create-elements-tree.tsx +0 -186
- package/src/tree/index.ts +0 -3
- package/src/tree/root.ts +0 -131
- package/src/tree/webstudio-component.tsx +0 -97
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
"use strict";
|
|
1
2
|
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
2
3
|
import { Fragment as Fragment2, forwardRef } from "react";
|
|
3
4
|
import { useInstanceProps } from "../props";
|
|
@@ -8,7 +9,7 @@ const renderText = (text) => {
|
|
|
8
9
|
index < lines.length - 1 ? /* @__PURE__ */ jsx("br", {}) : null
|
|
9
10
|
] }, index));
|
|
10
11
|
};
|
|
11
|
-
const renderWebstudioComponentChildren = (children) => {
|
|
12
|
+
export const renderWebstudioComponentChildren = (children) => {
|
|
12
13
|
if (children === void 0 || children.length === 0) {
|
|
13
14
|
return;
|
|
14
15
|
}
|
|
@@ -16,7 +17,7 @@ const renderWebstudioComponentChildren = (children) => {
|
|
|
16
17
|
return typeof child === "string" ? renderText(child) : child;
|
|
17
18
|
});
|
|
18
19
|
};
|
|
19
|
-
const WebstudioComponent = forwardRef(({ instance, instanceSelector, children, components, ...rest }, ref) => {
|
|
20
|
+
export const WebstudioComponent = forwardRef(({ instance, instanceSelector, children, components, ...rest }, ref) => {
|
|
20
21
|
const { [showAttribute]: show = true, ...instanceProps } = useInstanceProps(
|
|
21
22
|
instance.id
|
|
22
23
|
);
|
|
@@ -35,13 +36,13 @@ const WebstudioComponent = forwardRef(({ instance, instanceSelector, children, c
|
|
|
35
36
|
}
|
|
36
37
|
return /* @__PURE__ */ jsx(Component, { ...props, ref, children: renderWebstudioComponentChildren(children) });
|
|
37
38
|
});
|
|
38
|
-
const idAttribute = "data-ws-id";
|
|
39
|
-
const selectorIdAttribute = "data-ws-selector";
|
|
40
|
-
const componentAttribute = "data-ws-component";
|
|
41
|
-
const showAttribute = "data-ws-show";
|
|
42
|
-
const indexAttribute = "data-ws-index";
|
|
43
|
-
const collapsedAttribute = "data-ws-collapsed";
|
|
44
|
-
const splitPropsWithWebstudioAttributes = ({
|
|
39
|
+
export const idAttribute = "data-ws-id";
|
|
40
|
+
export const selectorIdAttribute = "data-ws-selector";
|
|
41
|
+
export const componentAttribute = "data-ws-component";
|
|
42
|
+
export const showAttribute = "data-ws-show";
|
|
43
|
+
export const indexAttribute = "data-ws-index";
|
|
44
|
+
export const collapsedAttribute = "data-ws-collapsed";
|
|
45
|
+
export const splitPropsWithWebstudioAttributes = ({
|
|
45
46
|
[idAttribute]: idAttributeValue,
|
|
46
47
|
[componentAttribute]: componentAttributeValue,
|
|
47
48
|
[showAttribute]: showAttributeValue,
|
|
@@ -58,14 +59,3 @@ const splitPropsWithWebstudioAttributes = ({
|
|
|
58
59
|
},
|
|
59
60
|
props
|
|
60
61
|
];
|
|
61
|
-
export {
|
|
62
|
-
WebstudioComponent,
|
|
63
|
-
collapsedAttribute,
|
|
64
|
-
componentAttribute,
|
|
65
|
-
idAttribute,
|
|
66
|
-
indexAttribute,
|
|
67
|
-
renderWebstudioComponentChildren,
|
|
68
|
-
selectorIdAttribute,
|
|
69
|
-
showAttribute,
|
|
70
|
-
splitPropsWithWebstudioAttributes
|
|
71
|
-
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import type { ExoticComponent } from "react";
|
|
2
|
-
import type { Instance } from "@webstudio-is/
|
|
2
|
+
import type { Instance } from "@webstudio-is/sdk";
|
|
3
3
|
import type { WsComponentMeta } from "./components/component-meta";
|
|
4
4
|
export declare const renderComponentTemplate: ({ name, metas: metasRecord, components, props, }: {
|
|
5
5
|
name: Instance["component"];
|