@itcase/ui 1.8.122 → 1.8.124

package/dist/components/Response/img.js

@@ -20,7 +20,7 @@ var img$1 = "data:image/svg+xml,%3csvg width='180' height='180' viewBox='0 0 180
 
 var img = "data:image/svg+xml,%3csvg width='180' height='180' viewBox='0 0 180 180' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='180' height='180' rx='90' fill='%23DE8806'/%3e%3cpath d='M90.5029 123.721C93.8166 123.721 96.5029 126.407 96.5029 129.721V134.749C96.5027 138.063 93.8165 140.749 90.5029 140.749C87.1894 140.749 84.5031 138.063 84.5029 134.749V129.721C84.5029 126.407 87.1892 123.721 90.5029 123.721ZM90.5029 39.251C93.8166 39.251 96.5029 41.9383 96.5029 45.252V104.582C96.5024 107.895 93.8163 110.582 90.5029 110.582C87.1895 110.582 84.5034 107.895 84.5029 104.582V45.252C84.5029 41.9382 87.1892 39.251 90.5029 39.251Z' fill='white'/%3e%3c/svg%3e";
 
-var responseIcon = {
+const responseIcon = {
     Error: img$7,
     Warning: img,
     Success: img$2,

package/dist/components/Response.js

@@ -1,5 +1,4 @@
 import { responseIcon } from './Response/img.js';
-import { _ as __assign } from '../tslib.es6_es_Bwu1Cn-t.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { useMemo } from 'react';
 import clsx from 'clsx';
@@ -7,9 +6,9 @@ import { urlWithAssetPrefix } from '../hoc/urlWithAssetPrefix.js';
 import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceConfig.js';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from '../hooks/useStyles/useStyles.js';
-import { B as Button } from '../Button_es_CtH5EKJd.js';
-import { G as Group } from '../Group_es_DRqIIM9m.js';
-import { T as Text } from '../Text_es_CwV9rjFD.js';
+import { B as Button } from '../Button_es_Cn3wtv3M.js';
+import { G as Group } from '../Group_es_BU5k8f5S.js';
+import { T as Text } from '../Text_es_CnymlElo.js';
 import '@itcase/common';
 import '../context/UrlAssetPrefix.js';
 import 'lodash/camelCase';
@@ -24,18 +23,19 @@ import '../utils/setViewportProperty.js';
 import '../hooks.js';
 import '../hooks/useStyles/styleAttributes.js';
 import 'lodash/maxBy';
-import '../Icon_es_BrwLifge.js';
+import '../Icon_es_D5eiycFI.js';
 import 'react-inlinesvg';
-import '../Link_es_XiqbdwLp.js';
-import '../Loader_es_BUSqFrCd.js';
+import '../Link_es_P2b6ya7P.js';
+import '../Loader_es_CmSggwbR.js';
 
-var responseAppearanceConfirm = {
+const responseAppearanceConfirm = {
     confirm: {
         fill: 'surfacePrimary',
         titleTextColor: 'surfaceTextPrimary',
         titleTextSize: 'xxl',
         labelTextColor: 'surfaceTextPrimary',
         descTextSize: 'm',
+        imageSrc: responseIcon.Confirm,
         primaryButtonAppearance: 'accentPrimary sizeXXL solid',
         secondaryButtonAppearance: 'surfaceSecondary sizeXXL solid',
         svgFill: 'surfaceTertiary',
@@ -43,13 +43,14 @@ var responseAppearanceConfirm = {
     },
 };
 
-var responseAppearanceDanger = {
+const responseAppearanceDanger = {
     danger: {
         fill: 'surfacePrimary',
         titleTextColor: 'surfaceTextPrimary',
         titleTextSize: 'xxl',
         labelTextColor: 'surfaceTextPrimary',
         descTextSize: 'm',
+        imageSrc: responseIcon.Danger,
         primaryButtonAppearance: 'dangerPrimary sizeXXL solid',
         secondaryButtonAppearance: 'surfaceSecondary sizeXXL solid',
         svgFill: 'dangerPrimary',
@@ -57,13 +58,14 @@ var responseAppearanceDanger = {
     },
 };
 
-var responseAppearanceEmpty = {
+const responseAppearanceEmpty = {
     empty: {
         fill: 'surfacePrimary',
         titleTextColor: 'surfaceTextPrimary',
         titleTextSize: 'xxl',
         labelTextColor: 'surfaceTextPrimary',
         descTextSize: 'm',
+        imageSrc: responseIcon.Empty,
         primaryButtonAppearance: 'accentPrimary sizeXXL solid',
         secondaryButtonAppearance: 'surfaceSecondary sizeXXL solid',
         svgFill: 'surfaceTertiary',
@@ -71,13 +73,14 @@ var responseAppearanceEmpty = {
     },
 };
 
-var responseAppearanceError = {
+const responseAppearanceError = {
     error: {
         fill: 'surfacePrimary',
         titleTextColor: 'surfaceTextPrimary',
         titleTextSize: 'xxl',
         labelTextColor: 'surfaceTextPrimary',
         descTextSize: 'm',
+        imageSrc: responseIcon.Error,
         primaryButtonAppearance: 'errorPrimary sizeXXL solid',
         secondaryButtonAppearance: 'surfaceSecondary sizeXXL solid',
         svgFill: 'errorPrimary',
@@ -85,13 +88,14 @@ var responseAppearanceError = {
     },
 };
 
-var responseAppearanceFail = {
+const responseAppearanceFail = {
     fail: {
         fill: 'surfacePrimary',
         titleTextColor: 'surfaceTextPrimary',
         titleTextSize: 'xxl',
         labelTextColor: 'surfaceTextPrimary',
         descTextSize: 'm',
+        imageSrc: responseIcon.Fail,
         primaryButtonAppearance: 'accentPrimary sizeXXL solid',
         secondaryButtonAppearance: 'surfaceSecondary sizeXXL solid',
         svgFill: 'surfaceTertiary',
@@ -99,13 +103,14 @@ var responseAppearanceFail = {
     },
 };
 
-var responseAppearanceNothingFound = {
+const responseAppearanceNothingFound = {
     nothingFound: {
         fill: 'surfacePrimary',
         titleTextColor: 'surfaceTextPrimary',
         titleTextSize: 'xxl',
         labelTextColor: 'surfaceTextPrimary',
         descTextSize: 'm',
+        imageSrc: responseIcon.NothingFound,
         primaryButtonAppearance: 'accentPrimary sizeXXL solid',
         secondaryButtonAppearance: 'surfaceSecondary sizeXXL solid',
         svgFill: 'surfaceTertiary',
@@ -113,13 +118,14 @@ var responseAppearanceNothingFound = {
     },
 };
 
-var responseAppearanceRefresh = {
+const responseAppearanceRefresh = {
     refresh: {
         fill: 'surfacePrimary',
         titleTextColor: 'surfaceTextPrimary',
         titleTextSize: 'xxl',
         labelTextColor: 'surfaceTextPrimary',
         descTextSize: 'm',
+        imageSrc: responseIcon.Refresh,
         primaryButtonAppearance: 'accentPrimary sizeXXL solid',
         secondaryButtonAppearance: 'surfaceSecondary sizeXXL solid',
         svgFill: 'surfaceTertiary',
@@ -127,7 +133,7 @@ var responseAppearanceRefresh = {
     },
 };
 
-var responseAppearanceStyle = {
+const responseAppearanceStyle = {
     solid: {
         borderColor: 'none',
     },
@@ -141,13 +147,14 @@ var responseAppearanceStyle = {
     },
 };
 
-var responseAppearanceSuccess = {
+const responseAppearanceSuccess = {
     success: {
         fill: 'surfacePrimary',
         titleTextColor: 'surfaceTextPrimary',
         titleTextSize: 'xxl',
         labelTextColor: 'surfaceTextPrimary',
         descTextSize: 'm',
+        imageSrc: responseIcon.Success,
         primaryButtonAppearance: 'accentPrimary sizeXXL solid',
         secondaryButtonAppearance: 'surfaceSecondary sizeXXL solid',
         svgFill: 'accentPrimary',
@@ -155,13 +162,14 @@ var responseAppearanceSuccess = {
     },
 };
 
-var responseAppearanceUnableLoadData = {
+const responseAppearanceUnableLoadData = {
     unableLoadData: {
         fill: 'surfacePrimary',
         titleTextColor: 'surfaceTextPrimary',
         titleTextSize: 'xxl',
         labelTextColor: 'surfaceTextPrimary',
         descTextSize: 'm',
+        imageSrc: responseIcon.UnableLoadData,
         primaryButtonAppearance: 'accentPrimary sizeXXL solid',
         secondaryButtonAppearance: 'surfaceSecondary sizeXXL solid',
         svgFill: 'surfaceTertiary',
@@ -169,13 +177,14 @@ var responseAppearanceUnableLoadData = {
     },
 };
 
-var responseAppearanceWarning = {
+const responseAppearanceWarning = {
     warning: {
         fill: 'surfacePrimary',
         titleTextColor: 'surfaceTextPrimary',
         titleTextSize: 'xxl',
         labelTextColor: 'surfaceTextPrimary',
         descTextSize: 'm',
+        imageSrc: responseIcon.Warning,
         primaryButtonAppearance: 'warningPrimary sizeXXL solid',
         secondaryButtonAppearance: 'surfaceSecondary sizeXXL solid',
         svgFill: 'warningPrimary',
@@ -183,32 +192,44 @@ var responseAppearanceWarning = {
     },
 };
 
-var responseAppearance = __assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign({}, responseAppearanceConfirm), responseAppearanceEmpty), responseAppearanceDanger), responseAppearanceRefresh), responseAppearanceUnableLoadData), responseAppearanceNothingFound), responseAppearanceFail), responseAppearanceError), responseAppearanceSuccess), responseAppearanceWarning), responseAppearanceStyle);
+const responseAppearance = {
+    ...responseAppearanceConfirm,
+    ...responseAppearanceEmpty,
+    ...responseAppearanceDanger,
+    ...responseAppearanceRefresh,
+    ...responseAppearanceUnableLoadData,
+    ...responseAppearanceNothingFound,
+    ...responseAppearanceFail,
+    ...responseAppearanceError,
+    ...responseAppearanceSuccess,
+    ...responseAppearanceWarning,
+    ...responseAppearanceStyle,
+};
 
-var responseConfig = {
+const responseConfig = {
     appearance: responseAppearance,
-    setAppearance: function (appearanceConfig) {
+    setAppearance: (appearanceConfig) => {
         responseConfig.appearance = appearanceConfig;
     },
 };
-var Response = urlWithAssetPrefix(function Response(props) {
-    var appearance = props.appearance, className = props.className, width = props.width, height = props.height, title = props.title, desc = props.desc, secondaryButton = props.secondaryButton, primaryButton = props.primaryButton, before = props.before, after = props.after, isSkeleton = props.isSkeleton, onClickSecondaryButton = props.onClickSecondaryButton;
-    var appearanceConfig = useAppearanceConfig(appearance, responseConfig);
-    var propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
-    var dataTestId = propsGenerator.dataTestId, dataTour = propsGenerator.dataTour, fillClass = propsGenerator.fillClass, fillHoverClass = propsGenerator.fillHoverClass, titleTextColor = propsGenerator.titleTextColor, titleTextSize = propsGenerator.titleTextSize, titleTextWeight = propsGenerator.titleTextWeight, descTextColor = propsGenerator.descTextColor, descTextSize = propsGenerator.descTextSize, descTextWeight = propsGenerator.descTextWeight, borderColorClass = propsGenerator.borderColorClass, borderColorHoverClass = propsGenerator.borderColorHoverClass, borderTypeClass = propsGenerator.borderTypeClass, borderWidthClass = propsGenerator.borderWidthClass, onClickPrimaryButton = propsGenerator.onClickPrimaryButton, secondaryButtonAfter = propsGenerator.secondaryButtonAfter, secondaryButtonAppearance = propsGenerator.secondaryButtonAppearance, secondaryButtonBefore = propsGenerator.secondaryButtonBefore, secondaryButtonFill = propsGenerator.secondaryButtonFill, secondaryButtonFillHover = propsGenerator.secondaryButtonFillHover, secondaryButtonLabel = propsGenerator.secondaryButtonLabel, secondaryButtonLabelTextColor = propsGenerator.secondaryButtonLabelTextColor, secondaryButtonLabelTextSize = propsGenerator.secondaryButtonLabelTextSize, secondaryButtonShape = propsGenerator.secondaryButtonShape, secondaryButtonSize = propsGenerator.secondaryButtonSize, secondaryButtonWidth = propsGenerator.secondaryButtonWidth, imageSrc = propsGenerator.imageSrc, primaryButtonAfter = propsGenerator.primaryButtonAfter, primaryButtonAppearance = propsGenerator.primaryButtonAppearance, primaryButtonBefore = propsGenerator.primaryButtonBefore, primaryButtonFill = propsGenerator.primaryButtonFill, primaryButtonFillHover = propsGenerator.primaryButtonFillHover, primaryButtonLabel = propsGenerator.primaryButtonLabel, primaryButtonLabelTextColor = propsGenerator.primaryButtonLabelTextColor, primaryButtonLabelTextSize = propsGenerator.primaryButtonLabelTextSize, primaryButtonShape = propsGenerator.primaryButtonShape, primaryButtonSize = propsGenerator.primaryButtonSize, primaryButtonWidth = propsGenerator.primaryButtonWidth, shapeClass = propsGenerator.shapeClass, shapeStrengthClass = propsGenerator.shapeStrengthClass, svgFillClass = propsGenerator.svgFillClass, SvgImage = propsGenerator.SvgImage, svgPathFillClass = propsGenerator.svgPathFillClass, svgSrc = propsGenerator.svgSrc, widthClass = propsGenerator.widthClass;
+const Response = urlWithAssetPrefix(function Response(props) {
+    const { appearance, className, width, height, title, desc, secondaryButton, primaryButton, before, after, isSkeleton, onClickSecondaryButton, } = props;
+    const appearanceConfig = useAppearanceConfig(appearance, responseConfig);
+    const propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
+    const { dataTestId, dataTour, fillClass, fillHoverClass, titleTextColor, titleTextSize, titleTextWeight, descTextColor, descTextSize, descTextWeight, borderColorClass, borderColorHoverClass, borderTypeClass, borderWidthClass, onClickPrimaryButton, secondaryButtonAfter, secondaryButtonAppearance, secondaryButtonBefore, secondaryButtonFill, secondaryButtonFillHover, secondaryButtonLabel, secondaryButtonLabelTextColor, secondaryButtonLabelTextSize, secondaryButtonShape, secondaryButtonSize, secondaryButtonWidth, imageSrc, primaryButtonAfter, primaryButtonAppearance, primaryButtonBefore, primaryButtonFill, primaryButtonFillHover, primaryButtonLabel, primaryButtonLabelTextColor, primaryButtonLabelTextSize, primaryButtonShape, primaryButtonSize, primaryButtonWidth, shapeClass, shapeStrengthClass, svgFillClass, SvgImage, svgPathFillClass, svgSrc, widthClass, } = propsGenerator;
     // TODO: use Icon instead?
-    var ImageComponent = useMemo(function () {
-        var src = imageSrc || svgSrc;
-        var Image = SvgImage;
+    const ImageComponent = useMemo(() => {
+        const src = imageSrc || svgSrc;
+        const Image = SvgImage;
         if (Image) {
-            var sizes = {};
+            const sizes = {};
             if (width) {
                 sizes.width = width;
             }
             if (height) {
                 sizes.height = height;
             }
-            return jsx(Image, __assign({}, sizes));
+            return jsx(Image, { ...sizes });
         }
         if (src) {
             // if (src.endsWith('.svg') || src.startsWith('data:image/svg')) {
@@ -223,90 +244,87 @@ var Response = urlWithAssetPrefix(function Response(props) {
         return null;
     }, [imageSrc, svgSrc, SvgImage, width, height, svgFillClass]);
     // @ts-expect-error
-    var _a = useStyles(props), responseStyles = _a.styles, wrapperStyles = _a.wrapper;
-    return (jsxs("div", { className: clsx(className, 'response', fillClass && "fill_".concat(fillClass), fillHoverClass && "fill_hover_".concat(fillHoverClass), shapeClass && "shape_".concat(shapeClass), shapeStrengthClass && "shape-strength_".concat(shapeStrengthClass), widthClass && "width_".concat(widthClass), borderColorClass && "border-color_".concat(borderColorClass), borderColorHoverClass && "border-color_hover_".concat(borderColorHoverClass), borderWidthClass && "border-width_".concat(borderWidthClass), borderTypeClass && "border_type_".concat(borderTypeClass), isSkeleton && "response_skeleton"), "data-test-id": dataTestId, "data-tour": dataTour, style: responseStyles, children: [before, jsxs("div", { className: "response__wrapper", style: wrapperStyles, children: [ImageComponent && (jsx("div", { className: clsx('response__image', svgFillClass && "svg_fill_".concat(svgFillClass), svgPathFillClass && "svg_path_fill_".concat(svgPathFillClass)), children: ImageComponent })), jsxs("div", { className: "response__wrapper-inner", children: [title && (jsx(Text, { className: "response__title", size: titleTextSize, textColor: titleTextColor, textWeight: titleTextWeight, children: title })), desc && (jsx(Text, { className: "response__desc", size: descTextSize, textColor: descTextColor, textWeight: descTextWeight, children: desc }))] })] }), (primaryButtonLabel ||
+    const { styles: responseStyles, wrapper: wrapperStyles } = useStyles(props);
+    return (jsxs("div", { className: clsx(className, 'response', fillClass && `fill_${fillClass}`, fillHoverClass && `fill_hover_${fillHoverClass}`, shapeClass && `shape_${shapeClass}`, shapeStrengthClass && `shape-strength_${shapeStrengthClass}`, widthClass && `width_${widthClass}`, borderColorClass && `border-color_${borderColorClass}`, borderColorHoverClass && `border-color_hover_${borderColorHoverClass}`, borderWidthClass && `border-width_${borderWidthClass}`, borderTypeClass && `border_type_${borderTypeClass}`, isSkeleton && `response_skeleton`), "data-test-id": dataTestId, "data-tour": dataTour, style: responseStyles, children: [before, jsxs("div", { className: "response__wrapper", style: wrapperStyles, children: [ImageComponent && (jsx("div", { className: clsx('response__image', svgFillClass && `svg_fill_${svgFillClass}`, svgPathFillClass && `svg_path_fill_${svgPathFillClass}`), children: ImageComponent })), jsxs("div", { className: "response__wrapper-inner", children: [title && (jsx(Text, { className: "response__title", size: titleTextSize, textColor: titleTextColor, textWeight: titleTextWeight, children: title })), desc && (jsx(Text, { className: "response__desc", size: descTextSize, textColor: descTextColor, textWeight: descTextWeight, children: desc }))] })] }), (primaryButtonLabel ||
                 primaryButton ||
                 secondaryButtonLabel ||
                 secondaryButton ||
                 appearanceConfig) && (jsxs(Group, { className: "response__button", width: "fill", children: [primaryButtonLabel ? (jsx(Button, { className: "response__button-item", appearance: primaryButtonAppearance, width: primaryButtonWidth || 'fill', size: primaryButtonSize, fill: primaryButtonFill, fillHover: primaryButtonFillHover, label: primaryButtonLabel, labelTextColor: primaryButtonLabelTextColor, labelTextSize: primaryButtonLabelTextSize, shape: primaryButtonShape, before: primaryButtonBefore, after: primaryButtonAfter, onClick: onClickPrimaryButton })) : (primaryButton), secondaryButtonLabel ? (jsx(Button, { className: "response__button-item", appearance: secondaryButtonAppearance, width: secondaryButtonWidth || 'fill', size: secondaryButtonSize, fill: secondaryButtonFill, fillHover: secondaryButtonFillHover, label: secondaryButtonLabel, labelTextColor: secondaryButtonLabelTextColor, labelTextSize: secondaryButtonLabelTextSize, shape: secondaryButtonShape, before: secondaryButtonBefore, after: secondaryButtonAfter, onClick: onClickSecondaryButton })) : (secondaryButton)] })), after] }));
 });
 
-var RESPONSE_MESSAGES = {
+const RESPONSE_MESSAGES = {
+    empty: {
+        appearance: 'refresh ghost',
+        title: ' Список пуст',
+        desc: 'Нет данных по заданным параметрам',
+        code: '500',
+        imageSrc: responseIcon.Empty,
+        primaryButtonAppearance: 'surfaceSecondary sizeXXL solid rounded',
+        primaryButtonLabel: 'ОК',
+    },
     error: {
-        imageSrc: responseIcon.Error,
         appearance: 'error ghost',
         title: 'Ошибка',
-        code: '500',
         desc: 'Возникла проблема с обработкой вашего запроса. Повторите попытку позже или обратитесь в поддержку по электронной почте: support@example.com',
-        primaryButtonLabel: 'ОК',
+        code: '500',
+        imageSrc: responseIcon.Error,
         primaryButtonAppearance: 'errorPrimary sizeXXL solid rounded',
-        secondaryButtonLabel: 'Отмена',
+        primaryButtonLabel: 'ОК',
         secondaryButtonAppearance: 'surfaceSecondary sizeXXL solid rounded',
-    },
-    errorRequest: {
-        imageSrc: responseIcon.UnableLoadData,
-        appearance: 'refresh ghost',
-        title: 'Доступ ограничен',
-        code: '403',
-        desc: 'Для выяснения причин и восстановления доступа обратитесь, пожалуйста, в техническую поддержку по электронной почте: support@example.com',
-        primaryButtonLabel: 'Повторить',
-        primaryButtonAppearance: 'surfaceSecondary sizeXXL solid rounded',
         secondaryButtonLabel: 'Отмена',
-        secondaryButtonAppearance: 'surfaceSecondary sizeXXL solid rounded',
     },
-    timeout: {
-        imageSrc: responseIcon.UnableLoadData,
-        appearance: 'unableLoadData ghost',
-        title: 'Ошибка соединения',
-        code: '503',
-        desc: 'Не удалось подключиться.Проверьте интернет-соединение и повторите попытку',
-        primaryButtonLabel: 'Обновить',
-        primaryButtonAppearance: 'surfaceSecondary sizeXXL solid rounded',
+    warning: {
+        appearance: 'warning ghost',
+        title: 'Внимание',
+        imageSrc: responseIcon.Warning,
+        primaryButtonAppearance: 'warningPrimary sizeXXL solid rounded',
+        primaryButtonLabel: 'Повторить',
+        secondaryButtonAppearance: 'warningPrimary sizeXXL solid rounded',
         secondaryButtonLabel: 'Отмена',
-        secondaryButtonAppearance: 'surfaceSecondary sizeXXL solid rounded',
     },
-    unableLoadData: {
-        imageSrc: responseIcon.Error,
-        appearance: 'unableLoadData ghost',
-        title: 'Ошибка загрузки',
+    success: {
+        appearance: 'refresh ghost',
+        title: 'Готово',
+        desc: 'Успешно выполнено',
         code: '500',
-        desc: 'Данные не загружены, проверьте подключение к интернету или повторите попытку',
-        primaryButtonLabel: 'Повторить',
-        primaryButtonAppearance: 'surfaceSecondary sizeXXL solid rounded',
-        secondaryButtonLabel: 'Отмена',
+        imageSrc: responseIcon.Success,
+        primaryButtonAppearance: 'successPrimary sizeXXL solid rounded',
+        primaryButtonLabel: 'ОК',
         secondaryButtonAppearance: 'surfaceSecondary sizeXXL solid rounded',
+        secondaryButtonLabel: 'Закрыть',
     },
     nothingFound: {
-        imageSrc: responseIcon.NothingFound,
         appearance: 'refresh ghost',
         title: 'Ничего не найдено',
-        code: '500',
         desc: 'Нет данных по заданным параметрам',
-        primaryButtonLabel: 'Повторить',
+        code: '500',
+        imageSrc: responseIcon.NothingFound,
         primaryButtonAppearance: 'surfaceSecondary sizeXXL solid rounded',
-        secondaryButtonLabel: 'Отмена',
+        primaryButtonLabel: 'Сбросить',
         secondaryButtonAppearance: 'surfaceSecondary sizeXXL solid rounded',
+        secondaryButtonLabel: 'Отмена',
     },
-    empty: {
-        imageSrc: responseIcon.Empty,
-        appearance: 'refresh ghost',
-        title: 'Ничего не найдено',
-        code: '500',
-        desc: 'Нет данных по заданным параметрам',
-        primaryButtonLabel: 'Сбросить',
+    errorNetwork: {
+        appearance: 'unableLoadData ghost',
+        title: 'Ошибка соединения',
+        desc: 'Не удалось подключиться.Проверьте интернет-соединение и повторите попытку',
+        code: '503',
+        imageSrc: responseIcon.UnableLoadData,
         primaryButtonAppearance: 'surfaceSecondary sizeXXL solid rounded',
-        secondaryButtonLabel: 'Отмена',
+        primaryButtonLabel: 'Обновить',
         secondaryButtonAppearance: 'surfaceSecondary sizeXXL solid rounded',
+        secondaryButtonLabel: 'Отмена',
     },
-    success: {
-        imageSrc: responseIcon.Success,
+    errorRequest: {
         appearance: 'refresh ghost',
-        title: 'Готово',
-        code: '500',
-        desc: 'Успешно выполнено',
-        primaryButtonLabel: 'ОК',
+        title: 'Доступ ограничен',
+        desc: 'Для выяснения причин и восстановления доступа обратитесь, пожалуйста, в техническую поддержку по электронной почте: support@example.com',
+        code: '403',
+        imageSrc: responseIcon.UnableLoadData,
         primaryButtonAppearance: 'surfaceSecondary sizeXXL solid rounded',
-        secondaryButtonLabel: 'Закрыть',
+        primaryButtonLabel: 'Повторить',
+        secondaryButtonAppearance: 'surfaceSecondary sizeXXL solid rounded',
+        secondaryButtonLabel: 'Отмена',
     },
 };
 

package/dist/components/SVGContent.js

@@ -4,7 +4,6 @@ import SVG from 'react-inlinesvg';
 import { urlWithAssetPrefix } from '../hoc/urlWithAssetPrefix.js';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from '../hooks/useStyles/useStyles.js';
-import '../tslib.es6_es_Bwu1Cn-t.js';
 import 'react';
 import '@itcase/common';
 import '../context/UrlAssetPrefix.js';
@@ -21,13 +20,13 @@ import '../hooks.js';
 import '../hooks/useStyles/styleAttributes.js';
 import 'lodash/maxBy';
 
-var SVGContent = urlWithAssetPrefix(function SVGContent(props) {
-    var className = props.className, src = props.src, SvgImage = props.SvgImage;
-    var propsGenerator = useDevicePropsGenerator(props);
-    var svgFillClass = propsGenerator.svgFillClass, svgFillHoverClass = propsGenerator.svgFillHoverClass;
+const SVGContent = urlWithAssetPrefix(function SVGContent(props) {
+    const { className, src, SvgImage } = props;
+    const propsGenerator = useDevicePropsGenerator(props);
+    const { svgFillClass, svgFillHoverClass } = propsGenerator;
     // @ts-expect-error
-    var svgContentStyles = useStyles(props).styles;
-    return (jsxs("div", { className: clsx(className, 'svg-content', svgFillClass && "svg_fill_".concat(svgFillClass), svgFillHoverClass && "svg_fill_hover_".concat(svgFillHoverClass)), style: svgContentStyles, children: [src && jsx(SVG, { src: src }), SvgImage && jsx(SvgImage, {})] }));
+    const { styles: svgContentStyles } = useStyles(props);
+    return (jsxs("div", { className: clsx(className, 'svg-content', svgFillClass && `svg_fill_${svgFillClass}`, svgFillHoverClass && `svg_fill_hover_${svgFillHoverClass}`), style: svgContentStyles, children: [src && jsx(SVG, { src: src }), SvgImage && jsx(SvgImage, {})] }));
 });
 
 export { SVGContent };

package/dist/components/ScrollOnDrag/stories/__mock__.js

@@ -1,6 +1,6 @@
 import { jsx } from 'react/jsx-runtime';
 
-var scrollOnDragMock = (jsx("div", { style: { display: 'flex' }, children: Array.from({ length: 20 }, function (_, index) { return (jsx("div", { style: {
+const scrollOnDragMock = (jsx("div", { style: { display: 'flex' }, children: Array.from({ length: 20 }, (_, index) => (jsx("div", { style: {
             height: 65,
             justifyContent: 'center',
             alignItems: 'center',
@@ -8,6 +8,6 @@ var scrollOnDragMock = (jsx("div", { style: { display: 'flex' }, children: Array
             padding: '50px',
             border: '1px solid black',
             display: 'flex',
-        }, children: index }, index)); }) }));
+        }, children: index }, index))) }));
 
 export { scrollOnDragMock };

package/dist/components/ScrollOnDrag.js

@@ -1,4 +1,3 @@
-import { _ as __assign } from '../tslib.es6_es_Bwu1Cn-t.js';
 import { jsx } from 'react/jsx-runtime';
 import React from 'react';
 import clsx from 'clsx';
@@ -21,14 +20,14 @@ import '../hooks/useStyles/styleAttributes.js';
 import 'lodash/maxBy';
 
 function ScrollOnDrag(props) {
-    var className = props.className, scrollContainerProps = props.scrollContainerProps, children = props.children, isScrollbar = props.isScrollbar;
-    var propsGenerator = useDevicePropsGenerator(props);
-    var ref = useScrollContainer().ref;
-    var fillClass = propsGenerator.fillClass, fillHoverClass = propsGenerator.fillHoverClass, borderColorClass = propsGenerator.borderColorClass, borderTypeClass = propsGenerator.borderTypeClass, borderWidthClass = propsGenerator.borderWidthClass, elevationClass = propsGenerator.elevationClass, heightClass = propsGenerator.heightClass, _a = propsGenerator.widthClass, widthClass = _a === void 0 ? 'fill' : _a;
+    const { className, scrollContainerProps, children, isScrollbar } = props;
+    const propsGenerator = useDevicePropsGenerator(props);
+    const { ref } = useScrollContainer();
+    const { fillClass, fillHoverClass, borderColorClass, borderTypeClass, borderWidthClass, elevationClass, heightClass, widthClass = 'fill', } = propsGenerator;
     // @ts-expect-error
-    var _b = useStyles(props), scrollContainerStyles = _b.scrollContainer, styles = _b.styles;
-    var ScrollOnDragWrapper = isScrollbar ? SimpleBar : React.Fragment;
-    return (jsx(ScrollOnDragWrapper, { scrollableNodeProps: { ref: ref }, children: jsx("div", { className: clsx('scroll-on-drag', className, borderColorClass && "border-color_".concat(borderColorClass), borderTypeClass && "border_type_".concat(borderTypeClass), borderWidthClass && "border-width_".concat(borderWidthClass), elevationClass && "elevation_".concat(elevationClass), fillClass && "fill_".concat(fillClass), fillHoverClass && "fill_hover_".concat(fillHoverClass), heightClass && "height_".concat(heightClass), widthClass && "width_".concat(widthClass)), style: styles, children: jsx(ScrollContainer, __assign({ className: clsx(!isScrollbar && 'scroll-on-drag__wrapper'), ref: ref }, scrollContainerProps, { style: scrollContainerStyles, children: children })) }) }));
+    const { scrollContainer: scrollContainerStyles, styles: styles } = useStyles(props);
+    const ScrollOnDragWrapper = isScrollbar ? SimpleBar : React.Fragment;
+    return (jsx(ScrollOnDragWrapper, { scrollableNodeProps: { ref }, children: jsx("div", { className: clsx('scroll-on-drag', className, borderColorClass && `border-color_${borderColorClass}`, borderTypeClass && `border_type_${borderTypeClass}`, borderWidthClass && `border-width_${borderWidthClass}`, elevationClass && `elevation_${elevationClass}`, fillClass && `fill_${fillClass}`, fillHoverClass && `fill_hover_${fillHoverClass}`, heightClass && `height_${heightClass}`, widthClass && `width_${widthClass}`), style: styles, children: jsx(ScrollContainer, { className: clsx(!isScrollbar && 'scroll-on-drag__wrapper'), ref: ref, ...scrollContainerProps, style: scrollContainerStyles, children: children }) }) }));
 }
 
 export { ScrollOnDrag };

package/dist/components/ScrollToView.js

@@ -3,7 +3,6 @@ import clsx from 'clsx';
 import { ScrollLink } from 'react-scroll';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from '../hooks/useStyles/useStyles.js';
-import '../tslib.es6_es_Bwu1Cn-t.js';
 import 'react';
 import 'lodash/camelCase';
 import 'lodash/castArray';
@@ -19,14 +18,14 @@ import '../hooks.js';
 import '../hooks/useStyles/styleAttributes.js';
 import 'lodash/maxBy';
 
-var ScrollToView = ScrollLink(function ScrollToView(props) {
-    var id = props.id, className = props.className, _a = props.tag, Tag = _a === void 0 ? 'div' : _a, children = props.children;
-    var propsGenerator = useDevicePropsGenerator(props);
-    var directionClass = propsGenerator.directionClass, justifyContentClass = propsGenerator.justifyContentClass, alignClass = propsGenerator.alignClass, alignDirectionClass = propsGenerator.alignDirectionClass, alignItemsClass = propsGenerator.alignItemsClass, alignSelfClass = propsGenerator.alignSelfClass, textColorActiveClass = propsGenerator.textColorActiveClass, textColorClass = propsGenerator.textColorClass, textColorHoverClass = propsGenerator.textColorHoverClass, heightClass = propsGenerator.heightClass, widthClass = propsGenerator.widthClass;
-    var scrollToViewStyles = useStyles(props).styles;
-    return (jsx(Tag, { id: id, className: clsx(className, 'scroll-to-view', alignItemsClass && "align-items_".concat(alignItemsClass), widthClass && "width_".concat(widthClass), heightClass && "height_".concat(heightClass), alignDirectionClass && "align_".concat(alignDirectionClass), alignClass && "align_".concat(alignClass), textColorClass && "scroll-to-view_text-color_".concat(textColorClass), textColorActiveClass &&
-            "scroll-to-view_text-color_active_".concat(textColorActiveClass), textColorHoverClass &&
-            "scroll-to-view_text-color_hover_".concat(textColorHoverClass), justifyContentClass && "justify-content_".concat(justifyContentClass), directionClass && "direction_".concat(directionClass), alignSelfClass && "align-self_".concat(alignSelfClass)), style: Object.assign({}, scrollToViewStyles, props.style), onClick: props.onClick, children: children }));
+const ScrollToView = ScrollLink(function ScrollToView(props) {
+    const { id, className, tag: Tag = 'div', children } = props;
+    const propsGenerator = useDevicePropsGenerator(props);
+    const { directionClass, justifyContentClass, alignClass, alignDirectionClass, alignItemsClass, alignSelfClass, textColorActiveClass, textColorClass, textColorHoverClass, heightClass, widthClass, } = propsGenerator;
+    const { styles: scrollToViewStyles } = useStyles(props);
+    return (jsx(Tag, { id: id, className: clsx(className, 'scroll-to-view', alignItemsClass && `align-items_${alignItemsClass}`, widthClass && `width_${widthClass}`, heightClass && `height_${heightClass}`, alignDirectionClass && `align_${alignDirectionClass}`, alignClass && `align_${alignClass}`, textColorClass && `scroll-to-view_text-color_${textColorClass}`, textColorActiveClass &&
+            `scroll-to-view_text-color_active_${textColorActiveClass}`, textColorHoverClass &&
+            `scroll-to-view_text-color_hover_${textColorHoverClass}`, justifyContentClass && `justify-content_${justifyContentClass}`, directionClass && `direction_${directionClass}`, alignSelfClass && `align-self_${alignSelfClass}`), style: Object.assign({}, scrollToViewStyles, props.style), onClick: props.onClick, children: children }));
 });
 
 export { ScrollToView };

package/dist/components/Scrollbar/stories/__mock__.js

@@ -1,5 +1,5 @@
 import { jsx } from 'react/jsx-runtime';
 
-var scrollbarMock = Array.from({ length: 30 }, function (_, index) { return (jsx("div", { children: index })); });
+const scrollbarMock = Array.from({ length: 30 }, (_, index) => (jsx("div", { children: index })));
 
 export { scrollbarMock };

package/dist/components/Scrollbar.js

@@ -1,4 +1,4 @@
-export { S as Scrollbar } from '../Scrollbar_es_CThJeCLF.js';
+export { S as Scrollbar } from '../Scrollbar_es_CcMgNvGi.js';
 import 'react/jsx-runtime';
 import 'clsx';
 import 'react-scrollbars-custom';