@cypress-design/react-statusicon 0.0.1

package/dist/index.umd.js

@@ -0,0 +1,482 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var iconsRegistry = require('@cypress-design/icon-registry');
+
+function _interopNamespace(e) {
+    if (e && e.__esModule) return e;
+    var n = Object.create(null);
+    if (e) {
+        Object.keys(e).forEach(function (k) {
+            if (k !== 'default') {
+                var d = Object.getOwnPropertyDescriptor(e, k);
+                Object.defineProperty(n, k, d.get ? d : {
+                    enumerable: true,
+                    get: function () { return e[k]; }
+                });
+            }
+        });
+    }
+    n["default"] = e;
+    return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+/******************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+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.
+***************************************************************************** */
+
+var __assign$1 = function() {
+    __assign$1 = Object.assign || function __assign(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign$1.apply(this, arguments);
+};
+
+function __rest$1(s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+}
+
+var statuses$2 = {
+    running: {
+        shouldSpin: true,
+        size4Icon: iconsRegistry.cyStatusRunningSimpleX4,
+        size8Icon: iconsRegistry.cyStatusRunningSimpleX8,
+        size12Icon: iconsRegistry.cyStatusRunningOutlineX12,
+        size16Icon: iconsRegistry.cyStatusRunningOutlineX16,
+        size24Icon: iconsRegistry.cyStatusRunningOutlineX24
+    },
+    passed: {
+        shouldSpin: false,
+        size4Icon: iconsRegistry.cyStatusPassedSimpleX4,
+        size8Icon: iconsRegistry.cyStatusPassedSimpleX8,
+        size12Icon: iconsRegistry.cyStatusPassedSimpleX12,
+        size16Icon: iconsRegistry.cyStatusPassedOutlineX16,
+        size24Icon: iconsRegistry.cyStatusPassedOutlineX24
+    },
+    failed: {
+        shouldSpin: false,
+        size4Icon: iconsRegistry.cyStatusFailedSimpleX4,
+        size8Icon: iconsRegistry.cyStatusFailedSimpleX8,
+        size12Icon: iconsRegistry.cyStatusFailedSimpleX12,
+        size16Icon: iconsRegistry.cyStatusFailedOutlineX16,
+        size24Icon: iconsRegistry.cyStatusFailedOutlineX24
+    },
+    unclaimed: {
+        shouldSpin: false,
+        size4Icon: iconsRegistry.cyStatusQueuedSimpleX4,
+        size8Icon: iconsRegistry.cyStatusQueuedSimpleX8,
+        size12Icon: iconsRegistry.cyStatusQueuedOutlineX12,
+        size16Icon: iconsRegistry.cyStatusQueuedOutlineX16,
+        size24Icon: iconsRegistry.cyStatusQueuedOutlineX24
+    },
+    placeholder: {
+        shouldSpin: false,
+        size4Icon: iconsRegistry.cyStatusPlaceholderSimpleX4,
+        size8Icon: iconsRegistry.cyStatusPlaceholderSimpleX8,
+        size12Icon: iconsRegistry.cyStatusPlaceholderSolidX12,
+        size16Icon: iconsRegistry.cyStatusPlaceholderSolidX16,
+        size24Icon: iconsRegistry.cyStatusPlaceholderSolidX24
+    },
+    cancelled: {
+        shouldSpin: false,
+        size4Icon: iconsRegistry.cyStatusCancelledSimpleX4,
+        size8Icon: iconsRegistry.cyStatusCancelledSimpleX8,
+        size12Icon: iconsRegistry.cyStatusCancelledSolidX12,
+        size16Icon: iconsRegistry.cyStatusCancelledOutlineX16,
+        size24Icon: iconsRegistry.cyStatusCancelledOutlineX24
+    },
+    noTests: {
+        shouldSpin: false,
+        size4Icon: iconsRegistry.cyStatusCancelledSimpleX4,
+        size8Icon: iconsRegistry.cyStatusCancelledSimpleX8,
+        size12Icon: iconsRegistry.cyStatusCancelledSolidX12,
+        size16Icon: iconsRegistry.cyStatusCancelledOutlineX16,
+        size24Icon: iconsRegistry.cyStatusCancelledOutlineX24
+    },
+    errored: {
+        shouldSpin: false,
+        size4Icon: iconsRegistry.cyStatusErroredSimpleX4,
+        size8Icon: iconsRegistry.cyStatusErroredSimpleX8,
+        size12Icon: iconsRegistry.cyStatusErroredSolidX12,
+        size16Icon: iconsRegistry.cyStatusErroredOutlineX16,
+        size24Icon: iconsRegistry.cyStatusErroredOutlineX24
+    },
+    timedOut: {
+        shouldSpin: false,
+        size4Icon: iconsRegistry.cyStatusErroredSimpleX4,
+        size8Icon: iconsRegistry.cyStatusErroredSimpleX8,
+        size12Icon: iconsRegistry.cyStatusErroredSolidX12,
+        size16Icon: iconsRegistry.cyStatusErroredOutlineX16,
+        size24Icon: iconsRegistry.cyStatusErroredOutlineX24
+    },
+    overLimit: {
+        shouldSpin: false,
+        size4Icon: iconsRegistry.cyStatusErroredSimpleX4,
+        size8Icon: iconsRegistry.cyStatusErroredSimpleX8,
+        size12Icon: iconsRegistry.cyStatusErroredSolidX12,
+        size16Icon: iconsRegistry.cyStatusErroredOutlineX16,
+        size24Icon: iconsRegistry.cyStatusErroredOutlineX24
+    },
+    skipped: {
+        shouldSpin: false,
+        size4Icon: iconsRegistry.cyStatusSkippedSimpleX4,
+        size8Icon: iconsRegistry.cyStatusSkippedSimpleX8,
+        size12Icon: iconsRegistry.cyStatusSkippedOutlineX12,
+        size16Icon: iconsRegistry.cyStatusSkippedOutlineX16,
+        size24Icon: iconsRegistry.cyStatusSkippedOutlineX24
+    },
+    pending: {
+        shouldSpin: false,
+        size4Icon: iconsRegistry.cyStatusPendingSimpleX4,
+        size8Icon: iconsRegistry.cyStatusPendingSimpleX8,
+        size12Icon: iconsRegistry.cyStatusPendingOutlineX12,
+        size16Icon: iconsRegistry.cyStatusPendingOutlineX16,
+        size24Icon: iconsRegistry.cyStatusPendingOutlineX24
+    }
+};
+
+/******************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+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.
+***************************************************************************** */
+
+var __assign = function() {
+    __assign = Object.assign || function __assign(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+
+function __rest(s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+}
+
+var compileReactIconProperties = function (_a) {
+    var body = _a.body, compiledClasses = _a.compiledClasses, size = _a.size, attributes = __rest(_a, ["body", "compiledClasses", "size"]);
+    var filteredAttributes = Object.keys(attributes).reduce(function (newAttributes, attrName) {
+        if (!iconsRegistry.ICON_COLOR_PROP_NAMES.includes(attrName)) {
+            newAttributes[attrName] =
+                attributes[attrName];
+        }
+        return newAttributes;
+    }, {});
+    var componentProps = __assign({ width: size, height: size, fill: 'none', dangerouslySetInnerHTML: {
+            __html: body
+        } }, filteredAttributes);
+    if (attributes.className) {
+        compiledClasses.push(attributes.className);
+    }
+    if (compiledClasses.length) {
+        componentProps.className = compiledClasses.join(' ');
+    }
+    return componentProps;
+};
+/* <windicss-keep class=""> */
+
+var compileProps = function (_a) {
+    var status = _a.status, statuses = _a.statuses, className = _a.className, size = _a.size;
+    var statusInfo = status ? statuses[status] : statuses.placeholder;
+    var icon = statusInfo["size" + size + "Icon"];
+    var classes = "inline-block " + (className || '') + " " + (statusInfo.shouldSpin && size !== '4' ? 'animate-spin' : '');
+    return compileReactIconProperties({
+        body: icon.data,
+        compiledClasses: [classes],
+        size: size
+    });
+};
+
+var OutlineStatusIcon = function (_a) {
+    var _b = _a.size, size = _b === void 0 ? '24' : _b, _c = _a.status, status = _c === void 0 ? 'placeholder' : _c, rest = __rest$1(_a, ["size", "status"]);
+    return React__namespace.createElement('svg', compileProps({
+        status: status,
+        statuses: statuses$2,
+        className: rest.className,
+        size: size
+    }));
+};
+
+var statuses$1 = {
+    running: {
+        shouldSpin: true,
+        size4Icon: iconsRegistry.cyStatusRunningSimpleX4,
+        size8Icon: iconsRegistry.cyStatusRunningSimpleX8,
+        size12Icon: iconsRegistry.cyStatusRunningOutlineX12,
+        size16Icon: iconsRegistry.cyStatusRunningOutlineX16,
+        size24Icon: iconsRegistry.cyStatusRunningOutlineX24
+    },
+    passed: {
+        shouldSpin: false,
+        size4Icon: iconsRegistry.cyStatusPassedSimpleX4,
+        size8Icon: iconsRegistry.cyStatusPassedSimpleX8,
+        size12Icon: iconsRegistry.cyStatusPassedSimpleX12,
+        size16Icon: iconsRegistry.cyStatusPassedSimpleX16,
+        size24Icon: iconsRegistry.cyStatusPassedSimpleX24
+    },
+    failed: {
+        shouldSpin: false,
+        size4Icon: iconsRegistry.cyStatusFailedSimpleX4,
+        size8Icon: iconsRegistry.cyStatusFailedSimpleX8,
+        size12Icon: iconsRegistry.cyStatusFailedSimpleX12,
+        size16Icon: iconsRegistry.cyStatusFailedSimpleX16,
+        size24Icon: iconsRegistry.cyStatusFailedSimpleX24
+    },
+    unclaimed: {
+        shouldSpin: false,
+        size4Icon: iconsRegistry.cyStatusQueuedSimpleX4,
+        size8Icon: iconsRegistry.cyStatusQueuedSimpleX8,
+        size12Icon: iconsRegistry.cyStatusQueuedOutlineX12,
+        size16Icon: iconsRegistry.cyStatusQueuedOutlineX16,
+        size24Icon: iconsRegistry.cyStatusQueuedOutlineX24
+    },
+    placeholder: {
+        shouldSpin: false,
+        size4Icon: iconsRegistry.cyStatusPlaceholderSimpleX4,
+        size8Icon: iconsRegistry.cyStatusPlaceholderSimpleX8,
+        size12Icon: iconsRegistry.cyStatusPlaceholderSolidX12,
+        size16Icon: iconsRegistry.cyStatusPlaceholderSolidX16,
+        size24Icon: iconsRegistry.cyStatusPlaceholderSolidX24
+    },
+    cancelled: {
+        shouldSpin: false,
+        size4Icon: iconsRegistry.cyStatusCancelledSimpleX4,
+        size8Icon: iconsRegistry.cyStatusCancelledSimpleX8,
+        size12Icon: iconsRegistry.cyStatusCancelledSolidX12,
+        size16Icon: iconsRegistry.cyStatusCancelledSolidX16,
+        size24Icon: iconsRegistry.cyStatusCancelledSolidX24
+    },
+    noTests: {
+        shouldSpin: false,
+        size4Icon: iconsRegistry.cyStatusCancelledSimpleX4,
+        size8Icon: iconsRegistry.cyStatusCancelledSimpleX8,
+        size12Icon: iconsRegistry.cyStatusCancelledSolidX12,
+        size16Icon: iconsRegistry.cyStatusCancelledSolidX16,
+        size24Icon: iconsRegistry.cyStatusCancelledSolidX24
+    },
+    errored: {
+        shouldSpin: false,
+        size4Icon: iconsRegistry.cyStatusErroredSimpleX4,
+        size8Icon: iconsRegistry.cyStatusErroredSimpleX8,
+        size12Icon: iconsRegistry.cyStatusErroredSolidX12,
+        size16Icon: iconsRegistry.cyStatusErroredSolidX16,
+        size24Icon: iconsRegistry.cyStatusErroredSolidX24
+    },
+    timedOut: {
+        shouldSpin: false,
+        size4Icon: iconsRegistry.cyStatusErroredSimpleX4,
+        size8Icon: iconsRegistry.cyStatusErroredSimpleX8,
+        size12Icon: iconsRegistry.cyStatusErroredSolidX12,
+        size16Icon: iconsRegistry.cyStatusErroredSolidX16,
+        size24Icon: iconsRegistry.cyStatusErroredSolidX24
+    },
+    overLimit: {
+        shouldSpin: false,
+        size4Icon: iconsRegistry.cyStatusErroredSimpleX4,
+        size8Icon: iconsRegistry.cyStatusErroredSimpleX8,
+        size12Icon: iconsRegistry.cyStatusErroredSolidX12,
+        size16Icon: iconsRegistry.cyStatusErroredSolidX16,
+        size24Icon: iconsRegistry.cyStatusErroredSolidX24
+    },
+    skipped: {
+        shouldSpin: false,
+        size4Icon: iconsRegistry.cyStatusSkippedSimpleX4,
+        size8Icon: iconsRegistry.cyStatusSkippedSimpleX8,
+        size12Icon: iconsRegistry.cyStatusSkippedOutlineX12,
+        size16Icon: iconsRegistry.cyStatusSkippedOutlineX16,
+        size24Icon: iconsRegistry.cyStatusSkippedOutlineX24
+    },
+    pending: {
+        shouldSpin: false,
+        size4Icon: iconsRegistry.cyStatusPendingSimpleX4,
+        size8Icon: iconsRegistry.cyStatusPendingSimpleX8,
+        size12Icon: iconsRegistry.cyStatusPendingOutlineX12,
+        size16Icon: iconsRegistry.cyStatusPendingOutlineX16,
+        size24Icon: iconsRegistry.cyStatusPendingOutlineX24
+    }
+};
+
+var SimpleStatusIcon = function (_a) {
+    var _b = _a.size, size = _b === void 0 ? '24' : _b, _c = _a.status, status = _c === void 0 ? 'placeholder' : _c, rest = __rest$1(_a, ["size", "status"]);
+    return React__namespace.createElement('svg', compileProps({
+        status: status,
+        statuses: statuses$1,
+        className: rest.className,
+        size: size
+    }));
+};
+
+var statuses = {
+    running: {
+        shouldSpin: true,
+        size4Icon: iconsRegistry.cyStatusRunningSimpleX4,
+        size8Icon: iconsRegistry.cyStatusRunningSimpleX8,
+        size12Icon: iconsRegistry.cyStatusRunningOutlineX12,
+        size16Icon: iconsRegistry.cyStatusRunningOutlineX16,
+        size24Icon: iconsRegistry.cyStatusRunningOutlineX24
+    },
+    passed: {
+        shouldSpin: false,
+        size4Icon: iconsRegistry.cyStatusPassedSimpleX4,
+        size8Icon: iconsRegistry.cyStatusPassedSimpleX8,
+        size12Icon: iconsRegistry.cyStatusPassedSimpleX12,
+        size16Icon: iconsRegistry.cyStatusPassedSolidX16,
+        size24Icon: iconsRegistry.cyStatusPassedSolidX24
+    },
+    failed: {
+        shouldSpin: false,
+        size4Icon: iconsRegistry.cyStatusFailedSimpleX4,
+        size8Icon: iconsRegistry.cyStatusFailedSimpleX8,
+        size12Icon: iconsRegistry.cyStatusFailedSimpleX12,
+        size16Icon: iconsRegistry.cyStatusFailedSolidX16,
+        size24Icon: iconsRegistry.cyStatusFailedSolidX24
+    },
+    unclaimed: {
+        shouldSpin: false,
+        size4Icon: iconsRegistry.cyStatusQueuedSimpleX4,
+        size8Icon: iconsRegistry.cyStatusQueuedSimpleX8,
+        size12Icon: iconsRegistry.cyStatusQueuedOutlineX12,
+        size16Icon: iconsRegistry.cyStatusQueuedOutlineX16,
+        size24Icon: iconsRegistry.cyStatusQueuedOutlineX24
+    },
+    placeholder: {
+        shouldSpin: false,
+        size4Icon: iconsRegistry.cyStatusPlaceholderSimpleX4,
+        size8Icon: iconsRegistry.cyStatusPlaceholderSimpleX8,
+        size12Icon: iconsRegistry.cyStatusPlaceholderSolidX12,
+        size16Icon: iconsRegistry.cyStatusPlaceholderSolidX16,
+        size24Icon: iconsRegistry.cyStatusPlaceholderSolidX24
+    },
+    cancelled: {
+        shouldSpin: false,
+        size4Icon: iconsRegistry.cyStatusCancelledSimpleX4,
+        size8Icon: iconsRegistry.cyStatusCancelledSimpleX8,
+        size12Icon: iconsRegistry.cyStatusCancelledSolidX12,
+        size16Icon: iconsRegistry.cyStatusCancelledSolidX16,
+        size24Icon: iconsRegistry.cyStatusCancelledSolidX24
+    },
+    noTests: {
+        shouldSpin: false,
+        size4Icon: iconsRegistry.cyStatusCancelledSimpleX4,
+        size8Icon: iconsRegistry.cyStatusCancelledSimpleX8,
+        size12Icon: iconsRegistry.cyStatusCancelledSolidX12,
+        size16Icon: iconsRegistry.cyStatusCancelledSolidX16,
+        size24Icon: iconsRegistry.cyStatusCancelledSolidX24
+    },
+    errored: {
+        shouldSpin: false,
+        size4Icon: iconsRegistry.cyStatusErroredSimpleX4,
+        size8Icon: iconsRegistry.cyStatusErroredSimpleX8,
+        size12Icon: iconsRegistry.cyStatusErroredSolidX12,
+        size16Icon: iconsRegistry.cyStatusErroredSolidX16,
+        size24Icon: iconsRegistry.cyStatusErroredSolidX24
+    },
+    timedOut: {
+        shouldSpin: false,
+        size4Icon: iconsRegistry.cyStatusErroredSimpleX4,
+        size8Icon: iconsRegistry.cyStatusErroredSimpleX8,
+        size12Icon: iconsRegistry.cyStatusErroredSolidX12,
+        size16Icon: iconsRegistry.cyStatusErroredSolidX16,
+        size24Icon: iconsRegistry.cyStatusErroredSolidX24
+    },
+    overLimit: {
+        shouldSpin: false,
+        size4Icon: iconsRegistry.cyStatusErroredSimpleX4,
+        size8Icon: iconsRegistry.cyStatusErroredSimpleX8,
+        size12Icon: iconsRegistry.cyStatusErroredSolidX12,
+        size16Icon: iconsRegistry.cyStatusErroredSolidX16,
+        size24Icon: iconsRegistry.cyStatusErroredSolidX24
+    },
+    skipped: {
+        shouldSpin: false,
+        size4Icon: iconsRegistry.cyStatusSkippedSimpleX4,
+        size8Icon: iconsRegistry.cyStatusSkippedSimpleX8,
+        size12Icon: iconsRegistry.cyStatusSkippedOutlineX12,
+        size16Icon: iconsRegistry.cyStatusSkippedOutlineX16,
+        size24Icon: iconsRegistry.cyStatusSkippedOutlineX24
+    },
+    pending: {
+        shouldSpin: false,
+        size4Icon: iconsRegistry.cyStatusPendingSimpleX4,
+        size8Icon: iconsRegistry.cyStatusPendingSimpleX8,
+        size12Icon: iconsRegistry.cyStatusPendingOutlineX12,
+        size16Icon: iconsRegistry.cyStatusPendingOutlineX16,
+        size24Icon: iconsRegistry.cyStatusPendingOutlineX24
+    }
+};
+
+var SolidStatusIcon = function (_a) {
+    var _b = _a.size, size = _b === void 0 ? '24' : _b, _c = _a.status, status = _c === void 0 ? 'placeholder' : _c, rest = __rest$1(_a, ["size", "status"]);
+    return React__namespace.createElement('svg', compileProps({
+        status: status,
+        statuses: statuses,
+        className: rest.className,
+        size: size
+    }));
+};
+
+var StatusIcon = function (_a) {
+    var _b = _a.size, size = _b === void 0 ? '24' : _b, status = _a.status, _c = _a.variant, variant = _c === void 0 ? 'simple' : _c, rest = __rest$1(_a, ["size", "status", "variant"]);
+    if (variant === 'outline') {
+        return React__namespace.createElement(OutlineStatusIcon, __assign$1({ size: size, status: status }, rest));
+    }
+    if (variant === 'simple') {
+        return React__namespace.createElement(SimpleStatusIcon, __assign$1({ size: size, status: status }, rest));
+    }
+    return React__namespace.createElement(SolidStatusIcon, __assign$1({ size: size, status: status }, rest));
+};
+
+exports.OutlineStatusIcon = OutlineStatusIcon;
+exports.SimpleStatusIcon = SimpleStatusIcon;
+exports.SolidStatusIcon = SolidStatusIcon;
+exports["default"] = StatusIcon;
+/* <windicss-keep class="outline inline-block animate-spin"> */
+
+//# sourceMappingURL=index.umd.js.map