@itcase/ui 1.8.122 → 1.8.124

package/dist/components/Tile.js

@@ -3,9 +3,8 @@ import clsx from 'clsx';
 import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceConfig.js';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from '../hooks/useStyles/useStyles.js';
-import { b as Title, B as Badge, I as Icon } from '../Icon_es_BrwLifge.js';
-import { T as Text } from '../Text_es_CwV9rjFD.js';
-import { _ as __assign } from '../tslib.es6_es_Bwu1Cn-t.js';
+import { b as Title, B as Badge, I as Icon } from '../Icon_es_D5eiycFI.js';
+import { T as Text } from '../Text_es_CnymlElo.js';
 import 'react';
 import 'lodash/camelCase';
 import 'lodash/castArray';
@@ -23,9 +22,9 @@ import 'lodash/maxBy';
 import 'react-inlinesvg';
 import '../hoc/urlWithAssetPrefix.js';
 import '../context/UrlAssetPrefix.js';
-import '../Link_es_XiqbdwLp.js';
+import '../Link_es_P2b6ya7P.js';
 
-var tileAppearanceShape = {
+const tileAppearanceShape = {
     circular: {
         shape: 'circular',
     },
@@ -50,7 +49,7 @@ var tileAppearanceShape = {
     },
 };
 
-var tileAppearanceSize = {
+const tileAppearanceSize = {
     sizeXL: {
         size: 'xl',
         titleTextSize: 'h4',
@@ -101,7 +100,7 @@ var tileAppearanceSize = {
     },
 };
 
-var tileAppearanceStyle = {
+const tileAppearanceStyle = {
     solid: {
         borderColor: 'none',
     },
@@ -115,7 +114,7 @@ var tileAppearanceStyle = {
     },
 };
 
-var tileAppearanceSurface = {
+const tileAppearanceSurface = {
     surfacePrimary: {
         fill: 'surfacePrimary',
         titleTextColor: 'surfaceTextPrimary',
@@ -150,22 +149,27 @@ var tileAppearanceSurface = {
     },
 };
 
-var tileAppearance = __assign(__assign(__assign(__assign({}, tileAppearanceShape), tileAppearanceSize), tileAppearanceStyle), tileAppearanceSurface);
+const tileAppearance = {
+    ...tileAppearanceShape,
+    ...tileAppearanceSize,
+    ...tileAppearanceStyle,
+    ...tileAppearanceSurface,
+};
 
-var tileConfig = {
+const tileConfig = {
     appearance: tileAppearance,
-    setAppearance: function (appearanceConfig) {
+    setAppearance: (appearanceConfig) => {
         tileConfig.appearance = appearanceConfig;
     },
 };
 function Tile(props) {
-    var className = props.className, type = props.type, appearance = props.appearance, title = props.title, desc = props.desc, badgeValue = props.badgeValue, before = props.before, after = props.after, isSkeleton = props.isSkeleton, onClick = props.onClick, children = props.children;
-    var appearanceConfig = useAppearanceConfig(appearance, tileConfig);
-    var propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
-    var dataTestId = propsGenerator.dataTestId, dataTour = propsGenerator.dataTour, directionClass = propsGenerator.directionClass, alignClass = propsGenerator.alignClass, alignDirectionClass = propsGenerator.alignDirectionClass, fillClass = propsGenerator.fillClass, titleTextAlign = propsGenerator.titleTextAlign, titleTextColor = propsGenerator.titleTextColor, titleTextSize = propsGenerator.titleTextSize, titleTextWeight = propsGenerator.titleTextWeight, titleTextWrap = propsGenerator.titleTextWrap, descTextColor = propsGenerator.descTextColor, descTextSize = propsGenerator.descTextSize, descTextWrap = propsGenerator.descTextWrap, borderColorClass = propsGenerator.borderColorClass, borderColorHoverClass = propsGenerator.borderColorHoverClass, borderTypeClass = propsGenerator.borderTypeClass, borderWidthClass = propsGenerator.borderWidthClass, badgeAppearance = propsGenerator.badgeAppearance, badgeAppearanceSize = propsGenerator.badgeAppearanceSize, badgeShape = propsGenerator.badgeShape, badgeSize = propsGenerator.badgeSize, badgeTextColor = propsGenerator.badgeTextColor, badgeTextSize = propsGenerator.badgeTextSize, icon = propsGenerator.icon, iconAppearance = propsGenerator.iconAppearance, iconFill = propsGenerator.iconFill, iconFillIcon = propsGenerator.iconFillIcon, iconFillSize = propsGenerator.iconFillSize, iconShape = propsGenerator.iconShape, iconSize = propsGenerator.iconSize, iconSrc = propsGenerator.iconSrc, shapeClass = propsGenerator.shapeClass, shapeStrengthClass = propsGenerator.shapeStrengthClass, sizeClass = propsGenerator.sizeClass, widthClass = propsGenerator.widthClass;
+    const { className, type, appearance, title, desc, badgeValue, before, after, isSkeleton, onClick, children, } = props;
+    const appearanceConfig = useAppearanceConfig(appearance, tileConfig);
+    const propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
+    const { dataTestId, dataTour, 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;
     // @ts-expect-error
-    var tileStyles = useStyles(props).styles;
-    return (jsx("div", { className: clsx('tile', className, fillClass && "fill_".concat(fillClass), shapeClass && "shape_".concat(shapeClass), shapeStrengthClass && "shape-strength_".concat(shapeStrengthClass), alignClass && "align_".concat(alignClass), directionClass && "direction_".concat(directionClass), borderColorClass && "border-color_".concat(borderColorClass), borderColorHoverClass && "border-color_hover_".concat(borderColorHoverClass), borderWidthClass && "border-width_".concat(borderWidthClass), borderTypeClass && "border_type_".concat(borderTypeClass), sizeClass && "tile_size_".concat(sizeClass), type && "tile_type_".concat(type), badgeValue && "tile_state_badge", widthClass && "width_".concat(widthClass), isSkeleton && "tile_skeleton"), "data-test-id": dataTestId, "data-tour": dataTour, style: tileStyles, onClick: onClick, children: jsxs("div", { className: clsx('tile__wrapper', alignClass, alignDirectionClass), children: [before, jsxs("div", { className: "tile__header", children: [jsxs("div", { className: "tile__header-inner", children: [title && (jsx(Title, { className: "tile__title", size: titleTextSize, textAlign: titleTextAlign, textColor: titleTextColor, textWeight: titleTextWeight, textWrap: titleTextWrap, children: title })), desc && (jsx(Text, { className: "tile__text", size: descTextSize, textColor: descTextColor, textWrap: descTextWrap, children: desc }))] }), jsxs("div", { className: "tile__header-actions", children: [badgeValue && (jsx(Badge, { className: "tile__badge", appearance: "".concat(badgeAppearance, " ").concat(badgeAppearanceSize), size: badgeSize, textColor: badgeTextColor, textSize: badgeTextSize, shape: badgeShape, value: badgeValue })), (icon || iconSrc) && (jsx(Icon, { className: "tile__icon", appearance: iconAppearance, fill: iconFill, fillSize: iconFillSize, iconFill: iconFillIcon, iconSize: iconSize, imageSrc: iconSrc, shape: iconShape, SvgImage: icon }))] })] }), children, after] }) }));
+    const { styles: tileStyles } = useStyles(props);
+    return (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-test-id": dataTestId, "data-tour": dataTour, style: tileStyles, onClick: onClick, children: jsxs("div", { className: clsx('tile__wrapper', alignClass, alignDirectionClass), children: [before, jsxs("div", { className: "tile__header", children: [jsxs("div", { className: "tile__header-inner", children: [title && (jsx(Title, { className: "tile__title", size: titleTextSize, textAlign: titleTextAlign, textColor: titleTextColor, textWeight: titleTextWeight, textWrap: titleTextWrap, children: title })), desc && (jsx(Text, { className: "tile__text", size: descTextSize, textColor: descTextColor, textWrap: descTextWrap, children: desc }))] }), jsxs("div", { className: "tile__header-actions", children: [badgeValue && (jsx(Badge, { className: "tile__badge", appearance: `${badgeAppearance} ${badgeAppearanceSize}`, size: badgeSize, textColor: badgeTextColor, textSize: badgeTextSize, shape: badgeShape, value: badgeValue })), (icon || iconSrc) && (jsx(Icon, { className: "tile__icon", appearance: iconAppearance, fill: iconFill, fillSize: iconFillSize, iconFill: iconFillIcon, iconSize: iconSize, imageSrc: iconSrc, shape: iconShape, SvgImage: icon }))] })] }), children, after] }) }));
 }
 
 export { Tile, tileAppearance, tileConfig };

package/dist/components/Title.js

@@ -1,5 +1,4 @@
-export { b as Title, d as titleAppearance, c as titleConfig } from '../Icon_es_BrwLifge.js';
-import '../tslib.es6_es_Bwu1Cn-t.js';
+export { b as Title, d as titleAppearance, c as titleConfig } from '../Icon_es_D5eiycFI.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'clsx';
@@ -22,5 +21,5 @@ import '../hooks.js';
 import '../hooks/useStyles/styleAttributes.js';
 import '../hooks/useStyles/useStyles.js';
 import 'lodash/maxBy';
-import '../Link_es_XiqbdwLp.js';
-import '../Text_es_CwV9rjFD.js';
+import '../Link_es_P2b6ya7P.js';
+import '../Text_es_CnymlElo.js';

package/dist/components/Tooltip.js

@@ -1,5 +1,4 @@
-export { T as Tooltip, a as tooltipAppearance, t as tooltipConfig } from '../Icon_es_BrwLifge.js';
-import '../tslib.es6_es_Bwu1Cn-t.js';
+export { T as Tooltip, a as tooltipAppearance, t as tooltipConfig } from '../Icon_es_D5eiycFI.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'clsx';
@@ -22,5 +21,5 @@ import '../hooks.js';
 import '../hooks/useStyles/styleAttributes.js';
 import '../hooks/useStyles/useStyles.js';
 import 'lodash/maxBy';
-import '../Link_es_XiqbdwLp.js';
-import '../Text_es_CwV9rjFD.js';
+import '../Link_es_P2b6ya7P.js';
+import '../Text_es_CnymlElo.js';

package/dist/components/Video/stories/__mocks__.js

@@ -1,4 +1,4 @@
-var videoMock = {
+const videoMock = {
     mp4: 'https://www.w3schools.com/html/mov_bbb.mp4',
     ogv: 'https://upload.wikimedia.org/wikipedia/commons/7/79/Big_Buck_Bunny_small.ogv',
     poster: '../avatar/Man.png',

package/dist/components/Video.js

@@ -6,7 +6,6 @@ import 'lodash/camelCase';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../context/Notifications.js';
-import '../tslib.es6_es_Bwu1Cn-t.js';
 import 'uuid';
 import '@itcase/common';
 import '../context/UIContext.js';
@@ -17,9 +16,9 @@ import '../hooks.js';
 import '../hooks/useStyles/styleAttributes.js';
 
 function Video(props) {
-    var id = props.id, className = props.className, position = props.position, mp4 = props.mp4, ogv = props.ogv, poster = props.poster, webm = props.webm, children = props.children;
-    var videoStyles = useStyles(props).styles;
-    return (jsxs("div", { id: id, className: clsx('video', className, poster && "video_poster", position && "video_position_".concat(position)), style: videoStyles, children: [jsxs("video", { className: "video__wrapper", autoPlay: true, loop: true, muted: true, playsInline: false, poster: poster, children: [webm && jsx("source", { type: "video/webm", src: webm, codecs: "vp8, vorbis" }), ogv && jsx("source", { type: "video/ogg", src: ogv, codecs: "theora, vorbis" }), mp4 && (jsx("source", { type: "video/mp4", src: mp4, codecs: "avc1.42E01E, mp4a.40.2" }))] }), children] }));
+    const { id, className, position, mp4, ogv, poster, webm, children } = props;
+    const { styles: videoStyles } = useStyles(props);
+    return (jsxs("div", { id: id, className: clsx('video', className, poster && `video_poster`, position && `video_position_${position}`), style: videoStyles, children: [jsxs("video", { className: "video__wrapper", autoPlay: true, loop: true, muted: true, playsInline: false, poster: poster, children: [webm && jsx("source", { type: "video/webm", src: webm, codecs: "vp8, vorbis" }), ogv && jsx("source", { type: "video/ogg", src: ogv, codecs: "theora, vorbis" }), mp4 && (jsx("source", { type: "video/mp4", src: mp4, codecs: "avc1.42E01E, mp4a.40.2" }))] }), children] }));
 }
 
 export { Video };

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/Checkmark/Checkmark.css

@@ -19,6 +19,8 @@
       &_$(size) {
         width: var(--checkmark-$(size)-width);
         height: var(--checkmark-$(size)-height);
+        min-width: var(--checkmark-$(size)-width);
+        min-height: var(--checkmark-$(size)-height);
         & svg {
           transform: scale($(scale));
         }

package/dist/css/components/DatePeriod/DatePeriod.css

@@ -1,5 +1,8 @@
 .date-period {
   display: flex;
+  &__datepicker {
+    min-width: 220px;
+  }
 }
 .date-period {
   &&_skeleton {

package/dist/css/components/Input/Input.css

@@ -10,14 +10,6 @@
   outline: 0;
   caret-color: var(--input-caret-color);
   transition: var(--input-transition);
-  /* &:disabled {
-    background: none;
-    border: solid 1px none;
-    &:hover {
-      background: none;
-      border: solid 1px none;
-    }
-  } */
   &:focus {
     outline: none;
   }