@megafon/ui-core 9.4.1-old-ui-icons → 9.5.0
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/es/components/Accordion/Accordion.js +1 -3
- package/dist/es/components/Badges/CounterBadge/CounterBadge.js +1 -1
- package/dist/es/components/Badges/InfoBadge/InfoBadge.js +28 -16
- package/dist/es/components/Badges/PriceBadge/PriceBadge.js +28 -16
- package/dist/es/components/Badges/PromoBadge/PromoBadge.js +1 -0
- package/dist/es/components/Badges/StatusBadge/StatusBadge.js +13 -9
- package/dist/es/components/Badges/TimerBadge/TimerBadge.js +3 -1
- package/dist/es/components/Buttons/Button/Button.js +1 -1
- package/dist/es/components/Buttons/ButtonClose/ButtonClose.js +1 -2
- package/dist/es/components/Calendar/components/_Month/Month.js +2 -6
- package/dist/es/components/Carousel/Carousel.d.ts +3 -1
- package/dist/es/components/Carousel/Carousel.js +8 -4
- package/dist/es/components/Checkbox/Checkbox.js +1 -1
- package/dist/es/components/Chips/Chips/Chip.js +2 -6
- package/dist/es/components/Counter/Counter.js +2 -2
- package/dist/es/components/ErrorLoad/ErrorLoad.js +1 -3
- package/dist/es/components/ListData/ListData.js +9 -13
- package/dist/es/components/ListData/components/ListDataSortable.js +1 -3
- package/dist/es/components/Modal/_ModalContent/ModalContent.js +2 -3
- package/dist/es/components/MultipleSelect/MultipleSelect.js +2 -5
- package/dist/es/components/NavArrow/NavArrow.js +4 -4
- package/dist/es/components/Notification/Notification.js +13 -9
- package/dist/es/components/Pagination/components/PaginationNavigation/PaginationNavigation.js +2 -4
- package/dist/es/components/Parameter/Parameter.js +3 -1
- package/dist/es/components/Row/Row.js +1 -1
- package/dist/es/components/Search/Search.js +3 -3
- package/dist/es/components/SectionAccordionGroup/SectionAccordionGroup.js +1 -3
- package/dist/es/components/Sliders/SliderRatio/SliderRatio.css +1 -1
- package/dist/es/components/Sliders/SliderRatio/SliderRatio.d.ts +3 -0
- package/dist/es/components/Sliders/SliderRatio/SliderRatio.js +20 -4
- package/dist/es/components/Sliders/SliderRatio/helpers.d.ts +1 -1
- package/dist/es/components/Sliders/SliderRatio/helpers.js +3 -0
- package/dist/es/components/Sliders/SliderRatio/types.d.ts +1 -1
- package/dist/es/components/Snackbar/Snackbar.js +10 -6
- package/dist/es/components/Stepper/Stepper.js +1 -1
- package/dist/es/components/Switcher/Switcher.js +3 -1
- package/dist/es/components/Tabs/Tabs.js +1 -1
- package/dist/es/components/TextField/TextField.js +13 -7
- package/dist/es/components/Tooltip/Tooltip.js +5 -3
- package/dist/es/components/UploadForm/UploadField/components/_UploadFieldDropArea/UploadFieldDropArea.js +5 -1
- package/dist/es/components/UploadForm/UploadFileItem/UploadFileItem.js +3 -4
- package/dist/es/components/UploadForm/UploadFileItem/components/_UploadFileItemIcon/UploadFileItemIcon.js +6 -0
- package/dist/lib/components/Accordion/Accordion.js +1 -3
- package/dist/lib/components/Badges/CounterBadge/CounterBadge.js +1 -1
- package/dist/lib/components/Badges/InfoBadge/InfoBadge.js +28 -16
- package/dist/lib/components/Badges/PriceBadge/PriceBadge.js +28 -16
- package/dist/lib/components/Badges/PromoBadge/PromoBadge.js +1 -0
- package/dist/lib/components/Badges/StatusBadge/StatusBadge.js +13 -9
- package/dist/lib/components/Badges/TimerBadge/TimerBadge.js +3 -1
- package/dist/lib/components/Buttons/Button/Button.js +1 -1
- package/dist/lib/components/Buttons/ButtonClose/ButtonClose.js +1 -2
- package/dist/lib/components/Calendar/components/_Month/Month.js +2 -6
- package/dist/lib/components/Carousel/Carousel.d.ts +3 -1
- package/dist/lib/components/Carousel/Carousel.js +8 -4
- package/dist/lib/components/Checkbox/Checkbox.js +1 -1
- package/dist/lib/components/Chips/Chips/Chip.js +2 -6
- package/dist/lib/components/Counter/Counter.js +2 -2
- package/dist/lib/components/ErrorLoad/ErrorLoad.js +1 -3
- package/dist/lib/components/ListData/ListData.js +9 -13
- package/dist/lib/components/ListData/components/ListDataSortable.js +1 -3
- package/dist/lib/components/Modal/_ModalContent/ModalContent.js +2 -3
- package/dist/lib/components/MultipleSelect/MultipleSelect.js +2 -5
- package/dist/lib/components/NavArrow/NavArrow.js +4 -4
- package/dist/lib/components/Notification/Notification.js +13 -9
- package/dist/lib/components/Pagination/components/PaginationNavigation/PaginationNavigation.js +2 -4
- package/dist/lib/components/Parameter/Parameter.js +3 -1
- package/dist/lib/components/Row/Row.js +1 -1
- package/dist/lib/components/Search/Search.js +3 -3
- package/dist/lib/components/SectionAccordionGroup/SectionAccordionGroup.js +1 -3
- package/dist/lib/components/Sliders/SliderRatio/SliderRatio.css +1 -1
- package/dist/lib/components/Sliders/SliderRatio/SliderRatio.d.ts +3 -0
- package/dist/lib/components/Sliders/SliderRatio/SliderRatio.js +20 -4
- package/dist/lib/components/Sliders/SliderRatio/helpers.d.ts +1 -1
- package/dist/lib/components/Sliders/SliderRatio/helpers.js +3 -0
- package/dist/lib/components/Sliders/SliderRatio/types.d.ts +1 -1
- package/dist/lib/components/Snackbar/Snackbar.js +10 -6
- package/dist/lib/components/Stepper/Stepper.js +1 -1
- package/dist/lib/components/Switcher/Switcher.js +3 -1
- package/dist/lib/components/Tabs/Tabs.js +1 -1
- package/dist/lib/components/TextField/TextField.js +13 -7
- package/dist/lib/components/Tooltip/Tooltip.js +5 -3
- package/dist/lib/components/UploadForm/UploadField/components/_UploadFieldDropArea/UploadFieldDropArea.js +5 -1
- package/dist/lib/components/UploadForm/UploadFileItem/UploadFileItem.js +3 -4
- package/dist/lib/components/UploadForm/UploadFileItem/components/_UploadFileItemIcon/UploadFileItemIcon.js +6 -0
- package/package.json +4 -3
|
@@ -22,18 +22,14 @@ var ArrowDown = function ArrowDown(props) {
|
|
|
22
22
|
return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
|
|
23
23
|
viewBox: "0 0 20 20"
|
|
24
24
|
}, props), /*#__PURE__*/React.createElement("path", {
|
|
25
|
-
d: "
|
|
26
|
-
fillRule: "evenodd",
|
|
27
|
-
clipRule: "evenodd"
|
|
25
|
+
d: "M10.465 11.798a.609.609 0 01-.907 0L7.187 9.25c-.41-.44-.1-1.25.476-1.25h4.679c.575 0 .879.811.47 1.25l-2.347 2.548z"
|
|
28
26
|
}));
|
|
29
27
|
};
|
|
30
28
|
var ArrowUp = function ArrowUp(props) {
|
|
31
29
|
return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
|
|
32
30
|
viewBox: "0 0 20 20"
|
|
33
31
|
}, props), /*#__PURE__*/React.createElement("path", {
|
|
34
|
-
d: "
|
|
35
|
-
fillRule: "evenodd",
|
|
36
|
-
clipRule: "evenodd"
|
|
32
|
+
d: "M9.535 8.202a.609.609 0 01.907 0l2.371 2.547c.41.44.1 1.251-.476 1.251H7.658c-.576 0-.879-.811-.47-1.25l2.347-2.548z"
|
|
37
33
|
}));
|
|
38
34
|
};
|
|
39
35
|
var ChipColors = exports.ChipColors = {
|
|
@@ -19,14 +19,14 @@ var IconMinus = function IconMinus(props) {
|
|
|
19
19
|
return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
|
|
20
20
|
viewBox: "0 0 20 20"
|
|
21
21
|
}, props), /*#__PURE__*/React.createElement("path", {
|
|
22
|
-
d: "
|
|
22
|
+
d: "M14 9a1 1 0 110 2H6a1 1 0 110-2h8z"
|
|
23
23
|
}));
|
|
24
24
|
};
|
|
25
25
|
var IconPlus = function IconPlus(props) {
|
|
26
26
|
return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
|
|
27
27
|
viewBox: "0 0 20 20"
|
|
28
28
|
}, props), /*#__PURE__*/React.createElement("path", {
|
|
29
|
-
d: "
|
|
29
|
+
d: "M10 5a1 1 0 011 1v3h3a1 1 0 110 2h-3v3a1 1 0 11-2 0v-3H6a1 1 0 110-2h3V6a1 1 0 011-1z"
|
|
30
30
|
}));
|
|
31
31
|
};
|
|
32
32
|
var cn = (0, _uiHelpers.cnCreate)('mfui-9-counter');
|
|
@@ -19,9 +19,7 @@ var RefreshIcon24 = function RefreshIcon24(props) {
|
|
|
19
19
|
return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
|
|
20
20
|
viewBox: "0 0 32 32"
|
|
21
21
|
}, props), /*#__PURE__*/React.createElement("path", {
|
|
22
|
-
|
|
23
|
-
clipRule: "evenodd",
|
|
24
|
-
d: "M16.064 8C11.604 8 8 11.588 8 16s3.604 8 8.064 8c4.1 0 7.478-3.033 7.995-6.948l1.983.262C25.393 22.223 21.17 26 16.064 26 10.513 26 6 21.53 6 16S10.513 6 16.064 6c3.456 0 6.507 1.731 8.32 4.371l.704-2.345 1.915.575-1.419 4.726a1 1 0 01-1.228.675l-4.855-1.364.541-1.925 2.664.748A8.074 8.074 0 0016.064 8z"
|
|
22
|
+
d: "M15.698 5.172a11.6 11.6 0 019.24 4.562l.079-.83a1.547 1.547 0 013.083.285l-.353 3.797a2.323 2.323 0 01-2.526 2.098l-3.796-.352a1.549 1.549 0 01.286-3.083l.854.079a8.508 8.508 0 00-6.867-3.46c-4.703 0-8.493 3.776-8.493 8.406 0 4.63 3.79 8.405 8.493 8.405 3.787 0 6.989-2.452 8.086-5.828a1.549 1.549 0 012.946.957c-1.505 4.628-5.879 7.968-11.032 7.968-6.387 0-11.588-5.137-11.589-11.502 0-6.365 5.202-11.502 11.59-11.502z"
|
|
25
23
|
}));
|
|
26
24
|
};
|
|
27
25
|
var cn = (0, _uiHelpers.cnCreate)('mfui-9-error-load');
|
|
@@ -18,24 +18,20 @@ var DeleteIcon = function DeleteIcon(props) {
|
|
|
18
18
|
return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
|
|
19
19
|
viewBox: "0 0 20 20"
|
|
20
20
|
}, props), /*#__PURE__*/React.createElement("path", {
|
|
21
|
-
|
|
21
|
+
fillRule: "evenodd",
|
|
22
|
+
clipRule: "evenodd",
|
|
23
|
+
d: "M15.009 14.31c-.137 1.75-.205 2.626-.78 3.158-.574.532-1.452.532-3.207.532H8.98c-1.755 0-2.633 0-3.208-.532-.574-.532-.642-1.407-.779-3.158l-.571-7.326H15.58l-.571 7.326zm-2.846-4.97a.499.499 0 00-.706 0l-1.388 1.391-1.386-1.39a.498.498 0 00-.706 0 .502.502 0 000 .709l1.386 1.39-1.396 1.4a.502.502 0 000 .709.498.498 0 00.706 0l1.396-1.401 1.398 1.4a.498.498 0 00.706 0 .502.502 0 000-.707l-1.398-1.401 1.388-1.391a.502.502 0 000-.708z"
|
|
24
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
25
|
+
d: "M16.006 4a1 1 0 010 2h-12a1 1 0 110-2h12zm-3.979-2c.551 0 .997.446.997.997H6.977c0-.55.446-.997.997-.997h4.053z"
|
|
22
26
|
}));
|
|
23
27
|
};
|
|
24
28
|
var NothingIcon = function NothingIcon(props) {
|
|
25
29
|
return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
|
|
26
30
|
viewBox: "0 0 32 32"
|
|
27
|
-
}, props), /*#__PURE__*/React.createElement("
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
}), /*#__PURE__*/React.createElement("circle", {
|
|
32
|
-
cx: 16,
|
|
33
|
-
cy: 16,
|
|
34
|
-
r: 1.5
|
|
35
|
-
}), /*#__PURE__*/React.createElement("circle", {
|
|
36
|
-
cx: 11,
|
|
37
|
-
cy: 16,
|
|
38
|
-
r: 1.5
|
|
31
|
+
}, props), /*#__PURE__*/React.createElement("path", {
|
|
32
|
+
fillRule: "evenodd",
|
|
33
|
+
clipRule: "evenodd",
|
|
34
|
+
d: "M28 16c0 6.627-5.373 12-12 12S4 22.627 4 16 9.373 4 16 4s12 5.373 12 12zM9.6 17.6a1.6 1.6 0 100-3.2 1.6 1.6 0 000 3.2zm6.4 0a1.6 1.6 0 100-3.2 1.6 1.6 0 000 3.2zm6.4 0a1.6 1.6 0 100-3.2 1.6 1.6 0 000 3.2z"
|
|
39
35
|
}));
|
|
40
36
|
};
|
|
41
37
|
var LINE_COUNT = 2;
|
|
@@ -21,9 +21,7 @@ var DragIcon = function DragIcon(props) {
|
|
|
21
21
|
return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
|
|
22
22
|
viewBox: "0 0 32 32"
|
|
23
23
|
}, props), /*#__PURE__*/React.createElement("path", {
|
|
24
|
-
|
|
25
|
-
clipRule: "evenodd",
|
|
26
|
-
d: "M24 14H8v-2h16v2zm0 6H8v-2h16v2z"
|
|
24
|
+
d: "M22.4 17.799a1.6 1.6 0 110 3.199H9.6a1.6 1.6 0 110-3.2h12.8zm0-6.797a1.6 1.6 0 110 3.2H9.6a1.6 1.6 0 110-3.2h12.8z"
|
|
27
25
|
}));
|
|
28
26
|
};
|
|
29
27
|
var ActivatorNodes = exports.ActivatorNodes = {
|
|
@@ -18,15 +18,14 @@ var ArrowLeft24 = function ArrowLeft24(props) {
|
|
|
18
18
|
return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
|
|
19
19
|
viewBox: "0 0 32 32"
|
|
20
20
|
}, props), /*#__PURE__*/React.createElement("path", {
|
|
21
|
-
d: "
|
|
21
|
+
d: "M13.906 9.114a1.25 1.25 0 111.764 1.772l-3.871 3.853H23a1.25 1.25 0 110 2.5H11.777l3.893 3.875a1.25 1.25 0 01-1.764 1.772l-5.618-5.592a1.825 1.825 0 010-2.588l5.618-5.592z"
|
|
22
22
|
}));
|
|
23
23
|
};
|
|
24
24
|
var Cancel24 = function Cancel24(props) {
|
|
25
25
|
return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
|
|
26
26
|
viewBox: "0 0 32 32"
|
|
27
27
|
}, props), /*#__PURE__*/React.createElement("path", {
|
|
28
|
-
|
|
29
|
-
d: "M16 14.5L11.5 10 10 11.5l4.5 4.5-4.5 4.5 1.5 1.5 4.5-4.5 4.5 4.5 1.5-1.5-4.5-4.5 4.5-4.5-1.5-1.5-4.5 4.5z"
|
|
28
|
+
d: "M9.405 9.402a1.558 1.558 0 012.201 0l4.348 4.344 4.337-4.333a1.555 1.555 0 112.201 2.2l-4.338 4.331 4.339 4.335a1.555 1.555 0 11-2.201 2.2l-4.34-4.336-4.348 4.346a1.554 1.554 0 11-2.2-2.2l4.348-4.344L9.405 11.6a1.554 1.554 0 010-2.2z"
|
|
30
29
|
}));
|
|
31
30
|
};
|
|
32
31
|
var cn = (0, _uiHelpers.cnCreate)('mfui-9-modal-content');
|
|
@@ -26,17 +26,14 @@ var ClearIcon = function ClearIcon(props) {
|
|
|
26
26
|
return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
|
|
27
27
|
viewBox: "0 0 20 20"
|
|
28
28
|
}, props), /*#__PURE__*/React.createElement("path", {
|
|
29
|
-
|
|
30
|
-
d: "M10 8.8L6.2 5 5 6.2 8.8 10 5 13.8 6.2 15l3.8-3.8 3.8 3.8 1.2-1.2-3.8-3.8L15 6.2 13.8 5 10 8.8z"
|
|
29
|
+
d: "M5.762 5.76a1 1 0 011.415 0l2.795 2.79 2.788-2.785a1.001 1.001 0 011.415 1.414l-2.788 2.785 2.789 2.787a1 1 0 01-1.414 1.414l-2.79-2.787-2.796 2.794A1 1 0 115.76 12.76l2.796-2.794-2.795-2.792a1 1 0 010-1.414z"
|
|
31
30
|
}));
|
|
32
31
|
};
|
|
33
32
|
var ArrowIcon = function ArrowIcon(props) {
|
|
34
33
|
return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
|
|
35
34
|
viewBox: "0 0 32 32"
|
|
36
35
|
}, props), /*#__PURE__*/React.createElement("path", {
|
|
37
|
-
d: "
|
|
38
|
-
fillRule: "evenodd",
|
|
39
|
-
clipRule: "evenodd"
|
|
36
|
+
d: "M16.774 18.697a1.092 1.092 0 01-1.51 0l-3.953-3.82c-.682-.66-.165-1.877.794-1.877h7.798c.96 0 1.465 1.217.783 1.876l-3.912 3.82z"
|
|
40
37
|
}));
|
|
41
38
|
};
|
|
42
39
|
var isItemSelected = function isItemSelected(item, selectedItems) {
|
|
@@ -15,28 +15,28 @@ var ArrowLeft24 = function ArrowLeft24(props) {
|
|
|
15
15
|
return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
|
|
16
16
|
viewBox: "0 0 32 32"
|
|
17
17
|
}, props), /*#__PURE__*/React.createElement("path", {
|
|
18
|
-
d: "
|
|
18
|
+
d: "M13.906 9.114a1.25 1.25 0 111.764 1.772l-3.871 3.853H23a1.25 1.25 0 110 2.5H11.777l3.893 3.875a1.25 1.25 0 01-1.764 1.772l-5.618-5.592a1.825 1.825 0 010-2.588l5.618-5.592z"
|
|
19
19
|
}));
|
|
20
20
|
};
|
|
21
21
|
var ArrowRight24 = function ArrowRight24(props) {
|
|
22
22
|
return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
|
|
23
23
|
viewBox: "0 0 32 32"
|
|
24
24
|
}, props), /*#__PURE__*/React.createElement("path", {
|
|
25
|
-
d: "
|
|
25
|
+
d: "M16.326 9.118a1.25 1.25 0 011.768-.004l5.618 5.592a1.825 1.825 0 010 2.588l-5.618 5.592a1.25 1.25 0 01-1.764-1.772l3.871-3.853H9a1.25 1.25 0 010-2.5h11.223l-3.893-3.875a1.25 1.25 0 01-.004-1.768z"
|
|
26
26
|
}));
|
|
27
27
|
};
|
|
28
28
|
var ArrowLeft32 = function ArrowLeft32(props) {
|
|
29
29
|
return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
|
|
30
30
|
viewBox: "0 0 40 40"
|
|
31
31
|
}, props), /*#__PURE__*/React.createElement("path", {
|
|
32
|
-
d: "
|
|
32
|
+
d: "M16.964 10.562a1.972 1.972 0 112.757 2.822l-4.732 4.628h14.538a1.973 1.973 0 010 3.947H14.96l4.762 4.657a1.973 1.973 0 11-2.757 2.822l-7.633-7.465a2.76 2.76 0 010-3.946l7.633-7.465z"
|
|
33
33
|
}));
|
|
34
34
|
};
|
|
35
35
|
var ArrowRight32 = function ArrowRight32(props) {
|
|
36
36
|
return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
|
|
37
37
|
viewBox: "0 0 40 40"
|
|
38
38
|
}, props), /*#__PURE__*/React.createElement("path", {
|
|
39
|
-
d: "
|
|
39
|
+
d: "M19.996 10.594a1.972 1.972 0 012.79-.032l7.633 7.465a2.759 2.759 0 010 3.946l-7.634 7.465a1.972 1.972 0 11-2.756-2.822l4.732-4.628H10.223a1.973 1.973 0 010-3.947H24.79l-4.761-4.657a1.974 1.974 0 01-.033-2.79z"
|
|
40
40
|
}));
|
|
41
41
|
};
|
|
42
42
|
var Theme = exports.Theme = {
|
|
@@ -22,46 +22,50 @@ var ErrorIcon = function ErrorIcon(props) {
|
|
|
22
22
|
return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
|
|
23
23
|
viewBox: "0 0 32 32"
|
|
24
24
|
}, props), /*#__PURE__*/React.createElement("path", {
|
|
25
|
-
|
|
25
|
+
fillRule: "evenodd",
|
|
26
|
+
clipRule: "evenodd",
|
|
27
|
+
d: "M23.5 13.008a1.5 1.5 0 011.5 1.5v7.513a6 6 0 01-6 6h-6a6 6 0 01-6-6v-7.513a1.5 1.5 0 011.5-1.5h15zm-7.501 4.398a1.501 1.501 0 00-.702 2.825v2.493a.751.751 0 001.5 0v-2.55a1.498 1.498 0 00-.798-2.768z"
|
|
26
28
|
}), /*#__PURE__*/React.createElement("path", {
|
|
27
|
-
d: "M16
|
|
29
|
+
d: "M16 4.022a5.25 5.25 0 015.25 5.25v2.255h-1.5V9.272a3.75 3.75 0 00-7.5 0v2.255h-1.5V9.272A5.25 5.25 0 0116 4.022z"
|
|
28
30
|
}));
|
|
29
31
|
};
|
|
30
32
|
var ArrowDown = function ArrowDown(props) {
|
|
31
33
|
return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
|
|
32
34
|
viewBox: "0 0 20 20"
|
|
33
35
|
}, props), /*#__PURE__*/React.createElement("path", {
|
|
34
|
-
d: "
|
|
35
|
-
fillRule: "evenodd",
|
|
36
|
-
clipRule: "evenodd"
|
|
36
|
+
d: "M10.465 11.798a.609.609 0 01-.907 0L7.187 9.25c-.41-.44-.1-1.25.476-1.25h4.679c.575 0 .879.811.47 1.25l-2.347 2.548z"
|
|
37
37
|
}));
|
|
38
38
|
};
|
|
39
39
|
var RightArrow = function RightArrow(props) {
|
|
40
40
|
return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
|
|
41
41
|
viewBox: "0 0 20 20"
|
|
42
42
|
}, props), /*#__PURE__*/React.createElement("path", {
|
|
43
|
-
d: "
|
|
43
|
+
d: "M10.084 5.282a1 1 0 011.414.022l3.61 3.726c.522.54.523 1.4 0 1.94l-3.61 3.726a1 1 0 01-1.436-1.392l2.225-2.297H5.5a1 1 0 010-2h6.8l-2.239-2.31a1 1 0 01.023-1.415z"
|
|
44
44
|
}));
|
|
45
45
|
};
|
|
46
46
|
var WarningIcon = function WarningIcon(props) {
|
|
47
47
|
return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
|
|
48
48
|
viewBox: "0 0 32 32"
|
|
49
49
|
}, props), /*#__PURE__*/React.createElement("path", {
|
|
50
|
-
|
|
50
|
+
fillRule: "evenodd",
|
|
51
|
+
clipRule: "evenodd",
|
|
52
|
+
d: "M13.373 6.516c1.128-2.018 4.041-2.023 5.176-.008l9.067 16.094C28.725 24.571 27.296 27 25.03 27H6.97c-2.263 0-3.691-2.42-2.591-4.389l8.994-16.095zM16 21.163c-.829 0-1.5.657-1.5 1.467s.671 1.466 1.5 1.466c.828 0 1.5-.656 1.5-1.466 0-.81-.672-1.467-1.5-1.467zm0-10.3a1.5 1.5 0 00-1.5 1.5v5.867a1.5 1.5 0 003 0v-5.867a1.5 1.5 0 00-1.5-1.5z"
|
|
51
53
|
}));
|
|
52
54
|
};
|
|
53
55
|
var SuccessIcon = function SuccessIcon(props) {
|
|
54
56
|
return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
|
|
55
57
|
viewBox: "0 0 32 32"
|
|
56
58
|
}, props), /*#__PURE__*/React.createElement("path", {
|
|
57
|
-
d: "
|
|
59
|
+
d: "M11.033 15.1l3.39 3.39 6.817-6.742c.578-.572 1.483-.595 2.02-.051.538.544.504 1.449-.075 2.021l-7.858 7.773c-.576.57-1.476.595-2.015.056L8.95 17.185c-.54-.541-.512-1.446.063-2.021.576-.576 1.48-.604 2.021-.063z"
|
|
58
60
|
}));
|
|
59
61
|
};
|
|
60
62
|
var InfoIcon = function InfoIcon(props) {
|
|
61
63
|
return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
|
|
62
64
|
viewBox: "0 0 32 32"
|
|
63
65
|
}, props), /*#__PURE__*/React.createElement("path", {
|
|
64
|
-
|
|
66
|
+
fillRule: "evenodd",
|
|
67
|
+
clipRule: "evenodd",
|
|
68
|
+
d: "M16 4c6.627 0 12 5.373 12 12s-5.373 12-12 12S4 22.627 4 16 9.373 4 16 4zm0 9.25c-.78 0-1.412.633-1.412 1.412v7.059a1.412 1.412 0 102.824 0v-7.059c0-.78-.632-1.412-1.412-1.412zm-.144-4.477a1.412 1.412 0 100 2.824 1.412 1.412 0 000-2.824z"
|
|
65
69
|
}));
|
|
66
70
|
};
|
|
67
71
|
var TIMEOUT_DELAY = 400;
|
package/dist/lib/components/Pagination/components/PaginationNavigation/PaginationNavigation.js
CHANGED
|
@@ -16,16 +16,14 @@ var MoreIcon = function MoreIcon(props) {
|
|
|
16
16
|
return /*#__PURE__*/_react["default"].createElement("svg", (0, _extends2["default"])({
|
|
17
17
|
viewBox: "0 0 20 20"
|
|
18
18
|
}, props), /*#__PURE__*/_react["default"].createElement("path", {
|
|
19
|
-
|
|
20
|
-
clipRule: "evenodd",
|
|
21
|
-
d: "M2.5 11a1.5 1.5 0 100-3 1.5 1.5 0 000 3zm0 1a2.5 2.5 0 100-5 2.5 2.5 0 000 5zm7.5-1a1.5 1.5 0 100-3 1.5 1.5 0 000 3zm0 1a2.5 2.5 0 100-5 2.5 2.5 0 000 5zm9-2.5a1.5 1.5 0 11-3 0 1.5 1.5 0 013 0zm1 0a2.5 2.5 0 11-5 0 2.5 2.5 0 015 0z"
|
|
19
|
+
d: "M4 8a2 2 0 110 4 2 2 0 010-4zm6 0a2 2 0 110 4 2 2 0 010-4zm6 0a2 2 0 110 4 2 2 0 010-4z"
|
|
22
20
|
}));
|
|
23
21
|
};
|
|
24
22
|
var ArrowRightIcon = function ArrowRightIcon(props) {
|
|
25
23
|
return /*#__PURE__*/_react["default"].createElement("svg", (0, _extends2["default"])({
|
|
26
24
|
viewBox: "0 0 32 32"
|
|
27
25
|
}, props), /*#__PURE__*/_react["default"].createElement("path", {
|
|
28
|
-
d: "
|
|
26
|
+
d: "M16.326 9.118a1.25 1.25 0 011.768-.004l5.618 5.592a1.825 1.825 0 010 2.588l-5.618 5.592a1.25 1.25 0 01-1.764-1.772l3.871-3.853H9a1.25 1.25 0 010-2.5h11.223l-3.893-3.875a1.25 1.25 0 01-.004-1.768z"
|
|
29
27
|
}));
|
|
30
28
|
};
|
|
31
29
|
var ArrowsRightIcon = function ArrowsRightIcon(props) {
|
|
@@ -25,7 +25,9 @@ var InfoIcon = function InfoIcon(props) {
|
|
|
25
25
|
return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
|
|
26
26
|
viewBox: "0 0 20 20"
|
|
27
27
|
}, props), /*#__PURE__*/React.createElement("path", {
|
|
28
|
-
|
|
28
|
+
fillRule: "evenodd",
|
|
29
|
+
clipRule: "evenodd",
|
|
30
|
+
d: "M10 1.5a8.5 8.5 0 110 17 8.5 8.5 0 010-17zm0 6.553a1 1 0 00-1 1v5a1 1 0 002 0v-5a1 1 0 00-1-1zM9.898 4.88a1 1 0 100 2 1 1 0 000-2z"
|
|
29
31
|
}));
|
|
30
32
|
};
|
|
31
33
|
var cn = (0, _uiHelpers.cnCreate)('mfui-9-parameter');
|
|
@@ -18,7 +18,7 @@ var ArrowRight = function ArrowRight(props) {
|
|
|
18
18
|
return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
|
|
19
19
|
viewBox: "0 0 32 32"
|
|
20
20
|
}, props), /*#__PURE__*/React.createElement("path", {
|
|
21
|
-
d: "
|
|
21
|
+
d: "M16.326 9.118a1.25 1.25 0 011.768-.004l5.618 5.592a1.825 1.825 0 010 2.588l-5.618 5.592a1.25 1.25 0 01-1.764-1.772l3.871-3.853H9a1.25 1.25 0 010-2.5h11.223l-3.893-3.875a1.25 1.25 0 01-.004-1.768z"
|
|
22
22
|
}));
|
|
23
23
|
};
|
|
24
24
|
var cn = (0, _uiHelpers.cnCreate)('mfui-9-row');
|
|
@@ -46,14 +46,14 @@ var ClearIcon = function ClearIcon(props) {
|
|
|
46
46
|
return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
|
|
47
47
|
viewBox: "0 0 20 20"
|
|
48
48
|
}, props), /*#__PURE__*/React.createElement("path", {
|
|
49
|
-
|
|
50
|
-
d: "M10 8.8L6.2 5 5 6.2 8.8 10 5 13.8 6.2 15l3.8-3.8 3.8 3.8 1.2-1.2-3.8-3.8L15 6.2 13.8 5 10 8.8z"
|
|
49
|
+
d: "M5.762 5.76a1 1 0 011.415 0l2.795 2.79 2.788-2.785a1.001 1.001 0 011.415 1.414l-2.788 2.785 2.789 2.787a1 1 0 01-1.414 1.414l-2.79-2.787-2.796 2.794A1 1 0 115.76 12.76l2.796-2.794-2.795-2.792a1 1 0 010-1.414z"
|
|
51
50
|
}));
|
|
52
51
|
};
|
|
53
52
|
var ResizeIcon = function ResizeIcon(props) {
|
|
54
53
|
return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
|
|
55
54
|
width: 12,
|
|
56
|
-
height: 12
|
|
55
|
+
height: 12,
|
|
56
|
+
viewBox: "0 0 12 12"
|
|
57
57
|
}, props), /*#__PURE__*/React.createElement("path", {
|
|
58
58
|
d: "M1 11L11 1M7 11l4-4"
|
|
59
59
|
}));
|
|
@@ -23,9 +23,7 @@ var ArrowDown = function ArrowDown(props) {
|
|
|
23
23
|
return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
|
|
24
24
|
viewBox: "0 0 20 20"
|
|
25
25
|
}, props), /*#__PURE__*/React.createElement("path", {
|
|
26
|
-
d: "
|
|
27
|
-
fillRule: "evenodd",
|
|
28
|
-
clipRule: "evenodd"
|
|
26
|
+
d: "M10.465 11.798a.609.609 0 01-.907 0L7.187 9.25c-.41-.44-.1-1.25.476-1.25h4.679c.575 0 .879.811.47 1.25l-2.347 2.548z"
|
|
29
27
|
}));
|
|
30
28
|
};
|
|
31
29
|
var SCROLL_PADDING = 20;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
h1,h2,h3,h4,h5{margin:0}.mfui-9-slider-ratio{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.mfui-9-slider-ratio__head{font-size:15px;font-weight:500;line-height:24px;margin-bottom:8px}.mfui-9-slider-ratio__display-values{display:grid;grid-template-columns:45% 45%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:8px;width:100%}.mfui-9-slider-ratio__range-container{position:relative;width:100%}.mfui-9-slider-ratio__range-input{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--brandPurple);background-image:-webkit-gradient(linear,left top,left bottom,from(var(--brandGreen)),to(var(--brandGreen)));background-image:linear-gradient(var(--brandGreen),var(--brandGreen));background-repeat:no-repeat;border-radius:100px;cursor:pointer;display:block;height:12px;margin:6px 0;outline:none;pointer-events:none;position:relative;width:100%;z-index:1}.mfui-9-slider-ratio__range-input:focus{outline:none}.mfui-9-slider-ratio__range-input:focus-visible::-webkit-slider-thumb{outline:4px solid var(--137C);outline-offset:2px}.mfui-9-slider-ratio__range-input:focus-visible::-moz-range-thumb{outline:4px solid var(--137C);outline-offset:2px}.mfui-9-slider-ratio__range-input:focus-visible::-ms-thumb{outline:4px solid var(--137C);outline-offset:2px}.mfui-9-slider-ratio__range-input::-webkit-slider-thumb{-webkit-appearance:none;background-color:var(--stcWhite);background-image:url(img/thumb.png);background-repeat:no-repeat;background-size:100% 100%;border:none;border-radius:50%;-webkit-box-shadow:0 2px 6px rgba(0,0,0,.16);box-shadow:0 2px 6px rgba(0,0,0,.16);height:var(--thumbSize);pointer-events:auto;width:var(--thumbSize)}.mfui-9-slider-ratio__range-input::-moz-range-thumb{-webkit-appearance:none;background-color:var(--stcWhite);background-image:url(img/thumb.png);background-repeat:no-repeat;background-size:100% 100%;border:none;border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.16);height:var(--thumbSize);pointer-events:auto;width:var(--thumbSize)}.mfui-9-slider-ratio__range-input::-ms-thumb{-webkit-appearance:none;background-color:var(--stcWhite);background-image:url(img/thumb.png);background-repeat:no-repeat;background-size:100% 100%;border:none;border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.16);height:var(--thumbSize);pointer-events:auto;width:var(--thumbSize)}.mfui-9-slider-ratio__range-input::-webkit-slider-runnable-track{-webkit-appearance:none;background:transparent;border:none;-webkit-box-shadow:none;box-shadow:none}.mfui-9-slider-ratio__range-input::-moz-range-track{-webkit-appearance:none;background:transparent;border:none;box-shadow:none}.mfui-9-slider-ratio__range-input::-ms-track{-webkit-appearance:none;background:transparent;border:none;box-shadow:none}.mfui-9-slider-ratio__range-track{cursor:pointer;height:100%;position:absolute;top:0;width:100%;z-index:0}.mfui-9-slider-ratio__scale{bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;left:calc(var(--thumbSize)/2);position:absolute;right:calc(var(--thumbSize)/2);top:0;z-index:2;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;pointer-events:none}.mfui-9-slider-ratio__scale-item{background-color:var(--stcWhite);border-radius:50%;height:4px;width:4px}.mfui-9-slider-ratio__scale-item:first-child{margin-left:-2px}.mfui-9-slider-ratio__scale-item:last-child{margin-right:-2px}.mfui-9-slider-ratio_disabled .mfui-9-slider-ratio__head{color:var(--spbSky3)}.mfui-9-slider-ratio_disabled .mfui-9-slider-ratio__range-input{background-color:var(--spbSky1);background-image:-webkit-gradient(linear,left top,left bottom,from(var(--spbSky0)),to(var(--spbSky0)));background-image:linear-gradient(var(--spbSky0),var(--spbSky0));cursor:default}.mfui-9-slider-ratio_disabled .mfui-9-slider-ratio__range-input::-webkit-slider-thumb{-webkit-appearance:none;background-color:var(--stcWhite);background-color:var(--spbSky2);background-image:url(img/thumb.png);background-image:none;background-repeat:no-repeat;background-size:100% 100%;border:none;border-radius:50%;-webkit-box-shadow:0 2px 6px rgba(0,0,0,.16);box-shadow:0 2px 6px rgba(0,0,0,.16);-webkit-box-shadow:none;box-shadow:none;height:var(--thumbSize);pointer-events:auto;width:var(--thumbSize)}.mfui-9-slider-ratio_disabled .mfui-9-slider-ratio__range-input::-moz-range-thumb{-webkit-appearance:none;background-color:var(--stcWhite);background-color:var(--spbSky2);background-image:url(img/thumb.png);background-image:none;background-repeat:no-repeat;background-size:100% 100%;border:none;border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.16);box-shadow:none;height:var(--thumbSize);pointer-events:auto;width:var(--thumbSize)}.mfui-9-slider-ratio_disabled .mfui-9-slider-ratio__range-input::-ms-thumb{-webkit-appearance:none;background-color:var(--stcWhite);background-color:var(--spbSky2);background-image:url(img/thumb.png);background-image:none;background-repeat:no-repeat;background-size:100% 100%;border:none;border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.16);box-shadow:none;height:var(--thumbSize);pointer-events:auto;width:var(--thumbSize)}.mfui-9-slider-ratio_disabled .mfui-9-slider-ratio__range-track{cursor:default}.mfui-9-slider-ratio_disabled .mfui-9-slider-ratio__scale{display:none}
|
|
1
|
+
h1,h2,h3,h4,h5{margin:0}.mfui-9-slider-ratio{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.mfui-9-slider-ratio__head{font-size:15px;font-weight:500;line-height:24px;margin-bottom:8px}.mfui-9-slider-ratio_hidden-left-value.mfui-9-slider-ratio_label .mfui-9-slider-ratio__head{display:grid;grid-template-columns:auto 55%;-webkit-box-align:end;-ms-flex-align:end;align-items:end}.mfui-9-slider-ratio__display-values{display:grid;grid-template-columns:45% 45%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:8px;width:100%}.mfui-9-slider-ratio_hidden-left-value .mfui-9-slider-ratio__display-values{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:end;margin-top:0}.mfui-9-slider-ratio__range-container{position:relative;width:100%}.mfui-9-slider-ratio__range-input{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--brandPurple);background-image:-webkit-gradient(linear,left top,left bottom,from(var(--brandGreen)),to(var(--brandGreen)));background-image:linear-gradient(var(--brandGreen),var(--brandGreen));background-repeat:no-repeat;border-radius:100px;cursor:pointer;display:block;height:12px;margin:6px 0;outline:none;pointer-events:none;position:relative;width:100%;z-index:1}.mfui-9-slider-ratio__range-input:focus{outline:none}.mfui-9-slider-ratio__range-input:focus-visible::-webkit-slider-thumb{outline:4px solid var(--137C);outline-offset:2px}.mfui-9-slider-ratio__range-input:focus-visible::-moz-range-thumb{outline:4px solid var(--137C);outline-offset:2px}.mfui-9-slider-ratio__range-input:focus-visible::-ms-thumb{outline:4px solid var(--137C);outline-offset:2px}.mfui-9-slider-ratio__range-input::-webkit-slider-thumb{-webkit-appearance:none;background-color:var(--stcWhite);background-image:url(img/thumb.png);background-repeat:no-repeat;background-size:100% 100%;border:none;border-radius:50%;-webkit-box-shadow:0 2px 6px rgba(0,0,0,.16);box-shadow:0 2px 6px rgba(0,0,0,.16);height:var(--thumbSize);pointer-events:auto;width:var(--thumbSize)}.mfui-9-slider-ratio__range-input::-moz-range-thumb{-webkit-appearance:none;background-color:var(--stcWhite);background-image:url(img/thumb.png);background-repeat:no-repeat;background-size:100% 100%;border:none;border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.16);height:var(--thumbSize);pointer-events:auto;width:var(--thumbSize)}.mfui-9-slider-ratio__range-input::-ms-thumb{-webkit-appearance:none;background-color:var(--stcWhite);background-image:url(img/thumb.png);background-repeat:no-repeat;background-size:100% 100%;border:none;border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.16);height:var(--thumbSize);pointer-events:auto;width:var(--thumbSize)}.mfui-9-slider-ratio__range-input::-webkit-slider-runnable-track{-webkit-appearance:none;background:transparent;border:none;-webkit-box-shadow:none;box-shadow:none}.mfui-9-slider-ratio__range-input::-moz-range-track{-webkit-appearance:none;background:transparent;border:none;box-shadow:none}.mfui-9-slider-ratio__range-input::-ms-track{-webkit-appearance:none;background:transparent;border:none;box-shadow:none}.mfui-9-slider-ratio__range-track{cursor:pointer;height:100%;position:absolute;top:0;width:100%;z-index:0}.mfui-9-slider-ratio__scale{bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;left:calc(var(--thumbSize)/2);position:absolute;right:calc(var(--thumbSize)/2);top:0;z-index:2;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;pointer-events:none}.mfui-9-slider-ratio__scale-item{background-color:var(--stcWhite);border-radius:50%;height:4px;width:4px}.mfui-9-slider-ratio__scale-item:first-child{margin-left:-2px}.mfui-9-slider-ratio__scale-item:last-child{margin-right:-2px}.mfui-9-slider-ratio__custom-scale{height:18px;margin-top:8px;position:relative}.mfui-9-slider-ratio__custom-scale-item{position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.mfui-9-slider-ratio__custom-scale-item:first-child{-webkit-transform:translateX(0);transform:translateX(0)}.mfui-9-slider-ratio__custom-scale-item:last-child{-webkit-transform:translateX(-100%);transform:translateX(-100%)}.mfui-9-slider-ratio_disabled .mfui-9-slider-ratio__head{color:var(--spbSky3)}.mfui-9-slider-ratio_disabled .mfui-9-slider-ratio__range-input{background-color:var(--spbSky1);background-image:-webkit-gradient(linear,left top,left bottom,from(var(--spbSky0)),to(var(--spbSky0)));background-image:linear-gradient(var(--spbSky0),var(--spbSky0));cursor:default}.mfui-9-slider-ratio_disabled .mfui-9-slider-ratio__range-input::-webkit-slider-thumb{-webkit-appearance:none;background-color:var(--stcWhite);background-color:var(--spbSky2);background-image:url(img/thumb.png);background-image:none;background-repeat:no-repeat;background-size:100% 100%;border:none;border-radius:50%;-webkit-box-shadow:0 2px 6px rgba(0,0,0,.16);box-shadow:0 2px 6px rgba(0,0,0,.16);-webkit-box-shadow:none;box-shadow:none;height:var(--thumbSize);pointer-events:auto;width:var(--thumbSize)}.mfui-9-slider-ratio_disabled .mfui-9-slider-ratio__range-input::-moz-range-thumb{-webkit-appearance:none;background-color:var(--stcWhite);background-color:var(--spbSky2);background-image:url(img/thumb.png);background-image:none;background-repeat:no-repeat;background-size:100% 100%;border:none;border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.16);box-shadow:none;height:var(--thumbSize);pointer-events:auto;width:var(--thumbSize)}.mfui-9-slider-ratio_disabled .mfui-9-slider-ratio__range-input::-ms-thumb{-webkit-appearance:none;background-color:var(--stcWhite);background-color:var(--spbSky2);background-image:url(img/thumb.png);background-image:none;background-repeat:no-repeat;background-size:100% 100%;border:none;border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.16);box-shadow:none;height:var(--thumbSize);pointer-events:auto;width:var(--thumbSize)}.mfui-9-slider-ratio_disabled .mfui-9-slider-ratio__range-track{cursor:default}.mfui-9-slider-ratio_disabled .mfui-9-slider-ratio__scale{display:none}
|
|
@@ -26,6 +26,8 @@ export interface ISliderRatio {
|
|
|
26
26
|
disabled?: boolean;
|
|
27
27
|
/** Включает отображение шкалы */
|
|
28
28
|
showScale?: boolean;
|
|
29
|
+
/** Кастомная шкала */
|
|
30
|
+
customScale?: string[];
|
|
29
31
|
/** Дополнительные data атрибуты к внутренним элементам */
|
|
30
32
|
dataAttrs?: {
|
|
31
33
|
root?: Record<string, string>;
|
|
@@ -33,6 +35,7 @@ export interface ISliderRatio {
|
|
|
33
35
|
rightInput?: Record<string, string>;
|
|
34
36
|
rangeInput?: Record<string, string>;
|
|
35
37
|
scale?: Record<string, string>;
|
|
38
|
+
customScale?: Record<string, string>;
|
|
36
39
|
};
|
|
37
40
|
/** Обработчик изменения значения */
|
|
38
41
|
onChange?: (index: number) => void;
|
|
@@ -44,6 +44,7 @@ var SliderRatio = function SliderRatio(_ref) {
|
|
|
44
44
|
disabled = _ref$disabled === void 0 ? false : _ref$disabled,
|
|
45
45
|
_ref$showScale = _ref.showScale,
|
|
46
46
|
showScale = _ref$showScale === void 0 ? false : _ref$showScale,
|
|
47
|
+
customScale = _ref.customScale,
|
|
47
48
|
dataAttrs = _ref.dataAttrs,
|
|
48
49
|
onChange = _ref.onChange;
|
|
49
50
|
var _a, _b;
|
|
@@ -74,6 +75,7 @@ var SliderRatio = function SliderRatio(_ref) {
|
|
|
74
75
|
var leftInputValue = (_a = rawInputValue.left) !== null && _a !== void 0 ? _a : values[currentIndex].leftValue;
|
|
75
76
|
var rightInputValue = (_b = rawInputValue.right) !== null && _b !== void 0 ? _b : values[currentIndex].rightValue;
|
|
76
77
|
var trackSize = (0, _helpers.getTrackSize)(rangeValue, MIN_RANGE_VALUE, MAX_RANGE_VALUE);
|
|
78
|
+
var hideLeftValue = leftInputValue === undefined;
|
|
77
79
|
var handleInputChange = function handleInputChange(key) {
|
|
78
80
|
return function (e) {
|
|
79
81
|
var targetValue = (0, _helpers.removeFirstZeros)(e.target.value);
|
|
@@ -117,6 +119,7 @@ var SliderRatio = function SliderRatio(_ref) {
|
|
|
117
119
|
};
|
|
118
120
|
var handleRangeTrackPointerLeave = React.useCallback(function () {
|
|
119
121
|
var _a, _b;
|
|
122
|
+
// fix for bug where dragging breaks if mouse is pressed outside slider and released over thumb (Chrome bug)
|
|
120
123
|
(_a = rangeInputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
|
|
121
124
|
(_b = rangeTrackRef.current) === null || _b === void 0 ? void 0 : _b.removeEventListener('pointerleave', handleRangeTrackPointerLeave);
|
|
122
125
|
}, []);
|
|
@@ -138,7 +141,9 @@ var SliderRatio = function SliderRatio(_ref) {
|
|
|
138
141
|
};
|
|
139
142
|
return /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({
|
|
140
143
|
className: cn({
|
|
141
|
-
disabled: disabled
|
|
144
|
+
disabled: disabled,
|
|
145
|
+
'hidden-left-value': hideLeftValue,
|
|
146
|
+
label: !!label
|
|
142
147
|
}, [className])
|
|
143
148
|
}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
|
|
144
149
|
style: {
|
|
@@ -150,7 +155,7 @@ var SliderRatio = function SliderRatio(_ref) {
|
|
|
150
155
|
className: cn('label')
|
|
151
156
|
}, label), /*#__PURE__*/React.createElement("div", {
|
|
152
157
|
className: cn('display-values')
|
|
153
|
-
}, /*#__PURE__*/React.createElement(_ValueField["default"], {
|
|
158
|
+
}, !hideLeftValue && /*#__PURE__*/React.createElement(_ValueField["default"], {
|
|
154
159
|
isControlled: true,
|
|
155
160
|
position: "left",
|
|
156
161
|
value: leftInputValue,
|
|
@@ -196,7 +201,8 @@ var SliderRatio = function SliderRatio(_ref) {
|
|
|
196
201
|
className: cn('range-track'),
|
|
197
202
|
onPointerUp: handleRangeTrackPointerUp,
|
|
198
203
|
onPointerDown: handleRangeTrackPointerDown,
|
|
199
|
-
ref: rangeTrackRef
|
|
204
|
+
ref: rangeTrackRef,
|
|
205
|
+
tabIndex: -1 // preventing focus-visible on thumb after rangeInputRef.current?.focus()
|
|
200
206
|
}), showScale && /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({
|
|
201
207
|
className: cn('scale')
|
|
202
208
|
}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.scale)), values.map(function (_, i) {
|
|
@@ -204,6 +210,16 @@ var SliderRatio = function SliderRatio(_ref) {
|
|
|
204
210
|
className: cn('scale-item'),
|
|
205
211
|
key: i
|
|
206
212
|
});
|
|
207
|
-
}))))
|
|
213
|
+
}))), !!(customScale === null || customScale === void 0 ? void 0 : customScale.length) && /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({
|
|
214
|
+
className: cn('custom-scale')
|
|
215
|
+
}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.customScale)), customScale.map(function (item, i) {
|
|
216
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
217
|
+
className: cn('custom-scale-item'),
|
|
218
|
+
style: {
|
|
219
|
+
left: "calc(".concat(100 / (customScale.length - 1) * i, "%)")
|
|
220
|
+
},
|
|
221
|
+
key: i
|
|
222
|
+
}, item);
|
|
223
|
+
})));
|
|
208
224
|
};
|
|
209
225
|
var _default = exports["default"] = SliderRatio;
|
|
@@ -12,4 +12,4 @@ export declare const inputReducer: (state: {
|
|
|
12
12
|
export declare const getRangeValueByPageX: (pageX: number, trackInnerNode: HTMLDivElement, thumbSize: number) => number;
|
|
13
13
|
export declare const getRangeStepValue: (valuesCount: number, index: number) => number;
|
|
14
14
|
export declare const getIndexByRangeValue: (rangeValue: number, valuesCount: number) => number;
|
|
15
|
-
export declare const findClosestValue: (values: ValueType[], target: number, key: KeyValueEnum) => number;
|
|
15
|
+
export declare const findClosestValue: (values: ValueType[], target: number, key: KeyValueEnum) => number | undefined;
|
|
@@ -34,6 +34,9 @@ var getIndexByRangeValue = exports.getIndexByRangeValue = function getIndexByRan
|
|
|
34
34
|
};
|
|
35
35
|
var findClosestValue = exports.findClosestValue = function findClosestValue(values, target, key) {
|
|
36
36
|
return values.reduce(function (closest, value) {
|
|
37
|
+
if (value[key] === undefined || closest === undefined) {
|
|
38
|
+
return closest;
|
|
39
|
+
}
|
|
37
40
|
return Math.abs(value[key] - target) > Math.abs(closest - target) ? closest : value[key];
|
|
38
41
|
}, values[0][key]);
|
|
39
42
|
};
|
|
@@ -26,42 +26,46 @@ var HeartIcon16 = function HeartIcon16(props) {
|
|
|
26
26
|
return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
|
|
27
27
|
viewBox: "0 0 20 20"
|
|
28
28
|
}, props), /*#__PURE__*/React.createElement("path", {
|
|
29
|
-
d: "M13.
|
|
29
|
+
d: "M13.463 2.75c.603 0 1.2.122 1.752.359a4.363 4.363 0 011.456 1.017A4.841 4.841 0 0118 7.45c0 1.433-.65 2.621-1.586 3.59l.003.004-5.694 5.9a1.004 1.004 0 01-1.443 0l-5.95-6.166A4.84 4.84 0 012 7.454 4.84 4.84 0 013.33 4.13c.408-.434.903-.78 1.455-1.017a4.445 4.445 0 013.503 0A4.364 4.364 0 019.745 4.13l.253.263.257-.267a4.37 4.37 0 011.457-1.017 4.443 4.443 0 011.75-.359z"
|
|
30
30
|
}));
|
|
31
31
|
};
|
|
32
32
|
var HeartIcon24 = function HeartIcon24(props) {
|
|
33
33
|
return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
|
|
34
34
|
viewBox: "0 0 32 32"
|
|
35
35
|
}, props), /*#__PURE__*/React.createElement("path", {
|
|
36
|
-
d: "
|
|
36
|
+
d: "M21.195 7c.904 0 1.798.18 2.626.526a6.55 6.55 0 012.186 1.487C27.288 10.336 28 12.071 28 13.873c0 2.094-.975 3.831-2.379 5.249l.005.005-8.197 8.28a2.01 2.01 0 01-2.853 0l-8.583-8.67A6.978 6.978 0 014 13.879c0-1.801.712-3.536 1.993-4.859A6.55 6.55 0 018.18 7.531a6.814 6.814 0 015.253 0 6.55 6.55 0 012.185 1.488l.38.383.386-.389a6.55 6.55 0 012.185-1.487A6.813 6.813 0 0121.195 7z"
|
|
37
37
|
}));
|
|
38
38
|
};
|
|
39
39
|
var AttentionIcon16 = function AttentionIcon16(props) {
|
|
40
40
|
return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
|
|
41
41
|
viewBox: "0 0 20 20"
|
|
42
42
|
}, props), /*#__PURE__*/React.createElement("path", {
|
|
43
|
-
|
|
43
|
+
fillRule: "evenodd",
|
|
44
|
+
clipRule: "evenodd",
|
|
45
|
+
d: "M8.249 3.014a1.96 1.96 0 013.45-.006l6.045 10.973c.739 1.342-.213 2.999-1.724 2.999H3.979c-1.508 0-2.46-1.651-1.727-2.993L8.25 3.014zM9.999 13a1 1 0 100 2 1 1 0 000-2zm0-7a1 1 0 00-1 1v4a1 1 0 002 0V7a1 1 0 00-1-1z"
|
|
44
46
|
}));
|
|
45
47
|
};
|
|
46
48
|
var CheckedIcon16 = function CheckedIcon16(props) {
|
|
47
49
|
return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
|
|
48
50
|
viewBox: "0 0 20 20"
|
|
49
51
|
}, props), /*#__PURE__*/React.createElement("path", {
|
|
50
|
-
d: "
|
|
52
|
+
d: "M6.805 9.324l2.26 2.26 4.383-4.334a.935.935 0 011.323-.01.936.936 0 01-.025 1.323L9.693 13.56a.936.936 0 01-1.319.013l-2.908-2.909a.935.935 0 01.017-1.322.935.935 0 011.322-.017z"
|
|
51
53
|
}));
|
|
52
54
|
};
|
|
53
55
|
var AttentionIcon24 = function AttentionIcon24(props) {
|
|
54
56
|
return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
|
|
55
57
|
viewBox: "0 0 32 32"
|
|
56
58
|
}, props), /*#__PURE__*/React.createElement("path", {
|
|
57
|
-
|
|
59
|
+
fillRule: "evenodd",
|
|
60
|
+
clipRule: "evenodd",
|
|
61
|
+
d: "M13.373 6.516c1.128-2.018 4.041-2.023 5.176-.008l9.067 16.094C28.725 24.571 27.296 27 25.03 27H6.97c-2.263 0-3.691-2.42-2.591-4.389l8.994-16.095zM16 21.163c-.829 0-1.5.657-1.5 1.467s.671 1.466 1.5 1.466c.828 0 1.5-.656 1.5-1.466 0-.81-.672-1.467-1.5-1.467zm0-10.3a1.5 1.5 0 00-1.5 1.5v5.867a1.5 1.5 0 003 0v-5.867a1.5 1.5 0 00-1.5-1.5z"
|
|
58
62
|
}));
|
|
59
63
|
};
|
|
60
64
|
var CheckedIcon24 = function CheckedIcon24(props) {
|
|
61
65
|
return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
|
|
62
66
|
viewBox: "0 0 32 32"
|
|
63
67
|
}, props), /*#__PURE__*/React.createElement("path", {
|
|
64
|
-
d: "
|
|
68
|
+
d: "M11.033 15.1l3.39 3.39 6.817-6.742c.578-.572 1.483-.595 2.02-.051.538.544.504 1.449-.075 2.021l-7.858 7.773c-.576.57-1.476.595-2.015.056L8.95 17.185c-.54-.541-.512-1.446.063-2.021.576-.576 1.48-.604 2.021-.063z"
|
|
65
69
|
}));
|
|
66
70
|
};
|
|
67
71
|
var DEFAULT_MAX_TIMER_SECONDS = 4;
|
|
@@ -20,7 +20,7 @@ var CheckedIcon = function CheckedIcon(props) {
|
|
|
20
20
|
return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
|
|
21
21
|
viewBox: "0 0 20 20"
|
|
22
22
|
}, props), /*#__PURE__*/React.createElement("path", {
|
|
23
|
-
d: "
|
|
23
|
+
d: "M6.805 9.324l2.26 2.26 4.383-4.334a.935.935 0 011.323-.01.936.936 0 01-.025 1.323L9.693 13.56a.936.936 0 01-1.319.013l-2.908-2.909a.935.935 0 01.017-1.322.935.935 0 011.322-.017z"
|
|
24
24
|
}));
|
|
25
25
|
};
|
|
26
26
|
var cn = (0, _uiHelpers.cnCreate)('mfui-9-stepper');
|
|
@@ -18,7 +18,9 @@ var WaitingIcon = function WaitingIcon(props) {
|
|
|
18
18
|
}, props), /*#__PURE__*/React.createElement("path", {
|
|
19
19
|
fillRule: "evenodd",
|
|
20
20
|
clipRule: "evenodd",
|
|
21
|
-
d: "M10
|
|
21
|
+
d: "M10.006 3.998c3.857 0 7 3.127 7 6.985 0 3.857-3.143 6.984-7 6.984s-7-3.127-7.001-6.984c0-3.858 3.143-6.985 7-6.985zM10 7.004a.5.5 0 00-.5.5v3.501H7a.5.5 0 000 1h3a.5.5 0 00.5-.5v-4a.5.5 0 00-.5-.5z"
|
|
22
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
23
|
+
d: "M14.594 3.124a.514.514 0 01.715 0l2.15 2.105a.487.487 0 010 .7.515.515 0 01-.714 0l-2.15-2.105a.487.487 0 010-.7zM4.92 3.109a.515.515 0 01.716.005.487.487 0 01-.005.698l-2.165 2.09a.514.514 0 01-.715-.004.487.487 0 01.005-.7l2.164-2.09z"
|
|
22
24
|
}));
|
|
23
25
|
};
|
|
24
26
|
var cn = (0, _uiHelpers.cnCreate)('mfui-9-switcher');
|
|
@@ -31,7 +31,7 @@ var ArrowLeft = function ArrowLeft(props) {
|
|
|
31
31
|
return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
|
|
32
32
|
viewBox: "0 0 20 20"
|
|
33
33
|
}, props), /*#__PURE__*/React.createElement("path", {
|
|
34
|
-
d: "
|
|
34
|
+
d: "M8.502 5.304a1 1 0 011.436 1.392L7.713 8.993H14.5a1 1 0 110 2H7.7l2.238 2.31a1 1 0 01-1.436 1.393l-3.61-3.726a1.396 1.396 0 010-1.94l3.61-3.726z"
|
|
35
35
|
}));
|
|
36
36
|
};
|
|
37
37
|
var Swiper = null;
|