@megafon/ui-core 9.4.0 → 9.4.1-old-ui-images
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 +3 -1
- package/dist/es/components/Badges/CounterBadge/CounterBadge.js +1 -1
- package/dist/es/components/Badges/InfoBadge/InfoBadge.js +16 -28
- package/dist/es/components/Badges/PriceBadge/PriceBadge.js +16 -28
- package/dist/es/components/Badges/PromoBadge/PromoBadge.js +0 -1
- package/dist/es/components/Badges/StatusBadge/StatusBadge.js +9 -13
- package/dist/es/components/Badges/TimerBadge/TimerBadge.js +1 -3
- package/dist/es/components/Buttons/Button/Button.js +1 -1
- package/dist/es/components/Buttons/ButtonClose/ButtonClose.js +2 -1
- package/dist/es/components/Calendar/components/_Month/Month.js +6 -2
- package/dist/es/components/Checkbox/Checkbox.js +1 -1
- package/dist/es/components/Chips/Chips/Chip.js +6 -2
- package/dist/es/components/ContentView/ContentView.css +1 -1
- package/dist/es/components/ContentView/ContentView.d.ts +1 -1
- package/dist/es/components/ContentView/img/alarm.png +0 -0
- package/dist/es/components/ContentView/img/empty.png +0 -0
- package/dist/es/components/ContentView/img/error.png +0 -0
- package/dist/es/components/ContentView/img/fail.png +0 -0
- package/dist/es/components/ContentView/img/searchNoResult.png +0 -0
- package/dist/es/components/ContentView/img/submit.png +0 -0
- package/dist/es/components/ContentView/img/success.png +0 -0
- package/dist/es/components/ContentView/img/update.png +0 -0
- package/dist/es/components/ContentView/img/waiting.png +0 -0
- package/dist/es/components/Counter/Counter.js +2 -2
- package/dist/es/components/ErrorLoad/ErrorLoad.js +3 -1
- package/dist/es/components/ListData/ListData.js +13 -9
- package/dist/es/components/ListData/components/ListDataSortable.js +3 -1
- package/dist/es/components/Modal/Modal.js +3 -27
- package/dist/es/components/Modal/_ModalContent/ModalContent.js +3 -2
- package/dist/es/components/Modal/_ModalMobile/ModalMobile.css +1 -1
- package/dist/es/components/Modal/_ModalMobile/ModalMobile.d.ts +0 -1
- package/dist/es/components/Modal/_ModalMobile/ModalMobile.js +4 -9
- package/dist/es/components/Modal/utils/utils.d.ts +0 -1
- package/dist/es/components/Modal/utils/utils.js +2 -3
- package/dist/es/components/MultipleSelect/MultipleSelect.js +5 -2
- package/dist/es/components/NavArrow/NavArrow.js +4 -4
- package/dist/es/components/Notification/Notification.js +9 -13
- package/dist/es/components/Pagination/components/PaginationNavigation/PaginationNavigation.js +4 -2
- package/dist/es/components/Parameter/Parameter.js +1 -3
- 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 +3 -1
- package/dist/es/components/Snackbar/Snackbar.js +6 -10
- package/dist/es/components/Stepper/Stepper.js +1 -1
- package/dist/es/components/Switcher/Switcher.js +1 -3
- package/dist/es/components/Tabs/Tabs.js +1 -1
- package/dist/es/components/TextField/TextField.js +7 -13
- package/dist/es/components/Tooltip/Tooltip.js +3 -5
- package/dist/es/components/UploadForm/UploadField/components/_UploadFieldDropArea/UploadFieldDropArea.js +1 -5
- package/dist/es/components/UploadForm/UploadFileItem/UploadFileItem.js +4 -3
- package/dist/es/components/UploadForm/UploadFileItem/components/_UploadFileItemIcon/UploadFileItemIcon.js +0 -6
- package/dist/es/index.d.ts +0 -1
- package/dist/es/index.js +0 -1
- package/dist/lib/components/Accordion/Accordion.js +3 -1
- package/dist/lib/components/Badges/CounterBadge/CounterBadge.js +1 -1
- package/dist/lib/components/Badges/InfoBadge/InfoBadge.js +16 -28
- package/dist/lib/components/Badges/PriceBadge/PriceBadge.js +16 -28
- package/dist/lib/components/Badges/PromoBadge/PromoBadge.js +0 -1
- package/dist/lib/components/Badges/StatusBadge/StatusBadge.js +9 -13
- package/dist/lib/components/Badges/TimerBadge/TimerBadge.js +1 -3
- package/dist/lib/components/Buttons/Button/Button.js +1 -1
- package/dist/lib/components/Buttons/ButtonClose/ButtonClose.js +2 -1
- package/dist/lib/components/Calendar/components/_Month/Month.js +6 -2
- package/dist/lib/components/Checkbox/Checkbox.js +1 -1
- package/dist/lib/components/Chips/Chips/Chip.js +6 -2
- package/dist/lib/components/ContentView/ContentView.css +1 -1
- package/dist/lib/components/ContentView/ContentView.d.ts +1 -1
- package/dist/lib/components/ContentView/img/alarm.png +0 -0
- package/dist/lib/components/ContentView/img/empty.png +0 -0
- package/dist/lib/components/ContentView/img/error.png +0 -0
- package/dist/lib/components/ContentView/img/fail.png +0 -0
- package/dist/lib/components/ContentView/img/searchNoResult.png +0 -0
- package/dist/lib/components/ContentView/img/submit.png +0 -0
- package/dist/lib/components/ContentView/img/success.png +0 -0
- package/dist/lib/components/ContentView/img/update.png +0 -0
- package/dist/lib/components/ContentView/img/waiting.png +0 -0
- package/dist/lib/components/Counter/Counter.js +2 -2
- package/dist/lib/components/ErrorLoad/ErrorLoad.js +3 -1
- package/dist/lib/components/ListData/ListData.js +13 -9
- package/dist/lib/components/ListData/components/ListDataSortable.js +3 -1
- package/dist/lib/components/Modal/Modal.js +3 -27
- package/dist/lib/components/Modal/_ModalContent/ModalContent.js +3 -2
- package/dist/lib/components/Modal/_ModalMobile/ModalMobile.css +1 -1
- package/dist/lib/components/Modal/_ModalMobile/ModalMobile.d.ts +0 -1
- package/dist/lib/components/Modal/_ModalMobile/ModalMobile.js +4 -9
- package/dist/lib/components/Modal/utils/utils.d.ts +0 -1
- package/dist/lib/components/Modal/utils/utils.js +2 -3
- package/dist/lib/components/MultipleSelect/MultipleSelect.js +5 -2
- package/dist/lib/components/NavArrow/NavArrow.js +4 -4
- package/dist/lib/components/Notification/Notification.js +9 -13
- package/dist/lib/components/Pagination/components/PaginationNavigation/PaginationNavigation.js +4 -2
- package/dist/lib/components/Parameter/Parameter.js +1 -3
- 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 +3 -1
- package/dist/lib/components/Snackbar/Snackbar.js +6 -10
- package/dist/lib/components/Stepper/Stepper.js +1 -1
- package/dist/lib/components/Switcher/Switcher.js +1 -3
- package/dist/lib/components/Tabs/Tabs.js +1 -1
- package/dist/lib/components/TextField/TextField.js +7 -13
- package/dist/lib/components/Tooltip/Tooltip.js +3 -5
- package/dist/lib/components/UploadForm/UploadField/components/_UploadFieldDropArea/UploadFieldDropArea.js +1 -5
- package/dist/lib/components/UploadForm/UploadFileItem/UploadFileItem.js +4 -3
- package/dist/lib/components/UploadForm/UploadFileItem/components/_UploadFileItemIcon/UploadFileItemIcon.js +0 -6
- package/dist/lib/index.d.ts +0 -1
- package/dist/lib/index.js +0 -7
- package/package.json +3 -4
- package/dist/es/components/ContentView/img/info.png +0 -0
- package/dist/es/components/Modal/utils/usePreventScroll.d.ts +0 -17
- package/dist/es/components/Modal/utils/usePreventScroll.js +0 -252
- package/dist/es/hooks/useEvent.d.ts +0 -3
- package/dist/es/hooks/useEvent.js +0 -11
- package/dist/es/hooks/useLatest.d.ts +0 -2
- package/dist/es/hooks/useLatest.js +0 -8
- package/dist/es/hooks/useVisualViewport.d.ts +0 -10
- package/dist/es/hooks/useVisualViewport.js +0 -55
- package/dist/es/utils/browser.d.ts +0 -7
- package/dist/es/utils/browser.js +0 -30
- package/dist/es/utils/is.d.ts +0 -19
- package/dist/es/utils/is.js +0 -70
- package/dist/lib/components/ContentView/img/info.png +0 -0
- package/dist/lib/components/Modal/utils/usePreventScroll.d.ts +0 -17
- package/dist/lib/components/Modal/utils/usePreventScroll.js +0 -263
- package/dist/lib/hooks/useEvent.d.ts +0 -3
- package/dist/lib/hooks/useEvent.js +0 -17
- package/dist/lib/hooks/useLatest.d.ts +0 -2
- package/dist/lib/hooks/useLatest.js +0 -14
- package/dist/lib/hooks/useVisualViewport.d.ts +0 -10
- package/dist/lib/hooks/useVisualViewport.js +0 -62
- package/dist/lib/utils/browser.d.ts +0 -7
- package/dist/lib/utils/browser.js +0 -42
- package/dist/lib/utils/is.d.ts +0 -19
- package/dist/lib/utils/is.js +0 -92
|
@@ -1 +1 @@
|
|
|
1
|
-
h1,h2,h3,h4,h5{margin:0}.mfui-9-content-view{color:var(--content);min-width:240px;padding:0 16px;text-align:center}.mfui-9-content-view__image{display:inline-block;margin-bottom:24px;max-width:144px;vertical-align:top}.mfui-9-content-view__bg-image{background-repeat:no-repeat;background-size:100%;display:inline-block;height:144px;margin-bottom:24px;vertical-align:top;width:144px}.mfui-9-content-view__bg-image_type_waiting{background-image:url(img/waiting.png)}.mfui-9-content-view__bg-image_type_error{background-image:url(img/error.png)}.mfui-9-content-view__bg-image_type_submit{background-image:url(img/submit.png)}.mfui-9-content-view__bg-image_type_success{background-image:url(img/success.png)}.mfui-9-content-view__bg-image_type_fail{background-image:url(img/fail.png)}.mfui-9-content-view__bg-
|
|
1
|
+
h1,h2,h3,h4,h5{margin:0}.mfui-9-content-view{color:var(--content);min-width:240px;padding:0 16px;text-align:center}.mfui-9-content-view__image{display:inline-block;margin-bottom:24px;max-width:144px;vertical-align:top}.mfui-9-content-view__bg-image{background-repeat:no-repeat;background-size:100%;display:inline-block;height:144px;margin-bottom:24px;vertical-align:top;width:144px}.mfui-9-content-view__bg-image_type_waiting{background-image:url(img/waiting.png)}.mfui-9-content-view__bg-image_type_error{background-image:url(img/error.png)}.mfui-9-content-view__bg-image_type_submit{background-image:url(img/submit.png)}.mfui-9-content-view__bg-image_type_success{background-image:url(img/success.png)}.mfui-9-content-view__bg-image_type_fail{background-image:url(img/fail.png)}.mfui-9-content-view__bg-image_type_update{background-image:url(img/update.png)}.mfui-9-content-view__bg-image_type_alarm{background-image:url(img/alarm.png)}.mfui-9-content-view__bg-image_type_empty{background-image:url(img/empty.png)}.mfui-9-content-view__bg-image_type_searchNoResult{background-image:url(img/searchNoResult.png)}.mfui-9-content-view__title{font-size:18px;font-weight:500;line-height:24px}@media screen and (min-width:768px){.mfui-9-content-view__title{font-size:20px;letter-spacing:.5px;line-height:28px}}.mfui-9-content-view__text{font-size:15px;font-weight:400;line-height:24px;margin-top:4px}.mfui-9-content-view__buttons{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:12px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-top:32px}@media screen and (min-width:768px){.mfui-9-content-view__buttons{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap}}.mfui-9-content-view__buttons_fullwidth{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap}@media screen and (min-width:768px){.mfui-9-content-view__link_indent{margin-left:16px}}.mfui-9-content-view_fullscreen{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;min-height:100%}.mfui-9-content-view_fullscreen .mfui-9-content-view__content{margin-top:auto}.mfui-9-content-view_fullscreen .mfui-9-content-view__buttons{margin-top:auto;padding-bottom:24px}
|
|
@@ -34,7 +34,7 @@ export interface IContentViewProps {
|
|
|
34
34
|
/** Заголовок */
|
|
35
35
|
title: string;
|
|
36
36
|
/** Тип встроенного изображения */
|
|
37
|
-
type?: 'waiting' | 'error' | 'submit' | 'success' | 'fail' | '
|
|
37
|
+
type?: 'waiting' | 'error' | 'submit' | 'success' | 'fail' | 'update' | 'alarm' | 'empty' | 'searchNoResult';
|
|
38
38
|
/** Значение тега alt для изображения */
|
|
39
39
|
alt?: string;
|
|
40
40
|
/** Ссылка на изображение */
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
@@ -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: "M5 9h10v2H5z"
|
|
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: "M11 5H9v4H5v2h4v4h2v-4h4V9h-4V5z"
|
|
30
30
|
}));
|
|
31
31
|
};
|
|
32
32
|
var cn = (0, _uiHelpers.cnCreate)('mfui-9-counter');
|
|
@@ -19,7 +19,9 @@ 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
|
-
|
|
22
|
+
fillRule: "evenodd",
|
|
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"
|
|
23
25
|
}));
|
|
24
26
|
};
|
|
25
27
|
var cn = (0, _uiHelpers.cnCreate)('mfui-9-error-load');
|
|
@@ -18,20 +18,24 @@ 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
|
-
|
|
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"
|
|
21
|
+
d: "M16 4h-3.2c-.4-1.2-1.5-2-2.8-2s-2.4.8-2.8 2H4v4h1l1 10h8l1-10h1V4zM5 5h3v-.4C8.2 3.7 9.1 3 10 3s1.8.7 2 1.6V5h3v2H5V5zm8 12H7l-.9-9H14l-1 9z"
|
|
26
22
|
}));
|
|
27
23
|
};
|
|
28
24
|
var NothingIcon = function NothingIcon(props) {
|
|
29
25
|
return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
|
|
30
26
|
viewBox: "0 0 32 32"
|
|
31
|
-
}, props), /*#__PURE__*/React.createElement("
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
27
|
+
}, props), /*#__PURE__*/React.createElement("circle", {
|
|
28
|
+
cx: 21,
|
|
29
|
+
cy: 16,
|
|
30
|
+
r: 1.5
|
|
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
|
|
35
39
|
}));
|
|
36
40
|
};
|
|
37
41
|
var LINE_COUNT = 2;
|
|
@@ -21,7 +21,9 @@ 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
|
-
|
|
24
|
+
fillRule: "evenodd",
|
|
25
|
+
clipRule: "evenodd",
|
|
26
|
+
d: "M24 14H8v-2h16v2zm0 6H8v-2h16v2z"
|
|
25
27
|
}));
|
|
26
28
|
};
|
|
27
29
|
var ActivatorNodes = exports.ActivatorNodes = {
|
|
@@ -12,14 +12,10 @@ var _uiHelpers = require("@megafon/ui-helpers");
|
|
|
12
12
|
var _lodash = _interopRequireDefault(require("lodash.throttle"));
|
|
13
13
|
var _reactModal = _interopRequireDefault(require("react-modal"));
|
|
14
14
|
var _throttleTime = _interopRequireDefault(require("../../constants/throttleTime"));
|
|
15
|
-
var _useEvent = require("../../hooks/useEvent");
|
|
16
15
|
var _usePrevious = _interopRequireDefault(require("../../hooks/usePrevious"));
|
|
17
16
|
var _useResolution2 = _interopRequireDefault(require("../../hooks/useResolution"));
|
|
18
|
-
var _useVisualViewport2 = _interopRequireDefault(require("../../hooks/useVisualViewport"));
|
|
19
|
-
var _browser = require("../../utils/browser");
|
|
20
17
|
var _ModalDesktop = _interopRequireDefault(require("./_ModalDesktop/ModalDesktop"));
|
|
21
18
|
var _ModalMobile = _interopRequireDefault(require("./_ModalMobile/ModalMobile"));
|
|
22
|
-
var _usePreventScroll = _interopRequireDefault(require("./utils/usePreventScroll"));
|
|
23
19
|
var _utils = require("./utils/utils");
|
|
24
20
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
25
21
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
|
@@ -110,18 +106,6 @@ var Modal = function Modal(_ref) {
|
|
|
110
106
|
var resizeObserver = React.useRef(null);
|
|
111
107
|
var _useResolution = (0, _useResolution2["default"])(),
|
|
112
108
|
isMobile = _useResolution.isMobile;
|
|
113
|
-
var _useVisualViewport = (0, _useVisualViewport2["default"])({
|
|
114
|
-
enabled: isOpened && (0, _browser.isIOS)(),
|
|
115
|
-
onChange: function onChange(metrics) {
|
|
116
|
-
document.documentElement.style.setProperty('--keyboard-offset', "".concat(metrics.keyboardOffset, "px"));
|
|
117
|
-
document.documentElement.style.setProperty('--viewport-height', "".concat(metrics.viewportHeight, "px"));
|
|
118
|
-
}
|
|
119
|
-
}),
|
|
120
|
-
isKeyboardOpen = _useVisualViewport.isKeyboardOpen,
|
|
121
|
-
viewportHeight = _useVisualViewport.viewportHeight;
|
|
122
|
-
(0, _usePreventScroll["default"])({
|
|
123
|
-
isDisabled: !isOpened
|
|
124
|
-
});
|
|
125
109
|
var isFullScreenView = mobileView === 'fullScreen' && isMobile;
|
|
126
110
|
var isBottomView = mobileView === 'bottom' && isMobile;
|
|
127
111
|
var isBottomTransitionIn = transitionStep !== MODAL_TRANSITIONS_STEPS_ENUM.END_STEP && transitionStep !== MODAL_TRANSITIONS_STEPS_ENUM.MOVE_END_STEP;
|
|
@@ -146,7 +130,7 @@ var Modal = function Modal(_ref) {
|
|
|
146
130
|
overlayRef.current = node;
|
|
147
131
|
getModalOverlayRef === null || getModalOverlayRef === void 0 ? void 0 : getModalOverlayRef(node);
|
|
148
132
|
};
|
|
149
|
-
var handleSetScrollContentMaxHeight =
|
|
133
|
+
var handleSetScrollContentMaxHeight = React.useCallback(function () {
|
|
150
134
|
var correctMaxHeight = (0, _utils.getCorrectMaxHeight)({
|
|
151
135
|
refs: {
|
|
152
136
|
overlayNode: overlayRef.current,
|
|
@@ -157,12 +141,11 @@ var Modal = function Modal(_ref) {
|
|
|
157
141
|
props: {
|
|
158
142
|
isStickyFooter: isStickyFooter,
|
|
159
143
|
isBottomView: isBottomView,
|
|
160
|
-
isStickyHeader: isStickyHeader
|
|
161
|
-
availableHeight: isBottomView && (0, _browser.isIOS)() && viewportHeight ? viewportHeight : undefined
|
|
144
|
+
isStickyHeader: isStickyHeader
|
|
162
145
|
}
|
|
163
146
|
});
|
|
164
147
|
setScrollMaxHeight(correctMaxHeight);
|
|
165
|
-
});
|
|
148
|
+
}, [isStickyFooter, isBottomView, isStickyHeader]);
|
|
166
149
|
var handleSetContainerWrapHeight = React.useCallback(function () {
|
|
167
150
|
var containerInnerNode = containerInnerRef.current;
|
|
168
151
|
if (!containerInnerNode) {
|
|
@@ -263,12 +246,6 @@ var Modal = function Modal(_ref) {
|
|
|
263
246
|
}
|
|
264
247
|
handleSetScrollContentMaxHeight();
|
|
265
248
|
}, [isMobile, isChangeMobileView, handleSetScrollContentMaxHeight]);
|
|
266
|
-
React.useEffect(function () {
|
|
267
|
-
if (!isOpened || !isMobile || !isBottomView || !(0, _browser.isIOS)()) {
|
|
268
|
-
return;
|
|
269
|
-
}
|
|
270
|
-
handleSetScrollContentMaxHeight();
|
|
271
|
-
}, [isOpened, isMobile, isBottomView, viewportHeight, handleSetScrollContentMaxHeight]);
|
|
272
249
|
React.useEffect(function () {
|
|
273
250
|
if (isEnabledNativeScroll || !(isRecalculateHeight && (isHeaderPropsDiff || isFooterPropsDiff))) {
|
|
274
251
|
return;
|
|
@@ -329,7 +306,6 @@ var Modal = function Modal(_ref) {
|
|
|
329
306
|
return /*#__PURE__*/React.createElement(_ModalDesktop["default"], contextProps, children);
|
|
330
307
|
}
|
|
331
308
|
return /*#__PURE__*/React.createElement(_ModalMobile["default"], (0, _extends2["default"])({}, contextProps, {
|
|
332
|
-
isKeyboardOpen: isKeyboardOpen,
|
|
333
309
|
isSwipeDisabled: isSwipeDisabled,
|
|
334
310
|
isFullView: isFullScreenView,
|
|
335
311
|
onChangeTransitionStep: handleChangeTransitionStep,
|
|
@@ -18,14 +18,15 @@ 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: "M19.5 20.8L14.7 16l4.8-4.8-1.6-1.7-6.4 6.5 6.4 6.5z"
|
|
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
|
-
|
|
28
|
+
className: "Cancel24__st0",
|
|
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"
|
|
29
30
|
}));
|
|
30
31
|
};
|
|
31
32
|
var cn = (0, _uiHelpers.cnCreate)('mfui-9-modal-content');
|
|
@@ -1 +1 @@
|
|
|
1
|
-
h1,h2,h3,h4,h5{margin:0}.mfui-9-modal-mobile{
|
|
1
|
+
h1,h2,h3,h4,h5{margin:0}.mfui-9-modal-mobile{width:100%}.mfui-9-modal-mobile_full-view .mfui-9-modal-mobile__container-wrap{display:block;height:calc(var(--vh)*100 - 72px);width:100%}.mfui-9-modal-mobile_full-view .mfui-9-modal-mobile__container-inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%}.mfui-9-modal-mobile_full-view .mfui-9-modal-mobile__container-body{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;overflow-y:auto}.mfui-9-modal-mobile_full-view .mfui-9-modal-mobile__children{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%}.mfui-9-modal-mobile_full-view .mfui-9-modal-mobile__children-content{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.mfui-9-modal-mobile_full-view .mfui-9-modal-mobile__scroll-content,.mfui-9-modal-mobile_full-view .mfui-9-modal-mobile__scroll-init,.mfui-9-modal-mobile_full-view .mfui-9-modal-mobile__scroll-root{height:100%}.mfui-9-modal-mobile__container-wrap{bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;position:fixed;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:end;-ms-flex-pack:end;-webkit-animation:show-popup-from-bottom .3s linear;animation:show-popup-from-bottom .3s linear;height:auto;justify-content:flex-end;max-height:100%;overflow:hidden;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.mfui-9-modal-mobile__container-wrap:before{content:"";display:block;-ms-flex-item-align:end;align-self:flex-end;background-color:var(--spbSky2);border-radius:10px;height:6px;margin:0 auto 8px;width:40px}.mfui-9-modal-mobile__container-wrap_move{-webkit-transition:none;transition:none}.mfui-9-modal-mobile__container-wrap_transition-end{-webkit-animation:hide-popup-to-bottom .2s linear forwards;animation:hide-popup-to-bottom .2s linear forwards}.mfui-9-modal-mobile__container-inner{-webkit-box-flex:0;-ms-flex-positive:0;border-top-left-radius:32px;border-top-right-radius:32px;flex-grow:0;height:auto;overflow:hidden}@-webkit-keyframes show-popup-from-bottom{0%{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes show-popup-from-bottom{0%{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes hide-popup-to-bottom{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}}@keyframes hide-popup-to-bottom{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}}
|
|
@@ -8,7 +8,6 @@ export interface IModalMobileProps extends ModalContextPropsType {
|
|
|
8
8
|
children?: React.ReactNode;
|
|
9
9
|
onChangeTransitionStep: (value: MODAL_TRANSITIONS_STEPS_ENUM) => void;
|
|
10
10
|
onChangeContainerWrapTransform: (value: string) => void;
|
|
11
|
-
isKeyboardOpen: boolean;
|
|
12
11
|
}
|
|
13
12
|
declare const ModalMobile: React.FC<IModalMobileProps>;
|
|
14
13
|
export default ModalMobile;
|
|
@@ -11,7 +11,6 @@ require("core-js/modules/es.symbol.js");
|
|
|
11
11
|
require("core-js/modules/es.array.index-of.js");
|
|
12
12
|
var React = _interopRequireWildcard(require("react"));
|
|
13
13
|
var _uiHelpers = require("@megafon/ui-helpers");
|
|
14
|
-
var _browser = require("../../../utils/browser");
|
|
15
14
|
var _ModalContent = _interopRequireDefault(require("../_ModalContent/ModalContent"));
|
|
16
15
|
var _Modal = require("../Modal");
|
|
17
16
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
@@ -44,21 +43,19 @@ var ModalMobile = function ModalMobile(_a) {
|
|
|
44
43
|
scrollContent = _f.scrollContent,
|
|
45
44
|
restClassesScrollBar = __rest(_f, ["root", "init", "scrollContent"]),
|
|
46
45
|
restScrollBarParams = __rest(_d, ["classes"]),
|
|
46
|
+
isSwipeDisabled = _a.isSwipeDisabled,
|
|
47
47
|
_a$isFullView = _a.isFullView,
|
|
48
48
|
isFullView = _a$isFullView === void 0 ? true : _a$isFullView,
|
|
49
49
|
children = _a.children,
|
|
50
50
|
onChangeTransitionStep = _a.onChangeTransitionStep,
|
|
51
51
|
onChangeContainerWrapTransform = _a.onChangeContainerWrapTransform,
|
|
52
|
-
|
|
53
|
-
restProps = __rest(_a, ["classes", "scrollBarParams", "isFullView", "children", "onChangeTransitionStep", "onChangeContainerWrapTransform", "isKeyboardOpen"]);
|
|
52
|
+
restProps = __rest(_a, ["classes", "scrollBarParams", "isSwipeDisabled", "isFullView", "children", "onChangeTransitionStep", "onChangeContainerWrapTransform"]);
|
|
54
53
|
var _restProps$refs = restProps.refs,
|
|
55
54
|
containerWrapRef = _restProps$refs.containerWrapRef,
|
|
56
55
|
containerInnerRef = _restProps$refs.containerInnerRef,
|
|
57
56
|
scrollBarScrollableRef = _restProps$refs.scrollBarScrollableRef,
|
|
58
57
|
isTransitionMoveStep = restProps.isTransitionMoveStep,
|
|
59
|
-
isTransitionEndStep = restProps.isTransitionEndStep
|
|
60
|
-
isSwipeDisabledProps = restProps.isSwipeDisabled;
|
|
61
|
-
var isSwipeDisabled = isKeyboardOpen && (0, _browser.isIOS)() || isSwipeDisabledProps;
|
|
58
|
+
isTransitionEndStep = restProps.isTransitionEndStep;
|
|
62
59
|
var _React$useState = React.useState(null),
|
|
63
60
|
_React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
|
|
64
61
|
initialTouchPosition = _React$useState2[0],
|
|
@@ -130,9 +127,7 @@ var ModalMobile = function ModalMobile(_a) {
|
|
|
130
127
|
}, [handleWindowTouchEnd, handleWindowTouchMove, isSwipeDisabled]);
|
|
131
128
|
return /*#__PURE__*/React.createElement("div", {
|
|
132
129
|
className: cn({
|
|
133
|
-
'full-view': isFullView
|
|
134
|
-
ios: (0, _browser.isIOS)(),
|
|
135
|
-
'keyboard-open': isKeyboardOpen
|
|
130
|
+
'full-view': isFullView
|
|
136
131
|
})
|
|
137
132
|
}, /*#__PURE__*/React.createElement(_ModalContent["default"], (0, _extends2["default"])({}, restProps, {
|
|
138
133
|
classes: (0, _extends2["default"])((0, _extends2["default"])({}, restClasses), {
|
|
@@ -37,9 +37,8 @@ var getCorrectMaxHeight = exports.getCorrectMaxHeight = function getCorrectMaxHe
|
|
|
37
37
|
props = _ref.props;
|
|
38
38
|
var isStickyFooter = props.isStickyFooter,
|
|
39
39
|
isStickyHeader = props.isStickyHeader,
|
|
40
|
-
isBottomView = props.isBottomView
|
|
41
|
-
|
|
42
|
-
var windowHeight = availableHeight !== null && availableHeight !== void 0 ? availableHeight : window.innerHeight;
|
|
40
|
+
isBottomView = props.isBottomView;
|
|
41
|
+
var windowHeight = window.innerHeight;
|
|
43
42
|
var windowWidth = window.innerWidth;
|
|
44
43
|
var isMobile = windowWidth < _uiHelpers.breakpoints.MOBILE_BIG_START;
|
|
45
44
|
var _getAdditionalSize = getAdditionalSize(refs),
|
|
@@ -26,14 +26,17 @@ 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
|
-
|
|
29
|
+
className: "ClearIcon__st0",
|
|
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"
|
|
30
31
|
}));
|
|
31
32
|
};
|
|
32
33
|
var ArrowIcon = function ArrowIcon(props) {
|
|
33
34
|
return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
|
|
34
35
|
viewBox: "0 0 32 32"
|
|
35
36
|
}, props), /*#__PURE__*/React.createElement("path", {
|
|
36
|
-
d: "
|
|
37
|
+
d: "M11 14h10l-5 6z",
|
|
38
|
+
fillRule: "evenodd",
|
|
39
|
+
clipRule: "evenodd"
|
|
37
40
|
}));
|
|
38
41
|
};
|
|
39
42
|
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: "M19.5 20.8L14.7 16l4.8-4.8-1.6-1.7-6.4 6.5 6.4 6.5z"
|
|
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: "M12.5 20.8l4.8-4.8-4.8-4.8 1.6-1.7 6.4 6.5-6.4 6.5z"
|
|
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: "M24 26l-6-6 6-6-2-2-8 8 8 8z"
|
|
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: "M16 26l6-6-6-6 2-2 8 8-8 8z"
|
|
40
40
|
}));
|
|
41
41
|
};
|
|
42
42
|
var Theme = exports.Theme = {
|
|
@@ -22,50 +22,46 @@ 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
|
-
|
|
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"
|
|
25
|
+
d: "M15 20.72V23h2v-2.28a2 2 0 10-2 0z"
|
|
28
26
|
}), /*#__PURE__*/React.createElement("path", {
|
|
29
|
-
d: "M16
|
|
27
|
+
d: "M16 4a6 6 0 00-6 6v2H8v8a8 8 0 0016 0v-8h-2v-2a6 6 0 00-6-6zm-4 6a4 4 0 018 0v2h-8zm10 10a6 6 0 01-12 0v-6h12z"
|
|
30
28
|
}));
|
|
31
29
|
};
|
|
32
30
|
var ArrowDown = function ArrowDown(props) {
|
|
33
31
|
return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
|
|
34
32
|
viewBox: "0 0 20 20"
|
|
35
33
|
}, props), /*#__PURE__*/React.createElement("path", {
|
|
36
|
-
d: "
|
|
34
|
+
d: "M6 8h8l-4 5z",
|
|
35
|
+
fillRule: "evenodd",
|
|
36
|
+
clipRule: "evenodd"
|
|
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: "M8 13l3-3-3-3 1-1 4 4-4 4z"
|
|
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
|
-
|
|
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"
|
|
50
|
+
d: "M15 22h2v-2h-2v2zm0-4h2v-8h-2v8zm1 10C9.4 28 4 22.6 4 16S9.4 4 16 4s12 5.4 12 12-5.4 12-12 12zM6 16c0 5.5 4.5 10 10 10s10-4.5 10-10S21.5 6 16 6 6 10.5 6 16z"
|
|
53
51
|
}));
|
|
54
52
|
};
|
|
55
53
|
var SuccessIcon = function SuccessIcon(props) {
|
|
56
54
|
return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
|
|
57
55
|
viewBox: "0 0 32 32"
|
|
58
56
|
}, props), /*#__PURE__*/React.createElement("path", {
|
|
59
|
-
d: "
|
|
57
|
+
d: "M22.2 9l-7.8 9.4-3.6-3.7L9 16.5c3.6 3.7 5.4 5.5 5.5 5.5.1 0 3.3-3.8 9.5-11.3L22.2 9z"
|
|
60
58
|
}));
|
|
61
59
|
};
|
|
62
60
|
var InfoIcon = function InfoIcon(props) {
|
|
63
61
|
return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
|
|
64
62
|
viewBox: "0 0 32 32"
|
|
65
63
|
}, props), /*#__PURE__*/React.createElement("path", {
|
|
66
|
-
|
|
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"
|
|
64
|
+
d: "M15 12h2v-2h-2v2zm0 10h2v-8h-2v8zm1 6C9.4 28 4 22.6 4 16S9.4 4 16 4s12 5.4 12 12-5.4 12-12 12zm0-22C10.5 6 6 10.5 6 16s4.5 10 10 10 10-4.5 10-10S21.5 6 16 6z"
|
|
69
65
|
}));
|
|
70
66
|
};
|
|
71
67
|
var TIMEOUT_DELAY = 400;
|
package/dist/lib/components/Pagination/components/PaginationNavigation/PaginationNavigation.js
CHANGED
|
@@ -16,14 +16,16 @@ 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
|
-
|
|
19
|
+
fillRule: "evenodd",
|
|
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"
|
|
20
22
|
}));
|
|
21
23
|
};
|
|
22
24
|
var ArrowRightIcon = function ArrowRightIcon(props) {
|
|
23
25
|
return /*#__PURE__*/_react["default"].createElement("svg", (0, _extends2["default"])({
|
|
24
26
|
viewBox: "0 0 32 32"
|
|
25
27
|
}, props), /*#__PURE__*/_react["default"].createElement("path", {
|
|
26
|
-
d: "
|
|
28
|
+
d: "M12.5 20.8l4.8-4.8-4.8-4.8 1.6-1.7 6.4 6.5-6.4 6.5z"
|
|
27
29
|
}));
|
|
28
30
|
};
|
|
29
31
|
var ArrowsRightIcon = function ArrowsRightIcon(props) {
|
|
@@ -25,9 +25,7 @@ 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
|
-
|
|
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"
|
|
28
|
+
d: "M10 2c4.4 0 8 3.6 8 8s-3.6 8-8 8-8-3.6-8-8 3.6-8 8-8zm0 5c.6 0 1-.4 1-1s-.4-1-1-1-1 .4-1 1 .4 1 1 1zm1 8V9H9v6h2z"
|
|
31
29
|
}));
|
|
32
30
|
};
|
|
33
31
|
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: "M12.5 20.8l4.8-4.8-4.8-4.8 1.6-1.7 6.4 6.5-6.4 6.5z"
|
|
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
|
-
|
|
49
|
+
className: "ClearIcon__st0",
|
|
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"
|
|
50
51
|
}));
|
|
51
52
|
};
|
|
52
53
|
var ResizeIcon = function ResizeIcon(props) {
|
|
53
54
|
return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
|
|
54
55
|
width: 12,
|
|
55
|
-
height: 12
|
|
56
|
-
viewBox: "0 0 12 12"
|
|
56
|
+
height: 12
|
|
57
57
|
}, props), /*#__PURE__*/React.createElement("path", {
|
|
58
58
|
d: "M1 11L11 1M7 11l4-4"
|
|
59
59
|
}));
|
|
@@ -23,7 +23,9 @@ 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: "
|
|
26
|
+
d: "M6 8h8l-4 5z",
|
|
27
|
+
fillRule: "evenodd",
|
|
28
|
+
clipRule: "evenodd"
|
|
27
29
|
}));
|
|
28
30
|
};
|
|
29
31
|
var SCROLL_PADDING = 20;
|
|
@@ -26,46 +26,42 @@ 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.25 3A3.78 3.78 0 0010 4.82 3.78 3.78 0 006.75 3C4.6 3 3 5.18 3 7.13a3.42 3.42 0 00.49 1.77c1.2 2 5 7.64 5.15 7.88l.15.22h2.51l.15-.22c.16-.24 4-5.83 5.1-7.92A4.14 4.14 0 0017 7.13C17 5.18 15.4 3 13.25 3zm2.41 5.4c-.94 1.81-4.16 6.53-4.89 7.59H9.32c-.73-1.09-3.92-5.87-5-7.62A2.42 2.42 0 014 7.13C4 5.71 5.23 4 6.75 4a2.73 2.73 0 012.67 2h1.15a2.73 2.73 0 012.67-2C14.77 4 16 5.71 16 7.13a3.14 3.14 0 01-.34 1.27z"
|
|
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: "M20.5 6A5.55 5.55 0 0016 8.27 5.55 5.55 0 0011.5 6C8.35 6 6 9.18 6 12a5 5 0 00.73 2.61c1.67 2.77 6.92 10.59 7.14 10.93l.3.44H18l.3-.43c.23-.33 5.58-8.09 7.09-11A6 6 0 0026 12c0-2.82-2.35-6-5.5-6zm3.07 7.65c-1.25 2.42-5.5 8.65-6.66 10.35h-1.68c-1.16-1.73-5.37-8-6.79-10.4A3 3 0 018 12c0-1.82 1.56-4 3.5-4a3.47 3.47 0 013.38 2.51h2.24A3.47 3.47 0 0120.5 8c1.94 0 3.5 2.2 3.5 4a4 4 0 01-.43 1.65z"
|
|
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
|
-
|
|
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"
|
|
43
|
+
d: "M9 5h2v6H9V5zm1 8c-.2 0-.5.1-.7.3s-.3.4-.3.7.1.5.3.7.5.3.7.3.5-.1.7-.3.3-.4.3-.7-.1-.5-.3-.7c-.1-.2-.4-.3-.7-.3zm0 4c-3.9 0-7-3.1-7-7s3.1-7 7-7 7 3.1 7 7-3.1 7-7 7zm-8-7c0 4.4 3.6 8 8 8s8-3.6 8-8-3.6-8-8-8-8 3.6-8 8z"
|
|
46
44
|
}));
|
|
47
45
|
};
|
|
48
46
|
var CheckedIcon16 = function CheckedIcon16(props) {
|
|
49
47
|
return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
|
|
50
48
|
viewBox: "0 0 20 20"
|
|
51
49
|
}, props), /*#__PURE__*/React.createElement("path", {
|
|
52
|
-
d: "
|
|
50
|
+
d: "M8.832 11.547L6.619 9.335l-1.414 1.413 2.462 2.462 1.445 1.446 5.932-8.486-1.638-1.148-4.574 6.525z"
|
|
53
51
|
}));
|
|
54
52
|
};
|
|
55
53
|
var AttentionIcon24 = function AttentionIcon24(props) {
|
|
56
54
|
return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
|
|
57
55
|
viewBox: "0 0 32 32"
|
|
58
56
|
}, props), /*#__PURE__*/React.createElement("path", {
|
|
59
|
-
|
|
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"
|
|
57
|
+
d: "M15 22h2v-2h-2v2zm0-4h2v-8h-2v8zm1 10C9.4 28 4 22.6 4 16S9.4 4 16 4s12 5.4 12 12-5.4 12-12 12zM6 16c0 5.5 4.5 10 10 10s10-4.5 10-10S21.5 6 16 6 6 10.5 6 16z"
|
|
62
58
|
}));
|
|
63
59
|
};
|
|
64
60
|
var CheckedIcon24 = function CheckedIcon24(props) {
|
|
65
61
|
return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
|
|
66
62
|
viewBox: "0 0 32 32"
|
|
67
63
|
}, props), /*#__PURE__*/React.createElement("path", {
|
|
68
|
-
d: "
|
|
64
|
+
d: "M22.2 9l-7.8 9.4-3.6-3.7L9 16.5c3.6 3.7 5.4 5.5 5.5 5.5.1 0 3.3-3.8 9.5-11.3L22.2 9z"
|
|
69
65
|
}));
|
|
70
66
|
};
|
|
71
67
|
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: "M8.832 11.547L6.619 9.335l-1.414 1.413 2.462 2.462 1.445 1.446 5.932-8.486-1.638-1.148-4.574 6.525z"
|
|
24
24
|
}));
|
|
25
25
|
};
|
|
26
26
|
var cn = (0, _uiHelpers.cnCreate)('mfui-9-stepper');
|
|
@@ -18,9 +18,7 @@ var WaitingIcon = function WaitingIcon(props) {
|
|
|
18
18
|
}, props), /*#__PURE__*/React.createElement("path", {
|
|
19
19
|
fillRule: "evenodd",
|
|
20
20
|
clipRule: "evenodd",
|
|
21
|
-
d: "M10
|
|
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"
|
|
21
|
+
d: "M10 18a8 8 0 100-16 8 8 0 000 16zm1-8.414V5H9v5.414l3 3L13.414 12 11 9.586z"
|
|
24
22
|
}));
|
|
25
23
|
};
|
|
26
24
|
var cn = (0, _uiHelpers.cnCreate)('mfui-9-switcher');
|