@itcase/ui-core 1.10.46 → 1.10.48

package/dist/cjs/context/Notifications.interface.js

@@ -1 +1,2 @@
-"use strict";
+'use strict';
+

package/dist/cjs/context/Notifications.js

@@ -1 +1,207 @@
-"use strict";var e=require("react/jsx-runtime"),i=require("react"),o=require("uuid"),t=require("@itcase/common");const s={error:"error",info:"info",success:"success",warning:"warning"},r=i.createContext([]),n=i.createContext({hideNotifications:e=>{},removeNotification:e=>{},showNotification:(e,i)=>{},notificationStatuses:s});const c={error:"errorPrimary sizeS solid rounded",info:"infoPrimary sizeS solid rounded",success:"successPrimary sizeS solid rounded",warning:"warningPrimary sizeS solid rounded"};function a(e,i){let t=o.v4().split("-")[0],r="",n="",a="",u="",l="float",d="",f=s.warning,m=4500,g=c[f],p=null,T=!1,y="",C=()=>{};return"string"==typeof e?n=e:"object"==typeof e&&(t=String(e.id??t),r=e.title??r,n=e.text??n,y=e.closeIconAppearance??y,l=e.type??l,a=e.closeIcon??a,u=e.closeIconSrc??u,d=e.buttonLabel??d,C=e.onClickButton??C,f=e.status??f,m=e.closeByTime??m,T=e.isLoading??T,p=e.after??p,g=e.appearance??c[e.status]??g),{id:t,appearance:g,type:l,title:r,status:f,text:n,buttonLabel:d,after:p,closeByTime:m,closeIcon:a,closeIconAppearance:y,closeIconSrc:u,isLoading:T,onClickButton:C,onClose:i}}exports.NotificationsProvider=function(o){const{initialNotificationsList:c=[],isLogRequestsErrors:u,children:l}=o,[d,f]=i.useState(()=>(c||[]).map(e=>a(e,e.onClose))),m=i.useCallback(e=>{e&&f(i=>i.filter(i=>{const o=String(i.id)===String(e);return o&&(clearTimeout(i._closeTimeout),i.onClose&&i.onClose()),!o}))},[]),g=i.useCallback(e=>{e&&f(i=>i.map(i=>String(i.id)!==String(e)||i.isClosing?i:(clearTimeout(i._closeTimeout),{...i,isClosing:!0})))},[]),p=i.useCallback((e,i)=>{const o=a(e,i);return f(e=>{const i=e.slice(),t=i.findIndex(e=>String(e.id)===String(o.id));if(-1===t)return[...i,o];const s=i[t];return clearTimeout(s._closeTimeout),s._closeTimeout=void 0,i[t]=o,i}),o.closeByTime&&(o._closeTimeout=setTimeout(()=>g(o.id),o.closeByTime)),o},[]),T=i.useMemo(()=>({hideNotifications:g,removeNotification:m,notificationStatuses:s,showNotification:p}),[]);return i.useEffect(()=>{d.forEach(e=>{e.closeByTime&&setTimeout(()=>g(e.id),e.closeByTime)}),u&&(t.axiosInstanceITCase.responseErrorHandler.loggerManager={log:e=>{if(e.message){const i=["network"].includes(e.key)?e.key:void 0;p({id:i,title:e.message,status:"error",closeByTime:4e3})}}})},[]),e.jsx(n.Provider,{value:T,children:e.jsx(r.Provider,{value:d,children:l})})},exports.statusToAppearanceList=c,exports.useNotifications=function(){return i.useContext(r)},exports.useNotificationsAPI=function(){return i.useContext(n)};
+'use client';
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var uuid = require('uuid');
+var common = require('@itcase/common');
+
+const STATUSES = {
+    error: 'error',
+    info: 'info',
+    success: 'success',
+    warning: 'warning',
+};
+const NotificationsContext = React.createContext([]);
+/* eslint-disable @typescript-eslint/no-unused-vars */
+const NotificationsAPIContext = React.createContext({
+    hideNotifications: (targetId) => { },
+    removeNotification: (targetId) => { },
+    showNotification: (notification, onClose) => { },
+    notificationStatuses: STATUSES,
+});
+/* eslint-enable @typescript-eslint/no-unused-vars */
+function NotificationsProvider(props) {
+    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((notificationItem) => {
+            return createNotification(notificationItem, notificationItem.onClose);
+        });
+    });
+    const removeNotification = React.useCallback((targetId) => {
+        if (!targetId) {
+            return;
+        }
+        setNotificationsList((prevNotificationsList) => {
+            return prevNotificationsList.filter((notificationItem) => {
+                const isNeedToRemove = String(notificationItem.id) === String(targetId);
+                if (isNeedToRemove) {
+                    clearTimeout(notificationItem._closeTimeout);
+                    // @typescript-eslint/no-unused-expressions
+                    notificationItem.onClose && notificationItem.onClose();
+                }
+                return !isNeedToRemove;
+            });
+        });
+    }, []);
+    const hideNotifications = React.useCallback((targetId) => {
+        if (!targetId) {
+            return;
+        }
+        setNotificationsList((prevNotificationsList) => {
+            return prevNotificationsList.map((notificationItem) => {
+                const isNeedToHide = String(notificationItem.id) === String(targetId);
+                if (!isNeedToHide || notificationItem.isClosing) {
+                    return notificationItem;
+                }
+                clearTimeout(notificationItem._closeTimeout);
+                return {
+                    ...notificationItem,
+                    isClosing: true,
+                };
+            });
+        });
+    }, []);
+    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 [...newState, newNotificationItem];
+            }
+            // Or update exists notification
+            const updatedNotificationItem = newState[existsNotificationIndex];
+            // Clear timeout to avoid close event for updated notification
+            clearTimeout(updatedNotificationItem._closeTimeout);
+            updatedNotificationItem._closeTimeout = undefined;
+            // Replace exists notification by new one
+            newState[existsNotificationIndex] = newNotificationItem;
+            return newState;
+        });
+        if (newNotificationItem.closeByTime) {
+            newNotificationItem._closeTimeout = setTimeout(() => hideNotifications(newNotificationItem.id), newNotificationItem.closeByTime);
+        }
+        return newNotificationItem;
+    }, 
+    // "hideNotifications" is never changed
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    []);
+    const notificationsAPI = React.useMemo(() => ({
+        hideNotifications: hideNotifications,
+        removeNotification: removeNotification,
+        notificationStatuses: STATUSES,
+        showNotification: showNotification,
+    }), 
+    // Functions is never changes, no sense to set as dependencies
+    // eslint-disable-next-line
+    []);
+    React.useEffect(() => {
+        // Set timeout for initial notifications list one time on first render
+        notificationsList.forEach((notificationItem) => {
+            if (notificationItem.closeByTime) {
+                setTimeout(() => hideNotifications(notificationItem.id), notificationItem.closeByTime);
+            }
+        });
+        // Show notifications on all requests errors.
+        // Enable one time without disabling. Use "isLogging" on request config level
+        // to disable notifications logger.
+        if (isLogRequestsErrors) {
+            common.axiosInstanceITCase.responseErrorHandler.loggerManager = {
+                log: (responseError) => {
+                    if (responseError.message) {
+                        // prevent from showing many network errors
+                        const errorListToDedupe = ['network'];
+                        const id = errorListToDedupe.includes(responseError.key)
+                            ? responseError.key
+                            : undefined;
+                        showNotification({
+                            id: id,
+                            title: responseError.message,
+                            status: 'error',
+                            closeByTime: 4000,
+                        });
+                    }
+                },
+            };
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+    return (jsxRuntime.jsx(NotificationsAPIContext.Provider, { value: notificationsAPI, children: jsxRuntime.jsx(NotificationsContext.Provider, { value: notificationsList, children: children }) }));
+}
+function useNotifications() {
+    return React.useContext(NotificationsContext);
+}
+function useNotificationsAPI() {
+    return React.useContext(NotificationsAPIContext);
+}
+const statusToAppearanceList = {
+    error: 'errorPrimary sizeS solid rounded',
+    info: 'infoPrimary sizeS solid rounded',
+    success: 'successPrimary sizeS solid rounded',
+    warning: 'warningPrimary sizeS solid rounded',
+};
+function createNotification(notification, onClose) {
+    // Default notification item properties
+    let id = uuid.v4().split('-')[0];
+    let title = '';
+    let text = '';
+    let closeIcon = '';
+    let closeIconSrc = '';
+    let type = 'float';
+    let buttonLabel = '';
+    let status = STATUSES.warning;
+    let closeByTime = 4500;
+    let appearance = statusToAppearanceList[status];
+    let after = null;
+    let isLoading = false;
+    let closeIconAppearance = '';
+    let onClickButton = () => { };
+    if (typeof notification === 'string') {
+        text = notification;
+    }
+    else if (typeof notification === 'object') {
+        id = String(notification.id ?? id);
+        title = notification.title ?? title;
+        text = notification.text ?? text;
+        closeIconAppearance =
+            notification.closeIconAppearance ?? closeIconAppearance;
+        type = notification.type ?? type;
+        closeIcon = notification.closeIcon ?? closeIcon;
+        closeIconSrc = notification.closeIconSrc ?? closeIconSrc;
+        buttonLabel = notification.buttonLabel ?? buttonLabel;
+        onClickButton = notification.onClickButton ?? onClickButton;
+        status = notification.status ?? status;
+        closeByTime = notification.closeByTime ?? closeByTime;
+        isLoading = notification.isLoading ?? isLoading;
+        after = notification.after ?? after;
+        appearance =
+            notification.appearance ??
+                statusToAppearanceList[notification.status] ??
+                appearance;
+    }
+    return {
+        id: id,
+        appearance: appearance,
+        type: type,
+        title: title,
+        status: status,
+        text: text,
+        buttonLabel: buttonLabel,
+        after: after,
+        closeByTime: closeByTime,
+        closeIcon: closeIcon,
+        closeIconAppearance: closeIconAppearance,
+        closeIconSrc: closeIconSrc,
+        isLoading: isLoading,
+        onClickButton: onClickButton,
+        onClose: onClose,
+    };
+}
+
+exports.NotificationsProvider = NotificationsProvider;
+exports.statusToAppearanceList = statusToAppearanceList;
+exports.useNotifications = useNotifications;
+exports.useNotificationsAPI = useNotificationsAPI;

package/dist/cjs/context/UIContext.js

@@ -1 +1,76 @@
-"use strict";var e=require("react/jsx-runtime"),r=require("react"),t=require("lodash/camelCase"),i=require("../hooks/useMediaQueries/useMediaQueries.js"),s=require("../utils/setViewportProperty.js");require("react-responsive");const o=r.createContext({isMobile:!1,isTablet:!1,isDesktop:!1,deviceCurrentMainType:"",deviceCurrentType:"",deviceTypesList:[]}),n=r.memo(function(n){const{userDeviceState:u={},children:c}=n,a=i.useMediaQueries(u),{isMobile:d,isTablet:p,isDesktop:l,...v}=a,y=(d?"mobile":p&&"tablet")||l&&"desktop"||"",[C,M]=r.useMemo(()=>{const e=Object.keys(a).map(e=>t(e.replace("is","")));let r=Object.keys(v).find(e=>v[e]);return r||(r=y),r=t(r.replace("is","")),[r||"_none_",e]},[a,y,v]),b=r.useMemo(()=>({...a,deviceCurrentMainType:y,deviceCurrentType:C,deviceTypesList:M}),[a,y,C,M]);return r.useEffect(()=>{s.setViewportProperty(),window.addEventListener("resize",s.setViewportProperty)},[]),e.jsx(o.Provider,{value:b,children:c})});exports.UIProvider=n,exports.useUserDeviceContext=function(){const e=r.useContext(o);if(!e)throw new Error("useUserDeviceContext is not defined");return e};
+'use client';
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var camelCase = require('lodash/camelCase');
+var useMediaQueries = require('../hooks/useMediaQueries/useMediaQueries.js');
+var setViewportProperty = require('../utils/setViewportProperty.js');
+require('react-responsive');
+
+const UserDeviceContext = React.createContext({
+    isMobile: false,
+    isTablet: false,
+    isDesktop: false,
+    deviceCurrentMainType: '',
+    deviceCurrentType: '',
+    deviceTypesList: [],
+});
+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"
+     * the new type(set true), and then "disable" the previous one(set false),
+     * 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.
+     */
+    const allDevicesTypes = useMediaQueries.useMediaQueries(userDeviceState);
+    const { isMobile, isTablet, isDesktop, ...fullNamedDeviceTypes } = allDevicesTypes;
+    const deviceCurrentMainType = (isMobile && 'mobile') ||
+        (isTablet && 'tablet') ||
+        (isDesktop && 'desktop') ||
+        '';
+    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
+        let deviceCurrentType = Object.keys(fullNamedDeviceTypes).find(
+        // If "fullNamedDeviceTypes.isMobileLarge: true" - that our device
+        (key) => fullNamedDeviceTypes[key]);
+        // Or set main type (e.g. "isMobile")
+        if (!deviceCurrentType) {
+            deviceCurrentType = deviceCurrentMainType;
+        }
+        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]);
+    const deviceContextState = React.useMemo(() => {
+        return {
+            ...allDevicesTypes,
+            deviceCurrentMainType: deviceCurrentMainType,
+            deviceCurrentType: deviceCurrentType,
+            deviceTypesList: deviceTypesList,
+        };
+    }, [
+        allDevicesTypes,
+        deviceCurrentMainType,
+        deviceCurrentType,
+        deviceTypesList,
+    ]);
+    React.useEffect(() => {
+        setViewportProperty.setViewportProperty();
+        window.addEventListener('resize', setViewportProperty.setViewportProperty);
+    }, []);
+    return (jsxRuntime.jsx(UserDeviceContext.Provider, { value: deviceContextState, children: children }));
+});
+function useUserDeviceContext() {
+    const context = React.useContext(UserDeviceContext);
+    if (!context) {
+        throw new Error('useUserDeviceContext is not defined');
+    }
+    return context;
+}
+
+exports.UIProvider = UIProvider;
+exports.useUserDeviceContext = useUserDeviceContext;

package/dist/cjs/context/UrlAssetPrefix.js

@@ -1 +1,17 @@
-"use strict";var e=require("react/jsx-runtime"),r=require("react");const t=r.createContext({assetPrefix:void 0,ignorePathsList:void 0});exports.UrlAssetPrefixContext=t,exports.UrlAssetPrefixProvider=function(s){const{assetPrefix:i,ignorePathsList:o,children:n}=s,a=r.useMemo(()=>({assetPrefix:i,ignorePathsList:o}),[i,o]);return e.jsx(t.Provider,{value:a,children:n})};
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+
+const UrlAssetPrefixContext = React.createContext({
+    assetPrefix: undefined,
+    ignorePathsList: undefined,
+});
+function UrlAssetPrefixProvider(props) {
+    const { assetPrefix, ignorePathsList, children } = props;
+    const value = React.useMemo(() => ({ assetPrefix, ignorePathsList }), [assetPrefix, ignorePathsList]);
+    return (jsxRuntime.jsx(UrlAssetPrefixContext.Provider, { value: value, children: children }));
+}
+
+exports.UrlAssetPrefixContext = UrlAssetPrefixContext;
+exports.UrlAssetPrefixProvider = UrlAssetPrefixProvider;

package/dist/cjs/context/index.js

@@ -1 +1,24 @@
-"use strict";var e=require("./Notifications.js"),r=require("./UIContext.js"),s=require("./UrlAssetPrefix.js");require("react/jsx-runtime"),require("react"),require("uuid"),require("@itcase/common"),require("lodash/camelCase"),require("../hooks/useMediaQueries/useMediaQueries.js"),require("react-responsive"),require("../utils/setViewportProperty.js"),exports.NotificationsProvider=e.NotificationsProvider,exports.statusToAppearanceList=e.statusToAppearanceList,exports.useNotifications=e.useNotifications,exports.useNotificationsAPI=e.useNotificationsAPI,exports.UIProvider=r.UIProvider,exports.useUserDeviceContext=r.useUserDeviceContext,exports.UrlAssetPrefixContext=s.UrlAssetPrefixContext,exports.UrlAssetPrefixProvider=s.UrlAssetPrefixProvider;
+'use strict';
+
+var Notifications = require('./Notifications.js');
+var UIContext = require('./UIContext.js');
+var UrlAssetPrefix = require('./UrlAssetPrefix.js');
+require('react/jsx-runtime');
+require('react');
+require('uuid');
+require('@itcase/common');
+require('lodash/camelCase');
+require('../hooks/useMediaQueries/useMediaQueries.js');
+require('react-responsive');
+require('../utils/setViewportProperty.js');
+
+
+
+exports.NotificationsProvider = Notifications.NotificationsProvider;
+exports.statusToAppearanceList = Notifications.statusToAppearanceList;
+exports.useNotifications = Notifications.useNotifications;
+exports.useNotificationsAPI = Notifications.useNotificationsAPI;
+exports.UIProvider = UIContext.UIProvider;
+exports.useUserDeviceContext = UIContext.useUserDeviceContext;
+exports.UrlAssetPrefixContext = UrlAssetPrefix.UrlAssetPrefixContext;
+exports.UrlAssetPrefixProvider = UrlAssetPrefix.UrlAssetPrefixProvider;

package/dist/cjs/hoc/index.js

@@ -1 +1,11 @@
-"use strict";var e=require("./urlWithAssetPrefix.js");require("react/jsx-runtime"),require("react"),require("@itcase/common"),require("../context/UrlAssetPrefix.js"),exports.urlWithAssetPrefix=e.urlWithAssetPrefix;
+'use strict';
+
+var urlWithAssetPrefix = require('./urlWithAssetPrefix.js');
+require('react/jsx-runtime');
+require('react');
+require('@itcase/common');
+require('../context/UrlAssetPrefix.js');
+
+
+
+exports.urlWithAssetPrefix = urlWithAssetPrefix.urlWithAssetPrefix;

package/dist/cjs/hoc/urlWithAssetPrefix.js

@@ -1 +1,78 @@
-"use strict";var t=require("react/jsx-runtime"),r=require("react"),e=require("@itcase/common"),s=require("../context/UrlAssetPrefix.js");const i=["src","imageSrc","svgSrc","placeholderUrl"],f=(t,r,s=[])=>{if(t.startsWith("http:")||t.startsWith("https:")||t.startsWith("data:")||t.startsWith("blob:")||t.startsWith(r))return!1;for(const r of s)if(r instanceof RegExp){if(r.test(t))return!1}else if(e.formatURL(t).startsWith(e.formatURL(r)))return!1;return!0};exports.urlWithAssetPrefix=(a,...o)=>r.forwardRef(function(o,n){const{assetPrefix:c,ignorePathsList:u}=r.useContext(s.UrlAssetPrefixContext),h=i.reduce((t,r)=>{let s=o[r];if(s&&"string"==typeof s){if(c){if(f(s,c,u)){s=`${e.formatURL(c).slice(0,-1)}${s}`}}t[r]=s}return t},{});return t.jsx(a,{...o,...h,ref:n})});
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var common = require('@itcase/common');
+var UrlAssetPrefix = require('../context/UrlAssetPrefix.js');
+
+const urlPropsList = ['src', 'imageSrc', 'svgSrc', 'placeholderUrl'];
+/**
+ * HOC, который добавляет assetPrefix к URL-пропсам.
+ *
+ * @template P - Тип пропсов оборачиваемого компонента.
+ * @template T - Тип ref (если используется forwardRef).
+ * @template Check - Проверка на наличие хотя бы одного URL-пропа.
+ *
+ * @param WrappedComponent - Компонент, который оборачиваем.
+ * @param _error - Проверка: если ни одного URL-пропа нет, будет ошибка компиляции.
+ *
+ * @example
+ * const A = (props: { src?: string }) => <div />;
+ * urlWithAssetPrefix(A); // ✅ OK
+ *
+ * const B = (props: { id: string }) => <div />;
+ * urlWithAssetPrefix(B); // ❌ TS ошибка (нет url-пропов)
+ */
+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) {
+                    const isNeedAssetPrefix = checkIsNeedAssetPrefix(url, assetPrefix, ignorePathsList);
+                    if (isNeedAssetPrefix) {
+                        const prefixPath = common.formatURL(assetPrefix).slice(0, -1);
+                        url = `${prefixPath}${url}`;
+                    }
+                }
+                resultProps[propKey] = url;
+            }
+            return resultProps;
+        }, {});
+        return jsxRuntime.jsx(WrappedComponent, { ...props, ...overrideProps, ref: ref });
+    });
+    return HOC;
+};
+const checkIsNeedAssetPrefix = (url, assetPrefix, ignorePathsList = []) => {
+    // Ignore prefix if:
+    const isPrefixIgnore = 
+    // Url is absolute
+    url.startsWith('http:') ||
+        url.startsWith('https:') ||
+        // Url is data string
+        url.startsWith('data:') ||
+        url.startsWith('blob:') ||
+        // Url already have prefix
+        url.startsWith(assetPrefix);
+    if (isPrefixIgnore) {
+        return false;
+    }
+    // And check special paths for ignore prefix
+    for (const urlPath of ignorePathsList) {
+        if (urlPath instanceof RegExp) {
+            if (urlPath.test(url)) {
+                return false;
+            }
+        }
+        else {
+            if (common.formatURL(url).startsWith(common.formatURL(urlPath))) {
+                return false;
+            }
+        }
+    }
+    // Need to add prefix to url
+    return true;
+};
+
+exports.urlWithAssetPrefix = urlWithAssetPrefix;

package/dist/cjs/hooks/index.js

@@ -1 +1,37 @@
-"use strict";var e=require("./useActiveClasses/useActiveClasses.js"),s=require("./useAppearanceConfig/useAppearanceConfig.js"),r=require("./useDevicePropsGenerator/useDevicePropsGenerator.js"),t=require("./useDeviceTargetClass.js"),i=require("./useMediaQueries/useMediaQueries.js"),u=require("./useStyles/styleAttributes.helpers.js"),a=require("./useStyles/useStyles.js"),o=require("./useViewportFix.js");require("clsx"),require("./useActiveClasses/useActiveClasses.helpers.js"),require("react"),require("lodash/camelCase"),require("lodash/castArray"),require("lodash/upperFirst"),require("../context/Notifications.js"),require("react/jsx-runtime"),require("uuid"),require("@itcase/common"),require("../context/UIContext.js"),require("../utils/setViewportProperty.js"),require("../context/UrlAssetPrefix.js"),require("./useStyles/styleAttributes.js"),require("lodash/maxBy"),require("react-responsive"),exports.useActiveClasses=e.useActiveClasses,exports.useAppearanceConfig=s.useAppearanceConfig,exports.useDevicePropsGenerator=r.useDevicePropsGenerator,exports.useDeviceTargetClass=t.useDeviceTargetClass,exports.useMediaQueries=i.useMediaQueries,exports.getStyleAttributeKey=u.getStyleAttributeKey,exports.useStyles=a.useStyles,exports.useViewportFix=o.useViewportFix;
+'use strict';
+
+var useActiveClasses = require('./useActiveClasses/useActiveClasses.js');
+var useAppearanceConfig = require('./useAppearanceConfig/useAppearanceConfig.js');
+var useDevicePropsGenerator = require('./useDevicePropsGenerator/useDevicePropsGenerator.js');
+var useDeviceTargetClass = require('./useDeviceTargetClass.js');
+var useMediaQueries = require('./useMediaQueries/useMediaQueries.js');
+var styleAttributes_helpers = require('./useStyles/styleAttributes.helpers.js');
+var useStyles = require('./useStyles/useStyles.js');
+var useViewportFix = require('./useViewportFix.js');
+require('clsx');
+require('./useActiveClasses/useActiveClasses.helpers.js');
+require('react');
+require('lodash/camelCase');
+require('lodash/castArray');
+require('lodash/upperFirst');
+require('../context/Notifications.js');
+require('react/jsx-runtime');
+require('uuid');
+require('@itcase/common');
+require('../context/UIContext.js');
+require('../utils/setViewportProperty.js');
+require('../context/UrlAssetPrefix.js');
+require('./useStyles/styleAttributes.js');
+require('lodash/maxBy');
+require('react-responsive');
+
+
+
+exports.useActiveClasses = useActiveClasses.useActiveClasses;
+exports.useAppearanceConfig = useAppearanceConfig.useAppearanceConfig;
+exports.useDevicePropsGenerator = useDevicePropsGenerator.useDevicePropsGenerator;
+exports.useDeviceTargetClass = useDeviceTargetClass.useDeviceTargetClass;
+exports.useMediaQueries = useMediaQueries.useMediaQueries;
+exports.getStyleAttributeKey = styleAttributes_helpers.getStyleAttributeKey;
+exports.useStyles = useStyles.useStyles;
+exports.useViewportFix = useViewportFix.useViewportFix;

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

@@ -1 +1,9 @@
-"use strict";var s=require("./useActiveClasses.js");require("clsx"),require("./useActiveClasses.helpers.js"),exports.useActiveClasses=s.useActiveClasses;
+'use strict';
+
+var useActiveClasses = require('./useActiveClasses.js');
+require('clsx');
+require('./useActiveClasses.helpers.js');
+
+
+
+exports.useActiveClasses = useActiveClasses.useActiveClasses;

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

@@ -1 +1,93 @@
-"use strict";const e={fill:[{key:"fillClass",stateFn:({isActive:e,isDisabled:s})=>!e&&!s},{key:"fillHoverClass",stateFn:({isActive:e,isDisabled:s})=>!e&&!s},{key:"fillActiveClass",stateFn:({isActive:e,isDisabled:s})=>Boolean(e)&&!s},{key:"fillActiveHoverClass",stateFn:({isActive:e,isDisabled:s})=>Boolean(e)&&!s},{key:"fillDisabledClass",stateFn:({isActive:e,isDisabled:s})=>!e&&Boolean(s)}],borderColor:[{key:"borderColorClass",stateFn:({isActive:e,isDisabled:s})=>!e&&!s},{key:"borderColorHoverClass",stateFn:({isActive:e,isDisabled:s})=>!e&&!s},{key:"borderColorActiveClass",stateFn:({isActive:e,isDisabled:s})=>Boolean(e)&&!s}],textColor:[{key:"textColorClass",stateFn:({isActive:e,isDisabled:s})=>!e&&!s}]};exports.CLASS_RULES=e,exports.formatState=e=>{const s=e.match(/(ActiveHover|Active|Hover|Disabled)/i);return s?"_"+s[0].replace(/ActiveHover/i,"active_hover").replace(/Active/i,"active").replace(/Hover/i,"hover").replace(/Disabled/i,"disabled").toLowerCase():""},exports.toKebabCase=e=>e.replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase();
+'use strict';
+
+const CLASS_RULES = {
+    fill: [
+        {
+            key: 'fillClass',
+            stateFn: ({ isActive, isDisabled }) => !isActive && !isDisabled,
+        },
+        {
+            key: 'fillHoverClass',
+            stateFn: ({ isActive, isDisabled }) => !isActive && !isDisabled,
+        },
+        {
+            key: 'fillActiveClass',
+            stateFn: ({ isActive, isDisabled }) => Boolean(isActive) && !isDisabled,
+        },
+        {
+            key: 'fillActiveHoverClass',
+            stateFn: ({ isActive, isDisabled }) => Boolean(isActive) && !isDisabled,
+        },
+        {
+            key: 'fillDisabledClass',
+            stateFn: ({ isActive, isDisabled }) => !isActive && Boolean(isDisabled),
+        },
+    ],
+    borderColor: [
+        {
+            key: 'borderColorClass',
+            stateFn: ({ isActive, isDisabled }) => !isActive && !isDisabled,
+        },
+        {
+            key: 'borderColorHoverClass',
+            stateFn: ({ isActive, isDisabled }) => !isActive && !isDisabled,
+        },
+        {
+            key: 'borderColorActiveClass',
+            stateFn: ({ isActive, isDisabled }) => Boolean(isActive) && !isDisabled,
+        },
+    ],
+    textColor: [
+        {
+            key: 'textColorClass',
+            stateFn: ({ isActive, isDisabled }) => !isActive && !isDisabled,
+        },
+    ],
+};
+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:
+    //  "fillActiveColorHover"  -> match[0] === "ActiveHover"
+    //  "borderDisabled"        -> match[0] === "Disabled"
+    const stateMatch = key.match(/(ActiveHover|Active|Hover|Disabled)/i);
+    if (!stateMatch) {
+        return '';
+    }
+    // Replace the matched token with a normalized snake-like form and
+    // prepend an underscore. The chained replace calls map:
+    //  ActiveHover -> active_hover
+    //  Active      -> active
+    //  Hover       -> hover
+    //  Disabled    -> disabled
+    // The final .toLowerCase() ensures output is lowercased regardless of input casing.
+    // Examples:
+    //  "fillActiveColorHover"  -> "_active_hover"
+    //  "borderDisabled"        -> "disabled"
+    return ('_' +
+        stateMatch[0]
+            .replace(/ActiveHover/i, 'active_hover')
+            .replace(/Active/i, 'active')
+            .replace(/Hover/i, 'hover')
+            .replace(/Disabled/i, 'disabled')
+            .toLowerCase());
+};
+// Insert a hyphen between a lowercase letter followed by an uppercase letter:
+// - regex: /([a-z])([A-Z])/g
+//   ([a-z])  -> capture group 1: a lowercase letter
+//   ([A-Z])  -> capture group 2: an uppercase letter
+//   g        -> global: replace all occurrences
+// - replacement: '$1-$2' puts a hyphen between the two captured groups
+// - finally .toLowerCase() to produce a full kebab-case string
+//
+// Examples:
+//  "myTestString"           -> "my-test-string"
+//  "borderColorActiveHover" -> "border-color-active-hover"
+const toKebabCase = (str) => {
+    return str.replace(/([a-z])([A-Z])/g, '$1-$2').toLowerCase();
+};
+
+exports.CLASS_RULES = CLASS_RULES;
+exports.formatState = formatState;
+exports.toKebabCase = toKebabCase;

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

@@ -1 +1,65 @@
-"use strict";exports.suffix=["Button","Checkbox","Radio","Checkmark","Avatar","AvatarStack","Badge","Breadcrumbs","Cell","Chips","Choice","Code","CookiesWarning","Dadata","DatePeriod","Divider","Dot","Drawer","Dropdown","DropdownItem","Flex","Grid","Group","HeroTitle","HTMLContent","Icon","Image","Input","InputPassword","Label","Link","List","Loader","Logo","MenuItem","Modal","ModalSheetBottom","Notification","Overlay","Pagination","RangeSlider","Response","ScrollBar","ScrollOnDrag","ScrollToView","Search","Segmented","Select","SvgContent","Swiper","Switch","Tab","Text","Textarea","Tile","Title","Tooltip","Video","Warning"];
+'use strict';
+
+const suffix = [
+    'Button',
+    'Checkbox',
+    'Radio',
+    'Checkmark',
+    'Avatar',
+    'AvatarStack',
+    'Badge',
+    'Breadcrumbs',
+    'Cell',
+    'Chips',
+    'Choice',
+    'Code',
+    'CookiesWarning',
+    'Dadata',
+    'DatePeriod',
+    'Divider',
+    'Dot',
+    'Drawer',
+    'Dropdown',
+    'DropdownItem',
+    'Flex',
+    'Grid',
+    'Group',
+    'HeroTitle',
+    'HTMLContent',
+    'Icon',
+    'Image',
+    'Input',
+    'InputPassword',
+    'Label',
+    'Link',
+    'List',
+    'Loader',
+    'Logo',
+    'MenuItem',
+    'Modal',
+    'ModalSheetBottom',
+    'Notification',
+    'Overlay',
+    'Pagination',
+    'RangeSlider',
+    'Response',
+    'ScrollBar',
+    'ScrollOnDrag',
+    'ScrollToView',
+    'Search',
+    'Segmented',
+    'Select',
+    'SvgContent',
+    'Swiper',
+    'Switch',
+    'Tab',
+    'Text',
+    'Textarea',
+    'Tile',
+    'Title',
+    'Tooltip',
+    'Video',
+    'Warning',
+];
+
+exports.suffix = suffix;