intelicoreact 1.3.21 → 1.3.23

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 (358) hide show
  1. package/dist/Atomic/FormElements/ActionAlert/ActionAlert.js +17 -28
  2. package/dist/Atomic/FormElements/ActionAlert/ActionAlert.scss +9 -9
  3. package/dist/Atomic/FormElements/AdvancedStatus/AdvancedStatus.js +19 -30
  4. package/dist/Atomic/FormElements/AdvancedStatus/AdvancedStatus.scss +8 -10
  5. package/dist/Atomic/FormElements/Calendar/Calendar.js +87 -144
  6. package/dist/Atomic/FormElements/Calendar/Calendar.scss +23 -27
  7. package/dist/Atomic/FormElements/CheckboxInput/CheckboxInput.js +28 -37
  8. package/dist/Atomic/FormElements/CheckboxInput/CheckboxInput.scss +16 -19
  9. package/dist/Atomic/FormElements/CheckboxesLine/CheckboxesLine.js +23 -39
  10. package/dist/Atomic/FormElements/CheckboxesLine/CheckboxesLine.scss +2 -2
  11. package/dist/Atomic/FormElements/Datepicker/Datepicker.js +154 -290
  12. package/dist/Atomic/FormElements/Datepicker/Datepicker.scss +0 -8
  13. package/dist/Atomic/FormElements/Datepicker/components/Calendar.js +55 -96
  14. package/dist/Atomic/FormElements/Dropdown/Dropdown.js +294 -464
  15. package/dist/Atomic/FormElements/Dropdown/Dropdown.scss +141 -95
  16. package/dist/Atomic/FormElements/Dropdown/components/DropdownLoader.js +6 -10
  17. package/dist/Atomic/FormElements/Dropdown/components/DropdownLoader.scss +3 -3
  18. package/dist/Atomic/FormElements/DropdownLiveSearch/DropdownLiveSearch.js +113 -183
  19. package/dist/Atomic/FormElements/DropdownLiveSearch/DropdownLiveSearch.scss +54 -18
  20. package/dist/Atomic/FormElements/FileLoader/FileLoader.js +41 -66
  21. package/dist/Atomic/FormElements/FileLoader/FileLoader.scss +31 -30
  22. package/dist/Atomic/FormElements/FileLoader/partial/LoadZone.js +51 -132
  23. package/dist/Atomic/FormElements/FileLoader/partial/LoadedContent.js +36 -75
  24. package/dist/Atomic/FormElements/FileLoaderLocal/FileLoaderLocal.js +59 -80
  25. package/dist/Atomic/FormElements/FileLoaderLocal/FileLoaderLocal.scss +44 -29
  26. package/dist/Atomic/FormElements/FileLoaderLocalGroup/FileLoaderLocalGroup.js +81 -122
  27. package/dist/Atomic/FormElements/FormattedRawSSN/FormattedRawSSN.js +38 -88
  28. package/dist/Atomic/FormElements/FormattedRawSSN/FormattedRawSSN.scss +24 -21
  29. package/dist/Atomic/FormElements/Input/Input.js +185 -279
  30. package/dist/Atomic/FormElements/Input/Input.scss +18 -18
  31. package/dist/Atomic/FormElements/InputCalendar/InputCalendar.js +57 -111
  32. package/dist/Atomic/FormElements/InputColor/InputColor.js +31 -46
  33. package/dist/Atomic/FormElements/InputCurrency/InputCurrency.js +37 -67
  34. package/dist/Atomic/FormElements/InputCurrency/InputCurrency.scss +9 -6
  35. package/dist/Atomic/FormElements/InputDateRange/InputDateRange.js +135 -203
  36. package/dist/Atomic/FormElements/InputDateRange/InputDateRange.scss +95 -95
  37. package/dist/Atomic/FormElements/InputDateRange/components/DateInput.js +36 -61
  38. package/dist/Atomic/FormElements/InputDateRange/components/Datepicker.js +232 -350
  39. package/dist/Atomic/FormElements/InputDateRange/components/OpenedPart.js +95 -167
  40. package/dist/Atomic/FormElements/InputDateRange/components/SelectItem.js +15 -20
  41. package/dist/Atomic/FormElements/InputDateRange/dependencies.js +94 -211
  42. package/dist/Atomic/FormElements/InputLink/InputLink.js +42 -68
  43. package/dist/Atomic/FormElements/InputLink/InputLink.scss +5 -5
  44. package/dist/Atomic/FormElements/InputMask/InputCarretPosition.js +10 -14
  45. package/dist/Atomic/FormElements/InputMask/InputMask.js +598 -1009
  46. package/dist/Atomic/FormElements/InputMask/InputMask.scss +10 -10
  47. package/dist/Atomic/FormElements/InputMask/config.js +9 -9
  48. package/dist/Atomic/FormElements/InputMask/functions.js +23 -48
  49. package/dist/Atomic/FormElements/InputMask2/InputMask2.js +296 -432
  50. package/dist/Atomic/FormElements/InputMask2/InputMask2.scss +13 -12
  51. package/dist/Atomic/FormElements/InputMask2/config.js +9 -9
  52. package/dist/Atomic/FormElements/InputMask2/functions.js +23 -48
  53. package/dist/Atomic/FormElements/InputMask3/InputMask3.js +333 -493
  54. package/dist/Atomic/FormElements/InputMask3/InputMask3.scss +13 -12
  55. package/dist/Atomic/FormElements/InputMask3/config.js +9 -9
  56. package/dist/Atomic/FormElements/InputMask3/functions.js +23 -48
  57. package/dist/Atomic/FormElements/InputWithAction/InputWithAction.js +53 -115
  58. package/dist/Atomic/FormElements/InputWithAction/InputWithAction.scss +34 -31
  59. package/dist/Atomic/FormElements/InputsRow/InputsRow.js +77 -131
  60. package/dist/Atomic/FormElements/InputsRow/InputsRow.scss +4 -5
  61. package/dist/Atomic/FormElements/Label/Label.js +14 -24
  62. package/dist/Atomic/FormElements/Label/Label.scss +2 -2
  63. package/dist/Atomic/FormElements/MobileCalendar/MobileCalendar.js +227 -359
  64. package/dist/Atomic/FormElements/MobileCalendar/MobileCalendar.scss +8 -9
  65. package/dist/Atomic/FormElements/MultiSelect/MultiSelect.js +26 -48
  66. package/dist/Atomic/FormElements/MultiSelect/MultiSelect.scss +2 -2
  67. package/dist/Atomic/FormElements/NumericInput/NumericInput.js +149 -223
  68. package/dist/Atomic/FormElements/NumericInput/NumericInput.scss +18 -18
  69. package/dist/Atomic/FormElements/RadioGroup/RadioGroup.js +31 -63
  70. package/dist/Atomic/FormElements/RadioGroup/RadioGroup.scss +1 -0
  71. package/dist/Atomic/FormElements/RadioGroupWithInput/RadioGroupWithInput.js +25 -47
  72. package/dist/Atomic/FormElements/RadioGroupWithInput/RadioGroupWithInput.scss +1 -0
  73. package/dist/Atomic/FormElements/RadioInput/RadioInput.js +22 -33
  74. package/dist/Atomic/FormElements/RadioInput/RadioInput.scss +4 -8
  75. package/dist/Atomic/FormElements/RadioRowSwitcher/RadioRowSwitcher.js +21 -44
  76. package/dist/Atomic/FormElements/RadioRowSwitcher/RadioRowSwitcher.scss +26 -25
  77. package/dist/Atomic/FormElements/RangeCalendar/RangeCalendar.js +68 -115
  78. package/dist/Atomic/FormElements/RangeCalendar/RangeCalendar.scss +17 -19
  79. package/dist/Atomic/FormElements/RangeInputs/RangeInputs.js +71 -114
  80. package/dist/Atomic/FormElements/RangeInputs/RangeInputs.scss +5 -5
  81. package/dist/Atomic/FormElements/RangeList/RangeList.js +102 -163
  82. package/dist/Atomic/FormElements/RangeList/RangeList.scss +23 -23
  83. package/dist/Atomic/FormElements/RangeList/partial/AnyOuterClass.scss +5 -4
  84. package/dist/Atomic/FormElements/RangeList/partial/RangeListRow.js +23 -29
  85. package/dist/Atomic/FormElements/RangeSlider/RangeSlider.js +153 -318
  86. package/dist/Atomic/FormElements/RangeSlider/RangeSlider.scss +19 -24
  87. package/dist/Atomic/FormElements/RangeSlider/RangeSlider.stories.scss +7 -7
  88. package/dist/Atomic/FormElements/RangeSlider2/RangeSlider.stories.scss +8 -8
  89. package/dist/Atomic/FormElements/RangeSlider2/RangeSlider2.js +395 -585
  90. package/dist/Atomic/FormElements/RangeSlider2/RangeSlider2.scss +165 -91
  91. package/dist/Atomic/FormElements/SwitchableRow/SwitchableRow.js +14 -24
  92. package/dist/Atomic/FormElements/SwitchableRow/SwitchableRow.scss +2 -2
  93. package/dist/Atomic/FormElements/Switcher/Switcher.js +24 -29
  94. package/dist/Atomic/FormElements/Switcher/Switcher.scss +10 -12
  95. package/dist/Atomic/FormElements/Switcher/partial/AnyOuterClass.scss +2 -2
  96. package/dist/Atomic/FormElements/SwitcherCheckbox/SwitcherCheckbox.js +26 -50
  97. package/dist/Atomic/FormElements/SwitcherCheckbox/partial/AnyOuterClass.scss +2 -2
  98. package/dist/Atomic/FormElements/SwitcherHide/SwitcherHide.js +20 -32
  99. package/dist/Atomic/FormElements/SwitcherHide/partial/AnyOuterClass.scss +2 -2
  100. package/dist/Atomic/FormElements/SwitcherRadio/SwitcherRadio.js +33 -56
  101. package/dist/Atomic/FormElements/SwitcherRadio/SwitcherRadio.scss +1 -1
  102. package/dist/Atomic/FormElements/SwitcherRadio/partial/AnyOuterClass.scss +2 -2
  103. package/dist/Atomic/FormElements/SwitcherRange/SwitcherRange.js +25 -45
  104. package/dist/Atomic/FormElements/SwitcherRangeList/SwitcherRangeList.js +24 -34
  105. package/dist/Atomic/FormElements/SwitcherRangeList/partial/AnyOuterClass.scss +6 -6
  106. package/dist/Atomic/FormElements/SwitcherTagsDropdown/SwitcherTagsDropdown.js +56 -125
  107. package/dist/Atomic/FormElements/SwitcherTagsDropdown/SwitcherTagsDropdown.scss +2 -3
  108. package/dist/Atomic/FormElements/SwitcherTagsDropdown/partial/AnyOuterClass.scss +2 -2
  109. package/dist/Atomic/FormElements/SwitcherTagsDropdown/partial/States.js +102 -103
  110. package/dist/Atomic/FormElements/SwitcherTextarea/SwitcherTextarea.js +23 -46
  111. package/dist/Atomic/FormElements/SwitcherTextarea/SwitcherTextarea.scss +2 -3
  112. package/dist/Atomic/FormElements/SwitcherTextarea/partial/AnyOuterClass.scss +4 -4
  113. package/dist/Atomic/FormElements/TagsDropdown/TagsDropdown.js +299 -453
  114. package/dist/Atomic/FormElements/TagsDropdown/TagsDropdown.scss +103 -64
  115. package/dist/Atomic/FormElements/Text/Text.js +50 -56
  116. package/dist/Atomic/FormElements/Text/Text.scss +0 -1
  117. package/dist/Atomic/FormElements/TextSwitcher/TextSwitcher.js +21 -31
  118. package/dist/Atomic/FormElements/TextSwitcher/TextSwitcher.scss +15 -15
  119. package/dist/Atomic/FormElements/Textarea/Textarea.js +16 -27
  120. package/dist/Atomic/FormElements/Textarea/Textarea.scss +7 -8
  121. package/dist/Atomic/FormElements/TieredCheckboxes/TieredCheckboxes.js +69 -129
  122. package/dist/Atomic/FormElements/TieredCheckboxes/TieredCheckboxes.scss +5 -6
  123. package/dist/Atomic/FormElements/TieredCheckboxes/partial/AccordionWithCheckbox.js +25 -36
  124. package/dist/Atomic/FormElements/TimeRange/TimeRange.js +39 -76
  125. package/dist/Atomic/FormElements/TimeRange/TimeRange.scss +1 -1
  126. package/dist/Atomic/FormElements/UserContacts/UserContacts.js +82 -149
  127. package/dist/Atomic/FormElements/UserContacts/partial/AnyOuterClass.scss +5 -6
  128. package/dist/Atomic/FormElements/VariantsListRadio/VariantsListRadio.js +48 -80
  129. package/dist/Atomic/FormElements/VariantsListRadio/VariantsListRadio.scss +77 -59
  130. package/dist/Atomic/FormElements/VariantsListRadio/partials/VariantsListRadioItem.js +32 -42
  131. package/dist/Atomic/FormElements/WidgetPseudoTable/WidgetPseudoTable.js +42 -62
  132. package/dist/Atomic/FormElements/WidgetPseudoTable/WidgetPseudoTable.scss +9 -10
  133. package/dist/Atomic/FormElements/WidgetPseudoTable/partial/AnyOuterClass.scss +16 -14
  134. package/dist/Atomic/FormElements/WidgetPseudoTable/partial/constructor.js +20 -21
  135. package/dist/Atomic/FormElements/WidgetWithSwitchableRows/WidgetWithSwitchableRows.js +54 -73
  136. package/dist/Atomic/FormElements/WidgetWithSwitchableRows/WidgetWithSwitchableRows.scss +9 -10
  137. package/dist/Atomic/FormElements/WidgetWithSwitchableRows/partial/AnyOuterClass.scss +16 -14
  138. package/dist/Atomic/FormElements/WidgetWithSwitchableRows/partial/constructor.js +17 -17
  139. package/dist/Atomic/Layout/Header/Header.js +26 -53
  140. package/dist/Atomic/Layout/Header/Header.scss +9 -10
  141. package/dist/Atomic/Layout/MainMenu/MainMenu.js +48 -92
  142. package/dist/Atomic/Layout/MainMenu/MainMenu.scss +14 -17
  143. package/dist/Atomic/Layout/Spinner/Spinner.js +11 -17
  144. package/dist/Atomic/Layout/Spinner/Spinner.scss +3 -3
  145. package/dist/Atomic/UI/Accordion/Accordion.js +23 -53
  146. package/dist/Atomic/UI/Accordion/Accordion.scss +11 -11
  147. package/dist/Atomic/UI/Accordion/AccordionItem.js +45 -70
  148. package/dist/Atomic/UI/AccordionTable/AccordionTable.js +63 -121
  149. package/dist/Atomic/UI/AccordionTable/AccordionTable.scss +33 -38
  150. package/dist/Atomic/UI/AccordionText/AccordionText.js +15 -39
  151. package/dist/Atomic/UI/AccordionText/AccordionText.scss +18 -10
  152. package/dist/Atomic/UI/AdvancedTag/AdvTag.js +67 -114
  153. package/dist/Atomic/UI/AdvancedTag/AdvancedTags.js +26 -54
  154. package/dist/Atomic/UI/AdvancedTag/AdvancedTags.scss +19 -18
  155. package/dist/Atomic/UI/Alert/Alert.js +24 -48
  156. package/dist/Atomic/UI/Alert/Alert.scss +21 -21
  157. package/dist/Atomic/UI/Arrow/Arrow.js +19 -39
  158. package/dist/Atomic/UI/Box/Box.js +24 -31
  159. package/dist/Atomic/UI/Box/Box.scss +2 -4
  160. package/dist/Atomic/UI/Button/Button.js +29 -38
  161. package/dist/Atomic/UI/Button/Button.scss +34 -34
  162. package/dist/Atomic/UI/ButtonsBar/ButtonsBar.js +24 -33
  163. package/dist/Atomic/UI/ButtonsBar/ButtonsBar.scss +1 -1
  164. package/dist/Atomic/UI/Chart/Chart.js +55 -96
  165. package/dist/Atomic/UI/Chart/Chart.scss +4 -4
  166. package/dist/Atomic/UI/Chart/partial/AnyOuterClass.scss +10 -14
  167. package/dist/Atomic/UI/Chart/partial/Chart.constants.js +37 -47
  168. package/dist/Atomic/UI/Chart/partial/ChartTypeSwitcherIcon/ChartTypeSwitcherIcon.js +15 -24
  169. package/dist/Atomic/UI/Chart/partial/ChartTypeSwitcherIcon/ChartTypeSwitcherIcon.scss +1 -1
  170. package/dist/Atomic/UI/Chart/partial/datasetSetters.js +80 -125
  171. package/dist/Atomic/UI/Chart/partial/optionsConstructor.js +173 -155
  172. package/dist/Atomic/UI/Chart/partial/optionsSetters.js +28 -44
  173. package/dist/Atomic/UI/Chart/partial/utils.js +22 -50
  174. package/dist/Atomic/UI/CircleProgressBar/CircleProgressBar.js +31 -51
  175. package/dist/Atomic/UI/CircleProgressBar/CircleProgressBar.scss +7 -9
  176. package/dist/Atomic/UI/DateTime/DateTime.js +26 -41
  177. package/dist/Atomic/UI/DateTime/DateTime.scss +1 -1
  178. package/dist/Atomic/UI/DateTime/partial/AnyOuterClass.scss +2 -2
  179. package/dist/Atomic/UI/DebugContainer/DebugContainer.js +15 -39
  180. package/dist/Atomic/UI/DebugContainer/DebugContainer.scss +15 -9
  181. package/dist/Atomic/UI/DebugContainer/useDebugContainer.js +5 -21
  182. package/dist/Atomic/UI/DoubleString/DoubleString.js +29 -52
  183. package/dist/Atomic/UI/DoubleString/DoubleString.scss +11 -5
  184. package/dist/Atomic/UI/DoubleString/partial/AnyOuterClass.scss +4 -4
  185. package/dist/Atomic/UI/DynamicIcon/DynamicIcon.js +15 -63
  186. package/dist/Atomic/UI/ExampleChartIntegration/ExampleChartIntegration.js +99 -194
  187. package/dist/Atomic/UI/ExampleChartIntegration/partial/AnyOuterClass.scss +10 -15
  188. package/dist/Atomic/UI/ExampleChartIntegration/partial/utils.js +57 -120
  189. package/dist/Atomic/UI/Hint/Hint.js +74 -120
  190. package/dist/Atomic/UI/Hint/Hint.scss +12 -11
  191. package/dist/Atomic/UI/Modal/Modal.js +152 -190
  192. package/dist/Atomic/UI/Modal/Modal.scss +42 -43
  193. package/dist/Atomic/UI/Modal/ModalHOC.js +14 -26
  194. package/dist/Atomic/UI/Modal/ModalMobile.scss +18 -11
  195. package/dist/Atomic/UI/Modal/partials/ModalFooter.js +8 -13
  196. package/dist/Atomic/UI/Modal/partials/ModalTitle.js +20 -24
  197. package/dist/Atomic/UI/Modal/partials/useMobileModal.js +102 -164
  198. package/dist/Atomic/UI/ModalBackup/Modal.js +65 -90
  199. package/dist/Atomic/UI/ModalBackup/ModalHOC.js +12 -21
  200. package/dist/Atomic/UI/ModalBackup/partials/ModalFooter.js +6 -11
  201. package/dist/Atomic/UI/ModalBackup/partials/ModalTitle.js +15 -19
  202. package/dist/Atomic/UI/MonoAccordion/MonoAccordion.js +32 -62
  203. package/dist/Atomic/UI/MonoAccordion/MonoAccordion.scss +5 -5
  204. package/dist/Atomic/UI/MonoAccordion/partial/AnyOuterClass.scss +4 -5
  205. package/dist/Atomic/UI/NavLine/NavLine.js +140 -231
  206. package/dist/Atomic/UI/NavLine/NavLine.scss +34 -36
  207. package/dist/Atomic/UI/NavLine/Tabs.js +40 -41
  208. package/dist/Atomic/UI/PageTitle/PageTitle.js +13 -17
  209. package/dist/Atomic/UI/PageTitle/PageTitle.scss +7 -7
  210. package/dist/Atomic/UI/PieChart/PieChart.js +14 -24
  211. package/dist/Atomic/UI/PieChart/PieChart.scss +21 -10
  212. package/dist/Atomic/UI/Price/Price.js +12 -15
  213. package/dist/Atomic/UI/PriceRange/PriceRange.js +9 -13
  214. package/dist/Atomic/UI/ProgressLine/ProgressLine.js +29 -58
  215. package/dist/Atomic/UI/ProgressLine/ProgressLine.scss +36 -40
  216. package/dist/Atomic/UI/Status/Status.js +24 -35
  217. package/dist/Atomic/UI/Status/Status.scss +19 -19
  218. package/dist/Atomic/UI/Table/Partials/TdCell.js +38 -81
  219. package/dist/Atomic/UI/Table/Partials/TdHeader.js +9 -18
  220. package/dist/Atomic/UI/Table/Partials/TdRow.js +34 -70
  221. package/dist/Atomic/UI/Table/Partials/TdTitle.js +17 -41
  222. package/dist/Atomic/UI/Table/Table.js +27 -47
  223. package/dist/Atomic/UI/Table/Table.scss +11 -13
  224. package/dist/Atomic/UI/Table/TdTypes/TdActions.js +23 -53
  225. package/dist/Atomic/UI/Table/TdTypes/TdPriority.js +11 -21
  226. package/dist/Atomic/UI/Table/TdTypes/TdRange.js +6 -11
  227. package/dist/Atomic/UI/Table/TdTypes/TdTypes.scss +9 -8
  228. package/dist/Atomic/UI/Table/TdTypes/TdWeight.js +30 -55
  229. package/dist/Atomic/UI/Tag/Tag.js +24 -52
  230. package/dist/Atomic/UI/Tag/Tag.scss +12 -11
  231. package/dist/Atomic/UI/TagList/TagList.js +83 -153
  232. package/dist/Atomic/UI/TagList/TagList.scss +1 -1
  233. package/dist/Atomic/UI/UserBox/UserBox.js +17 -29
  234. package/dist/Atomic/UI/UserBox/UserBox.scss +9 -9
  235. package/dist/Classes/AbortableFetch.js +283 -422
  236. package/dist/Classes/AnimatedHandler.js +44 -56
  237. package/dist/Classes/RESTAPI/index.js +154 -433
  238. package/dist/Classes/RESTAPI/partials/AbortableFetch.js +290 -428
  239. package/dist/Classes/RESTAPI/partials/ApiBase.js +26 -69
  240. package/dist/Classes/RESTAPI/partials/ApiRequestCreators.js +57 -275
  241. package/dist/Classes/RESTAPI/partials/ApiUtils.js +146 -377
  242. package/dist/Classes/RESTAPI/partials/CredentialsProcessing.js +173 -421
  243. package/dist/Classes/RESTAPI/partials/Utils.js +81 -135
  244. package/dist/Classes/RESTAPI/partials/_outerDependencies.js +2 -6
  245. package/dist/Classes/RESTAPI/partials/_utils.js +101 -395
  246. package/dist/Constants/index.constants.js +15 -22
  247. package/dist/Functions/Portal.js +14 -33
  248. package/dist/Functions/customEventListener.js +9 -24
  249. package/dist/Functions/fieldValueFormatters.js +181 -260
  250. package/dist/Functions/hooks/useFormFieldsChangesManager.js +75 -137
  251. package/dist/Functions/locale/createTranslator.js +14 -39
  252. package/dist/Functions/operations.js +44 -58
  253. package/dist/Functions/presets/inputMaskPresets.js +59 -61
  254. package/dist/Functions/presets/inputPresets.js +21 -24
  255. package/dist/Functions/presets/mobileKeyboardTypesPresets.js +9 -11
  256. package/dist/Functions/schemas.js +14 -23
  257. package/dist/Functions/useBodyScrollLock.js +20 -0
  258. package/dist/Functions/useClickOutside.js +5 -9
  259. package/dist/Functions/useDebounce.js +11 -25
  260. package/dist/Functions/useFieldFocus.js +42 -71
  261. package/dist/Functions/useFormTools/form-drivers/ArrayWithObjects.js +35 -54
  262. package/dist/Functions/useFormTools/form-drivers/ObjectWithIterableObjects.js +78 -99
  263. package/dist/Functions/useFormTools/form-drivers/ObjectWithNamedKeyObjects.js +55 -91
  264. package/dist/Functions/useFormTools/functions/General.js +82 -101
  265. package/dist/Functions/useFormTools/functions/RenderFields.js +49 -76
  266. package/dist/Functions/useFormTools/functions/usePrevious.js +3 -7
  267. package/dist/Functions/useFormTools/index.js +386 -604
  268. package/dist/Functions/useInputHighlightError.js +27 -52
  269. package/dist/Functions/useIsMobile.js +13 -36
  270. package/dist/Functions/useKeyPress/useHandleKeyPress.js +44 -0
  271. package/dist/Functions/useKeyPress/useKeyPress.js +38 -0
  272. package/dist/Functions/useLocalStorage.js +9 -35
  273. package/dist/Functions/useLocationParams.js +16 -27
  274. package/dist/Functions/useMetaInfo.js +23 -54
  275. package/dist/Functions/useMouseUpOutside.js +4 -7
  276. package/dist/Functions/useOnlineStatus.js +12 -40
  277. package/dist/Functions/usePasswordChecker.js +56 -91
  278. package/dist/Functions/usePrevious.js +3 -19
  279. package/dist/Functions/useResize.js +15 -53
  280. package/dist/Functions/useScrollTo.js +7 -21
  281. package/dist/Functions/useToggle.js +10 -30
  282. package/dist/Functions/utils.js +199 -458
  283. package/dist/Molecular/CustomIcons/components/AffiliateNetworks.js +21 -32
  284. package/dist/Molecular/CustomIcons/components/AlertCircle.js +21 -32
  285. package/dist/Molecular/CustomIcons/components/AppStore.js +25 -36
  286. package/dist/Molecular/CustomIcons/components/Arrow.js +31 -42
  287. package/dist/Molecular/CustomIcons/components/ArrowDown.js +13 -24
  288. package/dist/Molecular/CustomIcons/components/ArrowLeft.js +16 -27
  289. package/dist/Molecular/CustomIcons/components/ArrowRight.js +16 -27
  290. package/dist/Molecular/CustomIcons/components/ArrowUp.js +13 -24
  291. package/dist/Molecular/CustomIcons/components/Bell.js +11 -22
  292. package/dist/Molecular/CustomIcons/components/Button.js +11 -22
  293. package/dist/Molecular/CustomIcons/components/Campaigns.js +12 -23
  294. package/dist/Molecular/CustomIcons/components/Check.js +12 -23
  295. package/dist/Molecular/CustomIcons/components/Check2.js +11 -22
  296. package/dist/Molecular/CustomIcons/components/ChevronDown.js +11 -22
  297. package/dist/Molecular/CustomIcons/components/ChevronDownDisabled.js +11 -22
  298. package/dist/Molecular/CustomIcons/components/ChevronLeft.js +11 -22
  299. package/dist/Molecular/CustomIcons/components/ChevronRight.js +11 -22
  300. package/dist/Molecular/CustomIcons/components/ChevronUp.js +11 -22
  301. package/dist/Molecular/CustomIcons/components/ChevronUpDown.js +26 -37
  302. package/dist/Molecular/CustomIcons/components/Close.js +13 -24
  303. package/dist/Molecular/CustomIcons/components/ColumnsOrder.js +38 -49
  304. package/dist/Molecular/CustomIcons/components/Delete.js +12 -23
  305. package/dist/Molecular/CustomIcons/components/Edit.js +11 -22
  306. package/dist/Molecular/CustomIcons/components/Email.js +29 -40
  307. package/dist/Molecular/CustomIcons/components/FinturfLogo.js +19 -30
  308. package/dist/Molecular/CustomIcons/components/FinturfLogo2.js +27 -38
  309. package/dist/Molecular/CustomIcons/components/Flows.js +11 -22
  310. package/dist/Molecular/CustomIcons/components/Gift.js +16 -27
  311. package/dist/Molecular/CustomIcons/components/GoogleAuth.js +25 -36
  312. package/dist/Molecular/CustomIcons/components/GooglePlay.js +25 -36
  313. package/dist/Molecular/CustomIcons/components/HelpCircle.js +14 -25
  314. package/dist/Molecular/CustomIcons/components/HelpCircle2.js +15 -26
  315. package/dist/Molecular/CustomIcons/components/HelpCircleFilled.js +14 -25
  316. package/dist/Molecular/CustomIcons/components/Home.js +14 -25
  317. package/dist/Molecular/CustomIcons/components/Home2.js +17 -28
  318. package/dist/Molecular/CustomIcons/components/Key.js +19 -30
  319. package/dist/Molecular/CustomIcons/components/Landers.js +15 -26
  320. package/dist/Molecular/CustomIcons/components/Lock.js +11 -22
  321. package/dist/Molecular/CustomIcons/components/Mail.js +19 -30
  322. package/dist/Molecular/CustomIcons/components/Mastercard.js +61 -72
  323. package/dist/Molecular/CustomIcons/components/Minus.js +24 -35
  324. package/dist/Molecular/CustomIcons/components/Offers.js +12 -23
  325. package/dist/Molecular/CustomIcons/components/Pause.js +24 -35
  326. package/dist/Molecular/CustomIcons/components/PayPal.js +38 -49
  327. package/dist/Molecular/CustomIcons/components/PayPalLightLarge.js +25 -36
  328. package/dist/Molecular/CustomIcons/components/Phone.js +26 -37
  329. package/dist/Molecular/CustomIcons/components/Play.js +24 -35
  330. package/dist/Molecular/CustomIcons/components/Plus.js +24 -35
  331. package/dist/Molecular/CustomIcons/components/Profile.js +16 -27
  332. package/dist/Molecular/CustomIcons/components/QRCode.js +26 -37
  333. package/dist/Molecular/CustomIcons/components/Rectangle.js +11 -22
  334. package/dist/Molecular/CustomIcons/components/Revert.js +14 -25
  335. package/dist/Molecular/CustomIcons/components/Star.js +10 -21
  336. package/dist/Molecular/CustomIcons/components/Star2.js +12 -23
  337. package/dist/Molecular/CustomIcons/components/TrafficSources.js +14 -25
  338. package/dist/Molecular/CustomIcons/components/Trash.js +11 -22
  339. package/dist/Molecular/CustomIcons/components/TrashRed.js +11 -22
  340. package/dist/Molecular/CustomIcons/components/Triggers.js +11 -22
  341. package/dist/Molecular/CustomIcons/components/User.js +16 -27
  342. package/dist/Molecular/CustomIcons/components/Visa.js +27 -38
  343. package/dist/Molecular/CustomIcons/components/X.js +11 -22
  344. package/dist/Molecular/CustomIcons/index.js +61 -183
  345. package/dist/Molecular/FormElement/FormElement.js +18 -27
  346. package/dist/Molecular/FormElement/FormElement.scss +4 -3
  347. package/dist/Molecular/FormWithDependOn/FormWithDependOn.js +99 -116
  348. package/dist/Molecular/FormWithDependOn/partials/_utils.js +35 -34
  349. package/dist/Molecular/InputAddress/InputAddress.js +207 -342
  350. package/dist/Molecular/InputAddress/InputAddress.scss +176 -112
  351. package/dist/Molecular/InputPassword/InputPassword.js +22 -50
  352. package/dist/Molecular/InputPassword/InputPassword.scss +8 -7
  353. package/dist/index.js +1 -3
  354. package/dist/scss/_fonts.scss +60 -36
  355. package/dist/scss/_vars.scss +18 -18
  356. package/dist/scss/main.scss +4 -4
  357. package/package.json +1 -1
  358. package/dist/Atomic/FormElements/UserContacts/partial/defaultIcons.js +0 -91
@@ -1,9 +1,9 @@
1
1
  .accordion-table {
2
2
  display: flex;
3
3
  overflow-x: auto;
4
- align-items: flex-start;
5
4
  flex-direction: column;
6
5
  justify-content: flex-start;
6
+ align-items: flex-start;
7
7
 
8
8
  width: 100%;
9
9
  min-width: 700px;
@@ -22,15 +22,14 @@
22
22
 
23
23
  padding: 5px 10px;
24
24
 
25
+ font-size: 11px;
26
+ font-weight: 500;
25
27
  user-select: none;
26
28
  white-space: nowrap;
27
29
  text-transform: uppercase;
28
30
 
29
- color: #757F8C;
30
- background-color: #EBEFF2;
31
-
32
- font-size: 11px;
33
- font-weight: 500;
31
+ color: #757f8c;
32
+ background-color: #ebeff2;
34
33
 
35
34
  &:first-child {
36
35
  padding-left: 15px;
@@ -63,7 +62,7 @@
63
62
 
64
63
  &__body-accordion {
65
64
  &:not(:first-child) {
66
- border-top: 1px solid #EBEFF2;
65
+ border-top: 1px solid #ebeff2;
67
66
  }
68
67
 
69
68
  &:last-child {
@@ -75,15 +74,15 @@
75
74
 
76
75
  &--closed {
77
76
  .mono-accordion__head {
78
- transition: all 0.3s ease-out;
79
-
80
77
  box-shadow: 0 5px 8px rgb(255 255 255 / 12%) !important;
81
- }
82
78
 
83
- .mono-accordion__container {
84
79
  transition: all 0.3s ease-out;
80
+ }
85
81
 
82
+ .mono-accordion__container {
86
83
  opacity: 0;
84
+
85
+ transition: all 0.3s ease-out;
87
86
  }
88
87
 
89
88
  &:last-child {
@@ -110,12 +109,11 @@
110
109
  &__td {
111
110
  padding: 11.5px 0;
112
111
 
113
- white-space: nowrap;
114
-
115
- border-bottom: 1px solid #EBEFF2;
116
-
117
112
  font-size: 14px;
118
113
  font-weight: 400;
114
+ white-space: nowrap;
115
+
116
+ border-bottom: 1px solid #ebeff2;
119
117
 
120
118
  &:first-child {
121
119
  margin-left: 50px;
@@ -139,8 +137,8 @@
139
137
 
140
138
  &__accordion-label-box {
141
139
  display: flex;
142
- align-items: center;
143
140
  justify-content: space-between;
141
+ align-items: center;
144
142
  }
145
143
 
146
144
  &__accordion-label-wrapper {
@@ -165,10 +163,9 @@
165
163
  &__statistics-td {
166
164
  padding: 15px 0;
167
165
 
168
- white-space: nowrap;
169
-
170
166
  font-size: 14px;
171
167
  font-weight: 400;
168
+ white-space: nowrap;
172
169
 
173
170
  &:not(:last-child) {
174
171
  display: flex;
@@ -198,7 +195,7 @@
198
195
  margin-left: 50px;
199
196
 
200
197
  &:last-child {
201
- border-bottom: 1px solid #EBEFF2;
198
+ border-bottom: 1px solid #ebeff2;
202
199
  }
203
200
  }
204
201
 
@@ -227,48 +224,47 @@
227
224
  margin-bottom: 10px;
228
225
  padding: 4px 8px;
229
226
 
230
- letter-spacing: 0.2px;
231
-
232
- color: #3B414B;
233
- border: 1px solid #FFCE9F;
234
- border-radius: 8px;
235
- background-color: #FFF4E5;
236
-
237
227
  font-size: 12px;
238
228
  font-weight: 400;
239
229
  line-height: 18px;
230
+ letter-spacing: 0.2px;
231
+
232
+ color: #3b414b;
233
+ border: 1px solid #ffce9f;
234
+ border-radius: 8px;
235
+ background-color: #fff4e5;
240
236
 
241
237
  svg {
242
238
  min-width: 16px;
243
- min-height: 16px;
244
239
  max-width: 16px;
240
+ min-height: 16px;
245
241
  max-height: 16px;
246
242
  margin-right: 8px;
247
243
  }
248
244
  }
249
245
 
250
246
  &__tr-promo-disclosure {
251
- background-color: #E8E9EC;
252
247
  border: none;
248
+ background-color: #e8e9ec;
253
249
  }
254
250
 
255
251
  &__status-icon {
256
252
  margin-top: 2px;
257
253
  margin-right: 5px;
258
254
 
259
- color: #FA564C;
255
+ color: #fa564c;
260
256
  }
261
257
 
262
258
  .tr-promo-icon {
263
- color: #FF7D00;
259
+ color: #ff7d00;
264
260
  }
265
261
 
266
262
  .tr-promo-label {
267
263
  margin-right: 8px;
268
264
 
269
- color: #FF7D00;
270
-
271
265
  font-weight: 600;
266
+
267
+ color: #ff7d00;
272
268
  }
273
269
 
274
270
  .accordion-label-box {
@@ -285,9 +281,9 @@
285
281
  min-height: 16px;
286
282
  max-height: 16px;
287
283
 
288
- transition: all 0.2s ease-out;
284
+ color: #757f8c;
289
285
 
290
- color: #757F8C;
286
+ transition: all 0.2s ease-out;
291
287
 
292
288
  &--open {
293
289
  transform: rotate(180deg);
@@ -295,10 +291,9 @@
295
291
  }
296
292
 
297
293
  &__status {
298
- white-space: nowrap;
299
-
300
294
  font-size: 12px;
301
295
  font-weight: 400;
296
+ white-space: nowrap;
302
297
  }
303
298
  }
304
299
 
@@ -309,7 +304,7 @@
309
304
 
310
305
  padding: 14.5px 15px 14.5px 20px;
311
306
 
312
- background-color: #FFFF;
307
+ background-color: #ffff;
313
308
  box-shadow: 0 5px 8px rgb(39 73 113 / 12%);
314
309
  }
315
310
 
@@ -318,7 +313,7 @@
318
313
 
319
314
  flex-direction: row;
320
315
 
321
- background-color: #FFFF;
316
+ background-color: #ffff;
322
317
  }
323
318
 
324
319
  &__content-wrapper {
@@ -1,60 +1,36 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
- var _typeof = require("@babel/runtime/helpers/typeof");
6
-
7
4
  Object.defineProperty(exports, "__esModule", {
8
5
  value: true
9
6
  });
10
7
  exports.default = void 0;
11
-
12
- var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
13
-
14
8
  var _react = _interopRequireWildcard(require("react"));
15
-
16
9
  var _classnames = _interopRequireDefault(require("classnames"));
17
-
18
10
  var _reactFeather = require("react-feather");
19
-
20
11
  require("./AccordionText.scss");
21
-
22
- 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); }
23
-
24
- 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; }
25
-
26
- var AccordionText = function AccordionText(_ref) {
27
- var _ref$isDefaultOpen = _ref.isDefaultOpen,
28
- isDefaultOpen = _ref$isDefaultOpen === void 0 ? false : _ref$isDefaultOpen,
29
- _ref$isOuterOpen = _ref.isOuterOpen,
30
- isOuterOpen = _ref$isOuterOpen === void 0 ? false : _ref$isOuterOpen,
31
- className = _ref.className,
32
- _ref$text = _ref.text,
33
- text = _ref$text === void 0 ? 'Default Accordion Text. Lorem ipsum dolor sit amettttttttttttttt, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.' : _ref$text;
34
-
35
- var _useState = (0, _react.useState)(isDefaultOpen),
36
- _useState2 = (0, _slicedToArray2.default)(_useState, 2),
37
- isOpen = _useState2[0],
38
- setIsOpen = _useState2[1];
39
-
40
- (0, _react.useEffect)(function () {
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; }
14
+ const AccordionText = _ref => {
15
+ let {
16
+ isDefaultOpen = false,
17
+ isOuterOpen = false,
18
+ className,
19
+ text = "Default Accordion Text. Lorem ipsum dolor sit amettttttttttttttt, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."
20
+ } = _ref;
21
+ const [isOpen, setIsOpen] = (0, _react.useState)(isDefaultOpen);
22
+ (0, _react.useEffect)(() => {
41
23
  setIsOpen(isOuterOpen);
42
24
  }, [isOuterOpen]);
43
25
  return /*#__PURE__*/_react.default.createElement("div", {
44
- className: (0, _classnames.default)('accordion-text', className, {
45
- 'accordion-text--open': isOpen
26
+ className: (0, _classnames.default)("accordion-text", className, {
27
+ "accordion-text--open": isOpen
46
28
  }),
47
- onClick: function onClick() {
48
- return setIsOpen(function (isOpen) {
49
- return !isOpen;
50
- });
51
- }
29
+ onClick: () => setIsOpen(isOpen => !isOpen)
52
30
  }, /*#__PURE__*/_react.default.createElement("div", {
53
31
  className: "accordion-text__body"
54
32
  }, text), /*#__PURE__*/_react.default.createElement("div", {
55
33
  className: "accordion-text__toggle"
56
34
  }, isOpen ? /*#__PURE__*/_react.default.createElement(_reactFeather.ChevronUp, null) : /*#__PURE__*/_react.default.createElement(_reactFeather.ChevronDown, null)));
57
35
  };
58
-
59
- var _default = AccordionText;
60
- exports.default = _default;
36
+ var _default = exports.default = AccordionText;
@@ -1,14 +1,17 @@
1
1
  .accordion-text {
2
2
  position: relative;
3
- padding: 4px 24px 4px 8px;
4
- border-radius: 4px;
5
- background-color: rgba(48, 57, 91, 0.05);
6
- cursor: pointer;
3
+
7
4
  height: 100%;
8
5
  max-height: 18px;
6
+ padding: 4px 24px 4px 8px;
7
+
9
8
  font-size: 12px;
10
9
  font-weight: 400;
11
10
  line-height: 18px;
11
+ cursor: pointer;
12
+
13
+ border-radius: 4px;
14
+ background-color: rgba(48, 57, 91, 0.05);
12
15
 
13
16
  &--open {
14
17
  max-height: 100%;
@@ -16,27 +19,32 @@
16
19
 
17
20
  &--open &__body {
18
21
  overflow: visible;
22
+
19
23
  white-space: normal; // Change 'wrap' to 'normal'
20
24
  text-overflow: clip; // Change 'unset' to 'clip'
21
25
  }
22
26
 
23
27
  &__body {
24
28
  overflow: hidden;
25
- text-overflow: ellipsis;
29
+
26
30
  white-space: nowrap;
31
+ text-overflow: ellipsis;
27
32
  }
28
33
 
29
34
  &__toggle {
30
35
  position: absolute;
31
- right: 0;
32
36
  top: 0;
37
+ right: 0;
38
+
39
+ display: flex;
40
+ justify-content: center;
41
+ align-items: center;
42
+
33
43
  width: 16px;
34
44
  height: 16px;
35
45
  margin: 4px;
36
- display: flex;
37
- align-items: center;
38
- justify-content: center;
39
46
  padding: 2px;
40
- color: #A0A4B0;
47
+
48
+ color: #a0a4b0;
41
49
  }
42
50
  }
@@ -1,123 +1,89 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
- var _typeof = require("@babel/runtime/helpers/typeof");
6
-
7
4
  Object.defineProperty(exports, "__esModule", {
8
5
  value: true
9
6
  });
10
7
  exports.default = void 0;
11
-
12
- var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
13
-
14
8
  var _react = _interopRequireWildcard(require("react"));
15
-
16
9
  var _classnames = _interopRequireDefault(require("classnames"));
17
-
18
10
  var _reactFeather = require("react-feather");
19
-
20
11
  require("./AdvancedTags.scss");
21
-
22
- 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); }
23
-
24
- 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; }
25
-
26
- var classNames = require('classnames');
27
-
28
- var AdvTag = function AdvTag(_ref) {
29
- var item = _ref.item,
30
- className = _ref.className,
31
- testId = _ref.testId,
32
- _ref$toTop = _ref.toTop,
33
- toTop = _ref$toTop === void 0 ? true : _ref$toTop;
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; }
14
+ const AdvTag = _ref => {
15
+ let {
16
+ item,
17
+ className,
18
+ testId,
19
+ toTop = true
20
+ } = _ref;
34
21
  if (!item) return null;
35
- var labelLeft = item.labelLeft,
36
- labelRight = item.labelRight,
37
- _item$active = item.active,
38
- active = _item$active === void 0 ? 0 : _item$active,
39
- _item$pause = item.pause,
40
- pause = _item$pause === void 0 ? 0 : _item$pause,
41
- merchants = item.merchants,
42
- warnLeft = item.warnLeft,
43
- warnLeftMsg = item.warnLeftMsg,
44
- warnRightMsg = item.warnRightMsg,
45
- noPingTree = item.noPingTree,
46
- _item$isEntityAndCoun = item.isEntityAndCounter,
47
- isEntityAndCounter = _item$isEntityAndCoun === void 0 ? false : _item$isEntityAndCoun,
48
- _item$entityAndCounte = item.entityAndCounter,
49
- entityAndCounter = _item$entityAndCounte === void 0 ? {
50
- nullCounterMessage: '',
51
- title: '',
52
- counter: null
53
- } : _item$entityAndCounte;
54
-
55
- var _useState = (0, _react.useState)(false),
56
- _useState2 = (0, _slicedToArray2.default)(_useState, 2),
57
- isOpen = _useState2[0],
58
- setIsOpen = _useState2[1];
59
-
60
- var _useState3 = (0, _react.useState)(''),
61
- _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
62
- clickedWarning = _useState4[0],
63
- setClickedWarning = _useState4[1];
64
-
65
- var hintRef = (0, _react.useRef)(null);
66
- var activeNumberClass = classNames('strong', {
67
- 'color--pause': active === 0
22
+ const {
23
+ labelLeft,
24
+ labelRight,
25
+ active = 0,
26
+ pause = 0,
27
+ merchants,
28
+ warnLeft,
29
+ warnLeftMsg,
30
+ warnRightMsg,
31
+ noPingTree,
32
+ isEntityAndCounter = false,
33
+ entityAndCounter = {
34
+ nullCounterMessage: "",
35
+ title: "",
36
+ counter: null
37
+ }
38
+ } = item;
39
+ const [isOpen, setIsOpen] = (0, _react.useState)(false);
40
+ const [clickedWarning, setClickedWarning] = (0, _react.useState)("");
41
+ const hintRef = (0, _react.useRef)(null);
42
+ const activeNumberClass = (0, _classnames.default)("strong", {
43
+ "color--pause": active === 0
68
44
  }, {
69
- 'color--green-haze': active > 0
45
+ "color--green-haze": active > 0
70
46
  });
71
- var pauseNumberClass = classNames('strong', {
72
- 'color--pause': pause === 0
47
+ const pauseNumberClass = (0, _classnames.default)("strong", {
48
+ "color--pause": pause === 0
73
49
  }, {
74
- 'color--light-red': pause > 0
50
+ "color--light-red": pause > 0
75
51
  });
76
- var isEmptyEntitys = isEntityAndCounter && (!entityAndCounter.counter || entityAndCounter.counter === 0) || !isEntityAndCounter && (warnLeft || !merchants);
77
- var advancedTagClass = classNames('advanced-tags', {
78
- 'advanced-tags--error': isEmptyEntitys
52
+ const isEmptyEntitys = isEntityAndCounter && (!entityAndCounter.counter || entityAndCounter.counter === 0) || !isEntityAndCounter && (warnLeft || !merchants);
53
+ const advancedTagClass = (0, _classnames.default)("advanced-tags", {
54
+ "advanced-tags--error": isEmptyEntitys
79
55
  }, className);
80
-
81
- var onWarningClick = function onWarningClick(warn) {
56
+ const onWarningClick = warn => {
82
57
  setIsOpen(true);
83
58
  setClickedWarning(warn);
84
59
  };
85
-
86
- var handleClickOutside = function handleClickOutside(event) {
60
+ const handleClickOutside = event => {
87
61
  if (hintRef.current && !hintRef.current.contains(event.target)) {
88
62
  setIsOpen(false);
89
63
  }
90
64
  };
91
-
92
- (0, _react.useEffect)(function () {
93
- document.addEventListener('click', handleClickOutside, true);
94
- return function () {
95
- return document.removeEventListener('click', handleClickOutside, true);
96
- };
65
+ (0, _react.useEffect)(() => {
66
+ document.addEventListener("click", handleClickOutside, true);
67
+ return () => document.removeEventListener("click", handleClickOutside, true);
97
68
  });
98
-
99
- var renderClassicTag = function renderClassicTag() {
69
+ const renderClassicTag = () => {
100
70
  return /*#__PURE__*/_react.default.createElement("div", {
101
71
  className: advancedTagClass,
102
72
  ref: hintRef
103
73
  }, warnLeft && /*#__PURE__*/_react.default.createElement("div", {
104
74
  "data-testid": "".concat(testId, "-left"),
105
75
  className: "advanced-tags--warning-icon-wrapper",
106
- onMouseEnter: function onMouseEnter() {
107
- return onWarningClick('warnLeft');
108
- },
109
- onMouseLeave: function onMouseLeave() {
110
- return setIsOpen(false);
111
- }
76
+ onMouseEnter: () => onWarningClick("warnLeft"),
77
+ onMouseLeave: () => setIsOpen(false)
112
78
  }, /*#__PURE__*/_react.default.createElement(_reactFeather.AlertTriangle, {
113
79
  width: 16,
114
80
  height: 16,
115
81
  className: "advanced-tags--warning-icon mr5"
116
82
  })), labelLeft && /*#__PURE__*/_react.default.createElement("span", {
117
83
  className: "mr5"
118
- }, labelLeft), labelRight && /*#__PURE__*/_react.default.createElement("span", null, labelRight), item.type !== 'simple' ? /*#__PURE__*/_react.default.createElement("span", {
84
+ }, labelLeft), labelRight && /*#__PURE__*/_react.default.createElement("span", null, labelRight), item.type !== "simple" ? /*#__PURE__*/_react.default.createElement("span", {
119
85
  className: "ml5 mr5"
120
- }, "|") : null, item.type !== 'simple' ? /*#__PURE__*/_react.default.createElement("div", {
86
+ }, "|") : null, item.type !== "simple" ? /*#__PURE__*/_react.default.createElement("div", {
121
87
  className: "df"
122
88
  }, /*#__PURE__*/_react.default.createElement("span", {
123
89
  className: activeNumberClass
@@ -125,65 +91,52 @@ var AdvTag = function AdvTag(_ref) {
125
91
  className: "strong color--pause"
126
92
  }, "/"), /*#__PURE__*/_react.default.createElement("span", {
127
93
  className: pauseNumberClass
128
- }, pause)) : null, item.type !== 'simple' ? /*#__PURE__*/_react.default.createElement("span", {
94
+ }, pause)) : null, item.type !== "simple" ? /*#__PURE__*/_react.default.createElement("span", {
129
95
  className: "ml5 mr5"
130
- }, "|") : null, merchants ? /*#__PURE__*/_react.default.createElement("span", null, merchants) : item.type !== 'simple' && /*#__PURE__*/_react.default.createElement("div", {
96
+ }, "|") : null, merchants ? /*#__PURE__*/_react.default.createElement("span", null, merchants) : item.type !== "simple" && /*#__PURE__*/_react.default.createElement("div", {
131
97
  "data-testid": "".concat(testId, "-right"),
132
98
  className: "advanced-tags--warning-icon-wrapper",
133
- onMouseEnter: function onMouseEnter() {
134
- return onWarningClick('warnRight');
135
- },
136
- onMouseLeave: function onMouseLeave() {
137
- return setIsOpen(false);
138
- }
99
+ onMouseEnter: () => onWarningClick("warnRight"),
100
+ onMouseLeave: () => setIsOpen(false)
139
101
  }, /*#__PURE__*/_react.default.createElement(_reactFeather.AlertTriangle, {
140
102
  width: 16,
141
103
  height: 16,
142
104
  className: "advanced-tags--warning-icon"
143
- })), isOpen && warnLeftMsg && clickedWarning === 'warnLeft' ? /*#__PURE__*/_react.default.createElement("span", {
144
- className: (0, _classnames.default)('advanced-tags__warn-text advanced-tags__warn-text--warnLeft', {
145
- 'advanced-tags__warn-text--warnLeft--to-top': toTop
105
+ })), isOpen && warnLeftMsg && clickedWarning === "warnLeft" ? /*#__PURE__*/_react.default.createElement("span", {
106
+ className: (0, _classnames.default)("advanced-tags__warn-text advanced-tags__warn-text--warnLeft", {
107
+ "advanced-tags__warn-text--warnLeft--to-top": toTop
146
108
  })
147
- }, warnLeftMsg) : null, isOpen && warnRightMsg && clickedWarning === 'warnRight' ? /*#__PURE__*/_react.default.createElement("span", {
148
- className: (0, _classnames.default)('advanced-tags__warn-text', 'advanced-tags__warn-text--warnRight', {
149
- 'advanced-tags__warn-text--warnRight--to-top': toTop
109
+ }, warnLeftMsg) : null, isOpen && warnRightMsg && clickedWarning === "warnRight" ? /*#__PURE__*/_react.default.createElement("span", {
110
+ className: (0, _classnames.default)("advanced-tags__warn-text", "advanced-tags__warn-text--warnRight", {
111
+ "advanced-tags__warn-text--warnRight--to-top": toTop
150
112
  })
151
113
  }, warnRightMsg) : null);
152
114
  };
153
-
154
- var renderWithEntityAndCounterTag = function renderWithEntityAndCounterTag() {
115
+ const renderWithEntityAndCounterTag = () => {
155
116
  var _entityAndCounter$cou;
156
-
157
- var isNullcounter = (entityAndCounter === null || entityAndCounter === void 0 ? void 0 : (_entityAndCounter$cou = entityAndCounter.counter) === null || _entityAndCounter$cou === void 0 ? void 0 : _entityAndCounter$cou.toString()) === '0';
117
+ const isNullcounter = (entityAndCounter === null || entityAndCounter === void 0 || (_entityAndCounter$cou = entityAndCounter.counter) === null || _entityAndCounter$cou === void 0 ? void 0 : _entityAndCounter$cou.toString()) === "0";
158
118
  return /*#__PURE__*/_react.default.createElement("div", {
159
119
  className: advancedTagClass,
160
120
  ref: hintRef
161
121
  }, isNullcounter && /*#__PURE__*/_react.default.createElement("div", {
162
122
  "data-testid": "".concat(testId, "-left"),
163
123
  className: "advanced-tags--warning-icon-wrapper",
164
- onMouseEnter: function onMouseEnter() {
165
- return onWarningClick('warnLeft');
166
- },
167
- onMouseLeave: function onMouseLeave() {
168
- return setIsOpen(false);
169
- }
124
+ onMouseEnter: () => onWarningClick("warnLeft"),
125
+ onMouseLeave: () => setIsOpen(false)
170
126
  }, /*#__PURE__*/_react.default.createElement(_reactFeather.AlertTriangle, {
171
127
  width: 16,
172
128
  height: 16,
173
129
  className: "advanced-tags--warning-icon mr5"
174
- })), isOpen && entityAndCounter !== null && entityAndCounter !== void 0 && entityAndCounter.nullCounterMessage && clickedWarning === 'warnLeft' ? /*#__PURE__*/_react.default.createElement("span", {
175
- className: (0, _classnames.default)('advanced-tags__warn-text advanced-tags__warn-text--warnLeft', {
176
- 'advanced-tags__warn-text--warnLeft--to-top': toTop
130
+ })), isOpen && entityAndCounter !== null && entityAndCounter !== void 0 && entityAndCounter.nullCounterMessage && clickedWarning === "warnLeft" ? /*#__PURE__*/_react.default.createElement("span", {
131
+ className: (0, _classnames.default)("advanced-tags__warn-text advanced-tags__warn-text--warnLeft", {
132
+ "advanced-tags__warn-text--warnLeft--to-top": toTop
177
133
  })
178
134
  }, entityAndCounter === null || entityAndCounter === void 0 ? void 0 : entityAndCounter.nullCounterMessage) : null, (entityAndCounter === null || entityAndCounter === void 0 ? void 0 : entityAndCounter.title) && /*#__PURE__*/_react.default.createElement("span", {
179
135
  className: "mr5"
180
136
  }, entityAndCounter === null || entityAndCounter === void 0 ? void 0 : entityAndCounter.title), /*#__PURE__*/_react.default.createElement("div", {
181
- className: "advanced-tags__counter ".concat(isNullcounter ? 'advanced-tags__counter--null' : 'advanced-tags__counter--bold')
137
+ className: "advanced-tags__counter ".concat(isNullcounter ? "advanced-tags__counter--null" : "advanced-tags__counter--bold")
182
138
  }, entityAndCounter === null || entityAndCounter === void 0 ? void 0 : entityAndCounter.counter));
183
139
  };
184
-
185
140
  return !isEntityAndCounter ? renderClassicTag() : renderWithEntityAndCounterTag();
186
141
  };
187
-
188
- var _default = AdvTag;
189
- exports.default = _default;
142
+ var _default = exports.default = AdvTag;