@itcase/ui 1.8.123 → 1.8.124

package/dist/components/Warning.js

@@ -1,18 +1,17 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { useState, Fragment } from 'react';
 import clsx from 'clsx';
-import { I as Icon } from '../Icon_es_BrwLifge.js';
-import { T as Text } from '../Text_es_CwV9rjFD.js';
+import { I as Icon } from '../Icon_es_D5eiycFI.js';
+import { T as Text } from '../Text_es_CnymlElo.js';
 import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceConfig.js';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from '../hooks/useStyles/useStyles.js';
-import { _ as __assign } from '../tslib.es6_es_Bwu1Cn-t.js';
 import { icons16 } from '@itcase/icons/default';
 import 'react-inlinesvg';
 import '../hoc/urlWithAssetPrefix.js';
 import '@itcase/common';
 import '../context/UrlAssetPrefix.js';
-import '../Link_es_XiqbdwLp.js';
+import '../Link_es_P2b6ya7P.js';
 import 'lodash/camelCase';
 import 'lodash/castArray';
 import 'lodash/upperFirst';
@@ -26,7 +25,7 @@ import '../hooks.js';
 import '../hooks/useStyles/styleAttributes.js';
 import 'lodash/maxBy';
 
-var warningAppearanceAccent = {
+const warningAppearanceAccent = {
     accentMutedPrimary: {
         fill: 'accentTertiary',
         labelTextColor: 'accentTextQuaternary',
@@ -49,7 +48,7 @@ var warningAppearanceAccent = {
     },
 };
 
-var warningAppearanceError = {
+const warningAppearanceError = {
     errorMutedPrimary: {
         fill: 'errorTertiary',
         labelTextColor: 'errorTextQuaternary',
@@ -72,7 +71,7 @@ var warningAppearanceError = {
     },
 };
 
-var warningAppearanceInfo = {
+const warningAppearanceInfo = {
     infoMutedPrimary: {
         fill: 'infoTertiary',
         labelTextColor: 'infoTextSecondary',
@@ -95,7 +94,7 @@ var warningAppearanceInfo = {
     },
 };
 
-var warningAppearanceSize = {
+const warningAppearanceSize = {
     sizeL: {
         size: 'l',
         labelTextSize: 's',
@@ -106,7 +105,7 @@ var warningAppearanceSize = {
     },
 };
 
-var warningAppearanceStyle = {
+const warningAppearanceStyle = {
     solid: {
         borderColor: 'none',
     },
@@ -120,7 +119,7 @@ var warningAppearanceStyle = {
     },
 };
 
-var warningAppearanceWarning = {
+const warningAppearanceWarning = {
     warningMutedPrimary: {
         fill: 'warningTertiary',
         labelTextColor: 'warningTextSecondary',
@@ -143,23 +142,30 @@ var warningAppearanceWarning = {
     },
 };
 
-var warningAppearance = __assign(__assign(__assign(__assign(__assign(__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(appearance, warningConfig);
-    var propsGenerator = 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(appearance, warningConfig);
+    const propsGenerator = 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(props).styles;
-    var _a = useState(true), isVisible = _a[0], setIsVisible = _a[1];
-    return (jsx(Fragment, { children: isVisible && (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) && (jsx(Icon, { fill: iconBeforeFill, iconFill: iconBeforeFillIcon, iconSize: iconBeforeSize, imageSrc: iconBeforeSrc, SvgImage: iconBefore })), jsxs("div", { className: 'warning__content', children: [label && (jsx(Text, { size: labelTextSize, textColor: labelTextColor, textWeight: labelTextWeight, children: label })), description && (jsx(Text, { size: descriptionTextSize, textColor: descriptionTextColor, children: description }))] }), (iconAfter || iconAfterSrc) && (jsx(Icon, { fill: iconAfterFill, iconFill: iconAfterFillIcon, iconSize: iconAfterSize, imageSrc: iconAfterSrc, SvgImage: iconAfter, onClick: function () { return setIsVisible(false); } }))] })) }));
+    const { styles: warningStyles } = useStyles(props);
+    const [isVisible, setIsVisible] = useState(true);
+    return (jsx(Fragment, { children: isVisible && (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) && (jsx(Icon, { fill: iconBeforeFill, iconFill: iconBeforeFillIcon, iconSize: iconBeforeSize, imageSrc: iconBeforeSrc, SvgImage: iconBefore })), jsxs("div", { className: 'warning__content', children: [label && (jsx(Text, { size: labelTextSize, textColor: labelTextColor, textWeight: labelTextWeight, children: label })), description && (jsx(Text, { size: descriptionTextSize, textColor: descriptionTextColor, children: description }))] }), (iconAfter || iconAfterSrc) && (jsx(Icon, { fill: iconAfterFill, iconFill: iconAfterFillIcon, iconSize: iconAfterSize, imageSrc: iconAfterSrc, SvgImage: iconAfter, onClick: () => setIsVisible(false) }))] })) }));
 }
 
 export { Warning, warningAppearance, warningConfig };

package/dist/context/Notifications.js

@@ -1,41 +1,40 @@
 'use client';
-import { a as __spreadArray } from '../tslib.es6_es_Bwu1Cn-t.js';
 import { jsx } from 'react/jsx-runtime';
 import { createContext, useState, useCallback, useMemo, useEffect, useContext } from 'react';
 import { v4 } from 'uuid';
 import { axiosInstanceITCase } from '@itcase/common';
 
-var STATUSES = {
+const STATUSES = {
     error: 'error',
     warning: 'warning',
     info: 'info',
     success: 'success',
 };
-var NotificationsContext = createContext([]);
+const NotificationsContext = createContext([]);
 /* eslint-disable @typescript-eslint/no-unused-vars */
-var NotificationsAPIContext = createContext({
-    hideNotifications: function (targetId) { },
-    showNotification: function (notification, onClose) { },
+const NotificationsAPIContext = 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 = useState(function () {
+    const { initialNotificationsList = [], isLogRequestsErrors, children } = props;
+    const [notificationsList, setNotificationsList] = 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 = useCallback(function (targetId) {
+    });
+    const hideNotifications = 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);
@@ -49,19 +48,17 @@ function NotificationsProvider(props) {
             return newState;
         });
     }, []);
-    var showNotification = 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 = 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 __spreadArray(__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;
@@ -70,26 +67,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 = useMemo(function () { return ({
+    const notificationsAPI = useMemo(() => ({
         hideNotifications: hideNotifications,
         notificationStatuses: STATUSES,
         showNotification: showNotification,
-    }); }, 
+    }), 
     // Functions is never changes, no sense to set as dependencies
     // eslint-disable-next-line
     []);
-    useEffect(function () {
+    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.
@@ -97,7 +94,7 @@ function NotificationsProvider(props) {
         // to disable notifications logger.
         if (isLogRequestsErrors) {
             axiosInstanceITCase.responseErrorHandler.loggerManager = {
-                log: function (responseError) {
+                log: (responseError) => {
                     if (responseError.message) {
                         showNotification({
                             title: responseError.message,
@@ -119,24 +116,23 @@ function useNotificationsAPI() {
     return useContext(NotificationsAPIContext);
 }
 function createNotification(notification, onClose) {
-    var _a, _b, _c, _d, _e;
     // Default notification item properties
-    var id = v4().split('-')[0];
-    var title = '';
-    var text = '';
-    var status = STATUSES.warning;
+    let id = 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/context/UIContext.js

@@ -1,5 +1,4 @@
 'use client';
-import { b as __rest, _ as __assign } from '../tslib.es6_es_Bwu1Cn-t.js';
 import { jsx } from 'react/jsx-runtime';
 import { createContext, memo, useMemo, useEffect, useContext } from 'react';
 import camelCase from 'lodash/camelCase';
@@ -7,14 +6,14 @@ import { useMediaQueries } from '../hooks/useMediaQueries/useMediaQueries.js';
 import { setViewportProperty } from '../utils/setViewportProperty.js';
 import 'react-responsive';
 
-var UserDeviceContext = createContext({
+const UserDeviceContext = createContext({
     isMobile: false,
     isTablet: false,
     isDesktop: false,
     deviceCurrentMainType: '',
 });
-var UIProvider = memo(function UIProvider(props) {
-    var _a = props.userDeviceState, userDeviceState = _a === void 0 ? {} : _a, children = props.children;
+const UIProvider = 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"
@@ -22,20 +21,18 @@ var UIProvider = 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(userDeviceState);
-    var isMobile = allDevicesTypes.isMobile, isTablet = allDevicesTypes.isTablet, isDesktop = allDevicesTypes.isDesktop, fullNamedDeviceTypes = __rest(allDevicesTypes, ["isMobile", "isTablet", "isDesktop"]);
-    var deviceCurrentMainType = (isMobile && 'mobile') ||
+    const allDevicesTypes = useMediaQueries(userDeviceState);
+    const { isMobile, isTablet, isDesktop, ...fullNamedDeviceTypes } = allDevicesTypes;
+    const deviceCurrentMainType = (isMobile && 'mobile') ||
         (isTablet && 'tablet') ||
         (isDesktop && 'desktop') ||
         '';
-    var _b = useMemo(function () {
-        var deviceTypesList = Object.keys(allDevicesTypes).map(function (key) {
-            return camelCase(key.replace('is', ''));
-        });
+    const [deviceCurrentType, deviceTypesList] = 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;
@@ -43,16 +40,21 @@ var UIProvider = 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 = useMemo(function () {
-        return __assign(__assign({}, allDevicesTypes), { deviceCurrentMainType: deviceCurrentMainType, deviceCurrentType: deviceCurrentType, deviceTypesList: deviceTypesList });
+    }, [allDevicesTypes, deviceCurrentMainType, fullNamedDeviceTypes]);
+    const deviceContextState = useMemo(() => {
+        return {
+            ...allDevicesTypes,
+            deviceCurrentMainType: deviceCurrentMainType,
+            deviceCurrentType: deviceCurrentType,
+            deviceTypesList: deviceTypesList,
+        };
     }, [
         allDevicesTypes,
         deviceCurrentMainType,
         deviceCurrentType,
         deviceTypesList,
     ]);
-    useEffect(function () {
+    useEffect(() => {
         setViewportProperty();
         window.addEventListener('resize', setViewportProperty);
     }, []);

package/dist/context/UrlAssetPrefix.js

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

package/dist/css/components/Tile/Tile.css

@@ -68,15 +68,15 @@
   }
 }
 :root {
-  --tile-size-xxl-min-width: 320px;
+  --tile-size-xxl-min-width: 240px;
   --tile-size-xxl-padding: 24px;
   --tile-size-xxl-gap: 24px;
 
-  --tile-size-xl-min-width: 320px;
+  --tile-size-xl-min-width: 240px;
   --tile-size-xl-padding: 24px;
   --tile-size-xl-gap: 24px;
 
-  --tile-size-l-min-width: 320px;
+  --tile-size-l-min-width: 240px;
   --tile-size-l-padding: 24px;
   --tile-size-l-gap: 24px;
 

package/dist/hoc/urlWithAssetPrefix.js

@@ -1,10 +1,9 @@
-import { _ as __assign } from '../tslib.es6_es_Bwu1Cn-t.js';
 import { jsx } from 'react/jsx-runtime';
 import React, { useContext } from 'react';
 import { formatURL } from '@itcase/common';
 import { UrlAssetPrefixContext } from '../context/UrlAssetPrefix.js';
 
-var urlPropsList = ['src', 'imageSrc', 'svgSrc', 'placeholderUrl'];
+const urlPropsList = ['src', 'imageSrc', 'svgSrc', 'placeholderUrl'];
 /**
  * HOC, который добавляет assetPrefix к URL-пропсам.
  *
@@ -22,31 +21,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 = useContext(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 } = useContext(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 = formatURL(assetPrefix).slice(0, -1);
-                        url = "".concat(prefixPath).concat(url);
+                        const prefixPath = formatURL(assetPrefix).slice(0, -1);
+                        url = `${prefixPath}${url}`;
                     }
                 }
                 resultProps[propKey] = url;
             }
             return resultProps;
         }, {});
-        return jsx(WrappedComponent, __assign({}, props, overrideProps, { ref: ref }));
+        return 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:') ||
@@ -58,8 +56,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/hooks/useActiveClasses/useActiveClasses.helpers.js

@@ -1,82 +1,55 @@
-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 '';
     }
@@ -109,7 +82,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/hooks/useActiveClasses/useActiveClasses.interface.js

@@ -1,4 +1,4 @@
-var suffix = [
+const suffix = [
     'Button',
     'Checkbox',
     'Radio',