@itcase/ui 1.9.58 → 1.9.60

package/dist/cjs/components/Tile.js

@@ -2,30 +2,16 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var clsx = require('clsx');
-var mergeAppearanceKeys = require('../utils/mergeAppearanceKeys.js');
-var useAppearanceConfig = require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
-var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
-var useStyles = require('../hooks/useStyles/useStyles.js');
-var Icon = require('../../Icon_cjs_DTvdhr8B.js');
-var Text = require('../../Text_cjs_erTy2pUN.js');
+var primitives = require('../../primitives_cjs_CnyJ13MJ.js');
 require('react');
 require('lodash/camelCase');
 require('lodash/castArray');
 require('lodash/upperFirst');
-require('../context/Notifications.js');
 require('uuid');
 require('@itcase/common');
-require('../context/UIContext.js');
-require('../hooks/useMediaQueries/useMediaQueries.js');
 require('react-responsive');
-require('../utils/setViewportProperty.js');
-require('../hooks.js');
-require('../hooks/useStyles/styleAttributes.js');
 require('lodash/maxBy');
 require('react-inlinesvg');
-require('../../Link_cjs_Dn7UhCYe.js');
-require('../hoc/urlWithAssetPrefix.js');
-require('../context/UrlAssetPrefix.js');
 
 const tileAppearanceShape = {
     circular: {
@@ -167,11 +153,11 @@ const tileConfig = {
 };
 function Tile(props) {
     const { appearance, className, dataTestId, dataTour, type, title, desc, badgeValue, iconClick, before, after, isSkeleton, onClick, children, } = props;
-    const appearanceConfig = useAppearanceConfig.useAppearanceConfig(appearance, tileConfig);
-    const propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(props, appearanceConfig);
+    const appearanceConfig = primitives.useAppearanceConfig(appearance, tileConfig);
+    const propsGenerator = primitives.useDevicePropsGenerator(props, appearanceConfig);
     const { directionClass, alignClass, alignDirectionClass, fillClass, titleTextAlign, titleTextColor, titleTextSize, titleTextWeight, titleTextWrap, descTextColor, descTextSize, descTextWrap, borderColorClass, borderColorHoverClass, borderTypeClass, borderWidthClass, badgeAppearance, badgeAppearanceSize, badgeShape, badgeSize, badgeTextColor, badgeTextSize, icon, iconAppearance, iconFill, iconFillIcon, iconFillSize, iconShape, iconSize, iconSrc, shapeClass, shapeStrengthClass, sizeClass, widthClass, } = propsGenerator;
-    const { styles: tileStyles } = useStyles.useStyles(props);
-    return (jsxRuntime.jsx("div", { className: clsx('tile', className, fillClass && `fill_${fillClass}`, shapeClass && `shape_${shapeClass}`, shapeStrengthClass && `shape-strength_${shapeStrengthClass}`, alignClass && `align_${alignClass}`, directionClass && `direction_${directionClass}`, borderColorClass && `border-color_${borderColorClass}`, borderColorHoverClass && `border-color_hover_${borderColorHoverClass}`, borderWidthClass && `border-width_${borderWidthClass}`, borderTypeClass && `border_type_${borderTypeClass}`, sizeClass && `tile_size_${sizeClass}`, type && `tile_type_${type}`, badgeValue && `tile_state_badge`, widthClass && `width_${widthClass}`, isSkeleton && `tile_skeleton`), "data-testid": dataTestId, "data-tour": dataTour, style: tileStyles, onClick: onClick, children: jsxRuntime.jsxs("div", { className: clsx('tile__wrapper', alignClass, alignDirectionClass), children: [before, jsxRuntime.jsxs("div", { className: "tile__header", children: [jsxRuntime.jsxs("div", { className: "tile__header-inner", children: [title && (jsxRuntime.jsx(Icon.Title, { className: "tile__title", size: titleTextSize, textAlign: titleTextAlign, textColor: titleTextColor, textWeight: titleTextWeight, textWrap: titleTextWrap, children: title })), desc && (jsxRuntime.jsx(Text.Text, { className: "tile__text", size: descTextSize, textColor: descTextColor, textWrap: descTextWrap, children: desc }))] }), jsxRuntime.jsxs("div", { className: "tile__header-actions", children: [badgeValue && (jsxRuntime.jsx(Icon.Badge, { appearance: mergeAppearanceKeys.mergeAppearanceKeys(badgeAppearance, badgeAppearanceSize), className: "tile__badge", size: badgeSize, textColor: badgeTextColor, textSize: badgeTextSize, shape: badgeShape, value: badgeValue })), (icon || iconSrc) && (jsxRuntime.jsx(Icon.Icon, { appearance: iconAppearance, className: "tile__icon", fill: iconFill, fillSize: iconFillSize, iconFill: iconFillIcon, iconSize: iconSize, imageSrc: iconSrc, shape: iconShape, SvgImage: icon, onClick: iconClick }))] })] }), children, after] }) }));
+    const { styles: tileStyles } = primitives.useStyles(props);
+    return (jsxRuntime.jsx("div", { className: clsx('tile', className, fillClass && `fill_${fillClass}`, shapeClass && `shape_${shapeClass}`, shapeStrengthClass && `shape-strength_${shapeStrengthClass}`, alignClass && `align_${alignClass}`, directionClass && `direction_${directionClass}`, borderColorClass && `border-color_${borderColorClass}`, borderColorHoverClass && `border-color_hover_${borderColorHoverClass}`, borderWidthClass && `border-width_${borderWidthClass}`, borderTypeClass && `border_type_${borderTypeClass}`, sizeClass && `tile_size_${sizeClass}`, type && `tile_type_${type}`, badgeValue && `tile_state_badge`, widthClass && `width_${widthClass}`, isSkeleton && `tile_skeleton`), "data-testid": dataTestId, "data-tour": dataTour, style: tileStyles, onClick: onClick, children: jsxRuntime.jsxs("div", { className: clsx('tile__wrapper', alignClass, alignDirectionClass), children: [before, jsxRuntime.jsxs("div", { className: "tile__header", children: [jsxRuntime.jsxs("div", { className: "tile__header-inner", children: [title && (jsxRuntime.jsx(primitives.Title, { className: "tile__title", size: titleTextSize, textAlign: titleTextAlign, textColor: titleTextColor, textWeight: titleTextWeight, textWrap: titleTextWrap, children: title })), desc && (jsxRuntime.jsx(primitives.Text, { className: "tile__text", size: descTextSize, textColor: descTextColor, textWrap: descTextWrap, children: desc }))] }), jsxRuntime.jsxs("div", { className: "tile__header-actions", children: [badgeValue && (jsxRuntime.jsx(primitives.Badge, { appearance: primitives.mergeAppearanceKeys(badgeAppearance, badgeAppearanceSize), className: "tile__badge", size: badgeSize, textColor: badgeTextColor, textSize: badgeTextSize, shape: badgeShape, value: badgeValue })), (icon || iconSrc) && (jsxRuntime.jsx(primitives.Icon, { appearance: iconAppearance, className: "tile__icon", fill: iconFill, fillSize: iconFillSize, iconFill: iconFillIcon, iconSize: iconSize, imageSrc: iconSrc, shape: iconShape, SvgImage: icon, onClick: iconClick }))] })] }), children, after] }) }));
 }
 
 exports.Tile = Tile;

package/dist/cjs/components/Title.js

@@ -1,34 +1,20 @@
 'use strict';
 
-var Icon = require('../../Icon_cjs_DTvdhr8B.js');
+var primitives = require('../../primitives_cjs_CnyJ13MJ.js');
 require('react/jsx-runtime');
 require('react');
 require('clsx');
-require('react-inlinesvg');
-require('../../Link_cjs_Dn7UhCYe.js');
-require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
-require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 require('lodash/camelCase');
 require('lodash/castArray');
 require('lodash/upperFirst');
-require('../context/Notifications.js');
 require('uuid');
 require('@itcase/common');
-require('../context/UIContext.js');
-require('../hooks/useMediaQueries/useMediaQueries.js');
 require('react-responsive');
-require('../utils/setViewportProperty.js');
-require('../hooks.js');
-require('../hooks/useStyles/styleAttributes.js');
-require('../hooks/useStyles/useStyles.js');
 require('lodash/maxBy');
-require('../../Text_cjs_erTy2pUN.js');
-require('../hoc/urlWithAssetPrefix.js');
-require('../context/UrlAssetPrefix.js');
-require('../utils/mergeAppearanceKeys.js');
+require('react-inlinesvg');
 
 
 
-exports.Title = Icon.Title;
-exports.titleAppearance = Icon.titleAppearance;
-exports.titleConfig = Icon.titleConfig;
+exports.Title = primitives.Title;
+exports.titleAppearance = primitives.titleAppearance;
+exports.titleConfig = primitives.titleConfig;

package/dist/cjs/components/Tooltip.js

@@ -1,34 +1,20 @@
 'use strict';
 
-var Icon = require('../../Icon_cjs_DTvdhr8B.js');
+var primitives = require('../../primitives_cjs_CnyJ13MJ.js');
 require('react/jsx-runtime');
 require('react');
 require('clsx');
-require('react-inlinesvg');
-require('../../Link_cjs_Dn7UhCYe.js');
-require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
-require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 require('lodash/camelCase');
 require('lodash/castArray');
 require('lodash/upperFirst');
-require('../context/Notifications.js');
 require('uuid');
 require('@itcase/common');
-require('../context/UIContext.js');
-require('../hooks/useMediaQueries/useMediaQueries.js');
 require('react-responsive');
-require('../utils/setViewportProperty.js');
-require('../hooks.js');
-require('../hooks/useStyles/styleAttributes.js');
-require('../hooks/useStyles/useStyles.js');
 require('lodash/maxBy');
-require('../../Text_cjs_erTy2pUN.js');
-require('../hoc/urlWithAssetPrefix.js');
-require('../context/UrlAssetPrefix.js');
-require('../utils/mergeAppearanceKeys.js');
+require('react-inlinesvg');
 
 
 
-exports.Tooltip = Icon.Tooltip;
-exports.tooltipAppearance = Icon.tooltipAppearance;
-exports.tooltipConfig = Icon.tooltipConfig;
+exports.Tooltip = primitives.Tooltip;
+exports.tooltipAppearance = primitives.tooltipAppearance;
+exports.tooltipConfig = primitives.tooltipConfig;

package/dist/cjs/components/Video.js

@@ -2,24 +2,20 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var clsx = require('clsx');
-var useStyles = require('../hooks/useStyles/useStyles.js');
+var primitives = require('../../primitives_cjs_CnyJ13MJ.js');
 require('react');
 require('lodash/camelCase');
-require('lodash/maxBy');
+require('lodash/castArray');
 require('lodash/upperFirst');
-require('../context/Notifications.js');
 require('uuid');
 require('@itcase/common');
-require('../context/UIContext.js');
-require('../hooks/useMediaQueries/useMediaQueries.js');
 require('react-responsive');
-require('../utils/setViewportProperty.js');
-require('../hooks.js');
-require('../hooks/useStyles/styleAttributes.js');
+require('lodash/maxBy');
+require('react-inlinesvg');
 
 function Video(props) {
     const { id, className, dataTestId, dataTour, position, mp4, ogv, poster, webm, children, } = props;
-    const { styles: videoStyles } = useStyles.useStyles(props);
+    const { styles: videoStyles } = primitives.useStyles(props);
     return (jsxRuntime.jsxs("div", { id: id, className: clsx('video', className, poster && `video_poster`, position && `video_position_${position}`), "data-testid": dataTestId, "data-tour": dataTour, style: videoStyles, children: [jsxRuntime.jsxs("video", { className: "video__wrapper", autoPlay: true, loop: true, muted: true, playsInline: false, poster: poster, children: [webm && jsxRuntime.jsx("source", { type: 'video/webm; codecs="vp8, vorbis"', src: webm }), ogv && jsxRuntime.jsx("source", { type: 'video/ogg; codecs="theora, vorbi"', src: ogv }), mp4 && (jsxRuntime.jsx("source", { type: 'video/mp4; codecs="avc1.42E01E, mp4a.40.2"', src: mp4 }))] }), children] }));
 }
 

package/dist/cjs/components/Warning.js

@@ -3,30 +3,16 @@
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var clsx = require('clsx');
-var useAppearanceConfig = require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
-var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
-var useStyles = require('../hooks/useStyles/useStyles.js');
-var Icon = require('../../Icon_cjs_DTvdhr8B.js');
-var Text = require('../../Text_cjs_erTy2pUN.js');
+var primitives = require('../../primitives_cjs_CnyJ13MJ.js');
 var _default = require('@itcase/icons/default');
 require('lodash/camelCase');
 require('lodash/castArray');
 require('lodash/upperFirst');
-require('../context/Notifications.js');
 require('uuid');
 require('@itcase/common');
-require('../context/UIContext.js');
-require('../hooks/useMediaQueries/useMediaQueries.js');
 require('react-responsive');
-require('../utils/setViewportProperty.js');
-require('../hooks.js');
-require('../hooks/useStyles/styleAttributes.js');
 require('lodash/maxBy');
 require('react-inlinesvg');
-require('../../Link_cjs_Dn7UhCYe.js');
-require('../hoc/urlWithAssetPrefix.js');
-require('../context/UrlAssetPrefix.js');
-require('../utils/mergeAppearanceKeys.js');
 
 const warningAppearanceAccent = {
     accentMutedPrimary: {
@@ -188,12 +174,12 @@ const warningConfig = {
 };
 function Warning(props) {
     const { appearance, className, dataTestId, dataTour, label, description, isSkeleton, children, } = props;
-    const appearanceConfig = useAppearanceConfig.useAppearanceConfig(appearance, warningConfig);
-    const propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(props, appearanceConfig);
+    const appearanceConfig = primitives.useAppearanceConfig(appearance, warningConfig);
+    const propsGenerator = primitives.useDevicePropsGenerator(props, appearanceConfig);
     const { fillClass, labelTextColor, labelTextSize, labelTextWeight, descriptionTextColor, descriptionTextSize, borderColorClass, iconAfter, iconAfterFill, iconAfterFillIcon, iconAfterSize, iconAfterSrc, iconBefore, iconBeforeFill, iconBeforeFillIcon, iconBeforeSize, iconBeforeSrc, shapeClass, shapeStrengthClass, sizeClass, } = propsGenerator;
-    const { styles: warningStyles } = useStyles.useStyles(props);
+    const { styles: warningStyles } = primitives.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}`, shapeClass && `shape_${shapeClass}`, shapeStrengthClass && `shape-strength_${shapeStrengthClass}`, isSkeleton && `warning_skeleton`), "data-testid": dataTestId, "data-tour": dataTour, 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 })), children] }), (iconAfter || iconAfterSrc) && (jsxRuntime.jsx(Icon.Icon, { fill: iconAfterFill, iconFill: iconAfterFillIcon, iconSize: iconAfterSize, imageSrc: iconAfterSrc, SvgImage: iconAfter, onClick: () => setIsVisible(false) }))] })) }));
+    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}`, shapeClass && `shape_${shapeClass}`, shapeStrengthClass && `shape-strength_${shapeStrengthClass}`, isSkeleton && `warning_skeleton`), "data-testid": dataTestId, "data-tour": dataTour, style: warningStyles, children: [(iconBefore || iconBeforeSrc) && (jsxRuntime.jsx(primitives.Icon, { fill: iconBeforeFill, iconFill: iconBeforeFillIcon, iconSize: iconBeforeSize, imageSrc: iconBeforeSrc, SvgImage: iconBefore })), jsxRuntime.jsxs("div", { className: 'warning__content', children: [label && (jsxRuntime.jsx(primitives.Text, { size: labelTextSize, textColor: labelTextColor, textWeight: labelTextWeight, children: label })), description && (jsxRuntime.jsx(primitives.Text, { size: descriptionTextSize, textColor: descriptionTextColor, children: description })), children] }), (iconAfter || iconAfterSrc) && (jsxRuntime.jsx(primitives.Icon, { fill: iconAfterFill, iconFill: iconAfterFillIcon, iconSize: iconAfterSize, imageSrc: iconAfterSrc, SvgImage: iconAfter, onClick: () => setIsVisible(false) }))] })) }));
 }
 
 exports.Warning = Warning;

package/dist/cjs/context/Notifications.js

@@ -1,192 +1,20 @@
-'use client';
 'use strict';
 
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var uuid = require('uuid');
-var common = require('@itcase/common');
+require('react/jsx-runtime');
+require('react');
+require('uuid');
+require('@itcase/common');
+var primitives = require('../../primitives_cjs_CnyJ13MJ.js');
+require('clsx');
+require('lodash/camelCase');
+require('lodash/castArray');
+require('lodash/upperFirst');
+require('react-responsive');
+require('lodash/maxBy');
+require('react-inlinesvg');
 
-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) => { },
-    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 hideNotifications = React.useCallback((targetId) => {
-        // If not target, then nothing to hide
-        if (!targetId) {
-            return;
-        }
-        setNotificationsList((prevNotificationsList) => {
-            const newState = prevNotificationsList.filter((notificationItem) => {
-                // Check on need to hide, if current notification is target for hide
-                const isNeedToHide = String(notificationItem.id) === String(targetId);
-                // Callback for close if exists
-                if (isNeedToHide) {
-                    clearTimeout(notificationItem._closeTimeout);
-                    // @typescript-eslint/no-unused-expressions
-                    notificationItem.onClose && notificationItem.onClose();
-                }
-                // Save in state if no need to hide
-                return !isNeedToHide;
-            });
-            // Set new notifications list without target item to state
-            return newState;
-        });
-    }, []);
-    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,
-        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.useNotifications = useNotifications;
-exports.useNotificationsAPI = useNotificationsAPI;
+
+exports.NotificationsProvider = primitives.NotificationsProvider;
+exports.useNotifications = primitives.useNotifications;
+exports.useNotificationsAPI = primitives.useNotificationsAPI;

package/dist/cjs/context/UIContext.js

@@ -1,76 +1,19 @@
-'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/jsx-runtime');
+require('react');
+require('lodash/camelCase');
+var primitives = require('../../primitives_cjs_CnyJ13MJ.js');
+require('clsx');
+require('lodash/castArray');
+require('lodash/upperFirst');
+require('uuid');
+require('@itcase/common');
 require('react-responsive');
+require('lodash/maxBy');
+require('react-inlinesvg');
 
-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;
+
+exports.UIProvider = primitives.UIProvider;
+exports.useUserDeviceContext = primitives.useUserDeviceContext;

package/dist/cjs/context/UrlAssetPrefix.js

@@ -1,17 +1,19 @@
 'use strict';
 
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
+require('react/jsx-runtime');
+require('react');
+var primitives = require('../../primitives_cjs_CnyJ13MJ.js');
+require('clsx');
+require('lodash/camelCase');
+require('lodash/castArray');
+require('lodash/upperFirst');
+require('uuid');
+require('@itcase/common');
+require('react-responsive');
+require('lodash/maxBy');
+require('react-inlinesvg');
 
-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;
+
+exports.UrlAssetPrefixContext = primitives.UrlAssetPrefixContext;
+exports.UrlAssetPrefixProvider = primitives.UrlAssetPrefixProvider;

package/dist/cjs/hoc/urlWithAssetPrefix.js

@@ -1,77 +1,18 @@
 'use strict';
 
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var common = require('@itcase/common');
-var UrlAssetPrefix = require('../context/UrlAssetPrefix.js');
+require('react/jsx-runtime');
+require('react');
+require('@itcase/common');
+var primitives = require('../../primitives_cjs_CnyJ13MJ.js');
+require('clsx');
+require('lodash/camelCase');
+require('lodash/castArray');
+require('lodash/upperFirst');
+require('uuid');
+require('react-responsive');
+require('lodash/maxBy');
+require('react-inlinesvg');
 
-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 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;
+
+exports.urlWithAssetPrefix = primitives.urlWithAssetPrefix;