intelicoreact 1.4.76 → 1.4.78

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 (269) hide show
  1. package/dist/Atomic/FormElements/ActionAlert/ActionAlert.js +9 -1
  2. package/dist/Atomic/FormElements/AdvancedStatus/AdvancedStatus.js +10 -1
  3. package/dist/Atomic/FormElements/Calendar/Calendar.js +24 -4
  4. package/dist/Atomic/FormElements/CheckboxInput/CheckboxInput.js +10 -1
  5. package/dist/Atomic/FormElements/CheckboxesLine/CheckboxesLine.js +14 -2
  6. package/dist/Atomic/FormElements/Datepicker/Datepicker.js +54 -5
  7. package/dist/Atomic/FormElements/Datepicker/components/Calendar.js +21 -3
  8. package/dist/Atomic/FormElements/Dropdown/Dropdown.js +145 -52
  9. package/dist/Atomic/FormElements/Dropdown/components/DropdownLoader.js +7 -1
  10. package/dist/Atomic/FormElements/DropdownLiveSearch/DropdownLiveSearch.js +91 -25
  11. package/dist/Atomic/FormElements/FileLoader/FileLoader.js +15 -3
  12. package/dist/Atomic/FormElements/FileLoader/partial/LoadZone.js +29 -15
  13. package/dist/Atomic/FormElements/FileLoader/partial/LoadedContent.js +15 -5
  14. package/dist/Atomic/FormElements/FileLoaderDescription/FileLoaderDescription.js +23 -4
  15. package/dist/Atomic/FormElements/FileLoaderLocal/FileLoaderLocal.js +26 -6
  16. package/dist/Atomic/FormElements/FileLoaderLocalGroup/FileLoaderLocalGroup.js +38 -19
  17. package/dist/Atomic/FormElements/FormattedRawSSN/FormattedRawSSN.js +38 -9
  18. package/dist/Atomic/FormElements/Input/Input.js +60 -25
  19. package/dist/Atomic/FormElements/InputCalendar/InputCalendar.js +31 -4
  20. package/dist/Atomic/FormElements/InputColor/InputColor.js +14 -4
  21. package/dist/Atomic/FormElements/InputCurrency/InputCurrency.js +29 -6
  22. package/dist/Atomic/FormElements/InputDateRange/InputDateRange.js +43 -8
  23. package/dist/Atomic/FormElements/InputDateRange/components/DateInput.js +21 -3
  24. package/dist/Atomic/FormElements/InputDateRange/components/Datepicker.js +81 -58
  25. package/dist/Atomic/FormElements/InputDateRange/components/OpenedPart.js +41 -6
  26. package/dist/Atomic/FormElements/InputDateRange/components/SelectItem.js +8 -1
  27. package/dist/Atomic/FormElements/InputDateRange/dependencies.js +46 -16
  28. package/dist/Atomic/FormElements/InputLink/InputLink.js +23 -6
  29. package/dist/Atomic/FormElements/InputMask/InputCarretPosition.js +4 -0
  30. package/dist/Atomic/FormElements/InputMask/InputMask.js +208 -77
  31. package/dist/Atomic/FormElements/InputMask/functions.js +28 -2
  32. package/dist/Atomic/FormElements/InputMask2/InputMask2.js +119 -43
  33. package/dist/Atomic/FormElements/InputMask2/functions.js +28 -2
  34. package/dist/Atomic/FormElements/InputMask3/InputMask3.js +137 -44
  35. package/dist/Atomic/FormElements/InputMask3/functions.js +28 -2
  36. package/dist/Atomic/FormElements/InputWithAction/InputWithAction.js +17 -3
  37. package/dist/Atomic/FormElements/InputsRow/InputsRow.js +24 -5
  38. package/dist/Atomic/FormElements/Label/Label.js +9 -1
  39. package/dist/Atomic/FormElements/MobileCalendar/MobileCalendar.js +73 -35
  40. package/dist/Atomic/FormElements/MultiSelect/MultiSelect.js +15 -3
  41. package/dist/Atomic/FormElements/NumericInput/NumericInput.js +44 -23
  42. package/dist/Atomic/FormElements/RadioGroup/RadioGroup.js +17 -7
  43. package/dist/Atomic/FormElements/RadioGroupWithInput/RadioGroupWithInput.js +14 -3
  44. package/dist/Atomic/FormElements/RadioInput/RadioInput.js +10 -1
  45. package/dist/Atomic/FormElements/RadioRowSwitcher/RadioRowSwitcher.js +14 -3
  46. package/dist/Atomic/FormElements/RangeCalendar/RangeCalendar.js +23 -3
  47. package/dist/Atomic/FormElements/RangeInputs/RangeInputs.js +34 -17
  48. package/dist/Atomic/FormElements/RangeList/RangeList.js +25 -6
  49. package/dist/Atomic/FormElements/RangeList/partial/RangeListRow.js +11 -1
  50. package/dist/Atomic/FormElements/RangeSlider/RangeSlider.js +85 -14
  51. package/dist/Atomic/FormElements/RangeSlider2/RangeSlider2.js +132 -43
  52. package/dist/Atomic/FormElements/SwitchableRow/SwitchableRow.js +10 -1
  53. package/dist/Atomic/FormElements/Switcher/Switcher.js +10 -1
  54. package/dist/Atomic/FormElements/SwitcherCheckbox/SwitcherCheckbox.js +13 -1
  55. package/dist/Atomic/FormElements/SwitcherHide/SwitcherHide.js +10 -1
  56. package/dist/Atomic/FormElements/SwitcherRadio/SwitcherRadio.js +17 -2
  57. package/dist/Atomic/FormElements/SwitcherRange/SwitcherRange.js +17 -3
  58. package/dist/Atomic/FormElements/SwitcherRangeList/SwitcherRangeList.js +11 -1
  59. package/dist/Atomic/FormElements/SwitcherTagsDropdown/SwitcherTagsDropdown.js +29 -6
  60. package/dist/Atomic/FormElements/SwitcherTagsDropdown/partial/States.js +3 -2
  61. package/dist/Atomic/FormElements/SwitcherTextarea/SwitcherTextarea.js +12 -1
  62. package/dist/Atomic/FormElements/TagListToDropdown/TagListToDropdown.js +23 -6
  63. package/dist/Atomic/FormElements/TagsDropdown/TagsDropdown.js +223 -105
  64. package/dist/Atomic/FormElements/Text/Text.js +16 -10
  65. package/dist/Atomic/FormElements/TextSwitcher/TextSwitcher.js +9 -1
  66. package/dist/Atomic/FormElements/Textarea/Textarea.js +16 -5
  67. package/dist/Atomic/FormElements/TieredCheckboxes/TieredCheckboxes.js +35 -6
  68. package/dist/Atomic/FormElements/TieredCheckboxes/partial/AccordionWithCheckbox.js +13 -4
  69. package/dist/Atomic/FormElements/TimeRange/TimeRange.js +21 -7
  70. package/dist/Atomic/FormElements/UserContacts/UserContacts.js +35 -8
  71. package/dist/Atomic/FormElements/UserContacts/partial/defaultIcons.js +91 -0
  72. package/dist/Atomic/FormElements/VariantsListRadio/VariantsListRadio.js +18 -5
  73. package/dist/Atomic/FormElements/VariantsListRadio/partials/VariantsListRadioItem.js +10 -3
  74. package/dist/Atomic/FormElements/WidgetPseudoTable/WidgetPseudoTable.js +11 -3
  75. package/dist/Atomic/FormElements/WidgetPseudoTable/partial/constructor.js +2 -1
  76. package/dist/Atomic/FormElements/WidgetWithSwitchableRows/WidgetWithSwitchableRows.js +12 -5
  77. package/dist/Atomic/FormElements/WidgetWithSwitchableRows/partial/constructor.js +3 -3
  78. package/dist/Atomic/Layout/Header/Header.js +15 -3
  79. package/dist/Atomic/Layout/MainMenu/MainMenu.js +20 -3
  80. package/dist/Atomic/Layout/Spinner/Spinner.js +8 -1
  81. package/dist/Atomic/UI/Accordion/Accordion.js +19 -3
  82. package/dist/Atomic/UI/Accordion/AccordionItem.js +23 -9
  83. package/dist/Atomic/UI/AccordionTable/AccordionTable.js +32 -7
  84. package/dist/Atomic/UI/AccordionText/AccordionText.js +17 -3
  85. package/dist/Atomic/UI/AdvancedTag/AdvTag.js +21 -4
  86. package/dist/Atomic/UI/AdvancedTag/AdvancedTags.js +15 -3
  87. package/dist/Atomic/UI/Alert/Alert.js +19 -3
  88. package/dist/Atomic/UI/Arrow/Arrow.js +16 -3
  89. package/dist/Atomic/UI/Box/Box.js +9 -3
  90. package/dist/Atomic/UI/Button/Button.js +11 -2
  91. package/dist/Atomic/UI/ButtonsBar/ButtonsBar.js +10 -1
  92. package/dist/Atomic/UI/Chart/Chart.js +29 -4
  93. package/dist/Atomic/UI/Chart/partial/Chart.constants.js +19 -11
  94. package/dist/Atomic/UI/Chart/partial/ChartTypeSwitcherIcon/ChartTypeSwitcherIcon.js +12 -1
  95. package/dist/Atomic/UI/Chart/partial/datasetSetters.js +34 -11
  96. package/dist/Atomic/UI/Chart/partial/optionsConstructor.js +56 -82
  97. package/dist/Atomic/UI/Chart/partial/optionsSetters.js +19 -15
  98. package/dist/Atomic/UI/Chart/partial/utils.js +20 -6
  99. package/dist/Atomic/UI/CircleProgressBar/CircleProgressBar.js +13 -3
  100. package/dist/Atomic/UI/DateTime/DateTime.js +14 -3
  101. package/dist/Atomic/UI/DebugContainer/DebugContainer.js +16 -4
  102. package/dist/Atomic/UI/DebugContainer/useDebugContainer.js +11 -3
  103. package/dist/Atomic/UI/DoubleString/DoubleString.js +17 -5
  104. package/dist/Atomic/UI/DynamicIcon/DynamicIcon.js +10 -3
  105. package/dist/Atomic/UI/ExampleChartIntegration/ExampleChartIntegration.js +52 -17
  106. package/dist/Atomic/UI/ExampleChartIntegration/partial/utils.js +29 -1
  107. package/dist/Atomic/UI/Hint/Hint.js +39 -13
  108. package/dist/Atomic/UI/Hint/partials/_utils.js +19 -4
  109. package/dist/Atomic/UI/Modal/Modal.js +28 -6
  110. package/dist/Atomic/UI/Modal/ModalHOC.js +9 -1
  111. package/dist/Atomic/UI/Modal/partials/ModalFooter.js +7 -1
  112. package/dist/Atomic/UI/Modal/partials/ModalTitle.js +8 -1
  113. package/dist/Atomic/UI/Modal/partials/useMobileModal.js +49 -32
  114. package/dist/Atomic/UI/ModalBackup/Modal.js +174 -0
  115. package/dist/Atomic/UI/ModalBackup/Modal.scss +333 -0
  116. package/dist/Atomic/UI/ModalBackup/ModalHOC.js +51 -0
  117. package/dist/Atomic/UI/ModalBackup/partials/ModalFooter.js +24 -0
  118. package/dist/Atomic/UI/ModalBackup/partials/ModalTitle.js +41 -0
  119. package/dist/Atomic/UI/MonoAccordion/MonoAccordion.js +21 -6
  120. package/dist/Atomic/UI/NavLine/NavLine.js +55 -26
  121. package/dist/Atomic/UI/NavLine/Tabs.js +3 -2
  122. package/dist/Atomic/UI/PageTitle/PageTitle.js +10 -2
  123. package/dist/Atomic/UI/PieChart/PieChart.js +10 -1
  124. package/dist/Atomic/UI/Price/Price.js +8 -3
  125. package/dist/Atomic/UI/PriceRange/PriceRange.js +7 -1
  126. package/dist/Atomic/UI/ProgressLine/ProgressLine.js +16 -1
  127. package/dist/Atomic/UI/Status/Status.js +8 -1
  128. package/dist/Atomic/UI/Table/Partials/TdCell.js +29 -5
  129. package/dist/Atomic/UI/Table/Partials/TdHeader.js +11 -1
  130. package/dist/Atomic/UI/Table/Partials/TdRow.js +17 -5
  131. package/dist/Atomic/UI/Table/Partials/TdTitle.js +14 -3
  132. package/dist/Atomic/UI/Table/Table.js +12 -1
  133. package/dist/Atomic/UI/Table/TdTypes/TdActions.js +18 -2
  134. package/dist/Atomic/UI/Table/TdTypes/TdPriority.js +9 -1
  135. package/dist/Atomic/UI/Table/TdTypes/TdRange.js +4 -1
  136. package/dist/Atomic/UI/Table/TdTypes/TdWeight.js +13 -1
  137. package/dist/Atomic/UI/Tag/Tag.js +26 -11
  138. package/dist/Atomic/UI/TagList/TagList.js +52 -21
  139. package/dist/Atomic/UI/TagList/TagList.scss +3 -2
  140. package/dist/Atomic/UI/UserBox/UserBox.js +13 -1
  141. package/dist/Atomic/UI/WizardStepper/constructor.js +11 -3
  142. package/dist/Atomic/UI/WizardStepper/index.js +5 -1
  143. package/dist/Atomic/UI/WizardStepper/ui/StateIcon/StateIcon.js +10 -0
  144. package/dist/Atomic/UI/WizardStepper/ui/StateIcon/index.js +4 -1
  145. package/dist/Atomic/UI/WizardStepper/ui/StepRow/StepRow.js +17 -2
  146. package/dist/Atomic/UI/WizardStepper/ui/StepRow/index.js +5 -1
  147. package/dist/Atomic/UI/WizardStepper/ui/StepWrapper/StepWrapper.js +15 -1
  148. package/dist/Atomic/UI/WizardStepper/ui/StepWrapper/index.js +5 -1
  149. package/dist/Atomic/UI/WizardStepper/ui/icons.js +9 -2
  150. package/dist/Atomic/UI/WizardStepper/ui/index.js +5 -1
  151. package/dist/Classes/AbortableFetch.js +93 -36
  152. package/dist/Classes/AnimatedHandler.js +7 -3
  153. package/dist/Classes/RESTAPI/index.js +43 -39
  154. package/dist/Classes/RESTAPI/partials/AbortableFetch.js +93 -35
  155. package/dist/Classes/RESTAPI/partials/ApiBase.js +9 -1
  156. package/dist/Classes/RESTAPI/partials/ApiRequestCreators.js +32 -24
  157. package/dist/Classes/RESTAPI/partials/ApiUtils.js +41 -34
  158. package/dist/Classes/RESTAPI/partials/CredentialsProcessing.js +46 -21
  159. package/dist/Classes/RESTAPI/partials/Utils.js +19 -6
  160. package/dist/Classes/RESTAPI/partials/_outerDependencies.js +6 -2
  161. package/dist/Classes/RESTAPI/partials/_utils.js +39 -16
  162. package/dist/Constants/index.constants.js +15 -8
  163. package/dist/Functions/Portal.js +16 -5
  164. package/dist/Functions/customEventListener.js +17 -4
  165. package/dist/Functions/fieldValueFormatters.js +83 -43
  166. package/dist/Functions/hooks/useFormFieldsChangesManager.js +26 -23
  167. package/dist/Functions/locale/createTranslator.js +9 -4
  168. package/dist/Functions/operations.js +22 -12
  169. package/dist/Functions/presets/inputMaskPresets.js +11 -9
  170. package/dist/Functions/presets/inputPresets.js +11 -8
  171. package/dist/Functions/presets/mobileKeyboardTypesPresets.js +9 -7
  172. package/dist/Functions/schemas.js +13 -6
  173. package/dist/Functions/useBodyScrollLock.js +6 -1
  174. package/dist/Functions/useClickOutside.js +4 -0
  175. package/dist/Functions/useDebounce.js +7 -2
  176. package/dist/Functions/useFieldFocus.js +18 -6
  177. package/dist/Functions/useFormTools/form-drivers/ArrayWithObjects.js +9 -0
  178. package/dist/Functions/useFormTools/form-drivers/ObjectWithIterableObjects.js +23 -12
  179. package/dist/Functions/useFormTools/form-drivers/ObjectWithNamedKeyObjects.js +15 -6
  180. package/dist/Functions/useFormTools/functions/General.js +28 -18
  181. package/dist/Functions/useFormTools/functions/RenderFields.js +11 -2
  182. package/dist/Functions/useFormTools/functions/usePrevious.js +5 -1
  183. package/dist/Functions/useFormTools/index.js +144 -85
  184. package/dist/Functions/useInputHighlightError.js +12 -3
  185. package/dist/Functions/useIsMobile.js +13 -7
  186. package/dist/Functions/useKeyPress/useHandleKeyPress.js +7 -1
  187. package/dist/Functions/useKeyPress/useKeyPress.js +9 -1
  188. package/dist/Functions/useLocalStorage.js +9 -1
  189. package/dist/Functions/useLocationParams.js +5 -4
  190. package/dist/Functions/useMediaQuery.js +9 -3
  191. package/dist/Functions/useMetaInfo.js +10 -3
  192. package/dist/Functions/useMouseUpOutside.js +3 -0
  193. package/dist/Functions/useOnlineStatus.js +9 -1
  194. package/dist/Functions/usePasswordChecker.js +20 -4
  195. package/dist/Functions/usePrevious.js +5 -1
  196. package/dist/Functions/useResize.js +10 -2
  197. package/dist/Functions/useScrollTo.js +7 -2
  198. package/dist/Functions/useToggle.js +5 -1
  199. package/dist/Functions/utils.js +131 -56
  200. package/dist/Molecular/CustomIcons/components/AffiliateNetworks.js +9 -2
  201. package/dist/Molecular/CustomIcons/components/AlertCircle.js +9 -2
  202. package/dist/Molecular/CustomIcons/components/AppStore.js +9 -2
  203. package/dist/Molecular/CustomIcons/components/Arrow.js +9 -2
  204. package/dist/Molecular/CustomIcons/components/ArrowDown.js +9 -2
  205. package/dist/Molecular/CustomIcons/components/ArrowLeft.js +9 -2
  206. package/dist/Molecular/CustomIcons/components/ArrowRight.js +9 -2
  207. package/dist/Molecular/CustomIcons/components/ArrowUp.js +9 -2
  208. package/dist/Molecular/CustomIcons/components/Bell.js +9 -2
  209. package/dist/Molecular/CustomIcons/components/Button.js +9 -2
  210. package/dist/Molecular/CustomIcons/components/Campaigns.js +9 -2
  211. package/dist/Molecular/CustomIcons/components/Check.js +9 -2
  212. package/dist/Molecular/CustomIcons/components/Check2.js +9 -2
  213. package/dist/Molecular/CustomIcons/components/ChevronDown.js +9 -2
  214. package/dist/Molecular/CustomIcons/components/ChevronDownDisabled.js +9 -2
  215. package/dist/Molecular/CustomIcons/components/ChevronLeft.js +9 -2
  216. package/dist/Molecular/CustomIcons/components/ChevronRight.js +9 -2
  217. package/dist/Molecular/CustomIcons/components/ChevronUp.js +9 -2
  218. package/dist/Molecular/CustomIcons/components/ChevronUpDown.js +9 -2
  219. package/dist/Molecular/CustomIcons/components/Close.js +9 -2
  220. package/dist/Molecular/CustomIcons/components/ColumnsOrder.js +9 -2
  221. package/dist/Molecular/CustomIcons/components/Delete.js +9 -2
  222. package/dist/Molecular/CustomIcons/components/Edit.js +9 -2
  223. package/dist/Molecular/CustomIcons/components/Email.js +9 -2
  224. package/dist/Molecular/CustomIcons/components/FinturfLogo.js +9 -2
  225. package/dist/Molecular/CustomIcons/components/FinturfLogo2.js +9 -2
  226. package/dist/Molecular/CustomIcons/components/Flows.js +9 -2
  227. package/dist/Molecular/CustomIcons/components/Gift.js +9 -2
  228. package/dist/Molecular/CustomIcons/components/GoogleAuth.js +9 -2
  229. package/dist/Molecular/CustomIcons/components/GooglePlay.js +9 -2
  230. package/dist/Molecular/CustomIcons/components/HelpCircle.js +9 -2
  231. package/dist/Molecular/CustomIcons/components/HelpCircle2.js +9 -2
  232. package/dist/Molecular/CustomIcons/components/HelpCircleFilled.js +9 -2
  233. package/dist/Molecular/CustomIcons/components/Home.js +9 -2
  234. package/dist/Molecular/CustomIcons/components/Home2.js +9 -2
  235. package/dist/Molecular/CustomIcons/components/Key.js +9 -2
  236. package/dist/Molecular/CustomIcons/components/Landers.js +9 -2
  237. package/dist/Molecular/CustomIcons/components/Lock.js +9 -2
  238. package/dist/Molecular/CustomIcons/components/Mail.js +9 -2
  239. package/dist/Molecular/CustomIcons/components/Mastercard.js +9 -2
  240. package/dist/Molecular/CustomIcons/components/Minus.js +9 -2
  241. package/dist/Molecular/CustomIcons/components/Offers.js +9 -2
  242. package/dist/Molecular/CustomIcons/components/Pause.js +9 -2
  243. package/dist/Molecular/CustomIcons/components/PayPal.js +9 -2
  244. package/dist/Molecular/CustomIcons/components/PayPalLightLarge.js +9 -2
  245. package/dist/Molecular/CustomIcons/components/Phone.js +9 -2
  246. package/dist/Molecular/CustomIcons/components/Play.js +9 -2
  247. package/dist/Molecular/CustomIcons/components/Plus.js +9 -2
  248. package/dist/Molecular/CustomIcons/components/Profile.js +9 -2
  249. package/dist/Molecular/CustomIcons/components/QRCode.js +9 -2
  250. package/dist/Molecular/CustomIcons/components/Rectangle.js +9 -2
  251. package/dist/Molecular/CustomIcons/components/Revert.js +9 -2
  252. package/dist/Molecular/CustomIcons/components/Star.js +9 -2
  253. package/dist/Molecular/CustomIcons/components/Star2.js +9 -2
  254. package/dist/Molecular/CustomIcons/components/TrafficSources.js +9 -2
  255. package/dist/Molecular/CustomIcons/components/Trash.js +9 -2
  256. package/dist/Molecular/CustomIcons/components/TrashRed.js +9 -2
  257. package/dist/Molecular/CustomIcons/components/Triggers.js +9 -2
  258. package/dist/Molecular/CustomIcons/components/User.js +9 -2
  259. package/dist/Molecular/CustomIcons/components/Visa.js +9 -2
  260. package/dist/Molecular/CustomIcons/components/X.js +9 -2
  261. package/dist/Molecular/CustomIcons/index.js +122 -0
  262. package/dist/Molecular/FormElement/FormElement.js +12 -1
  263. package/dist/Molecular/FormWithDependOn/FormWithDependOn.js +31 -30
  264. package/dist/Molecular/FormWithDependOn/partials/_utils.js +12 -9
  265. package/dist/Molecular/InputAddress/InputAddress.js +114 -65
  266. package/dist/Molecular/InputPassword/InputPassword.js +19 -5
  267. package/dist/index.js +2 -0
  268. package/package.json +1 -1
  269. package/dist/Atomic/UI/Hint/partial/_utils.js +0 -52
@@ -0,0 +1,174 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+
5
+ var _typeof = require("@babel/runtime/helpers/typeof");
6
+
7
+ Object.defineProperty(exports, "__esModule", {
8
+ value: true
9
+ });
10
+ exports.renderModalTitle = exports.default = exports.KEY_CODE = void 0;
11
+
12
+ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
13
+
14
+ var _react = _interopRequireWildcard(require("react"));
15
+
16
+ var _classnames = _interopRequireDefault(require("classnames"));
17
+
18
+ var _reactFeather = require("react-feather");
19
+
20
+ var _Button = _interopRequireDefault(require("../Button/Button"));
21
+
22
+ require("./Modal.scss");
23
+
24
+ var _ModalFooter = _interopRequireDefault(require("./partials/ModalFooter"));
25
+
26
+ var _ModalTitle = _interopRequireDefault(require("./partials/ModalTitle"));
27
+
28
+ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
29
+
30
+ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
31
+
32
+ var KEY_CODE = Object.freeze({
33
+ ENTER: 13,
34
+ ESC: 27
35
+ });
36
+ exports.KEY_CODE = KEY_CODE;
37
+
38
+ var renderModalTitle = function renderModalTitle(_ref) {
39
+ var mode = _ref.mode,
40
+ title = _ref.title,
41
+ onlyTitle = _ref.onlyTitle;
42
+ if (mode && mode !== 'default' && !onlyTitle) return "".concat(mode[0].toUpperCase() + mode.slice(1), " ").concat(title);
43
+ return title;
44
+ };
45
+
46
+ exports.renderModalTitle = renderModalTitle;
47
+
48
+ var Modal = function Modal(_ref2) {
49
+ var _ref2$zIndex = _ref2.zIndex,
50
+ zIndex = _ref2$zIndex === void 0 ? 100 : _ref2$zIndex,
51
+ isOpen = _ref2.isOpen,
52
+ onConfirm = _ref2.onConfirm,
53
+ onDecline = _ref2.onDecline,
54
+ closeModal = _ref2.closeModal,
55
+ children = _ref2.children,
56
+ className = _ref2.className,
57
+ title = _ref2.title,
58
+ variant = _ref2.variant,
59
+ onlyTitle = _ref2.onlyTitle,
60
+ mode = _ref2.mode,
61
+ size = _ref2.size,
62
+ _ref2$atributesForMod = _ref2.atributesForModalBody,
63
+ atributesForModalBody = _ref2$atributesForMod === void 0 ? {} : _ref2$atributesForMod,
64
+ confirmBtnClassName = _ref2.confirmBtnClassName,
65
+ confirmBtnLabel = _ref2.confirmBtnLabel,
66
+ _ref2$confirmBtnVaria = _ref2.confirmBtnVariant,
67
+ confirmBtnVariant = _ref2$confirmBtnVaria === void 0 ? 'primary' : _ref2$confirmBtnVaria,
68
+ confirmBtnDisable = _ref2.confirmBtnDisable,
69
+ confirmBtnIcon = _ref2.confirmBtnIcon,
70
+ isConfirmBtnIconPositionRight = _ref2.isConfirmBtnIconPositionRight,
71
+ noConfirmBtn = _ref2.noConfirmBtn,
72
+ noCloseBtn = _ref2.noCloseBtn,
73
+ noFooter = _ref2.noFooter,
74
+ noHeader = _ref2.noHeader,
75
+ closeBtnClassName = _ref2.closeBtnClassName,
76
+ closeBtnText = _ref2.closeBtnText,
77
+ closeBtnVariant = _ref2.closeBtnVariant,
78
+ closeBtnDisable = _ref2.closeBtnDisable,
79
+ closeBtnIcon = _ref2.closeBtnIcon,
80
+ forced = _ref2.forced,
81
+ btnClassNames = _ref2.btnClassNames,
82
+ isCloseBtnIconPositionRight = _ref2.isCloseBtnIconPositionRight,
83
+ _ref2$submitOnEnter = _ref2.submitOnEnter,
84
+ submitOnEnter = _ref2$submitOnEnter === void 0 ? false : _ref2$submitOnEnter,
85
+ _ref2$closeOnEsc = _ref2.closeOnEsc,
86
+ closeOnEsc = _ref2$closeOnEsc === void 0 ? false : _ref2$closeOnEsc,
87
+ leftContentOfFooter = _ref2.leftContentOfFooter,
88
+ testId = _ref2.testId,
89
+ noHeaderCloseBtn = _ref2.noHeaderCloseBtn;
90
+ if (!isOpen) return null;
91
+ var handle = {
92
+ confirm: function confirm() {
93
+ onConfirm === null || onConfirm === void 0 ? void 0 : onConfirm();
94
+ },
95
+ decline: function decline() {
96
+ //? closeModal используется для ESC и оверлея, давно хотелось иметь возможность разделить
97
+ //? Теперь можно не передавать closeModal, а для cancel-кнопки передать отдельный обработчик
98
+ if (typeof onDecline === 'function') onDecline();else closeModal === null || closeModal === void 0 ? void 0 : closeModal();
99
+ },
100
+ pressEnter: function pressEnter(event) {
101
+ if (event.keyCode === KEY_CODE.ENTER && !event.repeat) handle.confirm();
102
+ },
103
+ pressEsc: function pressEsc() {
104
+ if (event.keyCode === KEY_CODE.ESC && !event.repeat) closeModal === null || closeModal === void 0 ? void 0 : closeModal();
105
+ }
106
+ };
107
+ (0, _react.useEffect)(function () {
108
+ if (submitOnEnter) document.addEventListener('keyup', handle.pressEnter);
109
+ if (closeOnEsc) document.addEventListener('keyup', handle.pressEsc);
110
+ return function () {
111
+ document.removeEventListener('keyup', handle.pressEnter);
112
+ document.removeEventListener('keyup', handle.pressEsc);
113
+ };
114
+ }, [submitOnEnter, closeOnEsc]);
115
+ return /*#__PURE__*/_react.default.createElement("div", {
116
+ style: {
117
+ zIndex: zIndex
118
+ },
119
+ "data-testid": testId,
120
+ className: "modal-box j5"
121
+ }, /*#__PURE__*/_react.default.createElement("div", {
122
+ "data-testid": 'modal-closeOverlay',
123
+ className: isOpen ? 'modal-overlay' : 'hidden',
124
+ onClick: closeModal
125
+ }), /*#__PURE__*/_react.default.createElement("div", {
126
+ style: {
127
+ width: size
128
+ },
129
+ className: (0, _classnames.default)(className, "".concat(isOpen ? 'modal' : 'hidden'))
130
+ }, !noHeader && /*#__PURE__*/_react.default.createElement(_ModalTitle.default, {
131
+ variant: variant,
132
+ isForced: forced,
133
+ onClose: handle.decline,
134
+ noHeaderCloseBtn: noHeaderCloseBtn
135
+ }, /*#__PURE__*/_react.default.createElement("span", null, renderModalTitle({
136
+ mode: mode,
137
+ title: title,
138
+ onlyTitle: onlyTitle
139
+ }))), /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, atributesForModalBody, {
140
+ className: (0, _classnames.default)('modal__body', {
141
+ 'modal__body--no-footer': noFooter
142
+ })
143
+ }), children), !noFooter && /*#__PURE__*/_react.default.createElement(_ModalFooter.default, {
144
+ className: leftContentOfFooter ? 'modal__footer_with-left-content' : ''
145
+ }, leftContentOfFooter, /*#__PURE__*/_react.default.createElement("div", {
146
+ className: "modal__buttons-block"
147
+ }, !noCloseBtn && /*#__PURE__*/_react.default.createElement(_Button.default, {
148
+ testId: "modal",
149
+ className: (0, _classnames.default)(closeBtnClassName, btnClassNames),
150
+ variant: closeBtnVariant || 'dark-outline',
151
+ onClick: function onClick() {
152
+ return handle.decline();
153
+ },
154
+ label: closeBtnText || 'Cancel',
155
+ disabled: closeBtnDisable,
156
+ icon: closeBtnIcon,
157
+ isIconRight: isCloseBtnIconPositionRight,
158
+ tabIndex: 1
159
+ }), !noConfirmBtn && /*#__PURE__*/_react.default.createElement(_Button.default, {
160
+ testId: "modal",
161
+ onClick: function onClick() {
162
+ return handle.confirm();
163
+ },
164
+ label: confirmBtnLabel || (mode === null || mode === void 0 ? void 0 : mode[0].toUpperCase()) + (mode === null || mode === void 0 ? void 0 : mode.slice(1)) || 'Apply',
165
+ className: (0, _classnames.default)('ml5', confirmBtnClassName, btnClassNames),
166
+ variant: confirmBtnVariant,
167
+ disabled: confirmBtnDisable,
168
+ icon: confirmBtnIcon,
169
+ isIconRight: isConfirmBtnIconPositionRight
170
+ })))));
171
+ };
172
+
173
+ var _default = Modal;
174
+ exports.default = _default;
@@ -0,0 +1,333 @@
1
+ @import "../../../scss/_vars";
2
+ @import "../../../scss/mixins";
3
+
4
+ .modal-overlay {
5
+ position: fixed;
6
+ z-index: 4;
7
+ top: 0;
8
+ left: 0;
9
+
10
+ width: 100%;
11
+ height: 100%;
12
+
13
+ transition: opacity 0.2s ease;
14
+
15
+ opacity: 0.5;
16
+ background-color: black;
17
+ }
18
+
19
+ .modal {
20
+ --modal-min-height: 300px;
21
+ --max-height: calc(100% - 30px);
22
+
23
+ position: relative;
24
+ z-index: 5;
25
+
26
+ display: flex;
27
+ flex-direction: column;
28
+
29
+ width: 600px;
30
+ min-height: var(--modal-min-height);
31
+ max-height: var(--max-height);
32
+ margin: 0 10px;
33
+
34
+ border-radius: 6px;
35
+ background-color: #FFF;
36
+ box-shadow: 0 20px 20px rgb(0 0 0 / 20%);
37
+
38
+ &__header {
39
+ position: relative;
40
+
41
+ display: flex;
42
+ align-items: center;
43
+ justify-content: space-between;
44
+
45
+ padding: 10px 15px;
46
+
47
+ border-bottom: 1px solid #E2E5EC;
48
+ border-top-left-radius: 4px;
49
+ border-top-right-radius: 4px;
50
+ background-color: #F7FAFC;
51
+
52
+ &-primary {
53
+ background-color: $color--primary;
54
+
55
+ &-title {
56
+ color: #ffffff;
57
+
58
+ font-size: 16px;
59
+ font-weight: 400;
60
+ }
61
+ }
62
+
63
+ &-title {
64
+ color: $color--primary;
65
+
66
+ font-size: 16px;
67
+ font-weight: normal;
68
+ }
69
+ }
70
+
71
+ &__body {
72
+ box-sizing: border-box;
73
+ overflow-y: auto;
74
+
75
+ flex-grow: 1;
76
+ padding: 15px;
77
+
78
+ border-bottom-right-radius: 4px;
79
+ border-bottom-left-radius: 4px;
80
+ background-color: #F7FAFC;
81
+ &:first-of-type {
82
+ border-top-right-radius: 4px;
83
+ border-top-left-radius: 4px;
84
+ }
85
+
86
+ @include custom-scroll2;
87
+
88
+ &--no-footer {
89
+ padding: 15px;
90
+ }
91
+ }
92
+
93
+ &__footer {
94
+ display: flex;
95
+ align-items: center;
96
+ justify-content: flex-end;
97
+
98
+ padding: 7.5px 15px;
99
+
100
+ border-top: 1px solid #E2E5EC;
101
+ border-bottom-right-radius: 4px;
102
+ border-bottom-left-radius: 4px;
103
+ background-color: #F7FAFC;
104
+
105
+ &_with-left-content {
106
+ justify-content: space-between;
107
+ }
108
+
109
+ &--inbody {
110
+ position: absolute;
111
+ bottom: 0;
112
+ left: 0;
113
+
114
+ width: calc(100% - 30px);
115
+
116
+ background-color: #FFFF;
117
+ }
118
+ }
119
+
120
+ &__buttons-block {
121
+ display: flex;
122
+ align-items: center;
123
+ flex-flow: row nowrap;
124
+ justify-content: flex-start;
125
+ }
126
+ }
127
+
128
+ .modal__footer--noborder {
129
+ border-top: none;
130
+ }
131
+
132
+ .modal-box {
133
+ position: fixed;
134
+ z-index: 100;
135
+ top: 0;
136
+ right: 0;
137
+ bottom: 0;
138
+ left: 0;
139
+
140
+ animation-name: fadeIn;
141
+ animation-duration: 0.25s;
142
+ animation-timing-function: ease;
143
+ animation-fill-mode: forwards;
144
+ }
145
+
146
+ @keyframes fadeIn {
147
+ from {
148
+ opacity: 0;
149
+ }
150
+
151
+ to {
152
+ opacity: 1;
153
+ }
154
+ }
155
+
156
+ .consumer-info-modal {
157
+ overflow-x: auto;
158
+
159
+ .button-fin {
160
+ background-color: #FFFF;
161
+ }
162
+
163
+ .modal__body {
164
+ min-height: 200px;
165
+ padding: 0 15px;
166
+ }
167
+ }
168
+
169
+ .modal-close-icon-box {
170
+ position: absolute;
171
+ top: 0;
172
+ right: 0;
173
+
174
+ display: flex;
175
+ align-items: center;
176
+ justify-content: center;
177
+
178
+ width: 40px;
179
+ height: 38px;
180
+ height: 100%;
181
+
182
+ cursor: pointer;
183
+
184
+ color: #1E1E2D;
185
+ //background-color: inherit;
186
+ border-top-right-radius: 5px;
187
+ background: transparent;
188
+
189
+ &:hover {
190
+ background-color: #E2E5EC;
191
+ }
192
+
193
+ &-primary {
194
+ color: #1E1E2D;
195
+
196
+ &:hover {
197
+ opacity: 1;
198
+ background-color: #5162D4;
199
+ }
200
+ }
201
+
202
+ &-merchant {
203
+ color: #1E1E2D;
204
+
205
+ &:hover {
206
+ opacity: 1;
207
+ background-color: #5162D4;
208
+ }
209
+ }
210
+ }
211
+
212
+ .modal-close-icon {
213
+ width: 20px;
214
+ min-width: 20px;
215
+ height: 20px;
216
+ }
217
+
218
+ .modal-text-card {
219
+ padding: 15px 0;
220
+
221
+ text-align: left;
222
+ white-space: normal;
223
+
224
+ font-size: 13px;
225
+ font-weight: 400;
226
+ line-height: 20px;
227
+ }
228
+
229
+ .prompt-text-card {
230
+ padding: 0;
231
+ }
232
+
233
+ .included-selector-modal {
234
+ &--box {
235
+ overflow-x: auto;
236
+
237
+ max-height: calc(100% - 32px);
238
+ }
239
+
240
+ &__th {
241
+ &--id {
242
+ width: 1%;
243
+ }
244
+ }
245
+
246
+ &__td {
247
+ &--id {
248
+ color: #9AA0B9;
249
+ }
250
+ }
251
+
252
+ .simple-table {
253
+ overflow-x: unset;
254
+
255
+ min-height: 400px;
256
+ max-height: 500px;
257
+
258
+ thead {
259
+ background-color: unset;
260
+
261
+ th {
262
+ padding: 10px 15px;
263
+
264
+ border-right: 1px solid #E2E5EC;
265
+
266
+ font-weight: 400;
267
+ }
268
+
269
+ th:first-child,
270
+ th:last-child {
271
+ border: none;
272
+ }
273
+ }
274
+
275
+ tbody {
276
+ tr:first-child {
277
+ position: relative;
278
+
279
+ &::after {
280
+ position: absolute;
281
+ top: 0;
282
+ left: 0;
283
+
284
+ width: 100%;
285
+ height: 8px;
286
+
287
+ content: "";
288
+
289
+ background: linear-gradient(180deg, rgb(0 0 0 / 15.2%) 0%, rgb(0 0 0 / 0%) 100%);
290
+ }
291
+ }
292
+
293
+ tr:last-child {
294
+ border-bottom: none;
295
+ }
296
+ }
297
+
298
+ td {
299
+ padding: 2.25px 15px;
300
+ }
301
+
302
+ .tr-as-selector:hover td {
303
+ background-color: #FFEDC8;
304
+ }
305
+ }
306
+ }
307
+
308
+ .reports-settings-modal-box {
309
+ .modal__body {
310
+ padding: 0;
311
+ }
312
+ }
313
+
314
+ .confirm-modal {
315
+ border-radius: 4px;
316
+
317
+ .modal {
318
+ &__header-title {
319
+ font-size: 13px;
320
+ font-weight: 700;
321
+ }
322
+
323
+ &__body {
324
+ .modal-text-card {
325
+ padding: 0;
326
+ }
327
+ }
328
+
329
+ &__footer {
330
+ background-color: #FFFF;
331
+ }
332
+ }
333
+ }
@@ -0,0 +1,51 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+
5
+ Object.defineProperty(exports, "__esModule", {
6
+ value: true
7
+ });
8
+ exports.default = void 0;
9
+
10
+ var _react = _interopRequireDefault(require("react"));
11
+
12
+ var _classnames = _interopRequireDefault(require("classnames"));
13
+
14
+ var _reactFeather = require("react-feather");
15
+
16
+ require("./Modal.scss");
17
+
18
+ var _Modal2 = require("./Modal");
19
+
20
+ var _ModalTitle = _interopRequireDefault(require("./partials/ModalTitle"));
21
+
22
+ var Modal = function Modal(_ref) {
23
+ var _ref$zIndex = _ref.zIndex,
24
+ zIndex = _ref$zIndex === void 0 ? 100 : _ref$zIndex,
25
+ isOpen = _ref.isOpen,
26
+ closeModal = _ref.closeModal,
27
+ children = _ref.children,
28
+ className = _ref.className,
29
+ size = _ref.size,
30
+ testId = _ref.testId;
31
+ if (!isOpen) return null;
32
+ return /*#__PURE__*/_react.default.createElement("div", {
33
+ style: {
34
+ zIndex: zIndex
35
+ },
36
+ "data-testid": testId,
37
+ className: "modal-box j5"
38
+ }, /*#__PURE__*/_react.default.createElement("div", {
39
+ "data-testid": 'modal-closeOverlay',
40
+ className: "modal-overlay",
41
+ onClick: closeModal
42
+ }), /*#__PURE__*/_react.default.createElement("div", {
43
+ style: {
44
+ width: size
45
+ },
46
+ className: (0, _classnames.default)(className, 'modal')
47
+ }, children));
48
+ };
49
+
50
+ var _default = Modal;
51
+ exports.default = _default;
@@ -0,0 +1,24 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+
5
+ Object.defineProperty(exports, "__esModule", {
6
+ value: true
7
+ });
8
+ exports.default = void 0;
9
+
10
+ var _react = _interopRequireDefault(require("react"));
11
+
12
+ var _classnames = _interopRequireDefault(require("classnames"));
13
+
14
+ var ModalFooter = function ModalFooter(_ref) {
15
+ var _ref$className = _ref.className,
16
+ className = _ref$className === void 0 ? '' : _ref$className,
17
+ children = _ref.children;
18
+ return /*#__PURE__*/_react.default.createElement("div", {
19
+ className: (0, _classnames.default)('modal__footer', className)
20
+ }, children);
21
+ };
22
+
23
+ var _default = ModalFooter;
24
+ exports.default = _default;
@@ -0,0 +1,41 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+
5
+ Object.defineProperty(exports, "__esModule", {
6
+ value: true
7
+ });
8
+ exports.default = void 0;
9
+
10
+ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
11
+
12
+ var _react = _interopRequireDefault(require("react"));
13
+
14
+ var _classnames = _interopRequireDefault(require("classnames"));
15
+
16
+ var _reactFeather = require("react-feather");
17
+
18
+ var ModalTitle = function ModalTitle(_ref) {
19
+ var _ref$variant = _ref.variant,
20
+ variant = _ref$variant === void 0 ? 'primary' : _ref$variant,
21
+ children = _ref.children,
22
+ isForced = _ref.isForced,
23
+ onClose = _ref.onClose,
24
+ noHeaderCloseBtn = _ref.noHeaderCloseBtn;
25
+ return /*#__PURE__*/_react.default.createElement("div", {
26
+ className: (0, _classnames.default)('modal__header', (0, _defineProperty2.default)({}, "modal__header-".concat(variant), variant))
27
+ }, /*#__PURE__*/_react.default.createElement("span", {
28
+ className: (0, _classnames.default)('modal__header-title', (0, _defineProperty2.default)({}, "modal__header-".concat(variant, "-title"), variant))
29
+ }, children), !isForced && /*#__PURE__*/_react.default.createElement("div", {
30
+ "data-testid": 'modal--button-closeCross',
31
+ onClick: onClose,
32
+ className: (0, _classnames.default)('modal-close-icon-box', {
33
+ 'modal-close-icon-box-primary': variant === 'primary'
34
+ })
35
+ }, !noHeaderCloseBtn && /*#__PURE__*/_react.default.createElement(_reactFeather.X, {
36
+ className: "modal-close-icon"
37
+ })));
38
+ };
39
+
40
+ var _default = ModalTitle;
41
+ exports.default = _default;
@@ -1,17 +1,26 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+
4
5
  Object.defineProperty(exports, "__esModule", {
5
6
  value: true
6
7
  });
7
8
  exports.default = void 0;
9
+
8
10
  var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
11
+
9
12
  var _react = _interopRequireWildcard(require("react"));
13
+
10
14
  var _classnames = _interopRequireDefault(require("classnames"));
15
+
11
16
  require("./MonoAccordion.scss");
12
- function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
13
- 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 && Object.prototype.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; }
17
+
18
+ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
19
+
20
+ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
21
+
14
22
  const RC = "mono-accordion";
23
+
15
24
  const MonoAccordion = _ref => {
16
25
  let {
17
26
  titleJSX,
@@ -27,19 +36,23 @@ const MonoAccordion = _ref => {
27
36
  const [maxHeight, setMaxHeight] = (0, _react.useState)();
28
37
  const titleRef = (0, _react.useRef)();
29
38
  const containerRef = (0, _react.useRef)();
39
+
30
40
  const setHeight = value => {
31
41
  if (value !== undefined) setMaxHeight(state => "".concat(value, "px"));else setMaxHeight(state => {
32
42
  var _Array$from, _Array$from$reduce, _containerRef$current;
33
- return "".concat((_Array$from = Array.from((_containerRef$current = containerRef.current) === null || _containerRef$current === void 0 ? void 0 : _containerRef$current.childNodes)) === null || _Array$from === void 0 || (_Array$from$reduce = _Array$from.reduce) === null || _Array$from$reduce === void 0 ? void 0 : _Array$from$reduce.call(_Array$from, (acc, el) => acc + el.offsetHeight, 0), "px");
43
+
44
+ return "".concat((_Array$from = Array.from((_containerRef$current = containerRef.current) === null || _containerRef$current === void 0 ? void 0 : _containerRef$current.childNodes)) === null || _Array$from === void 0 ? void 0 : (_Array$from$reduce = _Array$from.reduce) === null || _Array$from$reduce === void 0 ? void 0 : _Array$from$reduce.call(_Array$from, (acc, el) => acc + el.offsetHeight, 0), "px");
34
45
  });
35
46
  };
47
+
36
48
  const handleClick = e => {
37
49
  if (!Array.from(titleRef.current.childNodes).some(el => el.contains(e.target))) {
38
50
  onClick(e);
39
- e === null || e === void 0 || e.preventDefault();
40
- e === null || e === void 0 || e.stopPropagation();
51
+ e === null || e === void 0 ? void 0 : e.preventDefault();
52
+ e === null || e === void 0 ? void 0 : e.stopPropagation();
41
53
  } else return e;
42
54
  };
55
+
43
56
  (0, _react.useEffect)(() => {
44
57
  if (!isOpen) setHeight(0);else setHeight();
45
58
  }, [isOpen, children]);
@@ -67,4 +80,6 @@ const MonoAccordion = _ref => {
67
80
  className: "".concat(RC, "__content-wrapper")
68
81
  }, children)));
69
82
  };
70
- var _default = exports.default = MonoAccordion;
83
+
84
+ var _default = MonoAccordion;
85
+ exports.default = _default;