@cypress-design/react-statusicon 0.4.6 → 0.4.8

package/dist/index.umd.js

@@ -39,7 +39,7 @@ LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
 OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
 PERFORMANCE OF THIS SOFTWARE.
 ***************************************************************************** */
-/* global Reflect, Promise */
+/* global Reflect, Promise, SuppressedError, Symbol */
 
 
 var __assign$1 = function() {
@@ -73,7 +73,12 @@ function __spreadArray(to, from, pack) {
         }
     }
     return to.concat(ar || Array.prototype.slice.call(from));
-}
+}
+
+typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
+    var e = new Error(message);
+    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+};
 
 /**
  * This "const" is used to create the list of statuses
@@ -439,7 +444,7 @@ LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
 OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
 PERFORMANCE OF THIS SOFTWARE.
 ***************************************************************************** */
-/* global Reflect, Promise */
+/* global Reflect, Promise, SuppressedError, Symbol */
 
 
 var __assign = function() {
@@ -463,10 +468,15 @@ function __rest(s, e) {
                 t[p[i]] = s[p[i]];
         }
     return t;
-}
+}
+
+typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
+    var e = new Error(message);
+    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, 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 +487,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);
@@ -490,10 +514,10 @@ var compileReactIconProperties = function (_a) {
 };
 
 
-/* <wind-keep class="filter"> */
+/* <wind-keep class="filter icon-light-secondary icon-dark-secondary"> */
 
 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 +532,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 +543,7 @@ var OutlineStatusIcon = function (_a) {
         statuses: statuses$2,
         className: rest.className,
         size: size,
+        variantName: 'outline',
     })));
 };
 
@@ -528,6 +554,7 @@ var SimpleStatusIcon = function (_a) {
         statuses: statuses$1,
         className: rest.className,
         size: size,
+        variantName: 'simple',
     })));
 };
 
@@ -538,6 +565,7 @@ var SolidStatusIcon = function (_a) {
         statuses: statuses,
         className: rest.className,
         size: size,
+        variantName: 'solid',
     })));
 };
 
@@ -558,4 +586,4 @@ exports.SolidStatusIcon = SolidStatusIcon;
 exports.default = StatusIcon;
 //# sourceMappingURL=index.umd.js.map
 
-/* <wind-keep class="outline inline-block"> */
+/* <wind-keep class="outline inline-block icon-dark-indigo-400 icon-light-gray-100 icon-dark-jade-400 icon-dark-red-400 icon-dark-gray-100 icon-dark-gray-300 icon-dark-orange-400 icon-dark-gray-400"> */