@telefonica/mistica 10.22.3 → 10.24.2

package/dist/highlighted-card.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _jsxRuntime = require("react/jsx-runtime");
+var React = _interopRequireWildcard(require("react"));
 var _jss = require("./jss");
 var _themeVariantContext = require("./theme-variant-context");
 var _box = _interopRequireDefault(require("./box"));
@@ -19,6 +20,27 @@ function _interopRequireDefault(obj) {
         default: obj
     };
 }
+function _interopRequireWildcard(obj) {
+    if (obj && obj.__esModule) {
+        return obj;
+    } else {
+        var newObj = {};
+        if (obj != null) {
+            for(var key in obj){
+                if (Object.prototype.hasOwnProperty.call(obj, key)) {
+                    var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {};
+                    if (desc.get || desc.set) {
+                        Object.defineProperty(newObj, key, desc);
+                    } else {
+                        newObj[key] = obj[key];
+                    }
+                }
+            }
+        }
+        newObj.default = obj;
+        return newObj;
+    }
+}
 function _defineProperty(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -34,8 +56,7 @@ function _defineProperty(obj, key, value) {
 }
 function _objectSpread(target) {
     var _arguments = arguments, _loop = function(i) {
-        var source = _arguments[i] != null ? _arguments[i] : {
-        };
+        var source = _arguments[i] != null ? _arguments[i] : {};
         var ownKeys = Object.keys(source);
         if (typeof Object.getOwnPropertySymbols === "function") {
             ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
@@ -50,8 +71,7 @@ function _objectSpread(target) {
     return target;
 }
 function _objectWithoutProperties(source, excluded) {
-    if (source == null) return {
-    };
+    if (source == null) return {};
     var target = _objectWithoutPropertiesLoose(source, excluded);
     var key, i;
     if (Object.getOwnPropertySymbols) {
@@ -66,10 +86,8 @@ function _objectWithoutProperties(source, excluded) {
     return target;
 }
 function _objectWithoutPropertiesLoose(source, excluded) {
-    if (source == null) return {
-    };
-    var target = {
-    };
+    if (source == null) return {};
+    var target = {};
     var sourceKeys = Object.keys(source);
     var key, i;
     for(i = 0; i < sourceKeys.length; i++){
@@ -79,8 +97,8 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-var _obj;
 var useStyles = (0, _jss).createUseStyles(function(theme) {
+    var _obj;
     return {
         container: {
             display: 'flex',
@@ -104,8 +122,8 @@ var useStyles = (0, _jss).createUseStyles(function(theme) {
             display: 'flex',
             flexShrink: 0,
             width: function width(param) {
-                var width1 = param.width;
-                return width1 || '100%';
+                var width2 = param.width;
+                return width2 || '100%';
             }
         },
         dismissableButton: {
@@ -147,15 +165,14 @@ var useStyles = (0, _jss).createUseStyles(function(theme) {
             display: 'flex',
             flexShrink: 0,
             width: function width(param) {
-                var width1 = param.width;
-                return width1 || '100%';
+                var width3 = param.width;
+                return width3 || '100%';
             }
         }
     };
 });
 var Dismissable = function Dismissable(param) {
-    var children = param.children, width = param.width, _onClose = param.onClose, onClose = _onClose === void 0 ? function onClose() {
-    } : _onClose;
+    var children = param.children, width = param.width, _onClose = param.onClose, onClose = _onClose === void 0 ? function onClose() {} : _onClose;
     var isInverse = (0, _themeVariantContext).useIsInverseVariant();
     var classes = useStyles({
         isInverse: isInverse,
@@ -281,10 +298,8 @@ var HighlightedCard = function HighlightedCard(_param) {
         onClose: props.onClose,
         "aria-label": label,
         width: props.width,
-        children: /*#__PURE__*/ (0, _jsxRuntime).jsx(Content, _objectSpread({
-        }, props))
-    }) : /*#__PURE__*/ (0, _jsxRuntime).jsx(Content, _objectSpread({
-    }, props, {
+        children: /*#__PURE__*/ (0, _jsxRuntime).jsx(Content, _objectSpread({}, props))
+    }) : /*#__PURE__*/ (0, _jsxRuntime).jsx(Content, _objectSpread({}, props, {
         "aria-label": label
     }));
 };

package/dist/highlighted-card.js.flow

@@ -2,8 +2,8 @@
 
 import * as React from "react";
 import { ButtonLink } from "./button";
-import type { TrackingEvent } from "./utils/types";
-import type { ButtonElement } from "./button";
+import type { RendersNullableElement, TrackingEvent } from "./utils/types";
+import type { NullableButtonElement } from "./button";
 declare type CommonProps = {
   title: string,
   description: string,
@@ -19,7 +19,7 @@ declare type CommonProps = {
 declare type BasicProps = { ...$Exact<CommonProps> };
 declare type ButtonProps = {
   ...$Exact<CommonProps>,
-  button?: ButtonElement | React.Element<typeof ButtonLink> | null,
+  button?: NullableButtonElement | RendersNullableElement<typeof ButtonLink>,
 };
 declare type HrefProps = {
   ...$Exact<CommonProps>,

package/dist/hooks.js

@@ -2,11 +2,12 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-exports.useWindowHeight = exports.useWindowWidth = exports.useWindowSize = exports.useDisableBodyScroll = exports.useElementDimensions = exports.useTheme = exports.useIsomorphicLayoutEffect = exports.useAriaId = exports.useScreenSize = void 0;
+exports.useIsomorphicLayoutEffect = exports.useWindowWidth = exports.useWindowHeight = exports.useWindowSize = exports.useAriaId = exports.useElementDimensions = exports.useScreenSize = exports.useDisableBodyScroll = exports.useTheme = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _themeContext = _interopRequireDefault(require("./theme-context"));
 var _screenSizeContext = _interopRequireDefault(require("./screen-size-context"));
 var _ariaIdGetterContext = _interopRequireDefault(require("./aria-id-getter-context"));
+var _dom = require("./utils/dom");
 function _interopRequireDefault(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
@@ -16,13 +17,11 @@ function _interopRequireWildcard(obj) {
     if (obj && obj.__esModule) {
         return obj;
     } else {
-        var newObj = {
-        };
+        var newObj = {};
         if (obj != null) {
             for(var key in obj){
                 if (Object.prototype.hasOwnProperty.call(obj, key)) {
-                    var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {
-                    };
+                    var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {};
                     if (desc.get || desc.set) {
                         Object.defineProperty(newObj, key, desc);
                     } else {
@@ -35,16 +34,23 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
+function _arrayLikeToArray(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
 function _arrayWithHoles(arr) {
     if (Array.isArray(arr)) return arr;
 }
 function _iterableToArrayLimit(arr, i) {
+    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+    if (_i == null) return;
     var _arr = [];
     var _n = true;
     var _d = false;
-    var _e = undefined;
+    var _s, _e;
     try {
-        for(var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true){
+        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
             _arr.push(_s.value);
             if (i && _arr.length === i) break;
         }
@@ -61,10 +67,18 @@ function _iterableToArrayLimit(arr, i) {
     return _arr;
 }
 function _nonIterableRest() {
-    throw new TypeError("Invalid attempt to destructure non-iterable instance");
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 function _slicedToArray(arr, i) {
-    return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest();
+    return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
+}
+function _unsupportedIterableToArray(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
 }
 var useTheme = function useTheme() {
     var theme = React.useContext(_themeContext.default);
@@ -92,8 +106,8 @@ var useDisableBodyScroll = function useDisableBodyScroll(disable) {
                 var _cssText;
                 bodyStyles = (_cssText = (ref = document.body) === null || ref === void 0 ? void 0 : ref.style.cssText) !== null && _cssText !== void 0 ? _cssText : '';
                 if (document.body) {
-                    var ref;
-                    var hasScrollbar = window.innerWidth > ((ref = scrollContainer === null || scrollContainer === void 0 ? void 0 : scrollContainer.clientWidth) !== null && ref !== void 0 ? ref : window.innerWidth);
+                    var ref2;
+                    var hasScrollbar = window.innerWidth > ((ref2 = scrollContainer === null || scrollContainer === void 0 ? void 0 : scrollContainer.clientWidth) !== null && ref2 !== void 0 ? ref2 : window.innerWidth);
                     // if the scrollbar is visible, we don't want to hide it because content will be resized
                     var overflowY = hasScrollbar ? 'scroll' : 'hidden';
                     document.body.style.cssText = "overflow:hidden;overflow-y:".concat(overflowY, ";position:fixed;top:").concat(-bodyScrollTop, "px;left:0px;right:0px;bottom:0px");
@@ -114,8 +128,7 @@ var useDisableBodyScroll = function useDisableBodyScroll(disable) {
             disableBodyScroll();
             return enableBodyScroll;
         }
-        return function() {
-        };
+        return function() {};
     }, [
         disable
     ]);
@@ -125,20 +138,10 @@ var useScreenSize = function useScreenSize() {
     return React.useContext(_screenSizeContext.default);
 };
 exports.useScreenSize = useScreenSize;
-var getResizeObserverPromise = function getResizeObserverPromise() {
-    if (typeof window === 'undefined') {
-        return Promise.resolve(null);
-    }
-    return window.ResizeObserver ? Promise.resolve(ResizeObserver) : Promise.resolve().then(function() {
-        return _interopRequireWildcard(require(/* webpackChunkName: "@juggle/resize-observer" */ '@juggle/resize-observer'));
-    }).then(function(m) {
-        return m.ResizeObserver;
-    });
-};
 var useElementDimensions = function useElementDimensions() {
-    var ref = _slicedToArray(React.useState(0), 2), width = ref[0], setWidth = ref[1];
-    var ref1 = _slicedToArray(React.useState(0), 2), height = ref1[0], setHeight = ref1[1];
-    var ref2 = _slicedToArray(React.useState(null), 2), element = ref2[0], setElement = ref2[1];
+    var ref = _slicedToArray(React.useState(0), 2), width1 = ref[0], setWidth = ref[1];
+    var ref3 = _slicedToArray(React.useState(0), 2), height1 = ref3[0], setHeight = ref3[1];
+    var ref4 = _slicedToArray(React.useState(null), 2), element = ref4[0], setElement = ref4[1];
     var updateSize = React.useCallback(function(entries) {
         if (!entries) {
             setWidth(0);
@@ -149,7 +152,7 @@ var useElementDimensions = function useElementDimensions() {
         setWidth(width);
         setHeight(height);
     }, []);
-    var ref3 = React.useCallback(function(node) {
+    var ref5 = React.useCallback(function(node) {
         setElement(node);
     }, []);
     React.useEffect(function() {
@@ -158,31 +161,15 @@ var useElementDimensions = function useElementDimensions() {
             setHeight(0);
             return;
         }
-        var cancel = false;
-        var observerPromise = getResizeObserverPromise().then(function(ResizeObserver) {
-            if (cancel || !ResizeObserver || !element) {
-                return null;
-            }
-            var observer = new ResizeObserver(function(entries) {
-                return updateSize(entries);
-            });
-            observer.observe(element);
-            return observer;
-        });
-        return function() {
-            cancel = true;
-            observerPromise.then(function(observer) {
-                return observer === null || observer === void 0 ? void 0 : observer.disconnect();
-            });
-        };
+        return (0, _dom).listenResize(element, updateSize);
     }, [
         element,
         updateSize
     ]);
     return {
-        width: width,
-        height: height,
-        ref: ref3
+        width: width1,
+        height: height1,
+        ref: ref5
     };
 };
 exports.useElementDimensions = useElementDimensions;
@@ -194,8 +181,8 @@ exports.useAriaId = useAriaId;
 var useWindowSize = function useWindowSize() {
     var ref = _slicedToArray(React.useState(typeof window !== 'undefined' ? window.innerHeight : 1200 // Best guess
     ), 2), windowHeight = ref[0], setWindowHeight = ref[1];
-    var ref1 = _slicedToArray(React.useState(typeof window !== 'undefined' ? window.innerWidth : 800 // Best guess
-    ), 2), windowWidth = ref1[0], setWindowWidth = ref1[1];
+    var ref6 = _slicedToArray(React.useState(typeof window !== 'undefined' ? window.innerWidth : 800 // Best guess
+    ), 2), windowWidth = ref6[0], setWindowWidth = ref6[1];
     React.useEffect(function() {
         var handleResize = function handleResize() {
             setWindowHeight(window.innerHeight);
@@ -219,12 +206,12 @@ var useWindowSize = function useWindowSize() {
 };
 exports.useWindowSize = useWindowSize;
 var useWindowHeight = function useWindowHeight() {
-    var ref = useWindowSize(), height = ref.height;
+    var height = useWindowSize().height;
     return height;
 };
 exports.useWindowHeight = useWindowHeight;
 var useWindowWidth = function useWindowWidth() {
-    var ref = useWindowSize(), width = ref.width;
+    var width = useWindowSize().width;
     return width;
 };
 exports.useWindowWidth = useWindowWidth;

package/dist/iban-field.js

@@ -15,13 +15,11 @@ function _interopRequireWildcard(obj) {
     if (obj && obj.__esModule) {
         return obj;
     } else {
-        var newObj = {
-        };
+        var newObj = {};
         if (obj != null) {
             for(var key in obj){
                 if (Object.prototype.hasOwnProperty.call(obj, key)) {
-                    var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {
-                    };
+                    var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {};
                     if (desc.get || desc.set) {
                         Object.defineProperty(newObj, key, desc);
                     } else {
@@ -34,6 +32,11 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
+function _arrayLikeToArray(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
 function _arrayWithHoles(arr) {
     if (Array.isArray(arr)) return arr;
 }
@@ -51,12 +54,14 @@ function _defineProperty(obj, key, value) {
     return obj;
 }
 function _iterableToArrayLimit(arr, i) {
+    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+    if (_i == null) return;
     var _arr = [];
     var _n = true;
     var _d = false;
-    var _e = undefined;
+    var _s, _e;
     try {
-        for(var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true){
+        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
             _arr.push(_s.value);
             if (i && _arr.length === i) break;
         }
@@ -73,12 +78,11 @@ function _iterableToArrayLimit(arr, i) {
     return _arr;
 }
 function _nonIterableRest() {
-    throw new TypeError("Invalid attempt to destructure non-iterable instance");
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 function _objectSpread(target) {
     var _arguments = arguments, _loop = function(i) {
-        var source = _arguments[i] != null ? _arguments[i] : {
-        };
+        var source = _arguments[i] != null ? _arguments[i] : {};
         var ownKeys = Object.keys(source);
         if (typeof Object.getOwnPropertySymbols === "function") {
             ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
@@ -93,8 +97,7 @@ function _objectSpread(target) {
     return target;
 }
 function _objectWithoutProperties(source, excluded) {
-    if (source == null) return {
-    };
+    if (source == null) return {};
     var target = _objectWithoutPropertiesLoose(source, excluded);
     var key, i;
     if (Object.getOwnPropertySymbols) {
@@ -109,10 +112,8 @@ function _objectWithoutProperties(source, excluded) {
     return target;
 }
 function _objectWithoutPropertiesLoose(source, excluded) {
-    if (source == null) return {
-    };
-    var target = {
-    };
+    if (source == null) return {};
+    var target = {};
     var sourceKeys = Object.keys(source);
     var key, i;
     for(i = 0; i < sourceKeys.length; i++){
@@ -123,7 +124,15 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     return target;
 }
 function _slicedToArray(arr, i) {
-    return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest();
+    return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
+}
+function _unsupportedIterableToArray(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
 }
 var ibanLengthByCountry = {
     ES: 24,
@@ -207,16 +216,16 @@ var IbanInput = function IbanInput(_param) {
         "defaultValue",
         "onChange"
     ]);
-    var ref = _slicedToArray(React.useState(defaultValue !== null && defaultValue !== void 0 ? defaultValue : ''), 2), selfValue = ref[0], setSelfValue = ref[1];
-    var ref1 = React.useRef(null);
+    var ref3 = _slicedToArray(React.useState(defaultValue !== null && defaultValue !== void 0 ? defaultValue : ''), 2), selfValue = ref3[0], setSelfValue = ref3[1];
+    var ref2 = React.useRef(null);
     var isControlledByParent = typeof value !== 'undefined';
     var controlledValue = isControlledByParent ? value : selfValue;
     var handleChangeValue = React.useCallback(function(newFormattedValue) {
         if (!isControlledByParent) {
             setSelfValue(newFormattedValue);
         }
-        if (ref1.current) {
-            onChange === null || onChange === void 0 ? void 0 : onChange((0, _dom).createChangeEvent(ref1.current, newFormattedValue));
+        if (ref2.current) {
+            onChange === null || onChange === void 0 ? void 0 : onChange((0, _dom).createChangeEvent(ref2.current, newFormattedValue));
         }
     }, [
         isControlledByParent,
@@ -231,8 +240,7 @@ var IbanInput = function IbanInput(_param) {
         },
         accept: /[\dA-Za-z]+/g
     });
-    return(/*#__PURE__*/ (0, _jsxRuntime).jsx("input", _objectSpread({
-    }, other, {
+    return(/*#__PURE__*/ (0, _jsxRuntime).jsx("input", _objectSpread({}, other, {
         maxLength: getInputMaxLength(rifm.value),
         value: rifm.value,
         onChange: function onChange(e) {
@@ -248,11 +256,11 @@ var IbanInput = function IbanInput(_param) {
             return rifm.onChange(e);
         },
         type: "text",
-        ref: (0, _common).combineRefs(inputRef, ref1)
+        ref: (0, _common).combineRefs(inputRef, ref2)
     })));
 };
 var IbanField = function IbanField(_param) {
-    var disabled = _param.disabled, error = _param.error, helperText = _param.helperText, name = _param.name, optional = _param.optional, customValidate = _param.validate, onChange = _param.onChange, onChangeValue = _param.onChangeValue, onBlur = _param.onBlur, value = _param.value, defaultValue = _param.defaultValue, rest = _objectWithoutProperties(_param, [
+    var disabled = _param.disabled, error = _param.error, helperText = _param.helperText, name = _param.name, optional = _param.optional, customValidate = _param.validate, onChange = _param.onChange, onChangeValue = _param.onChangeValue, onBlur = _param.onBlur, value1 = _param.value, defaultValue = _param.defaultValue, rest = _objectWithoutProperties(_param, [
         "disabled",
         "error",
         "helperText",
@@ -265,7 +273,7 @@ var IbanField = function IbanField(_param) {
         "value",
         "defaultValue"
     ]);
-    var ref = (0, _hooks).useTheme(), texts = ref.texts;
+    var texts = (0, _hooks).useTheme().texts;
     var validate = function validate(value, rawValue) {
         if (!value) {
             return optional ? '' : texts.formFieldErrorIsMandatory;
@@ -280,7 +288,7 @@ var IbanField = function IbanField(_param) {
     };
     var fieldProps = (0, _formContext).useFieldProps({
         name: name,
-        value: value,
+        value: value1,
         defaultValue: defaultValue,
         processValue: processValue,
         helperText: helperText,
@@ -292,8 +300,7 @@ var IbanField = function IbanField(_param) {
         onChange: onChange,
         onChangeValue: onChangeValue
     });
-    return(/*#__PURE__*/ (0, _jsxRuntime).jsx(_textFieldBase.TextFieldBaseAutosuggest, _objectSpread({
-    }, rest, fieldProps, {
+    return(/*#__PURE__*/ (0, _jsxRuntime).jsx(_textFieldBase.TextFieldBaseAutosuggest, _objectSpread({}, rest, fieldProps, {
         inputComponent: IbanInput
     })));
 };

package/dist/icon-button.js

@@ -15,13 +15,11 @@ function _interopRequireWildcard(obj) {
     if (obj && obj.__esModule) {
         return obj;
     } else {
-        var newObj = {
-        };
+        var newObj = {};
         if (obj != null) {
             for(var key in obj){
                 if (Object.prototype.hasOwnProperty.call(obj, key)) {
-                    var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {
-                    };
+                    var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {};
                     if (desc.get || desc.set) {
                         Object.defineProperty(newObj, key, desc);
                     } else {
@@ -49,8 +47,7 @@ function _defineProperty(obj, key, value) {
 }
 function _objectSpread(target) {
     var _arguments = arguments, _loop = function(i) {
-        var source = _arguments[i] != null ? _arguments[i] : {
-        };
+        var source = _arguments[i] != null ? _arguments[i] : {};
         var ownKeys = Object.keys(source);
         if (typeof Object.getOwnPropertySymbols === "function") {
             ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
@@ -100,15 +97,13 @@ var getButtonStyle = function getButtonStyle(backgroundUrl, size, backgroundColo
     var commonProps = {
         className: props.className || '',
         disabled: props.disabled,
-        style: _objectSpread({
-        }, getButtonStyle(icon, size, backgroundColor, iconSize, props.disabled), props.style),
+        style: _objectSpread({}, getButtonStyle(icon, size, backgroundColor, iconSize, props.disabled), props.style),
         trackingEvent: props.trackingEvent,
         'aria-live': props['aria-live'],
         dataAttributes: props.dataAttributes
     };
     if (props.href) {
-        return(/*#__PURE__*/ (0, _jsxRuntime).jsx(_touchable.default, _objectSpread({
-        }, commonProps, {
+        return(/*#__PURE__*/ (0, _jsxRuntime).jsx(_touchable.default, _objectSpread({}, commonProps, {
             href: props.href,
             newTab: props.newTab,
             "aria-label": props['aria-label'],
@@ -116,8 +111,7 @@ var getButtonStyle = function getButtonStyle(backgroundUrl, size, backgroundColo
         })));
     }
     if (props.to) {
-        return(/*#__PURE__*/ (0, _jsxRuntime).jsx(_touchable.default, _objectSpread({
-        }, commonProps, {
+        return(/*#__PURE__*/ (0, _jsxRuntime).jsx(_touchable.default, _objectSpread({}, commonProps, {
             to: props.to,
             fullPageOnWebView: props.fullPageOnWebView,
             replace: props.replace,
@@ -126,15 +120,13 @@ var getButtonStyle = function getButtonStyle(backgroundUrl, size, backgroundColo
         })));
     }
     if (props.onPress) {
-        return(/*#__PURE__*/ (0, _jsxRuntime).jsx(_touchable.default, _objectSpread({
-        }, commonProps, {
+        return(/*#__PURE__*/ (0, _jsxRuntime).jsx(_touchable.default, _objectSpread({}, commonProps, {
             onPress: props.onPress,
             "aria-label": props['aria-label'],
             children: !icon && React.Children.only(children)
         })));
     }
-    return(/*#__PURE__*/ (0, _jsxRuntime).jsx(_touchable.default, _objectSpread({
-    }, commonProps, {
+    return(/*#__PURE__*/ (0, _jsxRuntime).jsx(_touchable.default, _objectSpread({}, commonProps, {
         maybe: true,
         children: !icon && React.Children.only(children)
     })));

package/dist/icons/__stories__/mistica-icons-story.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-exports.default = exports.Catalog = void 0;
+exports.Catalog = exports.default = void 0;
 var _jsxRuntime = require("react/jsx-runtime");
 var React = _interopRequireWildcard(require("react"));
 var _helpers = require("../../__stories__/helpers");
@@ -18,13 +18,11 @@ function _interopRequireWildcard(obj) {
     if (obj && obj.__esModule) {
         return obj;
     } else {
-        var newObj = {
-        };
+        var newObj = {};
         if (obj != null) {
             for(var key in obj){
                 if (Object.prototype.hasOwnProperty.call(obj, key)) {
-                    var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {
-                    };
+                    var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {};
                     if (desc.get || desc.set) {
                         Object.defineProperty(newObj, key, desc);
                     } else {
@@ -37,16 +35,23 @@ function _interopRequireWildcard(obj) {
         return newObj;
     }
 }
+function _arrayLikeToArray(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
 function _arrayWithHoles(arr) {
     if (Array.isArray(arr)) return arr;
 }
 function _iterableToArrayLimit(arr, i) {
+    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+    if (_i == null) return;
     var _arr = [];
     var _n = true;
     var _d = false;
-    var _e = undefined;
+    var _s, _e;
     try {
-        for(var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true){
+        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
             _arr.push(_s.value);
             if (i && _arr.length === i) break;
         }
@@ -63,10 +68,18 @@ function _iterableToArrayLimit(arr, i) {
     return _arr;
 }
 function _nonIterableRest() {
-    throw new TypeError("Invalid attempt to destructure non-iterable instance");
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 function _slicedToArray(arr, i) {
-    return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest();
+    return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
+}
+function _unsupportedIterableToArray(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
 }
 /**
  * './path/icon-name-filled.tsx' => 'IconNameFilled'
@@ -95,7 +108,7 @@ var Catalog = function Catalog() {
     var ref5 = _slicedToArray((0, _helpers).useCheckbox('Show background', false), 2), showIConBackground = ref5[0], showIConBackgroundCheckbox = ref5[1];
     var ref6 = _slicedToArray(React.useState(''), 2), filter = ref6[0], setFilter = ref6[1];
     var ref7 = _slicedToArray(React.useState(64), 2), size = ref7[0], setSize = ref7[1];
-    var ref8 = (0, _).useTheme(), colors = ref8.colors;
+    var colors = (0, _).useTheme().colors;
     var getRealName = function getRealName(name) {
         return name.replace(/^Icon/, '').replace(/(Regular|Filled|Light)$/, '');
     };
@@ -139,8 +152,7 @@ var Catalog = function Catalog() {
             /*#__PURE__*/ return (0, _jsxRuntime).jsxs("span", {
                 children: [
                     part,
-                    /*#__PURE__*/ (0, _jsxRuntime).jsx("wbr", {
-                    })
+                    /*#__PURE__*/ (0, _jsxRuntime).jsx("wbr", {})
                 ]
             }, i);
         });