@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.
Files changed (133) hide show
  1. package/dist/es/components/Accordion/Accordion.js +3 -1
  2. package/dist/es/components/Badges/CounterBadge/CounterBadge.js +1 -1
  3. package/dist/es/components/Badges/InfoBadge/InfoBadge.js +16 -28
  4. package/dist/es/components/Badges/PriceBadge/PriceBadge.js +16 -28
  5. package/dist/es/components/Badges/PromoBadge/PromoBadge.js +0 -1
  6. package/dist/es/components/Badges/StatusBadge/StatusBadge.js +9 -13
  7. package/dist/es/components/Badges/TimerBadge/TimerBadge.js +1 -3
  8. package/dist/es/components/Buttons/Button/Button.js +1 -1
  9. package/dist/es/components/Buttons/ButtonClose/ButtonClose.js +2 -1
  10. package/dist/es/components/Calendar/components/_Month/Month.js +6 -2
  11. package/dist/es/components/Checkbox/Checkbox.js +1 -1
  12. package/dist/es/components/Chips/Chips/Chip.js +6 -2
  13. package/dist/es/components/ContentView/ContentView.css +1 -1
  14. package/dist/es/components/ContentView/ContentView.d.ts +1 -1
  15. package/dist/es/components/ContentView/img/alarm.png +0 -0
  16. package/dist/es/components/ContentView/img/empty.png +0 -0
  17. package/dist/es/components/ContentView/img/error.png +0 -0
  18. package/dist/es/components/ContentView/img/fail.png +0 -0
  19. package/dist/es/components/ContentView/img/searchNoResult.png +0 -0
  20. package/dist/es/components/ContentView/img/submit.png +0 -0
  21. package/dist/es/components/ContentView/img/success.png +0 -0
  22. package/dist/es/components/ContentView/img/update.png +0 -0
  23. package/dist/es/components/ContentView/img/waiting.png +0 -0
  24. package/dist/es/components/Counter/Counter.js +2 -2
  25. package/dist/es/components/ErrorLoad/ErrorLoad.js +3 -1
  26. package/dist/es/components/ListData/ListData.js +13 -9
  27. package/dist/es/components/ListData/components/ListDataSortable.js +3 -1
  28. package/dist/es/components/Modal/Modal.js +3 -27
  29. package/dist/es/components/Modal/_ModalContent/ModalContent.js +3 -2
  30. package/dist/es/components/Modal/_ModalMobile/ModalMobile.css +1 -1
  31. package/dist/es/components/Modal/_ModalMobile/ModalMobile.d.ts +0 -1
  32. package/dist/es/components/Modal/_ModalMobile/ModalMobile.js +4 -9
  33. package/dist/es/components/Modal/utils/utils.d.ts +0 -1
  34. package/dist/es/components/Modal/utils/utils.js +2 -3
  35. package/dist/es/components/MultipleSelect/MultipleSelect.js +5 -2
  36. package/dist/es/components/NavArrow/NavArrow.js +4 -4
  37. package/dist/es/components/Notification/Notification.js +9 -13
  38. package/dist/es/components/Pagination/components/PaginationNavigation/PaginationNavigation.js +4 -2
  39. package/dist/es/components/Parameter/Parameter.js +1 -3
  40. package/dist/es/components/Row/Row.js +1 -1
  41. package/dist/es/components/Search/Search.js +3 -3
  42. package/dist/es/components/SectionAccordionGroup/SectionAccordionGroup.js +3 -1
  43. package/dist/es/components/Snackbar/Snackbar.js +6 -10
  44. package/dist/es/components/Stepper/Stepper.js +1 -1
  45. package/dist/es/components/Switcher/Switcher.js +1 -3
  46. package/dist/es/components/Tabs/Tabs.js +1 -1
  47. package/dist/es/components/TextField/TextField.js +7 -13
  48. package/dist/es/components/Tooltip/Tooltip.js +3 -5
  49. package/dist/es/components/UploadForm/UploadField/components/_UploadFieldDropArea/UploadFieldDropArea.js +1 -5
  50. package/dist/es/components/UploadForm/UploadFileItem/UploadFileItem.js +4 -3
  51. package/dist/es/components/UploadForm/UploadFileItem/components/_UploadFileItemIcon/UploadFileItemIcon.js +0 -6
  52. package/dist/es/index.d.ts +0 -1
  53. package/dist/es/index.js +0 -1
  54. package/dist/lib/components/Accordion/Accordion.js +3 -1
  55. package/dist/lib/components/Badges/CounterBadge/CounterBadge.js +1 -1
  56. package/dist/lib/components/Badges/InfoBadge/InfoBadge.js +16 -28
  57. package/dist/lib/components/Badges/PriceBadge/PriceBadge.js +16 -28
  58. package/dist/lib/components/Badges/PromoBadge/PromoBadge.js +0 -1
  59. package/dist/lib/components/Badges/StatusBadge/StatusBadge.js +9 -13
  60. package/dist/lib/components/Badges/TimerBadge/TimerBadge.js +1 -3
  61. package/dist/lib/components/Buttons/Button/Button.js +1 -1
  62. package/dist/lib/components/Buttons/ButtonClose/ButtonClose.js +2 -1
  63. package/dist/lib/components/Calendar/components/_Month/Month.js +6 -2
  64. package/dist/lib/components/Checkbox/Checkbox.js +1 -1
  65. package/dist/lib/components/Chips/Chips/Chip.js +6 -2
  66. package/dist/lib/components/ContentView/ContentView.css +1 -1
  67. package/dist/lib/components/ContentView/ContentView.d.ts +1 -1
  68. package/dist/lib/components/ContentView/img/alarm.png +0 -0
  69. package/dist/lib/components/ContentView/img/empty.png +0 -0
  70. package/dist/lib/components/ContentView/img/error.png +0 -0
  71. package/dist/lib/components/ContentView/img/fail.png +0 -0
  72. package/dist/lib/components/ContentView/img/searchNoResult.png +0 -0
  73. package/dist/lib/components/ContentView/img/submit.png +0 -0
  74. package/dist/lib/components/ContentView/img/success.png +0 -0
  75. package/dist/lib/components/ContentView/img/update.png +0 -0
  76. package/dist/lib/components/ContentView/img/waiting.png +0 -0
  77. package/dist/lib/components/Counter/Counter.js +2 -2
  78. package/dist/lib/components/ErrorLoad/ErrorLoad.js +3 -1
  79. package/dist/lib/components/ListData/ListData.js +13 -9
  80. package/dist/lib/components/ListData/components/ListDataSortable.js +3 -1
  81. package/dist/lib/components/Modal/Modal.js +3 -27
  82. package/dist/lib/components/Modal/_ModalContent/ModalContent.js +3 -2
  83. package/dist/lib/components/Modal/_ModalMobile/ModalMobile.css +1 -1
  84. package/dist/lib/components/Modal/_ModalMobile/ModalMobile.d.ts +0 -1
  85. package/dist/lib/components/Modal/_ModalMobile/ModalMobile.js +4 -9
  86. package/dist/lib/components/Modal/utils/utils.d.ts +0 -1
  87. package/dist/lib/components/Modal/utils/utils.js +2 -3
  88. package/dist/lib/components/MultipleSelect/MultipleSelect.js +5 -2
  89. package/dist/lib/components/NavArrow/NavArrow.js +4 -4
  90. package/dist/lib/components/Notification/Notification.js +9 -13
  91. package/dist/lib/components/Pagination/components/PaginationNavigation/PaginationNavigation.js +4 -2
  92. package/dist/lib/components/Parameter/Parameter.js +1 -3
  93. package/dist/lib/components/Row/Row.js +1 -1
  94. package/dist/lib/components/Search/Search.js +3 -3
  95. package/dist/lib/components/SectionAccordionGroup/SectionAccordionGroup.js +3 -1
  96. package/dist/lib/components/Snackbar/Snackbar.js +6 -10
  97. package/dist/lib/components/Stepper/Stepper.js +1 -1
  98. package/dist/lib/components/Switcher/Switcher.js +1 -3
  99. package/dist/lib/components/Tabs/Tabs.js +1 -1
  100. package/dist/lib/components/TextField/TextField.js +7 -13
  101. package/dist/lib/components/Tooltip/Tooltip.js +3 -5
  102. package/dist/lib/components/UploadForm/UploadField/components/_UploadFieldDropArea/UploadFieldDropArea.js +1 -5
  103. package/dist/lib/components/UploadForm/UploadFileItem/UploadFileItem.js +4 -3
  104. package/dist/lib/components/UploadForm/UploadFileItem/components/_UploadFileItemIcon/UploadFileItemIcon.js +0 -6
  105. package/dist/lib/index.d.ts +0 -1
  106. package/dist/lib/index.js +0 -7
  107. package/package.json +3 -4
  108. package/dist/es/components/ContentView/img/info.png +0 -0
  109. package/dist/es/components/Modal/utils/usePreventScroll.d.ts +0 -17
  110. package/dist/es/components/Modal/utils/usePreventScroll.js +0 -252
  111. package/dist/es/hooks/useEvent.d.ts +0 -3
  112. package/dist/es/hooks/useEvent.js +0 -11
  113. package/dist/es/hooks/useLatest.d.ts +0 -2
  114. package/dist/es/hooks/useLatest.js +0 -8
  115. package/dist/es/hooks/useVisualViewport.d.ts +0 -10
  116. package/dist/es/hooks/useVisualViewport.js +0 -55
  117. package/dist/es/utils/browser.d.ts +0 -7
  118. package/dist/es/utils/browser.js +0 -30
  119. package/dist/es/utils/is.d.ts +0 -19
  120. package/dist/es/utils/is.js +0 -70
  121. package/dist/lib/components/ContentView/img/info.png +0 -0
  122. package/dist/lib/components/Modal/utils/usePreventScroll.d.ts +0 -17
  123. package/dist/lib/components/Modal/utils/usePreventScroll.js +0 -263
  124. package/dist/lib/hooks/useEvent.d.ts +0 -3
  125. package/dist/lib/hooks/useEvent.js +0 -17
  126. package/dist/lib/hooks/useLatest.d.ts +0 -2
  127. package/dist/lib/hooks/useLatest.js +0 -14
  128. package/dist/lib/hooks/useVisualViewport.d.ts +0 -10
  129. package/dist/lib/hooks/useVisualViewport.js +0 -62
  130. package/dist/lib/utils/browser.d.ts +0 -7
  131. package/dist/lib/utils/browser.js +0 -42
  132. package/dist/lib/utils/is.d.ts +0 -19
  133. 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-image_type_info{background-image:url(img/info.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}
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' | 'info' | 'alarm' | 'empty' | 'searchNoResult';
37
+ type?: 'waiting' | 'error' | 'submit' | 'success' | 'fail' | 'update' | 'alarm' | 'empty' | 'searchNoResult';
38
38
  /** Значение тега alt для изображения */
39
39
  alt?: string;
40
40
  /** Ссылка на изображение */
@@ -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: "M14 9a1 1 0 110 2H6a1 1 0 110-2h8z"
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: "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"
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
- 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"
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
- 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"
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("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"
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
- 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"
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 = (0, _useEvent.useEvent)(function () {
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: "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"
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
- 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"
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{--top-offset:72px;width:100%}.mfui-9-modal-mobile_full-view .mfui-9-modal-mobile__container-wrap{display:block;height:calc(var(--vh, 1vh)*100 - var(--top-offset));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}.mfui-9-modal-mobile_ios.mfui-9-modal-mobile_full-view .mfui-9-modal-mobile__container-wrap,.mfui-9-modal-mobile_ios.mfui-9-modal-mobile_keyboard-open .mfui-9-modal-mobile__container-wrap{bottom:var(--keyboard-offset,0);height:calc(var(--viewport-height) - var(--top-offset))}.mfui-9-modal-mobile_ios.mfui-9-modal-mobile_full-view .mfui-9-modal-mobile__container-wrap:after,.mfui-9-modal-mobile_ios.mfui-9-modal-mobile_keyboard-open .mfui-9-modal-mobile__container-wrap:after{background-color:var(--background);bottom:auto;content:"";display:block;height:200%;left:0;position:fixed;right:0;top:var(--viewport-height)}@-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%)}}
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
- isKeyboardOpen = _a.isKeyboardOpen,
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), {
@@ -10,7 +10,6 @@ type CorrectMaxHeightArgsType = {
10
10
  isStickyFooter?: boolean;
11
11
  isBottomView?: boolean;
12
12
  isStickyHeader?: boolean;
13
- availableHeight?: number;
14
13
  };
15
14
  };
16
15
  export declare const getCorrectMaxHeight: ({ refs, props }: CorrectMaxHeightArgsType) => number;
@@ -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
- availableHeight = props.availableHeight;
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
- 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"
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: "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"
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: "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"
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: "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"
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: "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"
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: "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"
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
- 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"
25
+ d: "M15 20.72V23h2v-2.28a2 2 0 10-2 0z"
28
26
  }), /*#__PURE__*/React.createElement("path", {
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"
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: "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"
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: "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"
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
- 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"
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: "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"
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
- 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"
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;
@@ -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
- 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"
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: "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"
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
- 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"
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: "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"
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
- 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"
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: "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"
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.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"
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: "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"
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
- 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"
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: "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"
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
- 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"
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: "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"
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: "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"
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.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"
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');