@webstudio-is/sdk-components-react 0.182.0 → 0.189.0

package/lib/components.js

@@ -920,21 +920,30 @@ var XmlNode = forwardRef34(
       const attrProps = Object.fromEntries(attributeEntries);
       return createElement4(tag, attrProps, children);
     }
-    const isTextChild = Children.toArray(children).every(
-      (child) => typeof child === "string"
-    );
-    const elementName = tag.replace(/^[^\p{L}_]+/u, "").replaceAll(/[^\p{L}\p{N}\-._]+/gu, "");
+    const childrenArray = Children.toArray(children);
+    const isTextChild = childrenArray.length > 0 && childrenArray.every((child) => typeof child === "string");
+    const elementName = tag.replace(/^[^\p{L}_]+/u, "").replaceAll(/[^\p{L}\p{N}\-._:]+/gu, "");
     const attributes = attributeEntries.map(
       ([key, value]) => `${key}=${JSON.stringify(value)}`
     );
-    return /* @__PURE__ */ jsxs2("div", { style: { display: isTextChild ? "flex" : "contents" }, ...props, children: [
-      /* @__PURE__ */ jsxs2("div", { style: { color: "rgb(16, 23, 233)" }, children: [
+    return /* @__PURE__ */ jsxs2("div", { ...props, children: [
+      /* @__PURE__ */ jsxs2("span", { style: { color: "rgb(16, 23, 233)" }, children: [
         "<",
         [elementName, ...attributes].join(" "),
         ">"
       ] }),
-      /* @__PURE__ */ jsx31("div", { ref, style: { marginLeft: isTextChild ? 0 : "1rem" }, children }),
-      /* @__PURE__ */ jsxs2("div", { style: { color: "rgb(16, 23, 233)" }, children: [
+      childrenArray.length > 0 && /* @__PURE__ */ jsx31(
+        "div",
+        {
+          ref,
+          style: {
+            display: isTextChild ? "inline" : "block",
+            marginLeft: isTextChild ? 0 : "1rem"
+          },
+          children
+        }
+      ),
+      /* @__PURE__ */ jsxs2("span", { style: { color: "rgb(16, 23, 233)" }, children: [
         "</",
         elementName,
         ">"

package/lib/metas.js

@@ -37,6 +37,10 @@ var presetStyle = {
     {
       property: "display",
       value: { type: "keyword", value: "contents" }
+    },
+    {
+      property: "whiteSpaceCollapse",
+      value: { type: "keyword", value: "collapse" }
     }
   ]
 };
@@ -141,6 +145,10 @@ var meta4 = {
       {
         property: "display",
         value: { type: "keyword", value: "contents" }
+      },
+      {
+        property: "whiteSpaceCollapse",
+        value: { type: "keyword", value: "collapse" }
       }
     ]
   },
@@ -295,7 +303,8 @@ var meta6 = {
   type: "container",
   icon: BodyIcon,
   states: defaultStates,
-  presetStyle: presetStyle2
+  presetStyle: presetStyle2,
+  detachable: false
 };
 
 // src/box.ws.ts

package/lib/props.js

@@ -117,6 +117,10 @@ var meta = {
       {
         property: "display",
         value: { type: "keyword", value: "contents" }
+      },
+      {
+        property: "whiteSpaceCollapse",
+        value: { type: "keyword", value: "collapse" }
       }
     ]
   },

package/lib/types/vimeo-preview-image.d.ts

@@ -274,11 +274,11 @@ export declare const VimeoPreviewImage: import("react").ForwardRefExoticComponen
     src?: string | undefined;
     loading?: "eager" | "lazy" | undefined;
     decoding?: "async" | "auto" | "sync" | undefined;
-    fetchPriority?: "high" | "low" | "auto";
+    fetchPriority?: ("high" | "low" | "auto") | undefined;
     sizes?: string | undefined;
     srcSet?: string | undefined;
-    quality?: number;
-    optimize?: boolean;
+    quality?: number | undefined;
+    optimize?: boolean | undefined;
 } & {
     $webstudio$canvasOnly$assetId?: string | undefined;
 } & import("react").RefAttributes<HTMLImageElement>, "ref"> & import("react").RefAttributes<HTMLImageElement>>;

package/lib/types/xml-node.d.ts

@@ -3,7 +3,11 @@ export declare const defaultTag = "div";
 type Props = {
     tag: string;
     xmlns?: string;
-    children: ReactNode;
+    children?: ReactNode;
+    rel?: string;
+    hreflang?: string;
+    href?: string;
+    "xmlns:xhtml"?: string;
 };
 export declare const XmlNode: import("react").ForwardRefExoticComponent<Props & import("react").RefAttributes<HTMLDivElement>>;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webstudio-is/sdk-components-react",
-  "version": "0.182.0",
+  "version": "0.189.0",
   "description": "Webstudio default library for react",
   "author": "Webstudio <github@webstudio.is>",
   "homepage": "https://webstudio.is",
@@ -39,13 +39,13 @@
     "react-dom": "18.3.0-canary-14898b6a9-20240318"
   },
   "dependencies": {
-    "@react-aria/utils": "^3.25.2",
+    "@react-aria/utils": "^3.25.3",
     "colord": "^2.9.3",
     "micromark": "^4.0.0",
-    "@webstudio-is/icons": "0.182.0",
-    "@webstudio-is/react-sdk": "0.182.0",
-    "@webstudio-is/sdk": "0.182.0",
-    "@webstudio-is/image": "0.182.0"
+    "@webstudio-is/icons": "0.189.0",
+    "@webstudio-is/image": "0.189.0",
+    "@webstudio-is/sdk": "0.189.0",
+    "@webstudio-is/react-sdk": "0.189.0"
   },
   "devDependencies": {
     "@jest/globals": "^29.7.0",
@@ -55,7 +55,7 @@
     "jest-environment-jsdom": "^29.7.0",
     "react": "18.3.0-canary-14898b6a9-20240318",
     "react-dom": "18.3.0-canary-14898b6a9-20240318",
-    "typescript": "5.5.2",
+    "typescript": "5.6.3",
     "@webstudio-is/generate-arg-types": "0.0.0",
     "@webstudio-is/jest-config": "1.0.7",
     "@webstudio-is/tsconfig": "1.0.7"