@cypress-design/react-statusicon 0.4.6 → 0.4.7

package/dist/index.umd.js

@@ -466,7 +466,7 @@ function __rest(s, e) {
 }
 
 var compileReactIconProperties = function (_a) {
-    var body = _a.body, compiledClasses = _a.compiledClasses, size = _a.size, attributes = __rest(_a, ["body", "compiledClasses", "size"]);
+    var body = _a.body, defs = _a.defs, compiledClasses = _a.compiledClasses, size = _a.size, name = _a.name, attributes = __rest(_a, ["body", "defs", "compiledClasses", "size", "name"]);
     var filteredAttributes = Object.keys(attributes).reduce(function (newAttributes, attrName) {
         if (!iconsRegistry.ICON_COLOR_PROP_NAMES.includes(attrName) &&
             attrName !== 'name') {
@@ -477,6 +477,20 @@ var compileReactIconProperties = function (_a) {
         }
         return newAttributes;
     }, {});
+    React__namespace.useEffect(function () {
+        var iconFileId = "".concat(name, "_").concat(size);
+        if (defs) {
+            if (document.querySelector("[data-cy-svg-defs=\"".concat(iconFileId, "\"]"))) {
+                return;
+            }
+            var svgElement = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
+            svgElement.setAttribute('data-cy-svg-defs', iconFileId);
+            svgElement.setAttribute('width', '0');
+            svgElement.setAttribute('height', '0');
+            svgElement.innerHTML = defs;
+            document.body.appendChild(svgElement);
+        }
+    }, [defs]);
     var componentProps = __assign({ width: size, height: size, viewBox: "0 0 ".concat(size, " ").concat(size), fill: 'none', dangerouslySetInnerHTML: {
             __html: body,
         }, className: undefined }, filteredAttributes);
@@ -493,7 +507,7 @@ var compileReactIconProperties = function (_a) {
 /* <wind-keep class="filter"> */
 
 var compileProps = function (_a) {
-    var status = _a.status, statuses = _a.statuses, className = _a.className, size = _a.size;
+    var status = _a.status, statuses = _a.statuses, className = _a.className, size = _a.size, variantName = _a.variantName;
     var statusInfo = status ? statuses[status] : statuses.placeholder;
     var iconInfo = status ? statuses$3[status] : statuses$3.placeholder;
     var iconData = statusInfo["size".concat(size, "Icon")].data;
@@ -508,6 +522,7 @@ var compileProps = function (_a) {
         body: iconData,
         compiledClasses: __spreadArray(__spreadArray([], compiledClasses, true), [classes], false),
         size: size,
+        name: "status_".concat(status, "_").concat(size, "_").concat(variantName),
     });
 };
 
@@ -518,6 +533,7 @@ var OutlineStatusIcon = function (_a) {
         statuses: statuses$2,
         className: rest.className,
         size: size,
+        variantName: 'outline',
     })));
 };
 
@@ -528,6 +544,7 @@ var SimpleStatusIcon = function (_a) {
         statuses: statuses$1,
         className: rest.className,
         size: size,
+        variantName: 'simple',
     })));
 };
 
@@ -538,6 +555,7 @@ var SolidStatusIcon = function (_a) {
         statuses: statuses,
         className: rest.className,
         size: size,
+        variantName: 'solid',
     })));
 };