@eightshift/ui-components 5.0.8 → 5.0.9

package/dist/icons/jsx-svg.js

@@ -10,6 +10,8 @@ import { s as svgToJsxString, a as source_default } from "../react-jsx-parser.mi
  * @param {boolean} [props.ariaHidden] - Set to `true` if the image is decorative.
  * @param {string} [props.customProps] - Custom props to add to the SVG.
  * @param {Object} [props.customPropBindings] - Dynamic bindings for custom props.
+ * @param {boolean} [props.noIdRandomization] - If `true`, the SVG will not randomize IDs for defs like gradients, masks, ...
+ * @param {string} [props.idRandomizationPrefix] - Sets the prefix for random IDs. Defaults to `icon`.
  *
  * @returns {JSX.Element} The JsxSvg component.
  *
@@ -22,7 +24,8 @@ import { s as svgToJsxString, a as source_default } from "../react-jsx-parser.mi
  * @preserve
  */
 const JsxSvg = (props) => {
-  const { svg, className, customProps, customPropBindings, "aria-hidden": ariaHiddenProp, ariaHidden } = props;
+  var _a;
+  const { svg, className, customProps, customPropBindings, "aria-hidden": ariaHiddenProp, ariaHidden, noIdRandomization, idRandomizationPrefix = "icon", ...rest } = props;
   if (!svg || typeof svg !== "string") {
     return null;
   }
@@ -36,12 +39,23 @@ const JsxSvg = (props) => {
   if (customProps) {
     jsxString = jsxString.replace("<svg ", `<svg ${customProps} `);
   }
+  if (!noIdRandomization) {
+    const matches = (_a = Array.from(jsxString == null ? void 0 : jsxString.matchAll(/id=[\'"]([a-zA-Z0-9\-\_]*)[\'"]/g), (m) => m == null ? void 0 : m[1])) == null ? void 0 : _a.filter(Boolean);
+    matches.forEach((match) => {
+      const newId = Math.random().toString(36).substring(2, 15) + Math.random().toString(36).substring(2, 15);
+      jsxString = jsxString.replaceAll(match, `${idRandomizationPrefix}-${newId}`);
+    });
+  }
   return /* @__PURE__ */ jsx(
     source_default,
     {
       renderInWrapper: false,
       jsx: jsxString,
-      bindings: customPropBindings
+      bindings: customPropBindings,
+      components: {
+        linearGradient: "linearGradient"
+      },
+      ...rest
     }
   );
 };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@eightshift/ui-components",
-	"version": "5.0.8",
+	"version": "5.0.9",
 	"type": "module",
 	"main": "./dist/index.js",
 	"module": "./dist/index.js",