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
@@ -6,71 +6,73 @@
6
6
  width: 565px;
7
7
 
8
8
  border: none;
9
-
10
9
  border-radius: 6px;
11
- box-shadow: 0 0.7px 2px rgb(60 77 106 / 10%), 0 1.9px 2px rgb(60 77 106 / 7%), 0 4.5px 6px rgb(60 77 106 / 5%);
10
+ box-shadow:
11
+ 0 0.7px 2px rgb(60 77 106 / 10%),
12
+ 0 1.9px 2px rgb(60 77 106 / 7%),
13
+ 0 4.5px 6px rgb(60 77 106 / 5%);
12
14
  }
13
15
 
14
16
  .widget-pseudo-table__title-block {
15
- color: #1E1E2D;
16
-
17
17
  font-family: Roboto, sans-serif;
18
18
  font-size: 13px;
19
19
  font-weight: 500;
20
20
  font-style: normal;
21
21
  line-height: 20px;
22
+
23
+ color: #1e1e2d;
22
24
  }
23
25
 
24
26
  .widget-pseudo-table__thead-cell {
25
- color: #9AA0B9;
26
-
27
27
  font-family: Roboto, sans-serif;
28
28
  font-size: 10px;
29
29
  font-weight: 400;
30
30
  font-style: normal;
31
31
  line-height: 20px;
32
+
33
+ color: #9aa0b9;
32
34
  }
33
35
 
34
36
  .widget-pseudo-table__cell {
35
37
  .input__wrap {
36
38
  width: 60px;
37
39
 
38
- border: 1px solid #E2E5EC;
40
+ border: 1px solid #e2e5ec;
39
41
  border-radius: 0;
40
- background: #F7FAFC;
42
+ background: #f7fafc;
41
43
  }
42
44
 
43
45
  .input {
44
- color: #1E1E2D;
45
-
46
46
  font-family: Roboto, sans-serif;
47
47
  font-size: 13px;
48
48
  font-weight: 300;
49
49
  font-style: normal;
50
50
  line-height: 20px;
51
+
52
+ color: #1e1e2d;
51
53
  }
52
54
 
53
55
  .switcher__button-content_active {
54
- background-color: #2680C1;
56
+ background-color: #2680c1;
55
57
  }
56
58
 
57
59
  .switcher__label {
58
- color: #1E1E2D;
59
-
60
60
  font-family: Roboto, sans-serif;
61
61
  font-size: 13px;
62
62
  font-weight: 400;
63
63
  font-style: normal;
64
64
  line-height: 20px;
65
+
66
+ color: #1e1e2d;
65
67
  }
66
68
  }
67
69
  }
68
70
 
69
71
  .delete-icon {
70
72
  display: flex;
71
- align-items: center;
72
73
  flex-flow: row nowrap;
73
74
  justify-content: center;
75
+ align-items: center;
74
76
 
75
77
  width: 16px;
76
78
  height: 16px;
@@ -4,35 +4,34 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = void 0;
7
- var constructor = [{
8
- key: 'key1',
9
- type: 'label',
10
- label: 'lender',
11
- cellClassName: ''
7
+ const constructor = [{
8
+ key: "key1",
9
+ type: "label",
10
+ label: "lender",
11
+ cellClassName: ""
12
12
  }, {
13
- key: 'key2',
14
- type: 'input',
15
- label: 'Transaction Fee split, %',
13
+ key: "key2",
14
+ type: "input",
15
+ label: "Transaction Fee split, %",
16
16
  isRequired: true,
17
- theadCellClassName: '',
18
- cellClassName: '',
19
- columnClassName: '',
17
+ theadCellClassName: "",
18
+ cellClassName: "",
19
+ columnClassName: "",
20
20
  onlyNumbers: {
21
- type: 'float',
21
+ type: "float",
22
22
  decimalPlaces: 2
23
23
  }
24
24
  }, {
25
- key: 'key3',
26
- type: 'input',
27
- label: 'Revenue Share split, %',
25
+ key: "key3",
26
+ type: "input",
27
+ label: "Revenue Share split, %",
28
28
  isRequired: true,
29
- theadCellClassName: '',
30
- cellClassName: '',
31
- columnClassName: '',
29
+ theadCellClassName: "",
30
+ cellClassName: "",
31
+ columnClassName: "",
32
32
  onlyNumbers: {
33
- type: 'float',
33
+ type: "float",
34
34
  decimalPlaces: 2
35
35
  }
36
36
  }];
37
- var _default = constructor;
38
- exports.default = _default;
37
+ var _default = exports.default = constructor;
@@ -1,47 +1,32 @@
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
- var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
13
-
14
- var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
15
-
16
9
  var _react = _interopRequireDefault(require("react"));
17
-
18
10
  var _classnames = _interopRequireDefault(require("classnames"));
19
-
20
11
  require("./WidgetWithSwitchableRows.scss");
21
-
22
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
23
-
24
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
25
-
26
- var RC = 'widget-with-switchable-rows';
27
-
28
- var WidgetWithSwitchableRows = function WidgetWithSwitchableRows(props) {
29
- var _ref = props || {},
30
- className = _ref.className,
31
- title = _ref.title,
32
- rightHeaderContent = _ref.rightHeaderContent,
33
- nullContentData = _ref.nullContentData,
34
- _ref$columns = _ref.columns,
35
- columns = _ref$columns === void 0 ? [] : _ref$columns,
36
- rows = _ref.rows,
37
- CellComponent = _ref.CellComponent,
38
- CellComponentProps = _ref.CellComponentProps,
39
- _onChange = _ref.onChange;
40
-
41
- var preperedColumns = [_objectSpread(_objectSpread({}, columns[0]), {}, {
42
- key: 'isActive',
43
- type: 'switcher'
44
- })].concat((0, _toConsumableArray2.default)(columns.slice(1)));
12
+ const RC = "widget-with-switchable-rows";
13
+ const WidgetWithSwitchableRows = props => {
14
+ const {
15
+ className,
16
+ title,
17
+ rightHeaderContent,
18
+ nullContentData,
19
+ columns = [],
20
+ rows,
21
+ CellComponent,
22
+ CellComponentProps,
23
+ onChange
24
+ } = props || {};
25
+ const preperedColumns = [{
26
+ ...columns[0],
27
+ key: "isActive",
28
+ type: "switcher"
29
+ }, ...columns.slice(1)];
45
30
  return /*#__PURE__*/_react.default.createElement("div", {
46
31
  className: (0, _classnames.default)(RC, className)
47
32
  }, /*#__PURE__*/_react.default.createElement("div", {
@@ -51,50 +36,46 @@ var WidgetWithSwitchableRows = function WidgetWithSwitchableRows(props) {
51
36
  }, title), /*#__PURE__*/_react.default.createElement("div", {
52
37
  className: (0, _classnames.default)("".concat(RC, "__right-header-content-block"))
53
38
  }, rightHeaderContent)), /*#__PURE__*/_react.default.createElement("div", {
54
- className: (0, _classnames.default)("".concat(RC, "__body"), (0, _defineProperty2.default)({}, "".concat(RC, "__body_no-content"), !(rows !== null && rows !== void 0 && rows.length)))
55
- }, !!(rows !== null && rows !== void 0 && rows.length) && /*#__PURE__*/_react.default.createElement("div", {
39
+ className: (0, _classnames.default)("".concat(RC, "__body"), {
40
+ ["".concat(RC, "__body_no-content")]: !(rows !== null && rows !== void 0 && rows.length)
41
+ })
42
+ }, Boolean(rows === null || rows === void 0 ? void 0 : rows.length) && /*#__PURE__*/_react.default.createElement("div", {
56
43
  className: (0, _classnames.default)("".concat(RC, "__thead"))
57
- }, preperedColumns.map(function (field) {
58
- return /*#__PURE__*/_react.default.createElement("div", {
59
- key: "thead-".concat(field.key),
60
- className: (0, _classnames.default)("".concat(RC, "__thead-cell"), field.theadCellClassName, field.columnClassName, (0, _defineProperty2.default)({}, "".concat(RC, "__thead-cell_reqiured"), field.isRequired)),
61
- "data-key": field.key
62
- }, field.label);
63
- })), /*#__PURE__*/_react.default.createElement("div", {
44
+ }, preperedColumns.map(field => /*#__PURE__*/_react.default.createElement("div", {
45
+ key: "thead-".concat(field.key),
46
+ className: (0, _classnames.default)("".concat(RC, "__thead-cell"), field.theadCellClassName, field.columnClassName, {
47
+ ["".concat(RC, "__thead-cell_reqiured")]: field.isRequired
48
+ }),
49
+ "data-key": field.key
50
+ }, field.label))), /*#__PURE__*/_react.default.createElement("div", {
64
51
  className: (0, _classnames.default)("".concat(RC, "__table"))
65
- }, rows !== null && rows !== void 0 && rows.length ? rows.map(function (row) {
66
- return /*#__PURE__*/_react.default.createElement("div", {
67
- key: "row-".concat(row.id),
68
- className: (0, _classnames.default)("".concat(RC, "__row")),
69
- "data-id": row.id
70
- }, preperedColumns.map(function (cell) {
71
- return /*#__PURE__*/_react.default.createElement("div", {
72
- key: "row-".concat(row.id, "-cell-").concat(cell.key),
73
- className: (0, _classnames.default)("".concat(RC, "__cell"), cell.cellClassName, cell.columnClassName)
74
- }, /*#__PURE__*/_react.default.createElement(CellComponent, (0, _extends2.default)({}, CellComponentProps, {
75
- field: _objectSpread(_objectSpread({}, cell), {}, {
76
- value: row[cell.key],
77
- rowData: row
78
- }, cell.key === 'isActive' ? {
79
- disabled: cell.disabled,
80
- label: row.label,
81
- isActive: row.isActive
82
- } : {
83
- disabled: !row.isActive,
84
- label: cell.label
85
- }),
86
- onChange: function onChange(key, val) {
87
- return _onChange(val, cell.key, row.id);
88
- }
89
- })));
90
- }));
91
- }) : /*#__PURE__*/_react.default.createElement("div", {
52
+ }, rows !== null && rows !== void 0 && rows.length ? rows.map(row => /*#__PURE__*/_react.default.createElement("div", {
53
+ key: "row-".concat(row.id),
54
+ className: (0, _classnames.default)("".concat(RC, "__row")),
55
+ "data-id": row.id
56
+ }, preperedColumns.map(cell => /*#__PURE__*/_react.default.createElement("div", {
57
+ key: "row-".concat(row.id, "-cell-").concat(cell.key),
58
+ className: (0, _classnames.default)("".concat(RC, "__cell"), cell.cellClassName, cell.columnClassName)
59
+ }, /*#__PURE__*/_react.default.createElement(CellComponent, (0, _extends2.default)({}, CellComponentProps, {
60
+ field: {
61
+ ...cell,
62
+ value: row[cell.key],
63
+ rowData: row,
64
+ ...(cell.key === "isActive" ? {
65
+ disabled: cell.disabled,
66
+ label: row.label,
67
+ isActive: row.isActive
68
+ } : {
69
+ disabled: !row.isActive,
70
+ label: cell.label
71
+ })
72
+ },
73
+ onChange: (key, val) => onChange(val, cell.key, row.id)
74
+ })))))) : /*#__PURE__*/_react.default.createElement("div", {
92
75
  className: (0, _classnames.default)("".concat(RC, "__row")),
93
76
  "data-id": "empty-row"
94
77
  }, /*#__PURE__*/_react.default.createElement("span", {
95
78
  className: (0, _classnames.default)("".concat(RC, "__no-data-content"))
96
- }, nullContentData !== null && nullContentData !== void 0 ? nullContentData : 'No data')))));
79
+ }, nullContentData !== null && nullContentData !== void 0 ? nullContentData : "No data")))));
97
80
  };
98
-
99
- var _default = WidgetWithSwitchableRows;
100
- exports.default = _default;
81
+ var _default = exports.default = WidgetWithSwitchableRows;
@@ -4,30 +4,29 @@
4
4
  --row-height: 44px;
5
5
  --thead-height: 20px;
6
6
  --grid-template-columns: 1fr 1fr 1fr;
7
- border: 1px solid #E2E5EC;
7
+ border: 1px solid #e2e5ec;
8
8
  border-radius: 3px;
9
-
10
- background-color: #FFF;
9
+ background-color: #fff;
11
10
 
12
11
  &__header {
13
12
  display: flex;
14
- align-items: center;
15
13
  flex-flow: row nowrap;
16
14
  justify-content: space-between;
15
+ align-items: center;
17
16
 
18
17
  box-sizing: border-box;
19
18
  height: var(--row-height);
20
19
  padding: 12px 16px;
21
20
 
22
- border-bottom: 1px solid #E2E5EC;
21
+ border-bottom: 1px solid #e2e5ec;
23
22
  }
24
23
 
25
24
  &__title-block,
26
25
  &__right-header-content-block {
27
26
  display: flex;
28
- align-items: center;
29
27
  flex-flow: row nowrap;
30
28
  justify-content: center;
29
+ align-items: center;
31
30
 
32
31
  width: fit-content;
33
32
  height: 100%;
@@ -43,10 +42,10 @@
43
42
 
44
43
  &__thead {
45
44
  display: grid;
45
+ grid-template-columns: var(--grid-template-columns);
46
46
 
47
47
  box-sizing: border-box;
48
48
  height: var(--thead-height);
49
- grid-template-columns: var(--grid-template-columns);
50
49
 
51
50
  &-cell {
52
51
  text-align: right;
@@ -70,13 +69,13 @@
70
69
 
71
70
  &__row {
72
71
  display: grid;
72
+ grid-template-columns: var(--grid-template-columns);
73
73
 
74
74
  box-sizing: border-box;
75
75
  height: var(--row-height);
76
76
  padding: 8px 0;
77
77
 
78
- border-bottom: 1px solid #EBEFF2;
79
- grid-template-columns: var(--grid-template-columns);
78
+ border-bottom: 1px solid #ebeff2;
80
79
 
81
80
  &:last-of-type {
82
81
  border-bottom: none;
@@ -85,9 +84,9 @@
85
84
 
86
85
  &__cell {
87
86
  display: flex;
88
- align-items: center;
89
87
  flex-flow: row nowrap;
90
88
  justify-content: flex-end;
89
+ align-items: center;
91
90
 
92
91
  &:first-of-type {
93
92
  justify-content: flex-start;
@@ -6,71 +6,73 @@
6
6
  width: 565px;
7
7
 
8
8
  border: none;
9
-
10
9
  border-radius: 6px;
11
- box-shadow: 0 0.7px 2px rgb(60 77 106 / 10%), 0 1.9px 2px rgb(60 77 106 / 7%), 0 4.5px 6px rgb(60 77 106 / 5%);
10
+ box-shadow:
11
+ 0 0.7px 2px rgb(60 77 106 / 10%),
12
+ 0 1.9px 2px rgb(60 77 106 / 7%),
13
+ 0 4.5px 6px rgb(60 77 106 / 5%);
12
14
  }
13
15
 
14
16
  .widget-with-switchable-rows__title-block {
15
- color: #1E1E2D;
16
-
17
17
  font-family: Roboto, sans-serif;
18
18
  font-size: 13px;
19
19
  font-weight: 500;
20
20
  font-style: normal;
21
21
  line-height: 20px;
22
+
23
+ color: #1e1e2d;
22
24
  }
23
25
 
24
26
  .widget-with-switchable-rows__thead-cell {
25
- color: #9AA0B9;
26
-
27
27
  font-family: Roboto, sans-serif;
28
28
  font-size: 10px;
29
29
  font-weight: 400;
30
30
  font-style: normal;
31
31
  line-height: 20px;
32
+
33
+ color: #9aa0b9;
32
34
  }
33
35
 
34
36
  .widget-with-switchable-rows__cell {
35
37
  .input__wrap {
36
38
  width: 60px;
37
39
 
38
- border: 1px solid #E2E5EC;
40
+ border: 1px solid #e2e5ec;
39
41
  border-radius: 0;
40
- background: #F7FAFC;
42
+ background: #f7fafc;
41
43
  }
42
44
 
43
45
  .input {
44
- color: #1E1E2D;
45
-
46
46
  font-family: Roboto, sans-serif;
47
47
  font-size: 13px;
48
48
  font-weight: 300;
49
49
  font-style: normal;
50
50
  line-height: 20px;
51
+
52
+ color: #1e1e2d;
51
53
  }
52
54
 
53
55
  .switcher__button-content_active {
54
- background-color: #2680C1;
56
+ background-color: #2680c1;
55
57
  }
56
58
 
57
59
  .switcher__label {
58
- color: #1E1E2D;
59
-
60
60
  font-family: Roboto, sans-serif;
61
61
  font-size: 13px;
62
62
  font-weight: 400;
63
63
  font-style: normal;
64
64
  line-height: 20px;
65
+
66
+ color: #1e1e2d;
65
67
  }
66
68
  }
67
69
  }
68
70
 
69
71
  .delete-icon {
70
72
  display: flex;
71
- align-items: center;
72
73
  flex-flow: row nowrap;
73
74
  justify-content: center;
75
+ align-items: center;
74
76
 
75
77
  width: 16px;
76
78
  height: 16px;
@@ -4,36 +4,36 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = void 0;
7
- var constructor = [// первый элемент относится к свитчеру, можно пробросить доп. пропы
7
+ const constructor = [
8
+ // первый элемент относится к свитчеру, можно пробросить доп. пропы
8
9
  // невозможно сменить ключ и тип (ключ - isActive, тип - switcher)
9
10
  // label применится к шапке таблички, но в самих строках label свитчера - это label строки
10
11
  {
11
- label: 'lender',
12
- cellClassName: ''
12
+ label: "lender",
13
+ cellClassName: ""
13
14
  }, {
14
- key: 'key1',
15
- label: 'Transaction Fee split, %',
15
+ key: "key1",
16
+ label: "Transaction Fee split, %",
16
17
  isRequired: true,
17
- theadCellClassName: '',
18
- cellClassName: '',
19
- columnClassName: '',
18
+ theadCellClassName: "",
19
+ cellClassName: "",
20
+ columnClassName: "",
20
21
  onlyNumbers: {
21
- type: 'float',
22
+ type: "float",
22
23
  decimalPlaces: 2
23
24
  }
24
25
  }, {
25
- key: 'key2',
26
- label: 'Revenue Share split, %',
26
+ key: "key2",
27
+ label: "Revenue Share split, %",
27
28
  isRequired: true,
28
- theadCellClassName: '',
29
- cellClassName: '',
30
- columnClassName: '',
29
+ theadCellClassName: "",
30
+ cellClassName: "",
31
+ columnClassName: "",
31
32
  onlyNumbers: {
32
- type: 'float',
33
+ type: "float",
33
34
  decimalPlaces: 2
34
35
  },
35
36
  min: 0,
36
37
  max: 50
37
38
  }];
38
- var _default = constructor;
39
- exports.default = _default;
39
+ var _default = exports.default = constructor;
@@ -1,70 +1,45 @@
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
- var _reactFeather = require("react-feather");
17
-
18
9
  var _classnames = _interopRequireDefault(require("classnames"));
19
-
20
- var _utils = require("../../../Functions/utils");
21
-
10
+ var _reactFeather = require("react-feather");
11
+ var _utils = require("lib/src/Functions/utils");
22
12
  var _Hint = _interopRequireDefault(require("../../UI/Hint/Hint"));
23
-
24
13
  require("./Header.scss");
25
-
26
- 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); }
27
-
28
- 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; }
29
-
30
- var Header = function Header(_ref) {
31
- var className = _ref.className,
32
- _ref$name = _ref.name,
33
- name = _ref$name === void 0 ? 'John' : _ref$name,
34
- _ref$surname = _ref.surname,
35
- surname = _ref$surname === void 0 ? 'Silver' : _ref$surname,
36
- _ref$status = _ref.status,
37
- status = _ref$status === void 0 ? 'admin' : _ref$status,
38
- _ref$img = _ref.img,
39
- img = _ref$img === void 0 ? '' : _ref$img,
40
- _ref$hintLabel = _ref.hintLabel,
41
- hintLabel = _ref$hintLabel === void 0 ? 'Help' : _ref$hintLabel,
42
- _ref$hintText = _ref.hintText,
43
- hintText = _ref$hintText === void 0 ? 'Hint text' : _ref$hintText;
44
-
45
- var _useState = (0, _react.useState)(false),
46
- _useState2 = (0, _slicedToArray2.default)(_useState, 2),
47
- isOpen = _useState2[0],
48
- setIsOpen = _useState2[1];
49
-
50
- var userMenu = (0, _react.useRef)(null);
51
- var handle = {
52
- toggleMenu: function toggleMenu() {
14
+ 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); }
15
+ 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; }
16
+ const Header = _ref => {
17
+ let {
18
+ className,
19
+ name = "John",
20
+ surname = "Silver",
21
+ status = "admin",
22
+ img = "",
23
+ hintLabel = "Help",
24
+ hintText = "Hint text"
25
+ } = _ref;
26
+ const [isOpen, setIsOpen] = (0, _react.useState)(false);
27
+ const userMenu = (0, _react.useRef)(null);
28
+ const handle = {
29
+ toggleMenu: () => {
53
30
  if (!isOpen) setIsOpen(!isOpen);
54
31
  },
55
- closeMenu: function closeMenu() {
56
- setTimeout(function () {
57
- return setIsOpen(false);
58
- }, 50);
32
+ closeMenu: () => {
33
+ setTimeout(() => setIsOpen(false), 50);
59
34
  },
60
- logout: function logout() {
35
+ logout: () => {
61
36
  handle.toggleMenu();
62
37
  (0, _utils.logout)();
63
38
  }
64
39
  };
65
40
  (0, _utils.useOutsideToggle)(userMenu, handle.closeMenu);
66
41
  return /*#__PURE__*/_react.default.createElement("header", {
67
- className: (0, _classnames.default)('header', className)
42
+ className: (0, _classnames.default)("header", className)
68
43
  }, /*#__PURE__*/_react.default.createElement("div", {
69
44
  className: "df"
70
45
  }, /*#__PURE__*/_react.default.createElement(_Hint.default, {
@@ -76,7 +51,7 @@ var Header = function Header(_ref) {
76
51
  })), /*#__PURE__*/_react.default.createElement("div", {
77
52
  className: "j6 user-menu"
78
53
  }, /*#__PURE__*/_react.default.createElement("div", {
79
- onClick: function onClick() {},
54
+ onClick: () => {},
80
55
  className: "header--bell"
81
56
  }, /*#__PURE__*/_react.default.createElement(_reactFeather.Bell, {
82
57
  className: "header--bell-icon"
@@ -95,8 +70,8 @@ var Header = function Header(_ref) {
95
70
  className: "header--user-status"
96
71
  }, status)), /*#__PURE__*/_react.default.createElement(_reactFeather.ChevronRight, {
97
72
  onClick: handle.toggleMenu,
98
- className: (0, _classnames.default)('accordion--title-chevron', {
99
- 'accordion--title-chevron-open': isOpen
73
+ className: (0, _classnames.default)("accordion--title-chevron", {
74
+ "accordion--title-chevron-open": isOpen
100
75
  })
101
76
  }), isOpen && /*#__PURE__*/_react.default.createElement("div", {
102
77
  className: "user-menu__dropdown",
@@ -108,6 +83,4 @@ var Header = function Header(_ref) {
108
83
  className: "mr10"
109
84
  }), " Logout"))));
110
85
  };
111
-
112
- var _default = Header;
113
- exports.default = _default;
86
+ var _default = exports.default = Header;