intelicoreact 1.4.75 → 1.4.76

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 +1 -9
  2. package/dist/Atomic/FormElements/AdvancedStatus/AdvancedStatus.js +1 -10
  3. package/dist/Atomic/FormElements/Calendar/Calendar.js +4 -24
  4. package/dist/Atomic/FormElements/CheckboxInput/CheckboxInput.js +1 -10
  5. package/dist/Atomic/FormElements/CheckboxesLine/CheckboxesLine.js +2 -14
  6. package/dist/Atomic/FormElements/Datepicker/Datepicker.js +5 -54
  7. package/dist/Atomic/FormElements/Datepicker/components/Calendar.js +3 -21
  8. package/dist/Atomic/FormElements/Dropdown/Dropdown.js +52 -145
  9. package/dist/Atomic/FormElements/Dropdown/components/DropdownLoader.js +1 -7
  10. package/dist/Atomic/FormElements/DropdownLiveSearch/DropdownLiveSearch.js +25 -91
  11. package/dist/Atomic/FormElements/FileLoader/FileLoader.js +3 -15
  12. package/dist/Atomic/FormElements/FileLoader/partial/LoadZone.js +15 -29
  13. package/dist/Atomic/FormElements/FileLoader/partial/LoadedContent.js +5 -15
  14. package/dist/Atomic/FormElements/FileLoaderDescription/FileLoaderDescription.js +18 -25
  15. package/dist/Atomic/FormElements/FileLoaderLocal/FileLoaderLocal.js +6 -26
  16. package/dist/Atomic/FormElements/FileLoaderLocalGroup/FileLoaderLocalGroup.js +31 -36
  17. package/dist/Atomic/FormElements/FormattedRawSSN/FormattedRawSSN.js +9 -38
  18. package/dist/Atomic/FormElements/Input/Input.js +25 -60
  19. package/dist/Atomic/FormElements/InputCalendar/InputCalendar.js +4 -31
  20. package/dist/Atomic/FormElements/InputColor/InputColor.js +4 -14
  21. package/dist/Atomic/FormElements/InputCurrency/InputCurrency.js +6 -29
  22. package/dist/Atomic/FormElements/InputDateRange/InputDateRange.js +8 -43
  23. package/dist/Atomic/FormElements/InputDateRange/components/DateInput.js +3 -21
  24. package/dist/Atomic/FormElements/InputDateRange/components/Datepicker.js +58 -81
  25. package/dist/Atomic/FormElements/InputDateRange/components/OpenedPart.js +6 -41
  26. package/dist/Atomic/FormElements/InputDateRange/components/SelectItem.js +1 -8
  27. package/dist/Atomic/FormElements/InputDateRange/dependencies.js +16 -46
  28. package/dist/Atomic/FormElements/InputLink/InputLink.js +6 -23
  29. package/dist/Atomic/FormElements/InputMask/InputCarretPosition.js +0 -4
  30. package/dist/Atomic/FormElements/InputMask/InputMask.js +77 -208
  31. package/dist/Atomic/FormElements/InputMask/functions.js +2 -28
  32. package/dist/Atomic/FormElements/InputMask2/InputMask2.js +43 -119
  33. package/dist/Atomic/FormElements/InputMask2/functions.js +2 -28
  34. package/dist/Atomic/FormElements/InputMask3/InputMask3.js +44 -137
  35. package/dist/Atomic/FormElements/InputMask3/functions.js +2 -28
  36. package/dist/Atomic/FormElements/InputWithAction/InputWithAction.js +3 -17
  37. package/dist/Atomic/FormElements/InputsRow/InputsRow.js +5 -24
  38. package/dist/Atomic/FormElements/Label/Label.js +1 -9
  39. package/dist/Atomic/FormElements/MobileCalendar/MobileCalendar.js +35 -73
  40. package/dist/Atomic/FormElements/MultiSelect/MultiSelect.js +3 -15
  41. package/dist/Atomic/FormElements/NumericInput/NumericInput.js +23 -44
  42. package/dist/Atomic/FormElements/RadioGroup/RadioGroup.js +7 -17
  43. package/dist/Atomic/FormElements/RadioGroupWithInput/RadioGroupWithInput.js +3 -14
  44. package/dist/Atomic/FormElements/RadioInput/RadioInput.js +1 -10
  45. package/dist/Atomic/FormElements/RadioRowSwitcher/RadioRowSwitcher.js +3 -14
  46. package/dist/Atomic/FormElements/RangeCalendar/RangeCalendar.js +3 -23
  47. package/dist/Atomic/FormElements/RangeInputs/RangeInputs.js +17 -34
  48. package/dist/Atomic/FormElements/RangeList/RangeList.js +6 -25
  49. package/dist/Atomic/FormElements/RangeList/partial/RangeListRow.js +1 -11
  50. package/dist/Atomic/FormElements/RangeSlider/RangeSlider.js +14 -85
  51. package/dist/Atomic/FormElements/RangeSlider2/RangeSlider2.js +43 -132
  52. package/dist/Atomic/FormElements/SwitchableRow/SwitchableRow.js +1 -10
  53. package/dist/Atomic/FormElements/Switcher/Switcher.js +1 -10
  54. package/dist/Atomic/FormElements/SwitcherCheckbox/SwitcherCheckbox.js +1 -13
  55. package/dist/Atomic/FormElements/SwitcherHide/SwitcherHide.js +1 -10
  56. package/dist/Atomic/FormElements/SwitcherRadio/SwitcherRadio.js +2 -17
  57. package/dist/Atomic/FormElements/SwitcherRange/SwitcherRange.js +3 -17
  58. package/dist/Atomic/FormElements/SwitcherRangeList/SwitcherRangeList.js +1 -11
  59. package/dist/Atomic/FormElements/SwitcherTagsDropdown/SwitcherTagsDropdown.js +6 -29
  60. package/dist/Atomic/FormElements/SwitcherTagsDropdown/partial/States.js +2 -3
  61. package/dist/Atomic/FormElements/SwitcherTextarea/SwitcherTextarea.js +1 -12
  62. package/dist/Atomic/FormElements/TagListToDropdown/TagListToDropdown.js +6 -23
  63. package/dist/Atomic/FormElements/TagsDropdown/TagsDropdown.js +105 -223
  64. package/dist/Atomic/FormElements/Text/Text.js +10 -16
  65. package/dist/Atomic/FormElements/TextSwitcher/TextSwitcher.js +1 -9
  66. package/dist/Atomic/FormElements/Textarea/Textarea.js +5 -16
  67. package/dist/Atomic/FormElements/TieredCheckboxes/TieredCheckboxes.js +6 -35
  68. package/dist/Atomic/FormElements/TieredCheckboxes/partial/AccordionWithCheckbox.js +4 -13
  69. package/dist/Atomic/FormElements/TimeRange/TimeRange.js +7 -21
  70. package/dist/Atomic/FormElements/UserContacts/UserContacts.js +8 -35
  71. package/dist/Atomic/FormElements/VariantsListRadio/VariantsListRadio.js +5 -18
  72. package/dist/Atomic/FormElements/VariantsListRadio/partials/VariantsListRadioItem.js +3 -10
  73. package/dist/Atomic/FormElements/WidgetPseudoTable/WidgetPseudoTable.js +3 -11
  74. package/dist/Atomic/FormElements/WidgetPseudoTable/partial/constructor.js +1 -2
  75. package/dist/Atomic/FormElements/WidgetWithSwitchableRows/WidgetWithSwitchableRows.js +5 -12
  76. package/dist/Atomic/FormElements/WidgetWithSwitchableRows/partial/constructor.js +3 -3
  77. package/dist/Atomic/Layout/Header/Header.js +3 -15
  78. package/dist/Atomic/Layout/MainMenu/MainMenu.js +3 -20
  79. package/dist/Atomic/Layout/Spinner/Spinner.js +1 -8
  80. package/dist/Atomic/UI/Accordion/Accordion.js +3 -19
  81. package/dist/Atomic/UI/Accordion/AccordionItem.js +9 -23
  82. package/dist/Atomic/UI/AccordionTable/AccordionTable.js +7 -32
  83. package/dist/Atomic/UI/AccordionText/AccordionText.js +3 -17
  84. package/dist/Atomic/UI/AdvancedTag/AdvTag.js +4 -21
  85. package/dist/Atomic/UI/AdvancedTag/AdvancedTags.js +3 -15
  86. package/dist/Atomic/UI/Alert/Alert.js +3 -19
  87. package/dist/Atomic/UI/Arrow/Arrow.js +3 -16
  88. package/dist/Atomic/UI/Box/Box.js +3 -9
  89. package/dist/Atomic/UI/Button/Button.js +2 -11
  90. package/dist/Atomic/UI/ButtonsBar/ButtonsBar.js +1 -10
  91. package/dist/Atomic/UI/Chart/Chart.js +4 -29
  92. package/dist/Atomic/UI/Chart/partial/Chart.constants.js +11 -19
  93. package/dist/Atomic/UI/Chart/partial/ChartTypeSwitcherIcon/ChartTypeSwitcherIcon.js +1 -12
  94. package/dist/Atomic/UI/Chart/partial/datasetSetters.js +11 -34
  95. package/dist/Atomic/UI/Chart/partial/optionsConstructor.js +82 -56
  96. package/dist/Atomic/UI/Chart/partial/optionsSetters.js +15 -19
  97. package/dist/Atomic/UI/Chart/partial/utils.js +6 -20
  98. package/dist/Atomic/UI/CircleProgressBar/CircleProgressBar.js +3 -13
  99. package/dist/Atomic/UI/DateTime/DateTime.js +3 -14
  100. package/dist/Atomic/UI/DebugContainer/DebugContainer.js +4 -16
  101. package/dist/Atomic/UI/DebugContainer/useDebugContainer.js +3 -11
  102. package/dist/Atomic/UI/DoubleString/DoubleString.js +5 -17
  103. package/dist/Atomic/UI/DynamicIcon/DynamicIcon.js +3 -10
  104. package/dist/Atomic/UI/ExampleChartIntegration/ExampleChartIntegration.js +17 -52
  105. package/dist/Atomic/UI/ExampleChartIntegration/partial/utils.js +1 -29
  106. package/dist/Atomic/UI/Hint/Hint.js +13 -39
  107. package/dist/Atomic/UI/Hint/partial/_utils.js +52 -0
  108. package/dist/Atomic/UI/Hint/partials/_utils.js +4 -19
  109. package/dist/Atomic/UI/Modal/Modal.js +6 -28
  110. package/dist/Atomic/UI/Modal/ModalHOC.js +1 -9
  111. package/dist/Atomic/UI/Modal/partials/ModalFooter.js +1 -7
  112. package/dist/Atomic/UI/Modal/partials/ModalTitle.js +1 -8
  113. package/dist/Atomic/UI/Modal/partials/useMobileModal.js +32 -49
  114. package/dist/Atomic/UI/MonoAccordion/MonoAccordion.js +6 -21
  115. package/dist/Atomic/UI/NavLine/NavLine.js +26 -55
  116. package/dist/Atomic/UI/NavLine/Tabs.js +2 -3
  117. package/dist/Atomic/UI/PageTitle/PageTitle.js +2 -10
  118. package/dist/Atomic/UI/PieChart/PieChart.js +1 -10
  119. package/dist/Atomic/UI/Price/Price.js +3 -8
  120. package/dist/Atomic/UI/PriceRange/PriceRange.js +1 -7
  121. package/dist/Atomic/UI/ProgressLine/ProgressLine.js +1 -16
  122. package/dist/Atomic/UI/Status/Status.js +1 -8
  123. package/dist/Atomic/UI/Table/Partials/TdCell.js +5 -29
  124. package/dist/Atomic/UI/Table/Partials/TdHeader.js +1 -11
  125. package/dist/Atomic/UI/Table/Partials/TdRow.js +5 -17
  126. package/dist/Atomic/UI/Table/Partials/TdTitle.js +3 -14
  127. package/dist/Atomic/UI/Table/Table.js +1 -12
  128. package/dist/Atomic/UI/Table/TdTypes/TdActions.js +2 -18
  129. package/dist/Atomic/UI/Table/TdTypes/TdPriority.js +1 -9
  130. package/dist/Atomic/UI/Table/TdTypes/TdRange.js +1 -4
  131. package/dist/Atomic/UI/Table/TdTypes/TdWeight.js +1 -13
  132. package/dist/Atomic/UI/Tag/Tag.js +11 -26
  133. package/dist/Atomic/UI/TagList/TagList.js +19 -44
  134. package/dist/Atomic/UI/UserBox/UserBox.js +1 -13
  135. package/dist/Atomic/UI/WizardStepper/constructor.js +3 -11
  136. package/dist/Atomic/UI/WizardStepper/index.js +1 -5
  137. package/dist/Atomic/UI/WizardStepper/ui/StateIcon/StateIcon.js +0 -10
  138. package/dist/Atomic/UI/WizardStepper/ui/StateIcon/index.js +1 -4
  139. package/dist/Atomic/UI/WizardStepper/ui/StepRow/StepRow.js +2 -17
  140. package/dist/Atomic/UI/WizardStepper/ui/StepRow/index.js +1 -5
  141. package/dist/Atomic/UI/WizardStepper/ui/StepWrapper/StepWrapper.js +1 -15
  142. package/dist/Atomic/UI/WizardStepper/ui/StepWrapper/StepWrapper.scss +2 -1
  143. package/dist/Atomic/UI/WizardStepper/ui/StepWrapper/index.js +1 -5
  144. package/dist/Atomic/UI/WizardStepper/ui/icons.js +2 -9
  145. package/dist/Atomic/UI/WizardStepper/ui/index.js +1 -5
  146. package/dist/Classes/AbortableFetch.js +36 -93
  147. package/dist/Classes/AnimatedHandler.js +3 -7
  148. package/dist/Classes/RESTAPI/index.js +39 -43
  149. package/dist/Classes/RESTAPI/partials/AbortableFetch.js +35 -93
  150. package/dist/Classes/RESTAPI/partials/ApiBase.js +1 -9
  151. package/dist/Classes/RESTAPI/partials/ApiRequestCreators.js +24 -32
  152. package/dist/Classes/RESTAPI/partials/ApiUtils.js +34 -41
  153. package/dist/Classes/RESTAPI/partials/CredentialsProcessing.js +21 -46
  154. package/dist/Classes/RESTAPI/partials/Utils.js +6 -19
  155. package/dist/Classes/RESTAPI/partials/_outerDependencies.js +2 -6
  156. package/dist/Classes/RESTAPI/partials/_utils.js +16 -39
  157. package/dist/Constants/index.constants.js +8 -15
  158. package/dist/Functions/Portal.js +5 -16
  159. package/dist/Functions/customEventListener.js +4 -17
  160. package/dist/Functions/fieldValueFormatters.js +43 -83
  161. package/dist/Functions/hooks/useFormFieldsChangesManager.js +23 -26
  162. package/dist/Functions/locale/createTranslator.js +4 -9
  163. package/dist/Functions/operations.js +12 -22
  164. package/dist/Functions/presets/inputMaskPresets.js +9 -11
  165. package/dist/Functions/presets/inputPresets.js +8 -11
  166. package/dist/Functions/presets/mobileKeyboardTypesPresets.js +7 -9
  167. package/dist/Functions/schemas.js +6 -13
  168. package/dist/Functions/useBodyScrollLock.js +1 -6
  169. package/dist/Functions/useClickOutside.js +0 -4
  170. package/dist/Functions/useDebounce.js +2 -7
  171. package/dist/Functions/useFieldFocus.js +6 -18
  172. package/dist/Functions/useFormTools/form-drivers/ArrayWithObjects.js +0 -9
  173. package/dist/Functions/useFormTools/form-drivers/ObjectWithIterableObjects.js +12 -23
  174. package/dist/Functions/useFormTools/form-drivers/ObjectWithNamedKeyObjects.js +6 -15
  175. package/dist/Functions/useFormTools/functions/General.js +18 -28
  176. package/dist/Functions/useFormTools/functions/RenderFields.js +2 -11
  177. package/dist/Functions/useFormTools/functions/usePrevious.js +1 -5
  178. package/dist/Functions/useFormTools/index.js +85 -144
  179. package/dist/Functions/useInputHighlightError.js +3 -12
  180. package/dist/Functions/useIsMobile.js +7 -13
  181. package/dist/Functions/useKeyPress/useHandleKeyPress.js +1 -7
  182. package/dist/Functions/useKeyPress/useKeyPress.js +1 -9
  183. package/dist/Functions/useLocalStorage.js +1 -9
  184. package/dist/Functions/useLocationParams.js +4 -5
  185. package/dist/Functions/useMediaQuery.js +3 -9
  186. package/dist/Functions/useMetaInfo.js +3 -10
  187. package/dist/Functions/useMouseUpOutside.js +0 -3
  188. package/dist/Functions/useOnlineStatus.js +1 -9
  189. package/dist/Functions/usePasswordChecker.js +4 -20
  190. package/dist/Functions/usePrevious.js +1 -5
  191. package/dist/Functions/useResize.js +2 -10
  192. package/dist/Functions/useScrollTo.js +2 -7
  193. package/dist/Functions/useToggle.js +1 -5
  194. package/dist/Functions/utils.js +56 -131
  195. package/dist/Molecular/CustomIcons/components/AffiliateNetworks.js +2 -9
  196. package/dist/Molecular/CustomIcons/components/AlertCircle.js +2 -9
  197. package/dist/Molecular/CustomIcons/components/AppStore.js +2 -9
  198. package/dist/Molecular/CustomIcons/components/Arrow.js +2 -9
  199. package/dist/Molecular/CustomIcons/components/ArrowDown.js +2 -9
  200. package/dist/Molecular/CustomIcons/components/ArrowLeft.js +2 -9
  201. package/dist/Molecular/CustomIcons/components/ArrowRight.js +2 -9
  202. package/dist/Molecular/CustomIcons/components/ArrowUp.js +2 -9
  203. package/dist/Molecular/CustomIcons/components/Bell.js +2 -9
  204. package/dist/Molecular/CustomIcons/components/Button.js +2 -9
  205. package/dist/Molecular/CustomIcons/components/Campaigns.js +2 -9
  206. package/dist/Molecular/CustomIcons/components/Check.js +2 -9
  207. package/dist/Molecular/CustomIcons/components/Check2.js +2 -9
  208. package/dist/Molecular/CustomIcons/components/ChevronDown.js +2 -9
  209. package/dist/Molecular/CustomIcons/components/ChevronDownDisabled.js +2 -9
  210. package/dist/Molecular/CustomIcons/components/ChevronLeft.js +2 -9
  211. package/dist/Molecular/CustomIcons/components/ChevronRight.js +2 -9
  212. package/dist/Molecular/CustomIcons/components/ChevronUp.js +2 -9
  213. package/dist/Molecular/CustomIcons/components/ChevronUpDown.js +2 -9
  214. package/dist/Molecular/CustomIcons/components/Close.js +2 -9
  215. package/dist/Molecular/CustomIcons/components/ColumnsOrder.js +2 -9
  216. package/dist/Molecular/CustomIcons/components/Delete.js +2 -9
  217. package/dist/Molecular/CustomIcons/components/Edit.js +2 -9
  218. package/dist/Molecular/CustomIcons/components/Email.js +2 -9
  219. package/dist/Molecular/CustomIcons/components/FinturfLogo.js +2 -9
  220. package/dist/Molecular/CustomIcons/components/FinturfLogo2.js +2 -9
  221. package/dist/Molecular/CustomIcons/components/Flows.js +2 -9
  222. package/dist/Molecular/CustomIcons/components/Gift.js +2 -9
  223. package/dist/Molecular/CustomIcons/components/GoogleAuth.js +2 -9
  224. package/dist/Molecular/CustomIcons/components/GooglePlay.js +2 -9
  225. package/dist/Molecular/CustomIcons/components/HelpCircle.js +2 -9
  226. package/dist/Molecular/CustomIcons/components/HelpCircle2.js +2 -9
  227. package/dist/Molecular/CustomIcons/components/HelpCircleFilled.js +2 -9
  228. package/dist/Molecular/CustomIcons/components/Home.js +2 -9
  229. package/dist/Molecular/CustomIcons/components/Home2.js +2 -9
  230. package/dist/Molecular/CustomIcons/components/Key.js +2 -9
  231. package/dist/Molecular/CustomIcons/components/Landers.js +2 -9
  232. package/dist/Molecular/CustomIcons/components/Lock.js +2 -9
  233. package/dist/Molecular/CustomIcons/components/Mail.js +2 -9
  234. package/dist/Molecular/CustomIcons/components/Mastercard.js +2 -9
  235. package/dist/Molecular/CustomIcons/components/Minus.js +2 -9
  236. package/dist/Molecular/CustomIcons/components/Offers.js +2 -9
  237. package/dist/Molecular/CustomIcons/components/Pause.js +2 -9
  238. package/dist/Molecular/CustomIcons/components/PayPal.js +2 -9
  239. package/dist/Molecular/CustomIcons/components/PayPalLightLarge.js +2 -9
  240. package/dist/Molecular/CustomIcons/components/Phone.js +2 -9
  241. package/dist/Molecular/CustomIcons/components/Play.js +2 -9
  242. package/dist/Molecular/CustomIcons/components/Plus.js +2 -9
  243. package/dist/Molecular/CustomIcons/components/Profile.js +2 -9
  244. package/dist/Molecular/CustomIcons/components/QRCode.js +2 -9
  245. package/dist/Molecular/CustomIcons/components/Rectangle.js +2 -9
  246. package/dist/Molecular/CustomIcons/components/Revert.js +2 -9
  247. package/dist/Molecular/CustomIcons/components/Star.js +2 -9
  248. package/dist/Molecular/CustomIcons/components/Star2.js +2 -9
  249. package/dist/Molecular/CustomIcons/components/TrafficSources.js +2 -9
  250. package/dist/Molecular/CustomIcons/components/Trash.js +2 -9
  251. package/dist/Molecular/CustomIcons/components/TrashRed.js +2 -9
  252. package/dist/Molecular/CustomIcons/components/Triggers.js +2 -9
  253. package/dist/Molecular/CustomIcons/components/User.js +2 -9
  254. package/dist/Molecular/CustomIcons/components/Visa.js +2 -9
  255. package/dist/Molecular/CustomIcons/components/X.js +2 -9
  256. package/dist/Molecular/CustomIcons/index.js +0 -122
  257. package/dist/Molecular/FormElement/FormElement.js +1 -12
  258. package/dist/Molecular/FormWithDependOn/FormWithDependOn.js +30 -31
  259. package/dist/Molecular/FormWithDependOn/partials/_utils.js +9 -12
  260. package/dist/Molecular/InputAddress/InputAddress.js +65 -114
  261. package/dist/Molecular/InputPassword/InputPassword.js +5 -19
  262. package/dist/index.js +0 -2
  263. package/package.json +1 -1
  264. package/dist/Atomic/FormElements/UserContacts/partial/defaultIcons.js +0 -91
  265. package/dist/Atomic/UI/ModalBackup/Modal.js +0 -174
  266. package/dist/Atomic/UI/ModalBackup/Modal.scss +0 -333
  267. package/dist/Atomic/UI/ModalBackup/ModalHOC.js +0 -51
  268. package/dist/Atomic/UI/ModalBackup/partials/ModalFooter.js +0 -24
  269. package/dist/Atomic/UI/ModalBackup/partials/ModalTitle.js +0 -41
@@ -0,0 +1,52 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.initHintContainer = exports.getParentNode = exports.getHintContainerId = exports.getHintContainer = exports.HandleScrollObj = exports.HandleClickOutsideObj = void 0;
7
+ const getHintContainerId = hintId => "hint-container-for-hint--id-".concat(hintId);
8
+ exports.getHintContainerId = getHintContainerId;
9
+ const getHintContainer = hintId => {
10
+ return document.getElementById(getHintContainerId(hintId));
11
+ };
12
+ exports.getHintContainer = getHintContainer;
13
+ const getParentNode = () => {
14
+ var _ref, _document$querySelect;
15
+ return (_ref = (_document$querySelect = document.querySelector("div#root")) !== null && _document$querySelect !== void 0 ? _document$querySelect : document.querySelector("div#app")) !== null && _ref !== void 0 ? _ref : document.body;
16
+ };
17
+ exports.getParentNode = getParentNode;
18
+ const initHintContainer = (hintId, hintContainerSettings) => {
19
+ var _getParentNode;
20
+ const {
21
+ className
22
+ } = hintContainerSettings;
23
+ const hintContainer = document.createElement("div");
24
+ hintContainer.setAttribute("id", getHintContainerId(hintId));
25
+ hintContainer.classList.add("hint__container");
26
+ if (className) hintContainer.classList.add(className);
27
+ (_getParentNode = getParentNode()) === null || _getParentNode === void 0 || _getParentNode.append(hintContainer);
28
+ };
29
+
30
+ //? addEventListener можно инициализировать двумя способами
31
+ //? - передать прямой колбэк (ф-ю)
32
+ //? - передать объект в котором есть метод handleEvent (помимо handleEvent можно записать в this прочие полезные значения)
33
+ //? Пользуемся вторым способом, чтобы записать входные данные (вообще можно не писать, работает и просто от замыкания, но делаем по "дзену")
34
+ //! Метод написан с расчетом на то, что будет вызываться ТОЛЬКО открытым тултипом
35
+ exports.initHintContainer = initHintContainer;
36
+ const HandleScrollObj = function (setIsOpen) {
37
+ this.setIsOpen = setIsOpen;
38
+ this.handleEvent = function () {
39
+ this.setIsOpen(false);
40
+ };
41
+ };
42
+ exports.HandleScrollObj = HandleScrollObj;
43
+ const HandleClickOutsideObj = function (id, setIsOpen) {
44
+ this.id = id;
45
+ this.setIsOpen = setIsOpen;
46
+ this.handleEvent = function (event) {
47
+ if (!getHintContainer(this.id).contains(event === null || event === void 0 ? void 0 : event.target)) {
48
+ this.setIsOpen(false);
49
+ }
50
+ };
51
+ };
52
+ exports.HandleClickOutsideObj = HandleClickOutsideObj;
@@ -4,28 +4,19 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.initHintContainer = exports.getParentNode = exports.getHintContainerId = exports.getHintContainer = exports.HandleScrollObj = exports.HandleClickOutsideObj = void 0;
7
-
8
7
  const getHintContainerId = hintId => "hint-container-for-hint--id-".concat(hintId);
9
-
10
8
  exports.getHintContainerId = getHintContainerId;
11
-
12
9
  const getHintContainer = hintId => {
13
10
  return document.getElementById(getHintContainerId(hintId));
14
11
  };
15
-
16
12
  exports.getHintContainer = getHintContainer;
17
-
18
13
  const getParentNode = () => {
19
14
  var _ref, _document$querySelect;
20
-
21
15
  return (_ref = (_document$querySelect = document.querySelector("div#root")) !== null && _document$querySelect !== void 0 ? _document$querySelect : document.querySelector("div#app")) !== null && _ref !== void 0 ? _ref : document.body;
22
16
  };
23
-
24
17
  exports.getParentNode = getParentNode;
25
-
26
18
  const initHintContainer = (hintId, hintContainerSettings) => {
27
19
  var _getParentNode;
28
-
29
20
  const {
30
21
  className
31
22
  } = hintContainerSettings;
@@ -33,35 +24,29 @@ const initHintContainer = (hintId, hintContainerSettings) => {
33
24
  hintContainer.setAttribute("id", getHintContainerId(hintId));
34
25
  hintContainer.classList.add("hint__container");
35
26
  if (className) hintContainer.classList.add(className);
36
- (_getParentNode = getParentNode()) === null || _getParentNode === void 0 ? void 0 : _getParentNode.append(hintContainer);
37
- }; //? addEventListener можно инициализировать двумя способами
27
+ (_getParentNode = getParentNode()) === null || _getParentNode === void 0 || _getParentNode.append(hintContainer);
28
+ };
29
+
30
+ //? addEventListener можно инициализировать двумя способами
38
31
  //? - передать прямой колбэк (ф-ю)
39
32
  //? - передать объект в котором есть метод handleEvent (помимо handleEvent можно записать в this прочие полезные значения)
40
33
  //? Пользуемся вторым способом, чтобы записать входные данные (вообще можно не писать, работает и просто от замыкания, но делаем по "дзену")
41
34
  //! Метод написан с расчетом на то, что будет вызываться ТОЛЬКО открытым тултипом
42
-
43
-
44
35
  exports.initHintContainer = initHintContainer;
45
-
46
36
  const HandleScrollObj = function (setIsOpen) {
47
37
  this.setIsOpen = setIsOpen;
48
-
49
38
  this.handleEvent = function () {
50
39
  this.setIsOpen(false);
51
40
  };
52
41
  };
53
-
54
42
  exports.HandleScrollObj = HandleScrollObj;
55
-
56
43
  const HandleClickOutsideObj = function (id, setIsOpen) {
57
44
  this.id = id;
58
45
  this.setIsOpen = setIsOpen;
59
-
60
46
  this.handleEvent = function (event) {
61
47
  if (!getHintContainer(this.id).contains(event === null || event === void 0 ? void 0 : event.target)) {
62
48
  this.setIsOpen(false);
63
49
  }
64
50
  };
65
51
  };
66
-
67
52
  exports.HandleClickOutsideObj = HandleClickOutsideObj;
@@ -1,42 +1,26 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
8
7
  exports.renderModalTitle = exports.default = exports.KEY_CODE = void 0;
9
-
10
8
  var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
11
-
12
9
  var _react = _interopRequireWildcard(require("react"));
13
-
14
10
  var _classnames = _interopRequireDefault(require("classnames"));
15
-
16
11
  var _Button = _interopRequireDefault(require("../Button/Button"));
17
-
18
12
  var _useHandleKeyPress = _interopRequireDefault(require("./../../../Functions/useKeyPress/useHandleKeyPress"));
19
-
20
13
  var _ModalFooter = _interopRequireDefault(require("./partials/ModalFooter"));
21
-
22
14
  var _ModalTitle = _interopRequireDefault(require("./partials/ModalTitle"));
23
-
24
15
  var _useMobileModal = _interopRequireDefault(require("./partials/useMobileModal"));
25
-
26
16
  require("./Modal.scss");
27
-
28
17
  require("./ModalMobile.scss");
29
-
30
- 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); }
31
-
32
- 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; }
33
-
34
- const KEY_CODE = Object.freeze({
18
+ 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); }
19
+ 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; }
20
+ const KEY_CODE = exports.KEY_CODE = Object.freeze({
35
21
  ENTER: 13,
36
22
  ESC: 27
37
23
  });
38
- exports.KEY_CODE = KEY_CODE;
39
-
40
24
  const renderModalTitle = _ref => {
41
25
  let {
42
26
  mode,
@@ -46,9 +30,7 @@ const renderModalTitle = _ref => {
46
30
  if (mode && mode !== "default" && !onlyTitle) return "".concat(mode[0].toUpperCase() + mode.slice(1), " ").concat(title);
47
31
  return title;
48
32
  };
49
-
50
33
  exports.renderModalTitle = renderModalTitle;
51
-
52
34
  const Modal = /*#__PURE__*/_react.default.forwardRef((_ref2, ref) => {
53
35
  let {
54
36
  zIndex = 100,
@@ -111,12 +93,12 @@ const Modal = /*#__PURE__*/_react.default.forwardRef((_ref2, ref) => {
111
93
  });
112
94
  const handle = {
113
95
  confirm: () => {
114
- onConfirm === null || onConfirm === void 0 ? void 0 : onConfirm();
96
+ onConfirm === null || onConfirm === void 0 || onConfirm();
115
97
  },
116
98
  decline: () => {
117
99
  //? closeModal используется для ESC и оверлея, давно хотелось иметь возможность разделить
118
100
  //? Теперь можно не передавать closeModal, а для cancel-кнопки передать отдельный обработчик
119
- if (typeof onDecline === "function") onDecline();else closeModal === null || closeModal === void 0 ? void 0 : closeModal();
101
+ if (typeof onDecline === "function") onDecline();else closeModal === null || closeModal === void 0 || closeModal();
120
102
  }
121
103
  };
122
104
  (0, _useHandleKeyPress.default)({
@@ -124,7 +106,6 @@ const Modal = /*#__PURE__*/_react.default.forwardRef((_ref2, ref) => {
124
106
  escCallback: closeOnEsc && typeof closeModal === "function" ? () => closeModal() : null,
125
107
  withClamping: false
126
108
  });
127
-
128
109
  const render = () => !isOpen ? null : /*#__PURE__*/_react.default.createElement("div", {
129
110
  style: {
130
111
  zIndex
@@ -194,9 +175,6 @@ const Modal = /*#__PURE__*/_react.default.forwardRef((_ref2, ref) => {
194
175
  icon: confirmBtnIcon,
195
176
  isIconRight: isConfirmBtnIconPositionRight
196
177
  }))))))));
197
-
198
178
  return render();
199
179
  });
200
-
201
- var _default = Modal;
202
- exports.default = _default;
180
+ var _default = exports.default = Modal;
@@ -1,20 +1,14 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
8
7
  exports.default = void 0;
9
-
10
8
  var _react = _interopRequireDefault(require("react"));
11
-
12
9
  var _classnames = _interopRequireDefault(require("classnames"));
13
-
14
10
  var _useHandleKeyPress = _interopRequireDefault(require("../../../Functions/useKeyPress/useHandleKeyPress"));
15
-
16
11
  require("./Modal.scss");
17
-
18
12
  const Modal = _ref => {
19
13
  let {
20
14
  zIndex = 100,
@@ -48,6 +42,4 @@ const Modal = _ref => {
48
42
  className: (0, _classnames.default)(className, "modal")
49
43
  }, children));
50
44
  };
51
-
52
- var _default = Modal;
53
- exports.default = _default;
45
+ var _default = exports.default = Modal;
@@ -1,16 +1,12 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
8
7
  exports.default = void 0;
9
-
10
8
  var _react = _interopRequireDefault(require("react"));
11
-
12
9
  var _classnames = _interopRequireDefault(require("classnames"));
13
-
14
10
  const ModalFooter = _ref => {
15
11
  let {
16
12
  className = "",
@@ -22,6 +18,4 @@ const ModalFooter = _ref => {
22
18
  className: (0, _classnames.default)("modal__footer", className)
23
19
  }, children);
24
20
  };
25
-
26
- var _default = ModalFooter;
27
- exports.default = _default;
21
+ var _default = exports.default = ModalFooter;
@@ -1,18 +1,13 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
8
7
  exports.default = void 0;
9
-
10
8
  var _react = _interopRequireDefault(require("react"));
11
-
12
9
  var _classnames = _interopRequireDefault(require("classnames"));
13
-
14
10
  var _reactFeather = require("react-feather");
15
-
16
11
  const ModalTitle = _ref => {
17
12
  let {
18
13
  variant = "primary",
@@ -42,6 +37,4 @@ const ModalTitle = _ref => {
42
37
  className: "modal-close-icon"
43
38
  })));
44
39
  };
45
-
46
- var _default = ModalTitle;
47
- exports.default = _default;
40
+ var _default = exports.default = ModalTitle;
@@ -1,28 +1,20 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
8
7
  exports.default = useMobileModal;
9
-
10
8
  var _react = _interopRequireWildcard(require("react"));
11
-
12
9
  var _useIsMobile = _interopRequireDefault(require("../../../../Functions/useIsMobile"));
13
-
14
- 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); }
15
-
16
- 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; }
17
-
10
+ 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); }
11
+ 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; }
18
12
  const SCROLL_DIRECTION = {
19
13
  UP: "up",
20
14
  DOWN: "down"
21
15
  };
22
-
23
16
  function useMobileModal(_ref) {
24
- var _modalMobileHeaderRef5, _modalMobileHeaderRef6, _modalMobileFooterRef5, _modalMobileFooterRef6;
25
-
17
+ var _modalMobileHeaderRef3, _modalMobileFooterRef3;
26
18
  let {
27
19
  modalRef = null,
28
20
  withMobileLogic = false,
@@ -52,12 +44,11 @@ function useMobileModal(_ref) {
52
44
  const [scrollTop, setScrollTop] = (0, _react.useState)(0);
53
45
  const [scrollHeight, setScrollHeight] = (0, _react.useState)(1);
54
46
  const [containerScrollHeight, setContainerScrollHeight] = (0, _react.useState)(1);
47
+
55
48
  /* MODALS LOGIC | BEGIN */
56
49
  // Count ScrollTop
57
-
58
50
  (0, _react.useLayoutEffect)(() => {
59
51
  const el = modalMobileContainerRef === null || modalMobileContainerRef === void 0 ? void 0 : modalMobileContainerRef.current;
60
-
61
52
  if (el) {
62
53
  el.addEventListener("scroll", () => {
63
54
  setScrollTop(scrollTop => {
@@ -66,38 +57,35 @@ function useMobileModal(_ref) {
66
57
  });
67
58
  });
68
59
  }
69
- }, [modalMobileContainerRef === null || modalMobileContainerRef === void 0 ? void 0 : modalMobileContainerRef.current]); // Count ScrollDirection
70
-
60
+ }, [modalMobileContainerRef === null || modalMobileContainerRef === void 0 ? void 0 : modalMobileContainerRef.current]);
61
+ // Count ScrollDirection
71
62
  (0, _react.useEffect)(() => {
72
63
  setScrollDirection(prevScrollDirection => scrollTop < scrollTopPrev ? SCROLL_DIRECTION.UP : scrollTop > scrollTopPrev ? SCROLL_DIRECTION.DOWN : prevScrollDirection);
73
- }, [scrollTop, scrollTopPrev]); // Dynamic Modal Positioning
74
-
64
+ }, [scrollTop, scrollTopPrev]);
65
+ // Dynamic Modal Positioning
75
66
  (0, _react.useLayoutEffect)(() => {
76
67
  if (isOpen) {
77
68
  const modalStyle = modalRef !== null && modalRef !== void 0 && modalRef.current ? (modalRef === null || modalRef === void 0 ? void 0 : modalRef.current.currentStyle) || window.getComputedStyle(modalRef === null || modalRef === void 0 ? void 0 : modalRef.current) : {};
78
69
  const computedModalHeight = modalRef !== null && modalRef !== void 0 && modalRef.current ? modalHeight + parseFloat((modalStyle === null || modalStyle === void 0 ? void 0 : modalStyle.marginTop) || 0) : 0;
79
70
  const windowHeight = document.documentElement.clientHeight || window.screen.availHeight || window.screen.height;
80
-
81
71
  if (modalMobileContainerRef !== null && modalMobileContainerRef !== void 0 && modalMobileContainerRef.current) {
82
72
  if (computedModalHeight <= windowHeight) {
83
73
  modalMobileContainerRef.current.style.display = "flex";
84
74
  modalMobileContainerRef.current.style.alignItems = "flex-end";
85
75
  } else {
86
- var _modalMobileContainer, _modalMobileContainer2, _modalMobileContainer3, _modalMobileContainer4;
87
-
88
- (_modalMobileContainer = modalMobileContainerRef.current) === null || _modalMobileContainer === void 0 ? void 0 : (_modalMobileContainer2 = _modalMobileContainer.style) === null || _modalMobileContainer2 === void 0 ? void 0 : _modalMobileContainer2.removeProperty("display");
89
- (_modalMobileContainer3 = modalMobileContainerRef.current) === null || _modalMobileContainer3 === void 0 ? void 0 : (_modalMobileContainer4 = _modalMobileContainer3.style) === null || _modalMobileContainer4 === void 0 ? void 0 : _modalMobileContainer4.removeProperty("align-items");
76
+ var _modalMobileContainer, _modalMobileContainer2;
77
+ (_modalMobileContainer = modalMobileContainerRef.current) === null || _modalMobileContainer === void 0 || (_modalMobileContainer = _modalMobileContainer.style) === null || _modalMobileContainer === void 0 || _modalMobileContainer.removeProperty("display");
78
+ (_modalMobileContainer2 = modalMobileContainerRef.current) === null || _modalMobileContainer2 === void 0 || (_modalMobileContainer2 = _modalMobileContainer2.style) === null || _modalMobileContainer2 === void 0 || _modalMobileContainer2.removeProperty("align-items");
90
79
  }
91
80
  }
92
81
  }
93
- }, [modalsLogicProps, isOpen, isMobile, modalHeight]); // Calculating
82
+ }, [modalsLogicProps, isOpen, isMobile, modalHeight]);
94
83
 
84
+ // Calculating
95
85
  (0, _react.useLayoutEffect)(() => {
96
86
  if (isMobile && isOpen) {
97
- var _modalRef$current, _modalRef$current$get;
98
-
99
- const newModalHeight = modalRef === null || modalRef === void 0 ? void 0 : (_modalRef$current = modalRef.current) === null || _modalRef$current === void 0 ? void 0 : (_modalRef$current$get = _modalRef$current.getBoundingClientRect()) === null || _modalRef$current$get === void 0 ? void 0 : _modalRef$current$get.height;
100
-
87
+ var _modalRef$current;
88
+ const newModalHeight = modalRef === null || modalRef === void 0 || (_modalRef$current = modalRef.current) === null || _modalRef$current === void 0 || (_modalRef$current = _modalRef$current.getBoundingClientRect()) === null || _modalRef$current === void 0 ? void 0 : _modalRef$current.height;
101
89
  if (modalHeight !== newModalHeight) {
102
90
  setModalHeight(newModalHeight);
103
91
  }
@@ -118,38 +106,35 @@ function useMobileModal(_ref) {
118
106
  }
119
107
  }, [scrollTop, scrollHeight, isMobile, withMobileLogic, scrollDirection, modalsLogicProps, modalHeight, window.innerHeight]);
120
108
  (0, _react.useLayoutEffect)(() => {
121
- var _modalMobileHeaderRef, _modalMobileHeaderRef2;
122
-
123
- if ((modalMobileHeaderRef === null || modalMobileHeaderRef === void 0 ? void 0 : (_modalMobileHeaderRef = modalMobileHeaderRef.current) === null || _modalMobileHeaderRef === void 0 ? void 0 : (_modalMobileHeaderRef2 = _modalMobileHeaderRef.getBoundingClientRect()) === null || _modalMobileHeaderRef2 === void 0 ? void 0 : _modalMobileHeaderRef2.height) !== undefined) {
109
+ var _modalMobileHeaderRef;
110
+ if ((modalMobileHeaderRef === null || modalMobileHeaderRef === void 0 || (_modalMobileHeaderRef = modalMobileHeaderRef.current) === null || _modalMobileHeaderRef === void 0 || (_modalMobileHeaderRef = _modalMobileHeaderRef.getBoundingClientRect()) === null || _modalMobileHeaderRef === void 0 ? void 0 : _modalMobileHeaderRef.height) !== undefined) {
124
111
  setModalsLogicProps(state => {
125
- var _modalMobileHeaderRef3, _modalMobileHeaderRef4;
126
-
127
- return { ...state,
128
- headerHeight: modalMobileHeaderRef === null || modalMobileHeaderRef === void 0 ? void 0 : (_modalMobileHeaderRef3 = modalMobileHeaderRef.current) === null || _modalMobileHeaderRef3 === void 0 ? void 0 : (_modalMobileHeaderRef4 = _modalMobileHeaderRef3.getBoundingClientRect()) === null || _modalMobileHeaderRef4 === void 0 ? void 0 : _modalMobileHeaderRef4.height
112
+ var _modalMobileHeaderRef2;
113
+ return {
114
+ ...state,
115
+ headerHeight: modalMobileHeaderRef === null || modalMobileHeaderRef === void 0 || (_modalMobileHeaderRef2 = modalMobileHeaderRef.current) === null || _modalMobileHeaderRef2 === void 0 || (_modalMobileHeaderRef2 = _modalMobileHeaderRef2.getBoundingClientRect()) === null || _modalMobileHeaderRef2 === void 0 ? void 0 : _modalMobileHeaderRef2.height
129
116
  };
130
117
  });
131
118
  }
132
- }, [modalMobileHeaderRef === null || modalMobileHeaderRef === void 0 ? void 0 : (_modalMobileHeaderRef5 = modalMobileHeaderRef.current) === null || _modalMobileHeaderRef5 === void 0 ? void 0 : (_modalMobileHeaderRef6 = _modalMobileHeaderRef5.getBoundingClientRect()) === null || _modalMobileHeaderRef6 === void 0 ? void 0 : _modalMobileHeaderRef6.height]);
119
+ }, [modalMobileHeaderRef === null || modalMobileHeaderRef === void 0 || (_modalMobileHeaderRef3 = modalMobileHeaderRef.current) === null || _modalMobileHeaderRef3 === void 0 || (_modalMobileHeaderRef3 = _modalMobileHeaderRef3.getBoundingClientRect()) === null || _modalMobileHeaderRef3 === void 0 ? void 0 : _modalMobileHeaderRef3.height]);
133
120
  (0, _react.useLayoutEffect)(() => {
134
- var _modalMobileFooterRef, _modalMobileFooterRef2;
135
-
136
- if ((modalMobileFooterRef === null || modalMobileFooterRef === void 0 ? void 0 : (_modalMobileFooterRef = modalMobileFooterRef.current) === null || _modalMobileFooterRef === void 0 ? void 0 : (_modalMobileFooterRef2 = _modalMobileFooterRef.getBoundingClientRect()) === null || _modalMobileFooterRef2 === void 0 ? void 0 : _modalMobileFooterRef2.height) !== undefined) {
121
+ var _modalMobileFooterRef;
122
+ if ((modalMobileFooterRef === null || modalMobileFooterRef === void 0 || (_modalMobileFooterRef = modalMobileFooterRef.current) === null || _modalMobileFooterRef === void 0 || (_modalMobileFooterRef = _modalMobileFooterRef.getBoundingClientRect()) === null || _modalMobileFooterRef === void 0 ? void 0 : _modalMobileFooterRef.height) !== undefined) {
137
123
  setModalsLogicProps(state => {
138
- var _modalMobileFooterRef3, _modalMobileFooterRef4;
139
-
140
- return { ...state,
141
- footerHeight: modalMobileFooterRef === null || modalMobileFooterRef === void 0 ? void 0 : (_modalMobileFooterRef3 = modalMobileFooterRef.current) === null || _modalMobileFooterRef3 === void 0 ? void 0 : (_modalMobileFooterRef4 = _modalMobileFooterRef3.getBoundingClientRect()) === null || _modalMobileFooterRef4 === void 0 ? void 0 : _modalMobileFooterRef4.height
124
+ var _modalMobileFooterRef2;
125
+ return {
126
+ ...state,
127
+ footerHeight: modalMobileFooterRef === null || modalMobileFooterRef === void 0 || (_modalMobileFooterRef2 = modalMobileFooterRef.current) === null || _modalMobileFooterRef2 === void 0 || (_modalMobileFooterRef2 = _modalMobileFooterRef2.getBoundingClientRect()) === null || _modalMobileFooterRef2 === void 0 ? void 0 : _modalMobileFooterRef2.height
142
128
  };
143
129
  });
144
130
  }
145
- }, [modalMobileFooterRef === null || modalMobileFooterRef === void 0 ? void 0 : (_modalMobileFooterRef5 = modalMobileFooterRef.current) === null || _modalMobileFooterRef5 === void 0 ? void 0 : (_modalMobileFooterRef6 = _modalMobileFooterRef5.getBoundingClientRect()) === null || _modalMobileFooterRef6 === void 0 ? void 0 : _modalMobileFooterRef6.height]);
131
+ }, [modalMobileFooterRef === null || modalMobileFooterRef === void 0 || (_modalMobileFooterRef3 = modalMobileFooterRef.current) === null || _modalMobileFooterRef3 === void 0 || (_modalMobileFooterRef3 = _modalMobileFooterRef3.getBoundingClientRect()) === null || _modalMobileFooterRef3 === void 0 ? void 0 : _modalMobileFooterRef3.height]);
146
132
  (0, _react.useEffect)(() => {
147
133
  if (modalMobileContainerRef !== null && modalMobileContainerRef !== void 0 && modalMobileContainerRef.current) {
148
- var _modalMobileContainer5, _modalMobileContainer6;
149
-
134
+ var _modalMobileContainer3, _modalMobileContainer4;
150
135
  // eslint-disable-next-line no-unsafe-optional-chaining
151
- setContainerScrollHeight(modalMobileContainerRef === null || modalMobileContainerRef === void 0 ? void 0 : (_modalMobileContainer5 = modalMobileContainerRef.current) === null || _modalMobileContainer5 === void 0 ? void 0 : _modalMobileContainer5.scrollHeight);
152
- setScrollHeight((modalMobileContainerRef === null || modalMobileContainerRef === void 0 ? void 0 : (_modalMobileContainer6 = modalMobileContainerRef.current) === null || _modalMobileContainer6 === void 0 ? void 0 : _modalMobileContainer6.scrollHeight) - window.innerHeight);
136
+ setContainerScrollHeight(modalMobileContainerRef === null || modalMobileContainerRef === void 0 || (_modalMobileContainer3 = modalMobileContainerRef.current) === null || _modalMobileContainer3 === void 0 ? void 0 : _modalMobileContainer3.scrollHeight);
137
+ setScrollHeight((modalMobileContainerRef === null || modalMobileContainerRef === void 0 || (_modalMobileContainer4 = modalMobileContainerRef.current) === null || _modalMobileContainer4 === void 0 ? void 0 : _modalMobileContainer4.scrollHeight) - window.innerHeight);
153
138
  }
154
139
  }, [scrollTop, modalMobileContainerRef === null || modalMobileContainerRef === void 0 ? void 0 : modalMobileContainerRef.current, window.innerHeight]);
155
140
  (0, _react.useEffect)(() => {
@@ -168,11 +153,9 @@ function useMobileModal(_ref) {
168
153
  ref: modalMobileContainerRef
169
154
  }, modal);
170
155
  };
171
-
172
156
  const renderModal = modal => {
173
157
  return isMobile && withMobileLogic ? renderMobileModal(modal) : modal;
174
158
  };
175
-
176
159
  return {
177
160
  modalMobileContainerRef,
178
161
  modalMobileHeaderRef,
@@ -1,26 +1,17 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
8
7
  exports.default = void 0;
9
-
10
8
  var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
11
-
12
9
  var _react = _interopRequireWildcard(require("react"));
13
-
14
10
  var _classnames = _interopRequireDefault(require("classnames"));
15
-
16
11
  require("./MonoAccordion.scss");
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
-
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; }
22
14
  const RC = "mono-accordion";
23
-
24
15
  const MonoAccordion = _ref => {
25
16
  let {
26
17
  titleJSX,
@@ -36,23 +27,19 @@ const MonoAccordion = _ref => {
36
27
  const [maxHeight, setMaxHeight] = (0, _react.useState)();
37
28
  const titleRef = (0, _react.useRef)();
38
29
  const containerRef = (0, _react.useRef)();
39
-
40
30
  const setHeight = value => {
41
31
  if (value !== undefined) setMaxHeight(state => "".concat(value, "px"));else setMaxHeight(state => {
42
32
  var _Array$from, _Array$from$reduce, _containerRef$current;
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");
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");
45
34
  });
46
35
  };
47
-
48
36
  const handleClick = e => {
49
37
  if (!Array.from(titleRef.current.childNodes).some(el => el.contains(e.target))) {
50
38
  onClick(e);
51
- e === null || e === void 0 ? void 0 : e.preventDefault();
52
- e === null || e === void 0 ? void 0 : e.stopPropagation();
39
+ e === null || e === void 0 || e.preventDefault();
40
+ e === null || e === void 0 || e.stopPropagation();
53
41
  } else return e;
54
42
  };
55
-
56
43
  (0, _react.useEffect)(() => {
57
44
  if (!isOpen) setHeight(0);else setHeight();
58
45
  }, [isOpen, children]);
@@ -80,6 +67,4 @@ const MonoAccordion = _ref => {
80
67
  className: "".concat(RC, "__content-wrapper")
81
68
  }, children)));
82
69
  };
83
-
84
- var _default = MonoAccordion;
85
- exports.default = _default;
70
+ var _default = exports.default = MonoAccordion;