@itcase/ui 1.8.122 → 1.8.124

package/dist/cjs/components/Response.js

@@ -1,7 +1,6 @@
 'use strict';
 
 var index = require('./Response/img.js');
-var tslib_es6 = require('../../tslib.es6_cjs_CCZ3TN_7.js');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var clsx = require('clsx');
@@ -9,9 +8,9 @@ var urlWithAssetPrefix = require('../hoc/urlWithAssetPrefix.js');
 var useAppearanceConfig = require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
 var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var useStyles = require('../hooks/useStyles/useStyles.js');
-var Button = require('../../Button_cjs_i0Dn1pkl.js');
-var Group = require('../../Group_cjs_CsJ6ICKK.js');
-var Text = require('../../Text_cjs_0EINiUq4.js');
+var Button = require('../../Button_cjs_CZz8OjWi.js');
+var Group = require('../../Group_cjs_DmfeUcFI.js');
+var Text = require('../../Text_cjs_BDTjOTVB.js');
 require('@itcase/common');
 require('../context/UrlAssetPrefix.js');
 require('lodash/camelCase');
@@ -26,18 +25,19 @@ require('../utils/setViewportProperty.js');
 require('../hooks.js');
 require('../hooks/useStyles/styleAttributes.js');
 require('lodash/maxBy');
-require('../../Icon_cjs_Cz6IyOkb.js');
+require('../../Icon_cjs_DpFxIFv5.js');
 require('react-inlinesvg');
-require('../../Link_cjs_C5UsZUiF.js');
-require('../../Loader_cjs_D3lnxPlI.js');
+require('../../Link_cjs_qKXVfU8e.js');
+require('../../Loader_cjs_DIDsIq3J.js');
 
-var responseAppearanceConfirm = {
+const responseAppearanceConfirm = {
     confirm: {
         fill: 'surfacePrimary',
         titleTextColor: 'surfaceTextPrimary',
         titleTextSize: 'xxl',
         labelTextColor: 'surfaceTextPrimary',
         descTextSize: 'm',
+        imageSrc: index.responseIcon.Confirm,
         primaryButtonAppearance: 'accentPrimary sizeXXL solid',
         secondaryButtonAppearance: 'surfaceSecondary sizeXXL solid',
         svgFill: 'surfaceTertiary',
@@ -45,13 +45,14 @@ var responseAppearanceConfirm = {
     },
 };
 
-var responseAppearanceDanger = {
+const responseAppearanceDanger = {
     danger: {
         fill: 'surfacePrimary',
         titleTextColor: 'surfaceTextPrimary',
         titleTextSize: 'xxl',
         labelTextColor: 'surfaceTextPrimary',
         descTextSize: 'm',
+        imageSrc: index.responseIcon.Danger,
         primaryButtonAppearance: 'dangerPrimary sizeXXL solid',
         secondaryButtonAppearance: 'surfaceSecondary sizeXXL solid',
         svgFill: 'dangerPrimary',
@@ -59,13 +60,14 @@ var responseAppearanceDanger = {
     },
 };
 
-var responseAppearanceEmpty = {
+const responseAppearanceEmpty = {
     empty: {
         fill: 'surfacePrimary',
         titleTextColor: 'surfaceTextPrimary',
         titleTextSize: 'xxl',
         labelTextColor: 'surfaceTextPrimary',
         descTextSize: 'm',
+        imageSrc: index.responseIcon.Empty,
         primaryButtonAppearance: 'accentPrimary sizeXXL solid',
         secondaryButtonAppearance: 'surfaceSecondary sizeXXL solid',
         svgFill: 'surfaceTertiary',
@@ -73,13 +75,14 @@ var responseAppearanceEmpty = {
     },
 };
 
-var responseAppearanceError = {
+const responseAppearanceError = {
     error: {
         fill: 'surfacePrimary',
         titleTextColor: 'surfaceTextPrimary',
         titleTextSize: 'xxl',
         labelTextColor: 'surfaceTextPrimary',
         descTextSize: 'm',
+        imageSrc: index.responseIcon.Error,
         primaryButtonAppearance: 'errorPrimary sizeXXL solid',
         secondaryButtonAppearance: 'surfaceSecondary sizeXXL solid',
         svgFill: 'errorPrimary',
@@ -87,13 +90,14 @@ var responseAppearanceError = {
     },
 };
 
-var responseAppearanceFail = {
+const responseAppearanceFail = {
     fail: {
         fill: 'surfacePrimary',
         titleTextColor: 'surfaceTextPrimary',
         titleTextSize: 'xxl',
         labelTextColor: 'surfaceTextPrimary',
         descTextSize: 'm',
+        imageSrc: index.responseIcon.Fail,
         primaryButtonAppearance: 'accentPrimary sizeXXL solid',
         secondaryButtonAppearance: 'surfaceSecondary sizeXXL solid',
         svgFill: 'surfaceTertiary',
@@ -101,13 +105,14 @@ var responseAppearanceFail = {
     },
 };
 
-var responseAppearanceNothingFound = {
+const responseAppearanceNothingFound = {
     nothingFound: {
         fill: 'surfacePrimary',
         titleTextColor: 'surfaceTextPrimary',
         titleTextSize: 'xxl',
         labelTextColor: 'surfaceTextPrimary',
         descTextSize: 'm',
+        imageSrc: index.responseIcon.NothingFound,
         primaryButtonAppearance: 'accentPrimary sizeXXL solid',
         secondaryButtonAppearance: 'surfaceSecondary sizeXXL solid',
         svgFill: 'surfaceTertiary',
@@ -115,13 +120,14 @@ var responseAppearanceNothingFound = {
     },
 };
 
-var responseAppearanceRefresh = {
+const responseAppearanceRefresh = {
     refresh: {
         fill: 'surfacePrimary',
         titleTextColor: 'surfaceTextPrimary',
         titleTextSize: 'xxl',
         labelTextColor: 'surfaceTextPrimary',
         descTextSize: 'm',
+        imageSrc: index.responseIcon.Refresh,
         primaryButtonAppearance: 'accentPrimary sizeXXL solid',
         secondaryButtonAppearance: 'surfaceSecondary sizeXXL solid',
         svgFill: 'surfaceTertiary',
@@ -129,7 +135,7 @@ var responseAppearanceRefresh = {
     },
 };
 
-var responseAppearanceStyle = {
+const responseAppearanceStyle = {
     solid: {
         borderColor: 'none',
     },
@@ -143,13 +149,14 @@ var responseAppearanceStyle = {
     },
 };
 
-var responseAppearanceSuccess = {
+const responseAppearanceSuccess = {
     success: {
         fill: 'surfacePrimary',
         titleTextColor: 'surfaceTextPrimary',
         titleTextSize: 'xxl',
         labelTextColor: 'surfaceTextPrimary',
         descTextSize: 'm',
+        imageSrc: index.responseIcon.Success,
         primaryButtonAppearance: 'accentPrimary sizeXXL solid',
         secondaryButtonAppearance: 'surfaceSecondary sizeXXL solid',
         svgFill: 'accentPrimary',
@@ -157,13 +164,14 @@ var responseAppearanceSuccess = {
     },
 };
 
-var responseAppearanceUnableLoadData = {
+const responseAppearanceUnableLoadData = {
     unableLoadData: {
         fill: 'surfacePrimary',
         titleTextColor: 'surfaceTextPrimary',
         titleTextSize: 'xxl',
         labelTextColor: 'surfaceTextPrimary',
         descTextSize: 'm',
+        imageSrc: index.responseIcon.UnableLoadData,
         primaryButtonAppearance: 'accentPrimary sizeXXL solid',
         secondaryButtonAppearance: 'surfaceSecondary sizeXXL solid',
         svgFill: 'surfaceTertiary',
@@ -171,13 +179,14 @@ var responseAppearanceUnableLoadData = {
     },
 };
 
-var responseAppearanceWarning = {
+const responseAppearanceWarning = {
     warning: {
         fill: 'surfacePrimary',
         titleTextColor: 'surfaceTextPrimary',
         titleTextSize: 'xxl',
         labelTextColor: 'surfaceTextPrimary',
         descTextSize: 'm',
+        imageSrc: index.responseIcon.Warning,
         primaryButtonAppearance: 'warningPrimary sizeXXL solid',
         secondaryButtonAppearance: 'surfaceSecondary sizeXXL solid',
         svgFill: 'warningPrimary',
@@ -185,32 +194,44 @@ var responseAppearanceWarning = {
     },
 };
 
-var responseAppearance = tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__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.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.useAppearanceConfig(appearance, responseConfig);
-    var propsGenerator = useDevicePropsGenerator.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.urlWithAssetPrefix(function Response(props) {
+    const { appearance, className, width, height, title, desc, secondaryButton, primaryButton, before, after, isSkeleton, onClickSecondaryButton, } = props;
+    const appearanceConfig = useAppearanceConfig.useAppearanceConfig(appearance, responseConfig);
+    const propsGenerator = useDevicePropsGenerator.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 = React.useMemo(function () {
-        var src = imageSrc || svgSrc;
-        var Image = SvgImage;
+    const ImageComponent = React.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 jsxRuntime.jsx(Image, tslib_es6.__assign({}, sizes));
+            return jsxRuntime.jsx(Image, { ...sizes });
         }
         if (src) {
             // if (src.endsWith('.svg') || src.startsWith('data:image/svg')) {
@@ -225,90 +246,87 @@ var Response = urlWithAssetPrefix.urlWithAssetPrefix(function Response(props) {
         return null;
     }, [imageSrc, svgSrc, SvgImage, width, height, svgFillClass]);
     // @ts-expect-error
-    var _a = useStyles.useStyles(props), responseStyles = _a.styles, wrapperStyles = _a.wrapper;
-    return (jsxRuntime.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, jsxRuntime.jsxs("div", { className: "response__wrapper", style: wrapperStyles, children: [ImageComponent && (jsxRuntime.jsx("div", { className: clsx('response__image', svgFillClass && "svg_fill_".concat(svgFillClass), svgPathFillClass && "svg_path_fill_".concat(svgPathFillClass)), children: ImageComponent })), jsxRuntime.jsxs("div", { className: "response__wrapper-inner", children: [title && (jsxRuntime.jsx(Text.Text, { className: "response__title", size: titleTextSize, textColor: titleTextColor, textWeight: titleTextWeight, children: title })), desc && (jsxRuntime.jsx(Text.Text, { className: "response__desc", size: descTextSize, textColor: descTextColor, textWeight: descTextWeight, children: desc }))] })] }), (primaryButtonLabel ||
+    const { styles: responseStyles, wrapper: wrapperStyles } = useStyles.useStyles(props);
+    return (jsxRuntime.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, jsxRuntime.jsxs("div", { className: "response__wrapper", style: wrapperStyles, children: [ImageComponent && (jsxRuntime.jsx("div", { className: clsx('response__image', svgFillClass && `svg_fill_${svgFillClass}`, svgPathFillClass && `svg_path_fill_${svgPathFillClass}`), children: ImageComponent })), jsxRuntime.jsxs("div", { className: "response__wrapper-inner", children: [title && (jsxRuntime.jsx(Text.Text, { className: "response__title", size: titleTextSize, textColor: titleTextColor, textWeight: titleTextWeight, children: title })), desc && (jsxRuntime.jsx(Text.Text, { className: "response__desc", size: descTextSize, textColor: descTextColor, textWeight: descTextWeight, children: desc }))] })] }), (primaryButtonLabel ||
                 primaryButton ||
                 secondaryButtonLabel ||
                 secondaryButton ||
                 appearanceConfig) && (jsxRuntime.jsxs(Group.Group, { className: "response__button", width: "fill", children: [primaryButtonLabel ? (jsxRuntime.jsx(Button.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 ? (jsxRuntime.jsx(Button.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: index.responseIcon.Empty,
+        primaryButtonAppearance: 'surfaceSecondary sizeXXL solid rounded',
+        primaryButtonLabel: 'ОК',
+    },
     error: {
-        imageSrc: index.responseIcon.Error,
         appearance: 'error ghost',
         title: 'Ошибка',
-        code: '500',
         desc: 'Возникла проблема с обработкой вашего запроса. Повторите попытку позже или обратитесь в поддержку по электронной почте: support@example.com',
-        primaryButtonLabel: 'ОК',
+        code: '500',
+        imageSrc: index.responseIcon.Error,
         primaryButtonAppearance: 'errorPrimary sizeXXL solid rounded',
-        secondaryButtonLabel: 'Отмена',
+        primaryButtonLabel: 'ОК',
         secondaryButtonAppearance: 'surfaceSecondary sizeXXL solid rounded',
-    },
-    errorRequest: {
-        imageSrc: index.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: index.responseIcon.UnableLoadData,
-        appearance: 'unableLoadData ghost',
-        title: 'Ошибка соединения',
-        code: '503',
-        desc: 'Не удалось подключиться.Проверьте интернет-соединение и повторите попытку',
-        primaryButtonLabel: 'Обновить',
-        primaryButtonAppearance: 'surfaceSecondary sizeXXL solid rounded',
+    warning: {
+        appearance: 'warning ghost',
+        title: 'Внимание',
+        imageSrc: index.responseIcon.Warning,
+        primaryButtonAppearance: 'warningPrimary sizeXXL solid rounded',
+        primaryButtonLabel: 'Повторить',
+        secondaryButtonAppearance: 'warningPrimary sizeXXL solid rounded',
         secondaryButtonLabel: 'Отмена',
-        secondaryButtonAppearance: 'surfaceSecondary sizeXXL solid rounded',
     },
-    unableLoadData: {
-        imageSrc: index.responseIcon.Error,
-        appearance: 'unableLoadData ghost',
-        title: 'Ошибка загрузки',
+    success: {
+        appearance: 'refresh ghost',
+        title: 'Готово',
+        desc: 'Успешно выполнено',
         code: '500',
-        desc: 'Данные не загружены, проверьте подключение к интернету или повторите попытку',
-        primaryButtonLabel: 'Повторить',
-        primaryButtonAppearance: 'surfaceSecondary sizeXXL solid rounded',
-        secondaryButtonLabel: 'Отмена',
+        imageSrc: index.responseIcon.Success,
+        primaryButtonAppearance: 'successPrimary sizeXXL solid rounded',
+        primaryButtonLabel: 'ОК',
         secondaryButtonAppearance: 'surfaceSecondary sizeXXL solid rounded',
+        secondaryButtonLabel: 'Закрыть',
     },
     nothingFound: {
-        imageSrc: index.responseIcon.NothingFound,
         appearance: 'refresh ghost',
         title: 'Ничего не найдено',
-        code: '500',
         desc: 'Нет данных по заданным параметрам',
-        primaryButtonLabel: 'Повторить',
+        code: '500',
+        imageSrc: index.responseIcon.NothingFound,
         primaryButtonAppearance: 'surfaceSecondary sizeXXL solid rounded',
-        secondaryButtonLabel: 'Отмена',
+        primaryButtonLabel: 'Сбросить',
         secondaryButtonAppearance: 'surfaceSecondary sizeXXL solid rounded',
+        secondaryButtonLabel: 'Отмена',
     },
-    empty: {
-        imageSrc: index.responseIcon.Empty,
-        appearance: 'refresh ghost',
-        title: 'Ничего не найдено',
-        code: '500',
-        desc: 'Нет данных по заданным параметрам',
-        primaryButtonLabel: 'Сбросить',
+    errorNetwork: {
+        appearance: 'unableLoadData ghost',
+        title: 'Ошибка соединения',
+        desc: 'Не удалось подключиться.Проверьте интернет-соединение и повторите попытку',
+        code: '503',
+        imageSrc: index.responseIcon.UnableLoadData,
         primaryButtonAppearance: 'surfaceSecondary sizeXXL solid rounded',
-        secondaryButtonLabel: 'Отмена',
+        primaryButtonLabel: 'Обновить',
         secondaryButtonAppearance: 'surfaceSecondary sizeXXL solid rounded',
+        secondaryButtonLabel: 'Отмена',
     },
-    success: {
-        imageSrc: index.responseIcon.Success,
+    errorRequest: {
         appearance: 'refresh ghost',
-        title: 'Готово',
-        code: '500',
-        desc: 'Успешно выполнено',
-        primaryButtonLabel: 'ОК',
+        title: 'Доступ ограничен',
+        desc: 'Для выяснения причин и восстановления доступа обратитесь, пожалуйста, в техническую поддержку по электронной почте: support@example.com',
+        code: '403',
+        imageSrc: index.responseIcon.UnableLoadData,
         primaryButtonAppearance: 'surfaceSecondary sizeXXL solid rounded',
-        secondaryButtonLabel: 'Закрыть',
+        primaryButtonLabel: 'Повторить',
+        secondaryButtonAppearance: 'surfaceSecondary sizeXXL solid rounded',
+        secondaryButtonLabel: 'Отмена',
     },
 };
 

package/dist/cjs/components/SVGContent.js

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

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

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

package/dist/cjs/components/ScrollOnDrag.js

@@ -1,6 +1,5 @@
 'use strict';
 
-var tslib_es6 = require('../../tslib.es6_cjs_CCZ3TN_7.js');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var clsx = require('clsx');
@@ -23,14 +22,14 @@ require('../hooks/useStyles/styleAttributes.js');
 require('lodash/maxBy');
 
 function ScrollOnDrag(props) {
-    var className = props.className, scrollContainerProps = props.scrollContainerProps, children = props.children, isScrollbar = props.isScrollbar;
-    var propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(props);
-    var ref = ScrollContainer.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.useDevicePropsGenerator(props);
+    const { ref } = ScrollContainer.useScrollContainer();
+    const { fillClass, fillHoverClass, borderColorClass, borderTypeClass, borderWidthClass, elevationClass, heightClass, widthClass = 'fill', } = propsGenerator;
     // @ts-expect-error
-    var _b = useStyles.useStyles(props), scrollContainerStyles = _b.scrollContainer, styles = _b.styles;
-    var ScrollOnDragWrapper = isScrollbar ? SimpleBar : React.Fragment;
-    return (jsxRuntime.jsx(ScrollOnDragWrapper, { scrollableNodeProps: { ref: ref }, children: jsxRuntime.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: jsxRuntime.jsx(ScrollContainer, tslib_es6.__assign({ className: clsx(!isScrollbar && 'scroll-on-drag__wrapper'), ref: ref }, scrollContainerProps, { style: scrollContainerStyles, children: children })) }) }));
+    const { scrollContainer: scrollContainerStyles, styles: styles } = useStyles.useStyles(props);
+    const ScrollOnDragWrapper = isScrollbar ? SimpleBar : React.Fragment;
+    return (jsxRuntime.jsx(ScrollOnDragWrapper, { scrollableNodeProps: { ref }, children: jsxRuntime.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: jsxRuntime.jsx(ScrollContainer, { className: clsx(!isScrollbar && 'scroll-on-drag__wrapper'), ref: ref, ...scrollContainerProps, style: scrollContainerStyles, children: children }) }) }));
 }
 
 exports.ScrollOnDrag = ScrollOnDrag;

package/dist/cjs/components/ScrollToView.js

@@ -5,7 +5,6 @@ var clsx = require('clsx');
 var reactScroll = require('react-scroll');
 var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var useStyles = require('../hooks/useStyles/useStyles.js');
-require('../../tslib.es6_cjs_CCZ3TN_7.js');
 require('react');
 require('lodash/camelCase');
 require('lodash/castArray');
@@ -21,14 +20,14 @@ require('../hooks.js');
 require('../hooks/useStyles/styleAttributes.js');
 require('lodash/maxBy');
 
-var ScrollToView = reactScroll.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.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.useStyles(props).styles;
-    return (jsxRuntime.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 = reactScroll.ScrollLink(function ScrollToView(props) {
+    const { id, className, tag: Tag = 'div', children } = props;
+    const propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(props);
+    const { directionClass, justifyContentClass, alignClass, alignDirectionClass, alignItemsClass, alignSelfClass, textColorActiveClass, textColorClass, textColorHoverClass, heightClass, widthClass, } = propsGenerator;
+    const { styles: scrollToViewStyles } = useStyles.useStyles(props);
+    return (jsxRuntime.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 }));
 });
 
 exports.ScrollToView = ScrollToView;

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

@@ -2,6 +2,6 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 
-var scrollbarMock = Array.from({ length: 30 }, function (_, index) { return (jsxRuntime.jsx("div", { children: index })); });
+const scrollbarMock = Array.from({ length: 30 }, (_, index) => (jsxRuntime.jsx("div", { children: index })));
 
 exports.scrollbarMock = scrollbarMock;

package/dist/cjs/components/Scrollbar.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Scrollbar = require('../../Scrollbar_cjs_DcKOfcNp.js');
+var Scrollbar = require('../../Scrollbar_cjs_Cp-7v2Mt.js');
 require('react/jsx-runtime');
 require('clsx');
 require('react-scrollbars-custom');