@itcase/ui 1.8.121 → 1.8.123
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{Avatar_cjs_BKcQuqYV.js → Avatar_cjs_CLJnKU39.js} +3 -3
- package/dist/{Avatar_es_Cpn1PNmO.js → Avatar_es_BgN-fbOj.js} +3 -3
- package/dist/{Button_cjs_3BTD8Mlm.js → Button_cjs_Ce97psFT.js} +5 -5
- package/dist/{Button_es_B_k-SP92.js → Button_es_CZss7cXh.js} +5 -5
- package/dist/{ChipsGroup_cjs_DhoY9YjT.js → ChipsGroup_cjs_C8L3ZeD_.js} +1 -1
- package/dist/{ChipsGroup_es_Dg1GmJ-9.js → ChipsGroup_es_ayPPUwQ7.js} +1 -1
- package/dist/{DatePicker_cjs_BLkZB0S0.js → DatePicker_cjs_BzEtDAb8.js} +4 -4
- package/dist/{DatePicker_es_CKrgRUWu.js → DatePicker_es_DRyCMO0I.js} +4 -4
- package/dist/{DropdownItem_cjs_D3Mcbsxa.js → DropdownItem_cjs_Bhss6lyM.js} +1 -1
- package/dist/{DropdownItem_es_BUs02mjJ.js → DropdownItem_es_BXl6lPJx.js} +1 -1
- package/dist/{Icon_cjs_CUArL1z2.js → Icon_cjs_Cz6IyOkb.js} +2 -2
- package/dist/{Icon_es_CNrc90oI.js → Icon_es_BrwLifge.js} +2 -2
- package/dist/{Image_cjs_B6YlGx8G.js → Image_cjs_DRhhc66R.js} +2 -1
- package/dist/{Image_es_BvYo_cHH.js → Image_es_BpMidmve.js} +2 -1
- package/dist/{Input_cjs_Du73R-wm.js → Input_cjs_DRPK_RHK.js} +3 -3
- package/dist/{Input_es_CiDHjDqJ.js → Input_es_Cv5nEb_n.js} +3 -3
- package/dist/{Label_cjs_BUEGAnsq.js → Label_cjs_DMoaOoHi.js} +1 -1
- package/dist/{Label_es_I01RN9hv.js → Label_es_SULlg9bL.js} +1 -1
- package/dist/{Loader_cjs_Cme6Hi0B.js → Loader_cjs_D3lnxPlI.js} +4 -0
- package/dist/{Loader_es_ByhTIMxS.js → Loader_es_BUSqFrCd.js} +4 -0
- package/dist/cjs/components/Accordion.js +1 -1
- package/dist/cjs/components/Avatar.js +3 -3
- package/dist/cjs/components/AvatarStack.js +3 -3
- package/dist/cjs/components/Badge.js +1 -1
- package/dist/cjs/components/Breadcrumbs.js +1 -1
- package/dist/cjs/components/Button.js +3 -3
- package/dist/cjs/components/Cell.js +2 -2
- package/dist/cjs/components/Chips.js +2 -2
- package/dist/cjs/components/Choice.js +2 -2
- package/dist/cjs/components/CookiesWarning.js +3 -3
- package/dist/cjs/components/Dadata.js +1 -1
- package/dist/cjs/components/DatePeriod.js +10 -10
- package/dist/cjs/components/DatePicker.js +6 -6
- package/dist/cjs/components/Drawer.js +1 -1
- package/dist/cjs/components/Dropdown.js +2 -2
- package/dist/cjs/components/Grid.js +3 -3
- package/dist/cjs/components/HeroTitle.js +1 -1
- package/dist/cjs/components/Icon.js +1 -1
- package/dist/cjs/components/Image.js +1 -1
- package/dist/cjs/components/Input.js +1 -1
- package/dist/cjs/components/InputPassword.js +89 -67
- package/dist/cjs/components/Label.js +2 -2
- package/dist/cjs/components/Loader.js +1 -1
- package/dist/cjs/components/MenuItem.js +3 -2
- package/dist/cjs/components/Modal.js +2 -2
- package/dist/cjs/components/ModalSheetBottom.js +1 -1
- package/dist/cjs/components/Notification.js +1 -1
- package/dist/cjs/components/Pagination.js +2 -2
- package/dist/cjs/components/Response/img.js +8 -2
- package/dist/cjs/components/Response.js +131 -30
- package/dist/cjs/components/Search.js +1 -1
- package/dist/cjs/components/Segmented.js +6 -6
- package/dist/cjs/components/Select.js +2 -2
- package/dist/cjs/components/Swiper.js +1 -1
- package/dist/cjs/components/Tab.js +30 -46
- package/dist/cjs/components/Tile.js +1 -1
- package/dist/cjs/components/Title.js +1 -1
- package/dist/cjs/components/Tooltip.js +1 -1
- package/dist/cjs/components/Warning.js +1 -1
- package/dist/components/Accordion.js +1 -1
- package/dist/components/Avatar.js +3 -3
- package/dist/components/AvatarStack.js +3 -3
- package/dist/components/Badge.js +1 -1
- package/dist/components/Breadcrumbs.js +1 -1
- package/dist/components/Button.js +3 -3
- package/dist/components/Cell.js +2 -2
- package/dist/components/Chips.js +2 -2
- package/dist/components/Choice.js +2 -2
- package/dist/components/CookiesWarning.js +3 -3
- package/dist/components/Dadata.js +1 -1
- package/dist/components/DatePeriod.js +10 -10
- package/dist/components/DatePicker.js +6 -6
- package/dist/components/Drawer.js +1 -1
- package/dist/components/Dropdown.js +2 -2
- package/dist/components/Grid.js +3 -3
- package/dist/components/HeroTitle.js +1 -1
- package/dist/components/Icon.js +1 -1
- package/dist/components/Image.js +1 -1
- package/dist/components/Input.js +1 -1
- package/dist/components/InputPassword.js +89 -67
- package/dist/components/Label.js +2 -2
- package/dist/components/Loader.js +1 -1
- package/dist/components/MenuItem.js +3 -2
- package/dist/components/Modal.js +2 -2
- package/dist/components/ModalSheetBottom.js +1 -1
- package/dist/components/Notification.js +1 -1
- package/dist/components/Pagination.js +2 -2
- package/dist/components/Response/img.js +8 -2
- package/dist/components/Response.js +132 -32
- package/dist/components/Search.js +1 -1
- package/dist/components/Segmented.js +6 -6
- package/dist/components/Select.js +2 -2
- package/dist/components/Swiper.js +1 -1
- package/dist/components/Tab.js +30 -46
- package/dist/components/Tile.js +1 -1
- package/dist/components/Title.js +1 -1
- package/dist/components/Tooltip.js +1 -1
- package/dist/components/Warning.js +1 -1
- package/dist/css/components/Cell/Cell.css +1 -2
- package/dist/css/components/Checkmark/Checkmark.css +2 -0
- package/dist/css/components/DatePeriod/DatePeriod.css +3 -0
- package/dist/css/components/Input/Input.css +0 -8
- package/dist/css/components/InputPassword/InputPassword.css +34 -43
- package/dist/css/components/MenuItem/MenuItem.css +28 -15
- package/dist/css/components/Tooltip/Tooltip.css +1 -0
- package/dist/types/components/InputPassword/InputPassword.appearance.d.ts +179 -2
- package/dist/types/components/InputPassword/appearance/inputPasswordDefault.d.ts +7 -4
- package/dist/types/components/InputPassword/appearance/inputPasswordDisabled.d.ts +6 -4
- package/dist/types/components/InputPassword/appearance/inputPasswordError.d.ts +6 -4
- package/dist/types/components/InputPassword/appearance/inputPasswordRequire.d.ts +6 -4
- package/dist/types/components/InputPassword/appearance/inputPasswordShape.d.ts +25 -0
- package/dist/types/components/InputPassword/appearance/inputPasswordSize.d.ts +14 -28
- package/dist/types/components/InputPassword/appearance/inputPasswordStyle.d.ts +5 -5
- package/dist/types/components/InputPassword/appearance/inputPasswordSuccess.d.ts +6 -4
- package/dist/types/components/Response/Response.constant.d.ts +76 -0
- package/dist/types/components/Response/appearance/{responceConfirm.d.ts → responseConfirm.d.ts} +1 -0
- package/dist/types/components/Response/appearance/responseDanger.d.ts +1 -0
- package/dist/types/components/Response/appearance/{responceEmpty.d.ts → responseEmpty.d.ts} +1 -0
- package/dist/types/components/Response/appearance/responseError.d.ts +1 -0
- package/dist/types/components/Response/appearance/{responceFail.d.ts → responseFail.d.ts} +1 -0
- package/dist/types/components/Response/appearance/{responceNothingFound.d.ts → responseNothingFound.d.ts} +1 -0
- package/dist/types/components/Response/appearance/{responceRefresh.d.ts → responseRefresh.d.ts} +1 -0
- package/dist/types/components/Response/appearance/responseStyle.d.ts +14 -0
- package/dist/types/components/Response/appearance/responseSuccess.d.ts +1 -0
- package/dist/types/components/Response/appearance/responseUnableLoadData.d.ts +1 -0
- package/dist/types/components/Response/appearance/responseWarning.d.ts +1 -0
- package/dist/types/components/Response/img/index.d.ts +2 -0
- package/dist/types/components/Response/index.d.ts +2 -1
- package/dist/types/components/Tab/appearance/tabSize.d.ts +0 -14
- package/dist/types/components/Tab/appearance/tabSurface.d.ts +7 -7
- package/package.json +13 -13
package/dist/components/Label.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { L as Label, a as labelAppearance, l as labelConfig } from '../
|
|
1
|
+
export { L as Label, a as labelAppearance, l as labelConfig } from '../Label_es_SULlg9bL.js';
|
|
2
2
|
import 'react/jsx-runtime';
|
|
3
3
|
import 'react';
|
|
4
4
|
import 'clsx';
|
|
@@ -19,7 +19,7 @@ import '../hooks.js';
|
|
|
19
19
|
import '../hooks/useStyles/styleAttributes.js';
|
|
20
20
|
import '../hooks/useStyles/useStyles.js';
|
|
21
21
|
import 'lodash/maxBy';
|
|
22
|
-
import '../
|
|
22
|
+
import '../Icon_es_BrwLifge.js';
|
|
23
23
|
import 'react-inlinesvg';
|
|
24
24
|
import '../hoc/urlWithAssetPrefix.js';
|
|
25
25
|
import '../context/UrlAssetPrefix.js';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { L as Loader, a as loaderAppearance, l as loaderConfig } from '../
|
|
1
|
+
export { L as Loader, a as loaderAppearance, l as loaderConfig } from '../Loader_es_BUSqFrCd.js';
|
|
2
2
|
import 'react/jsx-runtime';
|
|
3
3
|
import 'clsx';
|
|
4
4
|
import '../hooks/useAppearanceConfig/useAppearanceConfig.js';
|
|
@@ -4,7 +4,7 @@ import clsx from 'clsx';
|
|
|
4
4
|
import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceConfig.js';
|
|
5
5
|
import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
|
|
6
6
|
import { useStyles } from '../hooks/useStyles/useStyles.js';
|
|
7
|
-
import { I as Icon, T as Tooltip } from '../
|
|
7
|
+
import { I as Icon, T as Tooltip } from '../Icon_es_BrwLifge.js';
|
|
8
8
|
import { L as Link } from '../Link_es_XiqbdwLp.js';
|
|
9
9
|
import { T as Text } from '../Text_es_CwV9rjFD.js';
|
|
10
10
|
import { _ as __assign } from '../tslib.es6_es_Bwu1Cn-t.js';
|
|
@@ -202,7 +202,8 @@ function MenuItem(props) {
|
|
|
202
202
|
var directionClass = propsGenerator.directionClass, justifyContentClass = propsGenerator.justifyContentClass, alignClass = propsGenerator.alignClass, alignDirectionClass = propsGenerator.alignDirectionClass, fillActiveClass = propsGenerator.fillActiveClass, fillActiveHoverClass = propsGenerator.fillActiveHoverClass, fillClass = propsGenerator.fillClass, fillHoverClass = propsGenerator.fillHoverClass, labelStyle = propsGenerator.labelStyle, labelTextActiveColor = propsGenerator.labelTextActiveColor, labelTextActiveHoverColor = propsGenerator.labelTextActiveHoverColor, labelTextColor = propsGenerator.labelTextColor, labelTextColorDisabled = propsGenerator.labelTextColorDisabled, labelTextHoverColor = propsGenerator.labelTextHoverColor, labelTextSize = propsGenerator.labelTextSize, labelWeight = propsGenerator.labelWeight, labelWrap = propsGenerator.labelWrap, borderColorClass = propsGenerator.borderColorClass, iconAfter = propsGenerator.iconAfter, iconAfterFill = propsGenerator.iconAfterFill, iconAfterFillIcon = propsGenerator.iconAfterFillIcon, iconAfterFillSize = propsGenerator.iconAfterFillSize, iconAfterShape = propsGenerator.iconAfterShape, iconAfterSize = propsGenerator.iconAfterSize, iconAfterSrc = propsGenerator.iconAfterSrc, iconBadgeAppearance = propsGenerator.iconBadgeAppearance, iconBadgeShape = propsGenerator.iconBadgeShape, iconBadgeSize = propsGenerator.iconBadgeSize, iconBadgeTextColor = propsGenerator.iconBadgeTextColor, iconBadgeTextSize = propsGenerator.iconBadgeTextSize, iconBadgeValue = propsGenerator.iconBadgeValue, iconBefore = propsGenerator.iconBefore, iconBeforeFill = propsGenerator.iconBeforeFill, iconBeforeFillIcon = propsGenerator.iconBeforeFillIcon, iconBeforeFillSize = propsGenerator.iconBeforeFillSize, iconBeforeShape = propsGenerator.iconBeforeShape, iconBeforeSize = propsGenerator.iconBeforeSize, iconBeforeSrc = propsGenerator.iconBeforeSrc, shapeClass = propsGenerator.shapeClass, shapeStrengthClass = propsGenerator.shapeStrengthClass, sizeClass = propsGenerator.sizeClass, tooltipFill = propsGenerator.tooltipFill, tooltipShapeStrength = propsGenerator.tooltipShapeStrength, tooltipText = propsGenerator.tooltipText, tooltipTextColor = propsGenerator.tooltipTextColor, tooltipTitleTextColor = propsGenerator.tooltipTitleTextColor, typeClass = propsGenerator.typeClass, widthClass = propsGenerator.widthClass, isSkeleton = propsGenerator.isSkeleton;
|
|
203
203
|
// @ts-expect-error
|
|
204
204
|
var menuItem = useStyles(props).styles;
|
|
205
|
-
return (jsxs("div", { className: clsx('menu-item', isActive && 'menu-item_state_active', isDisabled && "menu-item_state_disabled", directionClass && "menu-item_direction_".concat(directionClass), className,
|
|
205
|
+
return (jsxs("div", { className: clsx('menu-item', isActive && 'menu-item_state_active', isDisabled && "menu-item_state_disabled", directionClass && "menu-item_direction_".concat(directionClass), className, (iconBefore || iconBeforeSrc || iconAfter || iconAfterSrc) &&
|
|
206
|
+
'menu-item_label-icon', sizeClass && "menu-item_size_".concat(sizeClass), borderColorClass && "border-color_".concat(borderColorClass), !isActive
|
|
206
207
|
? fillClass && "fill_".concat(fillClass)
|
|
207
208
|
: fillActiveClass && "fill_active_".concat(fillActiveClass), !isActive
|
|
208
209
|
? fillHoverClass && "fill_hover_".concat(fillHoverClass)
|
package/dist/components/Modal.js
CHANGED
|
@@ -5,11 +5,11 @@ import ReactDOM from 'react-dom';
|
|
|
5
5
|
import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceConfig.js';
|
|
6
6
|
import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
|
|
7
7
|
import { useStyles } from '../hooks/useStyles/useStyles.js';
|
|
8
|
-
import { b as Title, I as Icon } from '../
|
|
8
|
+
import { b as Title, I as Icon } from '../Icon_es_BrwLifge.js';
|
|
9
9
|
import { O as Overlay } from '../Overlay_es_DF3DAdxS.js';
|
|
10
10
|
import { _ as __assign } from '../tslib.es6_es_Bwu1Cn-t.js';
|
|
11
11
|
import { icons24, icons32, icons40 } from '@itcase/icons/default';
|
|
12
|
-
import { L as Loader } from '../
|
|
12
|
+
import { L as Loader } from '../Loader_es_BUSqFrCd.js';
|
|
13
13
|
import 'lodash/camelCase';
|
|
14
14
|
import 'lodash/castArray';
|
|
15
15
|
import 'lodash/upperFirst';
|
|
@@ -6,7 +6,7 @@ import { Sheet } from 'react-modal-sheet';
|
|
|
6
6
|
import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceConfig.js';
|
|
7
7
|
import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
|
|
8
8
|
import { useStyles } from '../hooks/useStyles/useStyles.js';
|
|
9
|
-
import { b as Title } from '../
|
|
9
|
+
import { b as Title } from '../Icon_es_BrwLifge.js';
|
|
10
10
|
import 'lodash/camelCase';
|
|
11
11
|
import 'lodash/castArray';
|
|
12
12
|
import 'lodash/upperFirst';
|
|
@@ -3,7 +3,7 @@ import clsx from 'clsx';
|
|
|
3
3
|
import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceConfig.js';
|
|
4
4
|
import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
|
|
5
5
|
import { useStyles } from '../hooks/useStyles/useStyles.js';
|
|
6
|
-
import { I as Icon } from '../
|
|
6
|
+
import { I as Icon } from '../Icon_es_BrwLifge.js';
|
|
7
7
|
import { T as Text } from '../Text_es_CwV9rjFD.js';
|
|
8
8
|
import { _ as __assign } from '../tslib.es6_es_Bwu1Cn-t.js';
|
|
9
9
|
import { icons20 } from '@itcase/icons/default';
|
|
@@ -6,8 +6,8 @@ import ReactPaginate from 'react-paginate';
|
|
|
6
6
|
import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceConfig.js';
|
|
7
7
|
import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
|
|
8
8
|
import { useStyles } from '../hooks/useStyles/useStyles.js';
|
|
9
|
-
import { D as Dropdown, a as DropdownItem } from '../
|
|
10
|
-
import { I as Icon } from '../
|
|
9
|
+
import { D as Dropdown, a as DropdownItem } from '../DropdownItem_es_BXl6lPJx.js';
|
|
10
|
+
import { I as Icon } from '../Icon_es_BrwLifge.js';
|
|
11
11
|
import { T as Text } from '../Text_es_CwV9rjFD.js';
|
|
12
12
|
import { _ as __assign } from '../tslib.es6_es_Bwu1Cn-t.js';
|
|
13
13
|
import { icons14, icons24, icons16 } from '@itcase/icons/default';
|
|
@@ -1,4 +1,8 @@
|
|
|
1
|
-
var img$
|
|
1
|
+
var img$a = "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='%23D9D9D9'/%3e%3cpath d='M93.2275 101.842H84.0659C83.8263 99.1898 83.976 96.839 84.515 94.7895C85.1138 92.74 86.2216 90.8111 87.8383 89.0027C89.515 87.1341 91.7904 85.2051 94.6647 83.2159C96.5808 81.8898 97.9581 80.5637 98.7964 79.2375C99.6946 77.9114 100.144 76.4345 100.144 74.807C100.144 72.2753 99.2156 70.1957 97.3593 68.5682C95.503 66.9406 93.0778 66.1269 90.0838 66.1269C87.3892 66.1269 84.7246 66.9105 82.0898 68.4777C79.4551 69.9847 77.0299 72.3959 74.8144 75.7112L67 67.9352C70.0539 64.0774 73.5868 61.1237 77.5988 59.0742C81.6707 57.0247 85.9521 56 90.4431 56C94.5749 56 98.2575 56.8439 101.491 58.5317C104.725 60.1592 107.269 62.3896 109.126 65.2227C111.042 67.9955 112 71.1601 112 74.7166C112 78.0922 111.042 81.1062 109.126 83.7584C107.269 86.4107 104.455 88.8821 100.683 91.1727C97.7485 92.8605 95.7725 94.4881 94.7545 96.0553C93.7365 97.6226 93.2275 99.5515 93.2275 101.842ZM96.1916 115.767C96.1916 117.756 95.4731 119.474 94.0359 120.92C92.5988 122.307 90.8323 123 88.7365 123C86.6407 123 84.8743 122.307 83.4371 120.92C82 119.474 81.2814 117.756 81.2814 115.767C81.2814 113.717 82 111.999 83.4371 110.613C84.8743 109.166 86.6407 108.443 88.7365 108.443C90.8323 108.443 92.5988 109.166 94.0359 110.613C95.4731 111.999 96.1916 113.717 96.1916 115.767Z' fill='%23747474'/%3e%3c/svg%3e";
|
|
2
|
+
|
|
3
|
+
var img$9 = "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='%23E00000'/%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M85.7155 56.9042L54.1865 115.911C53.0219 118.09 54.5678 121.43 58.4708 121.43H121.529C125.432 121.43 126.978 118.09 125.814 115.911L94.2845 56.9043C93.5012 55.4392 91.8762 54.57 89.9998 54.57C88.1237 54.57 86.4986 55.439 85.7155 56.9042ZM89.9998 48C93.9317 48 98.1142 49.8644 100.253 53.8659L131.782 112.873C135.732 120.266 129.482 128 121.529 128H58.4708C50.5181 128 44.2675 120.266 48.2181 112.873L79.7471 53.866C81.8855 49.8645 86.0683 48 89.9998 48ZM90.0002 74.0886C91.8588 74.0886 93.3658 75.5593 93.3658 77.3736V92.8756C93.3658 94.6897 91.8588 96.1606 90.0002 96.1606C88.1411 96.1606 86.6345 94.6897 86.6345 92.8756V77.3736C86.6345 75.5593 88.1411 74.0886 90.0002 74.0886ZM93.3658 108.377C93.3658 106.563 91.8588 105.092 90.0002 105.092C88.1411 105.092 86.6345 106.563 86.6345 108.377V108.457C86.6345 110.271 88.1411 111.742 90.0002 111.742C91.8588 111.742 93.3658 110.271 93.3658 108.457V108.377Z' fill='white'/%3e%3c/svg%3e";
|
|
4
|
+
|
|
5
|
+
var img$8 = "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='%23D9D9D9'/%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.252C93.8166 39.252 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.252 90.5029 39.252Z' fill='%23747474'/%3e%3c/svg%3e";
|
|
2
6
|
|
|
3
7
|
var img$7 = "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='%23E00000'/%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";
|
|
4
8
|
|
|
@@ -20,7 +24,9 @@ var responseIcon = {
|
|
|
20
24
|
Error: img$7,
|
|
21
25
|
Warning: img,
|
|
22
26
|
Success: img$2,
|
|
23
|
-
|
|
27
|
+
Danger: img$9,
|
|
28
|
+
Confirm: img$a,
|
|
29
|
+
Empty: img$8,
|
|
24
30
|
Fail: img$6,
|
|
25
31
|
NothingFound: img$5,
|
|
26
32
|
Refresh: img$4,
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
|
|
1
|
+
import { responseIcon } from './Response/img.js';
|
|
2
2
|
import { _ as __assign } from '../tslib.es6_es_Bwu1Cn-t.js';
|
|
3
3
|
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
4
4
|
import { useMemo } from 'react';
|
|
@@ -7,7 +7,7 @@ import { urlWithAssetPrefix } from '../hoc/urlWithAssetPrefix.js';
|
|
|
7
7
|
import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceConfig.js';
|
|
8
8
|
import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
|
|
9
9
|
import { useStyles } from '../hooks/useStyles/useStyles.js';
|
|
10
|
-
import { B as Button } from '../
|
|
10
|
+
import { B as Button } from '../Button_es_CZss7cXh.js';
|
|
11
11
|
import { G as Group } from '../Group_es_DRqIIM9m.js';
|
|
12
12
|
import { T as Text } from '../Text_es_CwV9rjFD.js';
|
|
13
13
|
import '@itcase/common';
|
|
@@ -24,10 +24,10 @@ import '../utils/setViewportProperty.js';
|
|
|
24
24
|
import '../hooks.js';
|
|
25
25
|
import '../hooks/useStyles/styleAttributes.js';
|
|
26
26
|
import 'lodash/maxBy';
|
|
27
|
-
import '../
|
|
27
|
+
import '../Icon_es_BrwLifge.js';
|
|
28
28
|
import 'react-inlinesvg';
|
|
29
29
|
import '../Link_es_XiqbdwLp.js';
|
|
30
|
-
import '../
|
|
30
|
+
import '../Loader_es_BUSqFrCd.js';
|
|
31
31
|
|
|
32
32
|
var responseAppearanceConfirm = {
|
|
33
33
|
confirm: {
|
|
@@ -36,6 +36,7 @@ var responseAppearanceConfirm = {
|
|
|
36
36
|
titleTextSize: 'xxl',
|
|
37
37
|
labelTextColor: 'surfaceTextPrimary',
|
|
38
38
|
descTextSize: 'm',
|
|
39
|
+
imageSrc: responseIcon.Confirm,
|
|
39
40
|
primaryButtonAppearance: 'accentPrimary sizeXXL solid',
|
|
40
41
|
secondaryButtonAppearance: 'surfaceSecondary sizeXXL solid',
|
|
41
42
|
svgFill: 'surfaceTertiary',
|
|
@@ -43,27 +44,29 @@ var responseAppearanceConfirm = {
|
|
|
43
44
|
},
|
|
44
45
|
};
|
|
45
46
|
|
|
46
|
-
var
|
|
47
|
-
|
|
47
|
+
var responseAppearanceDanger = {
|
|
48
|
+
danger: {
|
|
48
49
|
fill: 'surfacePrimary',
|
|
49
50
|
titleTextColor: 'surfaceTextPrimary',
|
|
50
51
|
titleTextSize: 'xxl',
|
|
51
52
|
labelTextColor: 'surfaceTextPrimary',
|
|
52
53
|
descTextSize: 'm',
|
|
53
|
-
|
|
54
|
+
imageSrc: responseIcon.Danger,
|
|
55
|
+
primaryButtonAppearance: 'dangerPrimary sizeXXL solid',
|
|
54
56
|
secondaryButtonAppearance: 'surfaceSecondary sizeXXL solid',
|
|
55
|
-
svgFill: '
|
|
56
|
-
svgPathFill: '
|
|
57
|
+
svgFill: 'dangerPrimary',
|
|
58
|
+
svgPathFill: 'dangerItemPrimary',
|
|
57
59
|
},
|
|
58
60
|
};
|
|
59
61
|
|
|
60
|
-
var
|
|
61
|
-
|
|
62
|
+
var responseAppearanceEmpty = {
|
|
63
|
+
empty: {
|
|
62
64
|
fill: 'surfacePrimary',
|
|
63
65
|
titleTextColor: 'surfaceTextPrimary',
|
|
64
66
|
titleTextSize: 'xxl',
|
|
65
67
|
labelTextColor: 'surfaceTextPrimary',
|
|
66
68
|
descTextSize: 'm',
|
|
69
|
+
imageSrc: responseIcon.Empty,
|
|
67
70
|
primaryButtonAppearance: 'accentPrimary sizeXXL solid',
|
|
68
71
|
secondaryButtonAppearance: 'surfaceSecondary sizeXXL solid',
|
|
69
72
|
svgFill: 'surfaceTertiary',
|
|
@@ -71,27 +74,29 @@ var responseAppearanceFail = {
|
|
|
71
74
|
},
|
|
72
75
|
};
|
|
73
76
|
|
|
74
|
-
var
|
|
75
|
-
|
|
77
|
+
var responseAppearanceError = {
|
|
78
|
+
error: {
|
|
76
79
|
fill: 'surfacePrimary',
|
|
77
80
|
titleTextColor: 'surfaceTextPrimary',
|
|
78
81
|
titleTextSize: 'xxl',
|
|
79
82
|
labelTextColor: 'surfaceTextPrimary',
|
|
80
83
|
descTextSize: 'm',
|
|
81
|
-
|
|
84
|
+
imageSrc: responseIcon.Error,
|
|
85
|
+
primaryButtonAppearance: 'errorPrimary sizeXXL solid',
|
|
82
86
|
secondaryButtonAppearance: 'surfaceSecondary sizeXXL solid',
|
|
83
|
-
svgFill: '
|
|
84
|
-
svgPathFill: '
|
|
87
|
+
svgFill: 'errorPrimary',
|
|
88
|
+
svgPathFill: 'errorItemPrimary',
|
|
85
89
|
},
|
|
86
90
|
};
|
|
87
91
|
|
|
88
|
-
var
|
|
89
|
-
|
|
92
|
+
var responseAppearanceFail = {
|
|
93
|
+
fail: {
|
|
90
94
|
fill: 'surfacePrimary',
|
|
91
95
|
titleTextColor: 'surfaceTextPrimary',
|
|
92
96
|
titleTextSize: 'xxl',
|
|
93
97
|
labelTextColor: 'surfaceTextPrimary',
|
|
94
98
|
descTextSize: 'm',
|
|
99
|
+
imageSrc: responseIcon.Fail,
|
|
95
100
|
primaryButtonAppearance: 'accentPrimary sizeXXL solid',
|
|
96
101
|
secondaryButtonAppearance: 'surfaceSecondary sizeXXL solid',
|
|
97
102
|
svgFill: 'surfaceTertiary',
|
|
@@ -99,31 +104,47 @@ var responseAppearanceRefresh = {
|
|
|
99
104
|
},
|
|
100
105
|
};
|
|
101
106
|
|
|
102
|
-
var
|
|
103
|
-
|
|
107
|
+
var responseAppearanceNothingFound = {
|
|
108
|
+
nothingFound: {
|
|
104
109
|
fill: 'surfacePrimary',
|
|
105
110
|
titleTextColor: 'surfaceTextPrimary',
|
|
106
111
|
titleTextSize: 'xxl',
|
|
107
112
|
labelTextColor: 'surfaceTextPrimary',
|
|
108
113
|
descTextSize: 'm',
|
|
109
|
-
|
|
114
|
+
imageSrc: responseIcon.NothingFound,
|
|
115
|
+
primaryButtonAppearance: 'accentPrimary sizeXXL solid',
|
|
110
116
|
secondaryButtonAppearance: 'surfaceSecondary sizeXXL solid',
|
|
111
|
-
svgFill: '
|
|
112
|
-
svgPathFill: '
|
|
117
|
+
svgFill: 'surfaceTertiary',
|
|
118
|
+
svgPathFill: 'surfaceItemQuaternary',
|
|
113
119
|
},
|
|
114
120
|
};
|
|
115
121
|
|
|
116
|
-
var
|
|
117
|
-
|
|
122
|
+
var responseAppearanceRefresh = {
|
|
123
|
+
refresh: {
|
|
118
124
|
fill: 'surfacePrimary',
|
|
119
125
|
titleTextColor: 'surfaceTextPrimary',
|
|
120
126
|
titleTextSize: 'xxl',
|
|
121
127
|
labelTextColor: 'surfaceTextPrimary',
|
|
122
128
|
descTextSize: 'm',
|
|
123
|
-
|
|
129
|
+
imageSrc: responseIcon.Refresh,
|
|
130
|
+
primaryButtonAppearance: 'accentPrimary sizeXXL solid',
|
|
124
131
|
secondaryButtonAppearance: 'surfaceSecondary sizeXXL solid',
|
|
125
|
-
svgFill: '
|
|
126
|
-
svgPathFill: '
|
|
132
|
+
svgFill: 'surfaceTertiary',
|
|
133
|
+
svgPathFill: 'surfaceItemQuaternary',
|
|
134
|
+
},
|
|
135
|
+
};
|
|
136
|
+
|
|
137
|
+
var responseAppearanceStyle = {
|
|
138
|
+
solid: {
|
|
139
|
+
borderColor: 'none',
|
|
140
|
+
},
|
|
141
|
+
outlined: {
|
|
142
|
+
fill: 'none',
|
|
143
|
+
},
|
|
144
|
+
full: {},
|
|
145
|
+
ghost: {
|
|
146
|
+
fill: 'none',
|
|
147
|
+
borderColor: 'none',
|
|
127
148
|
},
|
|
128
149
|
};
|
|
129
150
|
|
|
@@ -134,6 +155,7 @@ var responseAppearanceSuccess = {
|
|
|
134
155
|
titleTextSize: 'xxl',
|
|
135
156
|
labelTextColor: 'surfaceTextPrimary',
|
|
136
157
|
descTextSize: 'm',
|
|
158
|
+
imageSrc: responseIcon.Success,
|
|
137
159
|
primaryButtonAppearance: 'accentPrimary sizeXXL solid',
|
|
138
160
|
secondaryButtonAppearance: 'surfaceSecondary sizeXXL solid',
|
|
139
161
|
svgFill: 'accentPrimary',
|
|
@@ -148,6 +170,7 @@ var responseAppearanceUnableLoadData = {
|
|
|
148
170
|
titleTextSize: 'xxl',
|
|
149
171
|
labelTextColor: 'surfaceTextPrimary',
|
|
150
172
|
descTextSize: 'm',
|
|
173
|
+
imageSrc: responseIcon.UnableLoadData,
|
|
151
174
|
primaryButtonAppearance: 'accentPrimary sizeXXL solid',
|
|
152
175
|
secondaryButtonAppearance: 'surfaceSecondary sizeXXL solid',
|
|
153
176
|
svgFill: 'surfaceTertiary',
|
|
@@ -162,6 +185,7 @@ var responseAppearanceWarning = {
|
|
|
162
185
|
titleTextSize: 'xxl',
|
|
163
186
|
labelTextColor: 'surfaceTextPrimary',
|
|
164
187
|
descTextSize: 'm',
|
|
188
|
+
imageSrc: responseIcon.Warning,
|
|
165
189
|
primaryButtonAppearance: 'warningPrimary sizeXXL solid',
|
|
166
190
|
secondaryButtonAppearance: 'surfaceSecondary sizeXXL solid',
|
|
167
191
|
svgFill: 'warningPrimary',
|
|
@@ -169,7 +193,7 @@ var responseAppearanceWarning = {
|
|
|
169
193
|
},
|
|
170
194
|
};
|
|
171
195
|
|
|
172
|
-
var responseAppearance = __assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign({}, responseAppearanceConfirm), responseAppearanceEmpty), responseAppearanceDanger), responseAppearanceRefresh), responseAppearanceUnableLoadData), responseAppearanceNothingFound), responseAppearanceFail), responseAppearanceError), responseAppearanceSuccess), responseAppearanceWarning);
|
|
196
|
+
var responseAppearance = __assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign({}, responseAppearanceConfirm), responseAppearanceEmpty), responseAppearanceDanger), responseAppearanceRefresh), responseAppearanceUnableLoadData), responseAppearanceNothingFound), responseAppearanceFail), responseAppearanceError), responseAppearanceSuccess), responseAppearanceWarning), responseAppearanceStyle);
|
|
173
197
|
|
|
174
198
|
var responseConfig = {
|
|
175
199
|
appearance: responseAppearance,
|
|
@@ -178,10 +202,10 @@ var responseConfig = {
|
|
|
178
202
|
},
|
|
179
203
|
};
|
|
180
204
|
var Response = urlWithAssetPrefix(function Response(props) {
|
|
181
|
-
var
|
|
205
|
+
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;
|
|
182
206
|
var appearanceConfig = useAppearanceConfig(appearance, responseConfig);
|
|
183
207
|
var propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
|
|
184
|
-
var 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,
|
|
208
|
+
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;
|
|
185
209
|
// TODO: use Icon instead?
|
|
186
210
|
var ImageComponent = useMemo(function () {
|
|
187
211
|
var src = imageSrc || svgSrc;
|
|
@@ -217,4 +241,80 @@ var Response = urlWithAssetPrefix(function Response(props) {
|
|
|
217
241
|
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] }));
|
|
218
242
|
});
|
|
219
243
|
|
|
220
|
-
|
|
244
|
+
var RESPONSE_MESSAGES = {
|
|
245
|
+
empty: {
|
|
246
|
+
appearance: 'refresh ghost',
|
|
247
|
+
title: ' Список пуст',
|
|
248
|
+
desc: 'Нет данных по заданным параметрам',
|
|
249
|
+
code: '500',
|
|
250
|
+
imageSrc: responseIcon.Empty,
|
|
251
|
+
primaryButtonAppearance: 'surfaceSecondary sizeXXL solid rounded',
|
|
252
|
+
primaryButtonLabel: 'ОК',
|
|
253
|
+
},
|
|
254
|
+
error: {
|
|
255
|
+
appearance: 'error ghost',
|
|
256
|
+
title: 'Ошибка',
|
|
257
|
+
desc: 'Возникла проблема с обработкой вашего запроса. Повторите попытку позже или обратитесь в поддержку по электронной почте: support@example.com',
|
|
258
|
+
code: '500',
|
|
259
|
+
imageSrc: responseIcon.Error,
|
|
260
|
+
primaryButtonAppearance: 'errorPrimary sizeXXL solid rounded',
|
|
261
|
+
primaryButtonLabel: 'ОК',
|
|
262
|
+
secondaryButtonAppearance: 'surfaceSecondary sizeXXL solid rounded',
|
|
263
|
+
secondaryButtonLabel: 'Отмена',
|
|
264
|
+
},
|
|
265
|
+
warning: {
|
|
266
|
+
appearance: 'warning ghost',
|
|
267
|
+
title: 'Внимание',
|
|
268
|
+
imageSrc: responseIcon.Warning,
|
|
269
|
+
primaryButtonAppearance: 'warningPrimary sizeXXL solid rounded',
|
|
270
|
+
primaryButtonLabel: 'Повторить',
|
|
271
|
+
secondaryButtonAppearance: 'warningPrimary sizeXXL solid rounded',
|
|
272
|
+
secondaryButtonLabel: 'Отмена',
|
|
273
|
+
},
|
|
274
|
+
success: {
|
|
275
|
+
appearance: 'refresh ghost',
|
|
276
|
+
title: 'Готово',
|
|
277
|
+
desc: 'Успешно выполнено',
|
|
278
|
+
code: '500',
|
|
279
|
+
imageSrc: responseIcon.Success,
|
|
280
|
+
primaryButtonAppearance: 'successPrimary sizeXXL solid rounded',
|
|
281
|
+
primaryButtonLabel: 'ОК',
|
|
282
|
+
secondaryButtonAppearance: 'surfaceSecondary sizeXXL solid rounded',
|
|
283
|
+
secondaryButtonLabel: 'Закрыть',
|
|
284
|
+
},
|
|
285
|
+
nothingFound: {
|
|
286
|
+
appearance: 'refresh ghost',
|
|
287
|
+
title: 'Ничего не найдено',
|
|
288
|
+
desc: 'Нет данных по заданным параметрам',
|
|
289
|
+
code: '500',
|
|
290
|
+
imageSrc: responseIcon.NothingFound,
|
|
291
|
+
primaryButtonAppearance: 'surfaceSecondary sizeXXL solid rounded',
|
|
292
|
+
primaryButtonLabel: 'Сбросить',
|
|
293
|
+
secondaryButtonAppearance: 'surfaceSecondary sizeXXL solid rounded',
|
|
294
|
+
secondaryButtonLabel: 'Отмена',
|
|
295
|
+
},
|
|
296
|
+
errorNetwork: {
|
|
297
|
+
appearance: 'unableLoadData ghost',
|
|
298
|
+
title: 'Ошибка соединения',
|
|
299
|
+
desc: 'Не удалось подключиться.Проверьте интернет-соединение и повторите попытку',
|
|
300
|
+
code: '503',
|
|
301
|
+
imageSrc: responseIcon.UnableLoadData,
|
|
302
|
+
primaryButtonAppearance: 'surfaceSecondary sizeXXL solid rounded',
|
|
303
|
+
primaryButtonLabel: 'Обновить',
|
|
304
|
+
secondaryButtonAppearance: 'surfaceSecondary sizeXXL solid rounded',
|
|
305
|
+
secondaryButtonLabel: 'Отмена',
|
|
306
|
+
},
|
|
307
|
+
errorRequest: {
|
|
308
|
+
appearance: 'refresh ghost',
|
|
309
|
+
title: 'Доступ ограничен',
|
|
310
|
+
desc: 'Для выяснения причин и восстановления доступа обратитесь, пожалуйста, в техническую поддержку по электронной почте: support@example.com',
|
|
311
|
+
code: '403',
|
|
312
|
+
imageSrc: responseIcon.UnableLoadData,
|
|
313
|
+
primaryButtonAppearance: 'surfaceSecondary sizeXXL solid rounded',
|
|
314
|
+
primaryButtonLabel: 'Повторить',
|
|
315
|
+
secondaryButtonAppearance: 'surfaceSecondary sizeXXL solid rounded',
|
|
316
|
+
secondaryButtonLabel: 'Отмена',
|
|
317
|
+
},
|
|
318
|
+
};
|
|
319
|
+
|
|
320
|
+
export { RESPONSE_MESSAGES, Response, responseAppearance, responseConfig, responseIcon };
|
|
@@ -6,7 +6,7 @@ import clsx from 'clsx';
|
|
|
6
6
|
import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceConfig.js';
|
|
7
7
|
import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
|
|
8
8
|
import { useStyles } from '../hooks/useStyles/useStyles.js';
|
|
9
|
-
import { I as Icon } from '../
|
|
9
|
+
import { I as Icon } from '../Icon_es_BrwLifge.js';
|
|
10
10
|
import { T as Text } from '../Text_es_CwV9rjFD.js';
|
|
11
11
|
import { S as Scrollbar } from '../Scrollbar_es_CThJeCLF.js';
|
|
12
12
|
import 'lodash/camelCase';
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
2
2
|
import { useRef, useMemo, createRef, useCallback, useEffect } from 'react';
|
|
3
3
|
import clsx from 'clsx';
|
|
4
|
-
import { I as Icon } from '../
|
|
4
|
+
import { I as Icon } from '../Icon_es_BrwLifge.js';
|
|
5
5
|
import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceConfig.js';
|
|
6
6
|
import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
|
|
7
7
|
import { T as Text } from '../Text_es_CwV9rjFD.js';
|
|
@@ -211,7 +211,7 @@ var segmentedConfig = {
|
|
|
211
211
|
},
|
|
212
212
|
};
|
|
213
213
|
var Segmented = function (props) {
|
|
214
|
-
var
|
|
214
|
+
var appearance = props.appearance, className = props.className, name = props.name, _a = props.activeSegment, activeSegment = _a === void 0 ? {} : _a, segments = props.segments, isDisabled = props.isDisabled, isSkeleton = props.isSkeleton, setActiveSegment = props.setActiveSegment, onChange = props.onChange;
|
|
215
215
|
var controlRef = useRef(null);
|
|
216
216
|
var segmentsRefs = useMemo(function () {
|
|
217
217
|
return new Map(segments.map(function (item) { return [item.value, createRef()]; }));
|
|
@@ -235,7 +235,7 @@ var Segmented = function (props) {
|
|
|
235
235
|
}, [activeSegment, segmentsRefs]);
|
|
236
236
|
var appearanceConfig = useAppearanceConfig(appearance, segmentedConfig, isDisabled);
|
|
237
237
|
var propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
|
|
238
|
-
var fillActiveClass = propsGenerator.fillActiveClass, fillActiveHoverClass = propsGenerator.fillActiveHoverClass, fillClass = propsGenerator.fillClass, fillHoverClass = propsGenerator.fillHoverClass, labelTextActiveColor = propsGenerator.labelTextActiveColor, labelTextActiveHoverColor = propsGenerator.labelTextActiveHoverColor, labelTextColor = propsGenerator.labelTextColor, labelTextHoverColor = propsGenerator.labelTextHoverColor, labelTextSize = propsGenerator.labelTextSize, labelTextWrap = propsGenerator.labelTextWrap,
|
|
238
|
+
var fillActiveClass = propsGenerator.fillActiveClass, fillActiveHoverClass = propsGenerator.fillActiveHoverClass, fillClass = propsGenerator.fillClass, fillHoverClass = propsGenerator.fillHoverClass, labelTextActiveColor = propsGenerator.labelTextActiveColor, labelTextActiveHoverColor = propsGenerator.labelTextActiveHoverColor, labelTextColor = propsGenerator.labelTextColor, labelTextHoverColor = propsGenerator.labelTextHoverColor, labelTextSize = propsGenerator.labelTextSize, labelTextWrap = propsGenerator.labelTextWrap, borderColorClass = propsGenerator.borderColorClass, borderTypeClass = propsGenerator.borderTypeClass, borderWidthClass = propsGenerator.borderWidthClass, iconFill = propsGenerator.iconFill, iconFillActive = propsGenerator.iconFillActive, iconFillDisabled = propsGenerator.iconFillDisabled, iconSize = propsGenerator.iconSize, indicatorFillClass = propsGenerator.indicatorFillClass, shapeClass = propsGenerator.shapeClass, shapeStrengthClass = propsGenerator.shapeStrengthClass, sizeClass = propsGenerator.sizeClass, widthClass = propsGenerator.widthClass;
|
|
239
239
|
return (jsx("div", { className: clsx(className, 'segmented', shapeClass && "shape_".concat(shapeClass), shapeStrengthClass && "shape-strength_".concat(shapeStrengthClass), fillClass && "fill_".concat(fillClass), widthClass && "segmented_width_".concat(widthClass), sizeClass && "segmented_size_".concat(sizeClass), borderColorClass && "border-color_".concat(borderColorClass), borderWidthClass && "border-width_".concat(borderWidthClass), borderTypeClass && "border_type_".concat(borderTypeClass), isSkeleton && "segmented_skeleton"), ref: controlRef, children: jsx("div", { className: "segmented__wrapper", children: jsxs("div", { className: clsx('segmented__wrapper-inner'), children: [segments === null || segments === void 0 ? void 0 : segments.map(function (item) {
|
|
240
240
|
var isActive = String(activeSegment === null || activeSegment === void 0 ? void 0 : activeSegment.value) === String(item.value);
|
|
241
241
|
return (jsx("div", { className: clsx('segmented__item', !item.label && 'segmented__item_icon', sizeClass && "segmented__item_size_".concat(sizeClass), isActive && 'segmented__item_active', !isActive && isDisabled && 'segmented__item_state_disabled', isActive &&
|
|
@@ -245,11 +245,11 @@ var Segmented = function (props) {
|
|
|
245
245
|
: fillActiveHoverClass &&
|
|
246
246
|
"fill_active_hover_".concat(fillActiveHoverClass), isActive &&
|
|
247
247
|
fillActiveClass &&
|
|
248
|
-
"fill_active_".concat(fillActiveClass)), ref: segmentsRefs.get(item.value), onClick: function () { return !isDisabled && onChangeValue(item); }, children: jsxs("div", { className: clsx('segmented__item-label', sizeClass && "segmented_size_".concat(sizeClass)), children: [item.iconBefore || item.iconBeforeActive ? (jsx(Icon, { className: "segmented__item-icon",
|
|
248
|
+
"fill_active_".concat(fillActiveClass)), ref: segmentsRefs.get(item.value), onClick: function () { return !isDisabled && onChangeValue(item); }, children: jsxs("div", { className: clsx('segmented__item-label', sizeClass && "segmented_size_".concat(sizeClass)), children: [item.iconBefore || item.iconBeforeActive ? (jsx(Icon, { className: "segmented__item-icon", iconFill: iconFill, iconFillActive: iconFillActive, iconFillDisabled: iconFillDisabled, iconSize: iconSize, SvgImage: isActive
|
|
249
249
|
? item.iconBeforeActive || item.iconBefore
|
|
250
|
-
: item.iconBefore, isActive: isActive })) : null, item.label && (jsx(Text, { size: labelTextSize, textColor: labelTextColor, textColorActive: labelTextActiveColor, textColorActiveHover: labelTextActiveHoverColor, textColorHover: labelTextHoverColor, textWrap: labelTextWrap, isActive: isActive, children: item.label })), item.icon || item.iconActive ? (jsx(Icon, { className: "segmented__item-icon",
|
|
250
|
+
: item.iconBefore, isActive: isActive, isDisabled: isDisabled })) : null, item.label && (jsx(Text, { size: labelTextSize, textColor: labelTextColor, textColorActive: labelTextActiveColor, textColorActiveHover: labelTextActiveHoverColor, textColorHover: labelTextHoverColor, textWrap: labelTextWrap, isActive: isActive, children: item.label })), item.icon || item.iconActive ? (jsx(Icon, { className: "segmented__item-icon", iconFill: iconFill, iconFillActive: iconFillActive, iconFillDisabled: iconFillDisabled, iconSize: iconSize, SvgImage: isActive ? item.iconActive || item.icon : item.icon, isActive: isActive, isDisabled: isDisabled })) : null, item.iconAfter || item.iconAfterActive ? (jsx(Icon, { className: "segmented__item-icon", iconFill: iconFill, iconFillActive: iconFillActive, iconFillDisabled: iconFillDisabled, iconSize: iconSize, SvgImage: isActive
|
|
251
251
|
? item.iconAfterActive || item.iconAfter
|
|
252
|
-
: item.iconAfter, isActive: isActive })) : null] }) }, "".concat(name, "-").concat(item.value)));
|
|
252
|
+
: item.iconAfter, isActive: isActive, isDisabled: isDisabled })) : null] }) }, "".concat(name, "-").concat(item.value)));
|
|
253
253
|
}), jsx("div", { className: clsx('segmented__indicator', indicatorFillClass && "fill_".concat(indicatorFillClass)) })] }) }) }));
|
|
254
254
|
};
|
|
255
255
|
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { _ as __assign } from '../tslib.es6_es_Bwu1Cn-t.js';
|
|
2
2
|
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
3
3
|
import Select, { components } from 'react-select';
|
|
4
|
-
import { I as Icon, B as Badge } from '../
|
|
4
|
+
import { I as Icon, B as Badge } from '../Icon_es_BrwLifge.js';
|
|
5
5
|
import React, { useRef, useEffect, useMemo } from 'react';
|
|
6
6
|
import clsx from 'clsx';
|
|
7
7
|
import CreatableSelect from 'react-select/creatable';
|
|
@@ -10,7 +10,7 @@ import { T as Text } from '../Text_es_CwV9rjFD.js';
|
|
|
10
10
|
import { useAppearanceConfig } from '../hooks/useAppearanceConfig/useAppearanceConfig.js';
|
|
11
11
|
import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
|
|
12
12
|
import { icons12, icons16, icons14, icons24 } from '@itcase/icons/default';
|
|
13
|
-
import { L as Loader } from '../
|
|
13
|
+
import { L as Loader } from '../Loader_es_BUSqFrCd.js';
|
|
14
14
|
import { D as Divider } from '../Divider_es_CCLBFIx6.js';
|
|
15
15
|
import 'react-inlinesvg';
|
|
16
16
|
import '../hoc/urlWithAssetPrefix.js';
|
|
@@ -4,7 +4,7 @@ import clsx from 'clsx';
|
|
|
4
4
|
import { Swiper as Swiper$1, SwiperSlide } from 'swiper/react';
|
|
5
5
|
import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
|
|
6
6
|
import { useStyles } from '../hooks/useStyles/useStyles.js';
|
|
7
|
-
import { b as Title } from '../
|
|
7
|
+
import { b as Title } from '../Icon_es_BrwLifge.js';
|
|
8
8
|
import '../tslib.es6_es_Bwu1Cn-t.js';
|
|
9
9
|
import 'lodash/camelCase';
|
|
10
10
|
import 'lodash/castArray';
|