@webstudio-is/sdk-components-react 0.198.0 → 0.199.0

package/lib/xml-node.js

@@ -1,48 +1,60 @@
-import { jsxs as n, jsx as p } from "react/jsx-runtime";
-import { ReactSdkContext as y, xmlNodeTagSuffix as g } from "@webstudio-is/react-sdk/runtime";
-import { forwardRef as u, useContext as x, createElement as b, Children as h } from "react";
-const N = u(
-  ({ tag: a = "", children: e, ...o }, c) => {
-    const { renderer: f } = x(y), s = Object.entries(o).filter(
-      ([t]) => t.startsWith("data-") === !1 && t.startsWith("aria-") === !1
-    ).filter(([t]) => t !== "tabIndex").filter(([, t]) => typeof t != "function"), r = a.replace(/^[^\p{L}_]+/u, "").replaceAll(/[^\p{L}\p{N}\-._:]+/gu, "").trim();
-    if (f === void 0) {
-      const t = Object.fromEntries(s);
-      return b(
-        `${r}${g}`,
-        t,
-        e
+import { jsxs as t, jsx as r, Fragment as u } from "react/jsx-runtime";
+import { ReactSdkContext as g, xmlNodeTagSuffix as x } from "@webstudio-is/react-sdk/runtime";
+import { forwardRef as b, useContext as N, createElement as C, Children as F } from "react";
+const j = b(
+  ({ tag: c = "", children: l, ...i }, d) => {
+    const { renderer: p } = N(g), o = Object.entries(i).filter(
+      ([e]) => e.startsWith("data-") === !1 && e.startsWith("aria-") === !1
+    ).filter(([e]) => e.toLowerCase() !== "tabindex").filter(([, e]) => typeof e != "function"), s = c.replace(/^[^\p{L}_]+/u, "").replaceAll(/[^\p{L}\p{N}\-._:]+/gu, "").trim();
+    if (p === void 0) {
+      const e = Object.fromEntries(o);
+      return C(
+        `${s}${x}`,
+        e,
+        l
       );
     }
-    const i = h.toArray(e), l = i.length > 0 && i.every((t) => typeof t == "string"), m = s.map(
-      ([t, d]) => `${t}=${JSON.stringify(d)}`
-    );
-    return /* @__PURE__ */ n("div", { ...o, children: [
-      /* @__PURE__ */ n("span", { style: { color: "rgb(16, 23, 233)" }, children: [
-        "<",
-        [r, ...m].join(" "),
-        ">"
+    const n = F.toArray(l), a = n.length > 0 && n.every((e) => typeof e == "string"), m = (e) => e.map(([f, h], y) => /* @__PURE__ */ t("span", { children: [
+      " ",
+      /* @__PURE__ */ r("span", { style: { color: "#FF0000" }, children: f }),
+      /* @__PURE__ */ r("span", { style: { color: "#000000" }, children: "=" }),
+      /* @__PURE__ */ t("span", { style: { color: "#0000FF" }, children: [
+        '"',
+        h,
+        '"'
+      ] })
+    ] }, y));
+    return /* @__PURE__ */ t("div", { ...i, children: [
+      /* @__PURE__ */ t("span", { children: [
+        /* @__PURE__ */ t("span", { style: { color: "#800000" }, children: [
+          "<",
+          s
+        ] }),
+        o.length > 0 && m(o),
+        n.length === 0 ? /* @__PURE__ */ r("span", { style: { color: "#800000" }, children: "/>" }) : /* @__PURE__ */ r("span", { style: { color: "#800000" }, children: ">" })
       ] }),
-      i.length > 0 && /* @__PURE__ */ p(
-        "div",
-        {
-          ref: c,
-          style: {
-            display: l ? "inline" : "block",
-            marginLeft: l ? 0 : "1rem"
-          },
-          children: e
-        }
-      ),
-      /* @__PURE__ */ n("span", { style: { color: "rgb(16, 23, 233)" }, children: [
-        "</",
-        r,
-        ">"
+      n.length > 0 && /* @__PURE__ */ t(u, { children: [
+        /* @__PURE__ */ r(
+          "div",
+          {
+            ref: d,
+            style: {
+              display: a ? "inline" : "block",
+              marginLeft: a ? 0 : "1rem"
+            },
+            children: l
+          }
+        ),
+        /* @__PURE__ */ t("span", { style: { color: "#800000" }, children: [
+          "</",
+          s,
+          ">"
+        ] })
       ] })
     ] });
   }
 );
-N.displayName = "XmlNode";
+j.displayName = "XmlNode";
 export {
-  N as XmlNode
+  j as XmlNode
 };

package/lib/youtube.ws.js

@@ -1,4 +1,4 @@
-import { Youtube1cIcon as o } from "@webstudio-is/icons/svg";
+import { YoutubeIcon as o } from "@webstudio-is/icons/svg";
 import { defaultStates as t } from "@webstudio-is/sdk";
 import { div as e } from "@webstudio-is/sdk/normalize.css";
 import { props as n } from "./__generated__/youtube.props.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webstudio-is/sdk-components-react",
-  "version": "0.198.0",
+  "version": "0.199.0",
   "description": "Webstudio default library for react",
   "author": "Webstudio <github@webstudio.is>",
   "homepage": "https://webstudio.is",
@@ -49,10 +49,10 @@
     "colord": "^2.9.3",
     "micromark": "^4.0.1",
     "micromark-extension-gfm-table": "^2.1.0",
-    "@webstudio-is/icons": "0.198.0",
-    "@webstudio-is/react-sdk": "0.198.0",
-    "@webstudio-is/sdk": "0.198.0",
-    "@webstudio-is/image": "0.198.0"
+    "@webstudio-is/icons": "0.199.0",
+    "@webstudio-is/react-sdk": "0.199.0",
+    "@webstudio-is/image": "0.199.0",
+    "@webstudio-is/sdk": "0.199.0"
   },
   "devDependencies": {
     "@testing-library/react": "^14.2.2",
@@ -60,10 +60,10 @@
     "@types/react-dom": "^18.2.25",
     "react": "18.3.0-canary-14898b6a9-20240318",
     "react-dom": "18.3.0-canary-14898b6a9-20240318",
-    "vitest": "^2.1.8",
+    "vitest": "^3.0.2",
     "@webstudio-is/generate-arg-types": "0.0.0",
     "@webstudio-is/sdk-cli": "0.94.0",
-    "@webstudio-is/template": "0.198.0",
+    "@webstudio-is/template": "0.199.0",
     "@webstudio-is/tsconfig": "1.0.7"
   },
   "scripts": {