@itcase/ui 1.8.123 → 1.8.125

package/dist/cjs/components/Warning.js

@@ -3,18 +3,17 @@
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var clsx = require('clsx');
-var Icon = require('../../Icon_cjs_Cz6IyOkb.js');
-var Text = require('../../Text_cjs_0EINiUq4.js');
+var Icon = require('../../Icon_cjs_BVLGzj7Y.js');
+var Text = require('../../Text_cjs_BDTjOTVB.js');
 var useAppearanceConfig = require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
 var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var useStyles = require('../hooks/useStyles/useStyles.js');
-var tslib_es6 = require('../../tslib.es6_cjs_CCZ3TN_7.js');
 var _default = require('@itcase/icons/default');
 require('react-inlinesvg');
 require('../hoc/urlWithAssetPrefix.js');
 require('@itcase/common');
 require('../context/UrlAssetPrefix.js');
-require('../../Link_cjs_C5UsZUiF.js');
+require('../../Link_cjs_qKXVfU8e.js');
 require('lodash/camelCase');
 require('lodash/castArray');
 require('lodash/upperFirst');
@@ -28,7 +27,7 @@ require('../hooks.js');
 require('../hooks/useStyles/styleAttributes.js');
 require('lodash/maxBy');
 
-var warningAppearanceAccent = {
+const warningAppearanceAccent = {
     accentMutedPrimary: {
         fill: 'accentTertiary',
         labelTextColor: 'accentTextQuaternary',
@@ -51,7 +50,7 @@ var warningAppearanceAccent = {
     },
 };
 
-var warningAppearanceError = {
+const warningAppearanceError = {
     errorMutedPrimary: {
         fill: 'errorTertiary',
         labelTextColor: 'errorTextQuaternary',
@@ -74,7 +73,7 @@ var warningAppearanceError = {
     },
 };
 
-var warningAppearanceInfo = {
+const warningAppearanceInfo = {
     infoMutedPrimary: {
         fill: 'infoTertiary',
         labelTextColor: 'infoTextSecondary',
@@ -97,7 +96,7 @@ var warningAppearanceInfo = {
     },
 };
 
-var warningAppearanceSize = {
+const warningAppearanceSize = {
     sizeL: {
         size: 'l',
         labelTextSize: 's',
@@ -108,7 +107,7 @@ var warningAppearanceSize = {
     },
 };
 
-var warningAppearanceStyle = {
+const warningAppearanceStyle = {
     solid: {
         borderColor: 'none',
     },
@@ -122,7 +121,7 @@ var warningAppearanceStyle = {
     },
 };
 
-var warningAppearanceWarning = {
+const warningAppearanceWarning = {
     warningMutedPrimary: {
         fill: 'warningTertiary',
         labelTextColor: 'warningTextSecondary',
@@ -145,23 +144,30 @@ var warningAppearanceWarning = {
     },
 };
 
-var warningAppearance = tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign({}, warningAppearanceAccent), warningAppearanceWarning), warningAppearanceError), warningAppearanceInfo), warningAppearanceStyle), warningAppearanceSize);
+const warningAppearance = {
+    ...warningAppearanceAccent,
+    ...warningAppearanceWarning,
+    ...warningAppearanceError,
+    ...warningAppearanceInfo,
+    ...warningAppearanceStyle,
+    ...warningAppearanceSize,
+};
 
-var warningConfig = {
+const warningConfig = {
     appearance: warningAppearance,
-    setAppearance: function (appearanceConfig) {
+    setAppearance: (appearanceConfig) => {
         warningConfig.appearance = appearanceConfig;
     },
 };
 function Warning(props) {
-    var className = props.className, appearance = props.appearance, label = props.label, description = props.description, shape = props.shape, isSkeleton = props.isSkeleton;
-    var appearanceConfig = useAppearanceConfig.useAppearanceConfig(appearance, warningConfig);
-    var propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(props, appearanceConfig);
-    var fillClass = propsGenerator.fillClass, labelTextColor = propsGenerator.labelTextColor, labelTextSize = propsGenerator.labelTextSize, labelTextWeight = propsGenerator.labelTextWeight, descriptionTextColor = propsGenerator.descriptionTextColor, descriptionTextSize = propsGenerator.descriptionTextSize, borderColorClass = propsGenerator.borderColorClass, iconAfter = propsGenerator.iconAfter, iconAfterFill = propsGenerator.iconAfterFill, iconAfterFillIcon = propsGenerator.iconAfterFillIcon, iconAfterSize = propsGenerator.iconAfterSize, iconAfterSrc = propsGenerator.iconAfterSrc, iconBefore = propsGenerator.iconBefore, iconBeforeFill = propsGenerator.iconBeforeFill, iconBeforeFillIcon = propsGenerator.iconBeforeFillIcon, iconBeforeSize = propsGenerator.iconBeforeSize, iconBeforeSrc = propsGenerator.iconBeforeSrc, sizeClass = propsGenerator.sizeClass;
+    const { className, appearance, label, description, shape, isSkeleton } = props;
+    const appearanceConfig = useAppearanceConfig.useAppearanceConfig(appearance, warningConfig);
+    const propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(props, appearanceConfig);
+    const { fillClass, labelTextColor, labelTextSize, labelTextWeight, descriptionTextColor, descriptionTextSize, borderColorClass, iconAfter, iconAfterFill, iconAfterFillIcon, iconAfterSize, iconAfterSrc, iconBefore, iconBeforeFill, iconBeforeFillIcon, iconBeforeSize, iconBeforeSrc, sizeClass, } = propsGenerator;
     // @ts-ignore
-    var warningStyles = useStyles.useStyles(props).styles;
-    var _a = React.useState(true), isVisible = _a[0], setIsVisible = _a[1];
-    return (jsxRuntime.jsx(React.Fragment, { children: isVisible && (jsxRuntime.jsxs("div", { className: clsx(className, 'warning', fillClass && "fill_".concat(fillClass), sizeClass && "warning_size_".concat(sizeClass), borderColorClass && "border-color_".concat(borderColorClass), shape && "warning_shape_".concat(shape), isSkeleton && "warning_skeleton"), style: warningStyles, children: [(iconBefore || iconBeforeSrc) && (jsxRuntime.jsx(Icon.Icon, { fill: iconBeforeFill, iconFill: iconBeforeFillIcon, iconSize: iconBeforeSize, imageSrc: iconBeforeSrc, SvgImage: iconBefore })), jsxRuntime.jsxs("div", { className: 'warning__content', children: [label && (jsxRuntime.jsx(Text.Text, { size: labelTextSize, textColor: labelTextColor, textWeight: labelTextWeight, children: label })), description && (jsxRuntime.jsx(Text.Text, { size: descriptionTextSize, textColor: descriptionTextColor, children: description }))] }), (iconAfter || iconAfterSrc) && (jsxRuntime.jsx(Icon.Icon, { fill: iconAfterFill, iconFill: iconAfterFillIcon, iconSize: iconAfterSize, imageSrc: iconAfterSrc, SvgImage: iconAfter, onClick: function () { return setIsVisible(false); } }))] })) }));
+    const { styles: warningStyles } = useStyles.useStyles(props);
+    const [isVisible, setIsVisible] = React.useState(true);
+    return (jsxRuntime.jsx(React.Fragment, { children: isVisible && (jsxRuntime.jsxs("div", { className: clsx(className, 'warning', fillClass && `fill_${fillClass}`, sizeClass && `warning_size_${sizeClass}`, borderColorClass && `border-color_${borderColorClass}`, shape && `warning_shape_${shape}`, isSkeleton && `warning_skeleton`), style: warningStyles, children: [(iconBefore || iconBeforeSrc) && (jsxRuntime.jsx(Icon.Icon, { fill: iconBeforeFill, iconFill: iconBeforeFillIcon, iconSize: iconBeforeSize, imageSrc: iconBeforeSrc, SvgImage: iconBefore })), jsxRuntime.jsxs("div", { className: 'warning__content', children: [label && (jsxRuntime.jsx(Text.Text, { size: labelTextSize, textColor: labelTextColor, textWeight: labelTextWeight, children: label })), description && (jsxRuntime.jsx(Text.Text, { size: descriptionTextSize, textColor: descriptionTextColor, children: description }))] }), (iconAfter || iconAfterSrc) && (jsxRuntime.jsx(Icon.Icon, { fill: iconAfterFill, iconFill: iconAfterFillIcon, iconSize: iconAfterSize, imageSrc: iconAfterSrc, SvgImage: iconAfter, onClick: () => setIsVisible(false) }))] })) }));
 }
 
 exports.Warning = Warning;

package/dist/cjs/context/Notifications.js

@@ -1,43 +1,42 @@
 'use client';
 'use strict';
 
-var tslib_es6 = require('../../tslib.es6_cjs_CCZ3TN_7.js');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var uuid = require('uuid');
 var common = require('@itcase/common');
 
-var STATUSES = {
+const STATUSES = {
     error: 'error',
     warning: 'warning',
     info: 'info',
     success: 'success',
 };
-var NotificationsContext = React.createContext([]);
+const NotificationsContext = React.createContext([]);
 /* eslint-disable @typescript-eslint/no-unused-vars */
-var NotificationsAPIContext = React.createContext({
-    hideNotifications: function (targetId) { },
-    showNotification: function (notification, onClose) { },
+const NotificationsAPIContext = React.createContext({
+    hideNotifications: (targetId) => { },
+    showNotification: (notification, onClose) => { },
     notificationStatuses: STATUSES,
 });
 /* eslint-enable @typescript-eslint/no-unused-vars */
 function NotificationsProvider(props) {
-    var _a = props.initialNotificationsList, initialNotificationsList = _a === void 0 ? [] : _a, isLogRequestsErrors = props.isLogRequestsErrors, children = props.children;
-    var _b = React.useState(function () {
+    const { initialNotificationsList = [], isLogRequestsErrors, children } = props;
+    const [notificationsList, setNotificationsList] = React.useState(() => {
         // We need to set id to every notification item and original list also be have new id's
-        return (initialNotificationsList || []).map(function (notificationItem) {
+        return (initialNotificationsList || []).map((notificationItem) => {
             return createNotification(notificationItem, notificationItem.onClose);
         });
-    }), notificationsList = _b[0], setNotificationsList = _b[1];
-    var hideNotifications = React.useCallback(function (targetId) {
+    });
+    const hideNotifications = React.useCallback((targetId) => {
         // If not target, then nothing to hide
         if (!targetId) {
             return;
         }
-        setNotificationsList(function (prevNotificationsList) {
-            var newState = prevNotificationsList.filter(function (notificationItem) {
+        setNotificationsList((prevNotificationsList) => {
+            const newState = prevNotificationsList.filter((notificationItem) => {
                 // Check on need to hide, if current notification is target for hide
-                var isNeedToHide = String(notificationItem.id) === String(targetId);
+                const isNeedToHide = String(notificationItem.id) === String(targetId);
                 // Callback for close if exists
                 if (isNeedToHide) {
                     clearTimeout(notificationItem._closeTimeout);
@@ -51,19 +50,17 @@ function NotificationsProvider(props) {
             return newState;
         });
     }, []);
-    var showNotification = React.useCallback(function (notification, onClose) {
-        var newNotificationItem = createNotification(notification, onClose);
-        setNotificationsList(function (prevNotificationsList) {
-            var newState = prevNotificationsList.slice();
-            var existsNotificationIndex = newState.findIndex(function (notificationItem) {
-                return String(notificationItem.id) === String(newNotificationItem.id);
-            });
+    const showNotification = React.useCallback((notification, onClose) => {
+        const newNotificationItem = createNotification(notification, onClose);
+        setNotificationsList((prevNotificationsList) => {
+            const newState = prevNotificationsList.slice();
+            const existsNotificationIndex = newState.findIndex((notificationItem) => String(notificationItem.id) === String(newNotificationItem.id));
             // Add new notification
             if (existsNotificationIndex === -1) {
-                return tslib_es6.__spreadArray(tslib_es6.__spreadArray([], newState, true), [newNotificationItem], false);
+                return [...newState, newNotificationItem];
             }
             // Or update exists notification
-            var updatedNotificationItem = newState[existsNotificationIndex];
+            const updatedNotificationItem = newState[existsNotificationIndex];
             // Clear timeout to avoid close event for updated notification
             clearTimeout(updatedNotificationItem._closeTimeout);
             updatedNotificationItem._closeTimeout = undefined;
@@ -72,26 +69,26 @@ function NotificationsProvider(props) {
             return newState;
         });
         if (newNotificationItem.closeByTime) {
-            newNotificationItem._closeTimeout = setTimeout(function () { return hideNotifications(newNotificationItem.id); }, newNotificationItem.closeByTime);
+            newNotificationItem._closeTimeout = setTimeout(() => hideNotifications(newNotificationItem.id), newNotificationItem.closeByTime);
         }
         return newNotificationItem;
     }, 
     // "hideNotifications" is never changed
     // eslint-disable-next-line react-hooks/exhaustive-deps
     []);
-    var notificationsAPI = React.useMemo(function () { return ({
+    const notificationsAPI = React.useMemo(() => ({
         hideNotifications: hideNotifications,
         notificationStatuses: STATUSES,
         showNotification: showNotification,
-    }); }, 
+    }), 
     // Functions is never changes, no sense to set as dependencies
     // eslint-disable-next-line
     []);
-    React.useEffect(function () {
+    React.useEffect(() => {
         // Set timeout for initial notifications list one time on first render
-        notificationsList.forEach(function (notificationItem) {
+        notificationsList.forEach((notificationItem) => {
             if (notificationItem.closeByTime) {
-                setTimeout(function () { return hideNotifications(notificationItem.id); }, notificationItem.closeByTime);
+                setTimeout(() => hideNotifications(notificationItem.id), notificationItem.closeByTime);
             }
         });
         // Show notifications on all requests errors.
@@ -99,7 +96,7 @@ function NotificationsProvider(props) {
         // to disable notifications logger.
         if (isLogRequestsErrors) {
             common.axiosInstanceITCase.responseErrorHandler.loggerManager = {
-                log: function (responseError) {
+                log: (responseError) => {
                     if (responseError.message) {
                         showNotification({
                             title: responseError.message,
@@ -121,24 +118,23 @@ function useNotificationsAPI() {
     return React.useContext(NotificationsAPIContext);
 }
 function createNotification(notification, onClose) {
-    var _a, _b, _c, _d, _e;
     // Default notification item properties
-    var id = uuid.v4().split('-')[0];
-    var title = '';
-    var text = '';
-    var status = STATUSES.warning;
+    let id = uuid.v4().split('-')[0];
+    let title = '';
+    let text = '';
+    let status = STATUSES.warning;
     // let appearance = STATUSES.appearance
-    var closeByTime = 4500;
-    var appearance = '';
+    let closeByTime = 4500;
+    let appearance = '';
     if (typeof notification === 'string') {
         text = notification;
     }
     else if (typeof notification === 'object') {
-        id = (_a = notification.id) !== null && _a !== void 0 ? _a : id;
-        title = (_b = notification.title) !== null && _b !== void 0 ? _b : title;
-        text = (_c = notification.text) !== null && _c !== void 0 ? _c : text;
-        status = (_d = notification.status) !== null && _d !== void 0 ? _d : status;
-        closeByTime = (_e = notification.closeByTime) !== null && _e !== void 0 ? _e : closeByTime;
+        id = notification.id ?? id;
+        title = notification.title ?? title;
+        text = notification.text ?? text;
+        status = notification.status ?? status;
+        closeByTime = notification.closeByTime ?? closeByTime;
     }
     switch (status) {
         case 'success':

package/dist/cjs/context/UIContext.js

@@ -1,7 +1,6 @@
 'use client';
 'use strict';
 
-var tslib_es6 = require('../../tslib.es6_cjs_CCZ3TN_7.js');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var camelCase = require('lodash/camelCase');
@@ -9,14 +8,14 @@ var useMediaQueries = require('../hooks/useMediaQueries/useMediaQueries.js');
 var setViewportProperty = require('../utils/setViewportProperty.js');
 require('react-responsive');
 
-var UserDeviceContext = React.createContext({
+const UserDeviceContext = React.createContext({
     isMobile: false,
     isTablet: false,
     isDesktop: false,
     deviceCurrentMainType: '',
 });
-var UIProvider = React.memo(function UIProvider(props) {
-    var _a = props.userDeviceState, userDeviceState = _a === void 0 ? {} : _a, children = props.children;
+const UIProvider = React.memo(function UIProvider(props) {
+    const { userDeviceState = {}, children } = props;
     /** NOTE:
      * Remember that the "useMediaQueries" hook works by next scenario:
      * when changing the device type(browser width), the hook will first "enable"
@@ -24,20 +23,18 @@ var UIProvider = React.memo(function UIProvider(props) {
      * what provoke to double rendering, and in moment we have two different types as "true".
      * We will need to look at how to change this behavior.
      */
-    var allDevicesTypes = useMediaQueries.useMediaQueries(userDeviceState);
-    var isMobile = allDevicesTypes.isMobile, isTablet = allDevicesTypes.isTablet, isDesktop = allDevicesTypes.isDesktop, fullNamedDeviceTypes = tslib_es6.__rest(allDevicesTypes, ["isMobile", "isTablet", "isDesktop"]);
-    var deviceCurrentMainType = (isMobile && 'mobile') ||
+    const allDevicesTypes = useMediaQueries.useMediaQueries(userDeviceState);
+    const { isMobile, isTablet, isDesktop, ...fullNamedDeviceTypes } = allDevicesTypes;
+    const deviceCurrentMainType = (isMobile && 'mobile') ||
         (isTablet && 'tablet') ||
         (isDesktop && 'desktop') ||
         '';
-    var _b = React.useMemo(function () {
-        var deviceTypesList = Object.keys(allDevicesTypes).map(function (key) {
-            return camelCase(key.replace('is', ''));
-        });
+    const [deviceCurrentType, deviceTypesList] = React.useMemo(() => {
+        const deviceTypesList = Object.keys(allDevicesTypes).map((key) => camelCase(key.replace('is', '')));
         // In same time "allDevicesTypes" can contain "isMobile" and "isMobileLarge" as true
-        var deviceCurrentType = Object.keys(fullNamedDeviceTypes).find(
+        let deviceCurrentType = Object.keys(fullNamedDeviceTypes).find(
         // If "fullNamedDeviceTypes.isMobileLarge: true" - that our device
-        function (key) { return fullNamedDeviceTypes[key]; });
+        (key) => fullNamedDeviceTypes[key]);
         // Or set main type (e.g. "isMobile")
         if (!deviceCurrentType) {
             deviceCurrentType = deviceCurrentMainType;
@@ -45,16 +42,21 @@ var UIProvider = React.memo(function UIProvider(props) {
         deviceCurrentType = camelCase(deviceCurrentType.replace('is', ''));
         // On server side render we doesn't known user device and we need to set special word
         return [deviceCurrentType || '_none_', deviceTypesList];
-    }, [allDevicesTypes, deviceCurrentMainType, fullNamedDeviceTypes]), deviceCurrentType = _b[0], deviceTypesList = _b[1];
-    var deviceContextState = React.useMemo(function () {
-        return tslib_es6.__assign(tslib_es6.__assign({}, allDevicesTypes), { deviceCurrentMainType: deviceCurrentMainType, deviceCurrentType: deviceCurrentType, deviceTypesList: deviceTypesList });
+    }, [allDevicesTypes, deviceCurrentMainType, fullNamedDeviceTypes]);
+    const deviceContextState = React.useMemo(() => {
+        return {
+            ...allDevicesTypes,
+            deviceCurrentMainType: deviceCurrentMainType,
+            deviceCurrentType: deviceCurrentType,
+            deviceTypesList: deviceTypesList,
+        };
     }, [
         allDevicesTypes,
         deviceCurrentMainType,
         deviceCurrentType,
         deviceTypesList,
     ]);
-    React.useEffect(function () {
+    React.useEffect(() => {
         setViewportProperty.setViewportProperty();
         window.addEventListener('resize', setViewportProperty.setViewportProperty);
     }, []);

package/dist/cjs/context/UrlAssetPrefix.js

@@ -3,13 +3,13 @@
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 
-var UrlAssetPrefixContext = React.createContext({
+const UrlAssetPrefixContext = React.createContext({
     assetPrefix: undefined,
     ignorePathsList: undefined,
 });
 function UrlAssetPrefixProvider(props) {
-    var assetPrefix = props.assetPrefix, ignorePathsList = props.ignorePathsList, children = props.children;
-    var value = React.useMemo(function () { return ({ assetPrefix: assetPrefix, ignorePathsList: ignorePathsList }); }, [assetPrefix, ignorePathsList]);
+    const { assetPrefix, ignorePathsList, children } = props;
+    const value = React.useMemo(() => ({ assetPrefix, ignorePathsList }), [assetPrefix, ignorePathsList]);
     return (jsxRuntime.jsx(UrlAssetPrefixContext.Provider, { value: value, children: children }));
 }
 

package/dist/cjs/hoc/urlWithAssetPrefix.js

@@ -1,12 +1,11 @@
 'use strict';
 
-var tslib_es6 = require('../../tslib.es6_cjs_CCZ3TN_7.js');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var common = require('@itcase/common');
 var UrlAssetPrefix = require('../context/UrlAssetPrefix.js');
 
-var urlPropsList = ['src', 'imageSrc', 'svgSrc', 'placeholderUrl'];
+const urlPropsList = ['src', 'imageSrc', 'svgSrc', 'placeholderUrl'];
 /**
  * HOC, который добавляет assetPrefix к URL-пропсам.
  *
@@ -24,31 +23,30 @@ var urlPropsList = ['src', 'imageSrc', 'svgSrc', 'placeholderUrl'];
  * const B = (props: { id: string }) => <div />;
  * urlWithAssetPrefix(B); // ❌ TS ошибка (нет url-пропов)
  */
-var urlWithAssetPrefix = function (WrappedComponent) {
-    var HOC = React.forwardRef(function HOC(props, ref) {
-        var _a = React.useContext(UrlAssetPrefix.UrlAssetPrefixContext), assetPrefix = _a.assetPrefix, ignorePathsList = _a.ignorePathsList;
-        var overrideProps = urlPropsList.reduce(function (resultProps, propKey) {
-            var url = props[propKey];
+const urlWithAssetPrefix = (WrappedComponent, ..._error) => {
+    const HOC = React.forwardRef(function HOC(props, ref) {
+        const { assetPrefix, ignorePathsList } = React.useContext(UrlAssetPrefix.UrlAssetPrefixContext);
+        const overrideProps = urlPropsList.reduce((resultProps, propKey) => {
+            let url = props[propKey];
             if (url && typeof url === 'string') {
                 if (assetPrefix) {
-                    var isNeedAssetPrefix = checkIsNeedAssetPrefix(url, assetPrefix, ignorePathsList);
+                    const isNeedAssetPrefix = checkIsNeedAssetPrefix(url, assetPrefix, ignorePathsList);
                     if (isNeedAssetPrefix) {
-                        var prefixPath = common.formatURL(assetPrefix).slice(0, -1);
-                        url = "".concat(prefixPath).concat(url);
+                        const prefixPath = common.formatURL(assetPrefix).slice(0, -1);
+                        url = `${prefixPath}${url}`;
                     }
                 }
                 resultProps[propKey] = url;
             }
             return resultProps;
         }, {});
-        return jsxRuntime.jsx(WrappedComponent, tslib_es6.__assign({}, props, overrideProps, { ref: ref }));
+        return jsxRuntime.jsx(WrappedComponent, { ...props, ...overrideProps, ref: ref });
     });
     return HOC;
 };
-var checkIsNeedAssetPrefix = function (url, assetPrefix, ignorePathsList) {
-    if (ignorePathsList === void 0) { ignorePathsList = []; }
+const checkIsNeedAssetPrefix = (url, assetPrefix, ignorePathsList = []) => {
     // Ignore prefix if:
-    var isPrefixIgnore = 
+    const isPrefixIgnore = 
     // Url is absolute
     url.startsWith('http:') ||
         url.startsWith('https:') ||
@@ -60,8 +58,7 @@ var checkIsNeedAssetPrefix = function (url, assetPrefix, ignorePathsList) {
         return false;
     }
     // And check special paths for ignore prefix
-    for (var _i = 0, ignorePathsList_1 = ignorePathsList; _i < ignorePathsList_1.length; _i++) {
-        var urlPath = ignorePathsList_1[_i];
+    for (const urlPath of ignorePathsList) {
         if (urlPath instanceof RegExp) {
             if (urlPath.test(url)) {
                 return false;

package/dist/cjs/hooks/useActiveClasses/useActiveClasses.helpers.js

@@ -1,84 +1,57 @@
 'use strict';
 
-var CLASS_RULES = {
+const CLASS_RULES = {
     fill: [
         {
             key: 'fillClass',
-            stateFn: function (_a) {
-                var isDisabled = _a.isDisabled, isActive = _a.isActive;
-                return !isActive && !isDisabled;
-            },
+            stateFn: ({ isDisabled, isActive }) => !isActive && !isDisabled,
         },
         {
             key: 'fillHoverClass',
-            stateFn: function (_a) {
-                var isDisabled = _a.isDisabled, isActive = _a.isActive;
-                return !isActive && !isDisabled;
-            },
+            stateFn: ({ isDisabled, isActive }) => !isActive && !isDisabled,
         },
         {
             key: 'fillActiveClass',
-            stateFn: function (_a) {
-                var isDisabled = _a.isDisabled, isActive = _a.isActive;
-                return Boolean(isActive) && !isDisabled;
-            },
+            stateFn: ({ isDisabled, isActive }) => Boolean(isActive) && !isDisabled,
         },
         {
             key: 'fillActiveHoverClass',
-            stateFn: function (_a) {
-                var isDisabled = _a.isDisabled, isActive = _a.isActive;
-                return Boolean(isActive) && !isDisabled;
-            },
+            stateFn: ({ isDisabled, isActive }) => Boolean(isActive) && !isDisabled,
         },
         {
             key: 'fillDisabledClass',
-            stateFn: function (_a) {
-                var isDisabled = _a.isDisabled, isActive = _a.isActive;
-                return !isActive && Boolean(isDisabled);
-            },
+            stateFn: ({ isDisabled, isActive }) => !isActive && Boolean(isDisabled),
         },
     ],
     borderColor: [
         {
             key: 'borderColorClass',
-            stateFn: function (_a) {
-                var isDisabled = _a.isDisabled, isActive = _a.isActive;
-                return !isActive && !isDisabled;
-            },
+            stateFn: ({ isDisabled, isActive }) => !isActive && !isDisabled,
         },
         {
             key: 'borderColorHoverClass',
-            stateFn: function (_a) {
-                var isDisabled = _a.isDisabled, isActive = _a.isActive;
-                return !isActive && !isDisabled;
-            },
+            stateFn: ({ isDisabled, isActive }) => !isActive && !isDisabled,
         },
         {
             key: 'borderColorActiveClass',
-            stateFn: function (_a) {
-                var isDisabled = _a.isDisabled, isActive = _a.isActive;
-                return Boolean(isActive) && !isDisabled;
-            },
+            stateFn: ({ isDisabled, isActive }) => Boolean(isActive) && !isDisabled,
         },
     ],
     textColor: [
         {
             key: 'textColorClass',
-            stateFn: function (_a) {
-                var isDisabled = _a.isDisabled, isActive = _a.isActive;
-                return !isActive && !isDisabled;
-            },
+            stateFn: ({ isDisabled, isActive }) => !isActive && !isDisabled,
         },
     ],
 };
-var formatState = function (key) {
+const formatState = (key) => {
     // Try to find one of the state tokens in the input key:
     // - matches "ActiveHover", "Active", "Hover" or "Disabled"
     // - case-insensitive because of the /i flag
     // Examples of matches:
     //  "fillActiveHoverColor"  -> match[0] === "ActiveHover"
     //  "borderDisabled"        -> match[0] === "Disabled"
-    var stateMatch = key.match(/(ActiveHover|Active|Hover|Disabled)/i);
+    const stateMatch = key.match(/(ActiveHover|Active|Hover|Disabled)/i);
     if (!stateMatch) {
         return '';
     }
@@ -111,7 +84,7 @@ var formatState = function (key) {
 // Examples:
 //  "myTestString"           -> "my-test-string"
 //  "borderColorActiveHover" -> "border-color-active-hover"
-var toKebabCase = function (str) {
+const toKebabCase = (str) => {
     return str.replace(/([a-z])([A-Z])/g, '$1-$2').toLowerCase();
 };
 

package/dist/cjs/hooks/useActiveClasses/useActiveClasses.interface.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var suffix = [
+const suffix = [
     'Button',
     'Checkbox',
     'Radio',