@webstudio-is/react-sdk 0.23.0 → 0.25.0

package/lib/cjs/props.cjs

@@ -37,7 +37,7 @@ const getPropsByInstanceIdStore = () => {
 };
 const getPropsByInstanceId = (props) => {
   const propsByInstanceId = /* @__PURE__ */ new Map();
-  for (const prop of props) {
+  for (const prop of props.values()) {
     let instanceProps = propsByInstanceId.get(prop.instanceId);
     if (instanceProps === void 0) {
       instanceProps = [];

package/lib/cjs/tree/root.cjs

@@ -36,7 +36,9 @@ const InstanceRoot = ({
   if (data.tree === null) {
     throw new Error("Tree is null");
   }
-  (0, import_props.setPropsByInstanceIdStore)((0, import_nanostores.atom)((0, import_props.getPropsByInstanceId)(data.tree.props)));
+  (0, import_props.setPropsByInstanceIdStore)(
+    (0, import_nanostores.atom)((0, import_props.getPropsByInstanceId)(new Map(data.tree.props)))
+  );
   (0, import_params.setParams)(data.params ?? null);
   (0, import_components.registerComponents)(customComponents);
   return (0, import_create_elements_tree.createElementsTree)({

package/lib/props.js

@@ -10,7 +10,7 @@ const getPropsByInstanceIdStore = () => {
 };
 const getPropsByInstanceId = (props) => {
   const propsByInstanceId = /* @__PURE__ */ new Map();
-  for (const prop of props) {
+  for (const prop of props.values()) {
     let instanceProps = propsByInstanceId.get(prop.instanceId);
     if (instanceProps === void 0) {
       instanceProps = [];

package/lib/tree/root.js

@@ -13,7 +13,9 @@ const InstanceRoot = ({
   if (data.tree === null) {
     throw new Error("Tree is null");
   }
-  setPropsByInstanceIdStore(atom(getPropsByInstanceId(data.tree.props)));
+  setPropsByInstanceIdStore(
+    atom(getPropsByInstanceId(new Map(data.tree.props)))
+  );
   setParams(data.params ?? null);
   registerComponents(customComponents);
   return createElementsTree({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webstudio-is/react-sdk",
-  "version": "0.23.0",
+  "version": "0.25.0",
   "description": "Webstudio JavaScript / TypeScript API",
   "author": "Webstudio <github@webstudio.is>",
   "homepage": "https://webstudio.is",
@@ -47,12 +47,12 @@
     "mitt": "^3.0.0",
     "nanostores": "^0.7.1",
     "warn-once": "^0.1.1",
-    "@webstudio-is/asset-uploader": "^0.23.0",
-    "@webstudio-is/css-data": "^0.23.0",
-    "@webstudio-is/icons": "^0.23.0",
-    "@webstudio-is/image": "^0.23.0",
-    "@webstudio-is/prisma-client": "^0.23.0",
-    "@webstudio-is/project-build": "^0.23.0"
+    "@webstudio-is/asset-uploader": "^0.25.0",
+    "@webstudio-is/css-data": "^0.25.0",
+    "@webstudio-is/icons": "^0.25.0",
+    "@webstudio-is/image": "^0.25.0",
+    "@webstudio-is/prisma-client": "^0.25.0",
+    "@webstudio-is/project-build": "^0.25.0"
   },
   "exports": {
     "import": "./lib/index.js",

package/src/props.ts

@@ -1,10 +1,10 @@
 import { useMemo } from "react";
 import { atom, computed, type ReadableAtom } from "nanostores";
 import { useStore } from "@nanostores/react";
-import type { Instance, Props } from "@webstudio-is/project-build";
+import type { Instance, Prop, Props } from "@webstudio-is/project-build";
 import type { Asset } from "@webstudio-is/asset-uploader";
 
-type PropsByInstanceId = Map<Instance["id"], Props>;
+type PropsByInstanceId = Map<Instance["id"], Prop[]>;
 
 type PropsByInstanceIdStore = ReadableAtom<PropsByInstanceId>;
 
@@ -20,7 +20,7 @@ export const getPropsByInstanceIdStore = () => {
 
 export const getPropsByInstanceId = (props: Props) => {
   const propsByInstanceId: PropsByInstanceId = new Map();
-  for (const prop of props) {
+  for (const prop of props.values()) {
     let instanceProps = propsByInstanceId.get(prop.instanceId);
     if (instanceProps === undefined) {
       instanceProps = [];

package/src/tree/root.ts

@@ -1,6 +1,5 @@
 import type { ComponentProps } from "react";
 import { atom } from "nanostores";
-import type { Breakpoint } from "@webstudio-is/css-data";
 import type { Tree } from "@webstudio-is/project-build";
 import type { Asset } from "@webstudio-is/asset-uploader";
 import { createElementsTree } from "./create-elements-tree";
@@ -12,7 +11,6 @@ import { getPropsByInstanceId, setPropsByInstanceIdStore } from "../props";
 
 export type Data = {
   tree: Tree | null;
-  breakpoints: Array<Breakpoint>;
   assets: Array<Asset>;
   params?: Params;
 };
@@ -32,7 +30,9 @@ export const InstanceRoot = ({
     throw new Error("Tree is null");
   }
 
-  setPropsByInstanceIdStore(atom(getPropsByInstanceId(data.tree.props)));
+  setPropsByInstanceIdStore(
+    atom(getPropsByInstanceId(new Map(data.tree.props)))
+  );
 
   setParams(data.params ?? null);