intelicoreact 1.5.40 → 1.6.0

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 (350) hide show
  1. package/dist/Atomic/FormElements/ActionAlert/ActionAlert.js +93 -44
  2. package/dist/Atomic/FormElements/ActionAlert/ActionAlert.scss +23 -13
  3. package/dist/Atomic/FormElements/AdvancedStatus/AdvancedStatus.js +43 -38
  4. package/dist/Atomic/FormElements/AdvancedStatus/AdvancedStatus.scss +20 -10
  5. package/dist/Atomic/FormElements/Calendar/Calendar.js +243 -164
  6. package/dist/Atomic/FormElements/Calendar/Calendar.scss +1 -0
  7. package/dist/Atomic/FormElements/CheckboxInput/CheckboxInput.js +60 -51
  8. package/dist/Atomic/FormElements/CheckboxInput/CheckboxInput.scss +21 -11
  9. package/dist/Atomic/FormElements/CheckboxesLine/CheckboxesLine.js +47 -39
  10. package/dist/Atomic/FormElements/CheckboxesLine/CheckboxesLine.scss +5 -2
  11. package/dist/Atomic/FormElements/Datepicker/Datepicker.js +410 -308
  12. package/dist/Atomic/FormElements/Datepicker/components/Calendar.js +169 -109
  13. package/dist/Atomic/FormElements/Dropdown/Dropdown.js +680 -527
  14. package/dist/Atomic/FormElements/Dropdown/Dropdown.scss +58 -56
  15. package/dist/Atomic/FormElements/Dropdown/components/DropdownLoader.js +28 -15
  16. package/dist/Atomic/FormElements/DropdownLiveSearch/DropdownLiveSearch.js +498 -378
  17. package/dist/Atomic/FormElements/DropdownLiveSearch/DropdownLiveSearch.scss +33 -29
  18. package/dist/Atomic/FormElements/FileLoader/FileLoader.js +103 -70
  19. package/dist/Atomic/FormElements/FileLoader/FileLoader.scss +0 -2
  20. package/dist/Atomic/FormElements/FileLoader/partial/LoadZone.js +138 -91
  21. package/dist/Atomic/FormElements/FileLoader/partial/LoadedContent.js +109 -55
  22. package/dist/Atomic/FormElements/FileLoaderDescription/FileLoaderDescription.js +254 -193
  23. package/dist/Atomic/FormElements/FileLoaderDescription/FileLoaderDescription.scss +19 -16
  24. package/dist/Atomic/FormElements/FileLoaderLocal/FileLoaderLocal.js +156 -140
  25. package/dist/Atomic/FormElements/FileLoaderLocal/FileLoaderLocal.scss +8 -4
  26. package/dist/Atomic/FormElements/FileLoaderLocalGroup/FileLoaderLocalGroup.js +222 -156
  27. package/dist/Atomic/FormElements/FormattedRawSSN/FormattedRawSSN.js +158 -114
  28. package/dist/Atomic/FormElements/FormattedRawSSN/FormattedRawSSN_old.js +151 -92
  29. package/dist/Atomic/FormElements/Input/Input.js +340 -330
  30. package/dist/Atomic/FormElements/InputCalendar/InputCalendar.js +156 -110
  31. package/dist/Atomic/FormElements/InputColor/InputColor.js +57 -58
  32. package/dist/Atomic/FormElements/InputCurrency/InputCurrency.js +189 -145
  33. package/dist/Atomic/FormElements/InputDateRange/InputDateRange.js +294 -228
  34. package/dist/Atomic/FormElements/InputDateRange/components/DateInput.js +55 -56
  35. package/dist/Atomic/FormElements/InputDateRange/components/Datepicker.js +645 -536
  36. package/dist/Atomic/FormElements/InputDateRange/components/OpenedPart.js +220 -190
  37. package/dist/Atomic/FormElements/InputDateRange/components/SelectItem.js +33 -31
  38. package/dist/Atomic/FormElements/InputDateRange/dependencies.js +247 -169
  39. package/dist/Atomic/FormElements/InputLink/InputLink.js +118 -71
  40. package/dist/Atomic/FormElements/InputMask/InputCarretPosition.js +47 -38
  41. package/dist/Atomic/FormElements/InputMask/InputMask.js +938 -1053
  42. package/dist/Atomic/FormElements/InputMask/config.js +16 -15
  43. package/dist/Atomic/FormElements/InputMask/functions.js +77 -51
  44. package/dist/Atomic/FormElements/InputMask2/InputMask2.js +569 -592
  45. package/dist/Atomic/FormElements/InputMask2/config.js +16 -15
  46. package/dist/Atomic/FormElements/InputMask2/functions.js +77 -51
  47. package/dist/Atomic/FormElements/InputMask3/InputMask3.js +651 -679
  48. package/dist/Atomic/FormElements/InputMask3/config.js +16 -15
  49. package/dist/Atomic/FormElements/InputMask3/functions.js +77 -51
  50. package/dist/Atomic/FormElements/InputWithAction/InputWithAction.js +127 -88
  51. package/dist/Atomic/FormElements/InputsRow/InputsRow.js +182 -111
  52. package/dist/Atomic/FormElements/Label/Label.js +82 -55
  53. package/dist/Atomic/FormElements/Label/Label.scss +18 -8
  54. package/dist/Atomic/FormElements/MobileCalendar/MobileCalendar.js +437 -382
  55. package/dist/Atomic/FormElements/MultiSelect/MultiSelect.js +88 -50
  56. package/dist/Atomic/FormElements/NumericInput/NumericInput.js +314 -264
  57. package/dist/Atomic/FormElements/RadioGroup/RadioGroup.js +93 -51
  58. package/dist/Atomic/FormElements/RadioGroupWithInput/RadioGroupWithInput.js +69 -55
  59. package/dist/Atomic/FormElements/RadioInput/RadioInput.js +51 -45
  60. package/dist/Atomic/FormElements/RadioInput/RadioInput.scss +4 -4
  61. package/dist/Atomic/FormElements/RadioRowSwitcher/RadioRowSwitcher.js +53 -40
  62. package/dist/Atomic/FormElements/RangeCalendar/RangeCalendar.js +169 -120
  63. package/dist/Atomic/FormElements/RangeInputs/RangeInputs.js +195 -141
  64. package/dist/Atomic/FormElements/RangeList/RangeList.js +199 -140
  65. package/dist/Atomic/FormElements/RangeList/RangeList.scss +2 -2
  66. package/dist/Atomic/FormElements/RangeList/partial/AnyOuterClass.scss +0 -3
  67. package/dist/Atomic/FormElements/RangeList/partial/RangeListRow.js +57 -44
  68. package/dist/Atomic/FormElements/RangeSlider/RangeSlider.js +463 -377
  69. package/dist/Atomic/FormElements/RangeSlider2/RangeSlider2.js +760 -759
  70. package/dist/Atomic/FormElements/SwitchableRow/SwitchableRow.js +36 -31
  71. package/dist/Atomic/FormElements/SwitchableRow/SwitchableRow.scss +0 -2
  72. package/dist/Atomic/FormElements/Switcher/Switcher.js +52 -44
  73. package/dist/Atomic/FormElements/Switcher/Switcher.scss +3 -3
  74. package/dist/Atomic/FormElements/SwitcherCheckbox/SwitcherCheckbox.js +43 -44
  75. package/dist/Atomic/FormElements/SwitcherCheckbox/SwitcherCheckbox.scss +0 -2
  76. package/dist/Atomic/FormElements/SwitcherHide/SwitcherHide.js +37 -36
  77. package/dist/Atomic/FormElements/SwitcherHide/SwitcherHide.scss +0 -2
  78. package/dist/Atomic/FormElements/SwitcherRadio/SwitcherRadio.js +93 -56
  79. package/dist/Atomic/FormElements/SwitcherRadio/SwitcherRadio.scss +0 -2
  80. package/dist/Atomic/FormElements/SwitcherRange/SwitcherRange.js +86 -53
  81. package/dist/Atomic/FormElements/SwitcherRange/SwitcherRange.scss +0 -2
  82. package/dist/Atomic/FormElements/SwitcherRangeList/SwitcherRangeList.js +46 -54
  83. package/dist/Atomic/FormElements/SwitcherTagsDropdown/SwitcherTagsDropdown.js +172 -102
  84. package/dist/Atomic/FormElements/SwitcherTagsDropdown/SwitcherTagsDropdown.scss +4 -6
  85. package/dist/Atomic/FormElements/SwitcherTagsDropdown/partial/States.js +209 -154
  86. package/dist/Atomic/FormElements/SwitcherTextarea/SwitcherTextarea.js +59 -56
  87. package/dist/Atomic/FormElements/SwitcherTextarea/SwitcherTextarea.scss +2 -2
  88. package/dist/Atomic/FormElements/TagListToDropdown/TagListToDropdown.js +140 -112
  89. package/dist/Atomic/FormElements/TagsDropdown/TagsDropdown.js +1035 -919
  90. package/dist/Atomic/FormElements/TagsDropdown/TagsDropdown.scss +153 -116
  91. package/dist/Atomic/FormElements/Text/Text.js +88 -97
  92. package/dist/Atomic/FormElements/TextSwitcher/TextSwitcher.js +44 -35
  93. package/dist/Atomic/FormElements/TextSwitcher/TextSwitcher.scss +8 -8
  94. package/dist/Atomic/FormElements/Textarea/Textarea.js +102 -64
  95. package/dist/Atomic/FormElements/Textarea/Textarea.scss +4 -8
  96. package/dist/Atomic/FormElements/TieredCheckboxes/TieredCheckboxes.js +172 -133
  97. package/dist/Atomic/FormElements/TieredCheckboxes/partial/AccordionWithCheckbox.js +48 -49
  98. package/dist/Atomic/FormElements/TimeRange/TimeRange.js +114 -63
  99. package/dist/Atomic/FormElements/TimeRange/TimeRange.scss +9 -3
  100. package/dist/Atomic/FormElements/UserContacts/UserContacts.js +179 -122
  101. package/dist/Atomic/FormElements/UserContacts/UserContacts.scss +10 -5
  102. package/dist/Atomic/FormElements/VariantsListRadio/VariantsListRadio.js +101 -65
  103. package/dist/Atomic/FormElements/VariantsListRadio/partials/VariantsListRadioItem.js +80 -71
  104. package/dist/Atomic/FormElements/WidgetPseudoTable/WidgetPseudoTable.js +79 -64
  105. package/dist/Atomic/FormElements/WidgetPseudoTable/WidgetPseudoTable.scss +0 -2
  106. package/dist/Atomic/FormElements/WidgetPseudoTable/partial/constructor.js +42 -34
  107. package/dist/Atomic/FormElements/WidgetWithSwitchableRows/WidgetWithSwitchableRows.js +102 -83
  108. package/dist/Atomic/FormElements/WidgetWithSwitchableRows/WidgetWithSwitchableRows.scss +0 -2
  109. package/dist/Atomic/FormElements/WidgetWithSwitchableRows/partial/constructor.js +42 -35
  110. package/dist/Atomic/Layout/Header/Header.js +148 -80
  111. package/dist/Atomic/Layout/MainMenu/MainMenu.js +213 -133
  112. package/dist/Atomic/Layout/MainMenu/MainMenu.scss +7 -7
  113. package/dist/Atomic/Layout/Spinner/Spinner.js +39 -22
  114. package/dist/Atomic/Layout/Spinner/Spinner.scss +36 -16
  115. package/dist/Atomic/UI/Accordion/Accordion.js +102 -53
  116. package/dist/Atomic/UI/Accordion/Accordion.scss +25 -14
  117. package/dist/Atomic/UI/Accordion/AccordionItem.js +170 -102
  118. package/dist/Atomic/UI/AccordionTable/AccordionTable.js +251 -167
  119. package/dist/Atomic/UI/AccordionText/AccordionText.js +105 -54
  120. package/dist/Atomic/UI/AccordionText/AccordionText.scss +22 -9
  121. package/dist/Atomic/UI/AdvancedTag/AdvTag.js +207 -135
  122. package/dist/Atomic/UI/AdvancedTag/AdvancedTags.js +100 -46
  123. package/dist/Atomic/UI/Alert/Alert.js +116 -63
  124. package/dist/Atomic/UI/Alert/Alert.scss +2 -2
  125. package/dist/Atomic/UI/Arrow/Arrow.js +163 -110
  126. package/dist/Atomic/UI/Box/Box.js +37 -37
  127. package/dist/Atomic/UI/Box/Box.scss +11 -11
  128. package/dist/Atomic/UI/Button/Button.js +43 -41
  129. package/dist/Atomic/UI/ButtonsBar/ButtonsBar.js +61 -67
  130. package/dist/Atomic/UI/Chart/Chart.js +170 -96
  131. package/dist/Atomic/UI/Chart/partial/Chart.constants.js +142 -74
  132. package/dist/Atomic/UI/Chart/partial/ChartTypeSwitcherIcon/ChartTypeSwitcherIcon.js +91 -77
  133. package/dist/Atomic/UI/Chart/partial/datasetSetters.js +120 -117
  134. package/dist/Atomic/UI/Chart/partial/optionsConstructor.js +314 -292
  135. package/dist/Atomic/UI/Chart/partial/optionsSetters.js +54 -39
  136. package/dist/Atomic/UI/Chart/partial/utils.js +56 -33
  137. package/dist/Atomic/UI/CircleProgressBar/CircleProgressBar.js +145 -88
  138. package/dist/Atomic/UI/DateTime/DateTime.js +89 -37
  139. package/dist/Atomic/UI/DateTime/DateTime.scss +2 -2
  140. package/dist/Atomic/UI/DebugContainer/DebugContainer.js +93 -31
  141. package/dist/Atomic/UI/DebugContainer/useDebugContainer.js +66 -18
  142. package/dist/Atomic/UI/DoubleString/DoubleString.js +134 -77
  143. package/dist/Atomic/UI/DoubleString/DoubleString.scss +6 -4
  144. package/dist/Atomic/UI/DynamicIcon/DynamicIcon.js +65 -22
  145. package/dist/Atomic/UI/ExampleChartIntegration/ExampleChartIntegration.js +251 -170
  146. package/dist/Atomic/UI/ExampleChartIntegration/partial/utils.js +109 -84
  147. package/dist/Atomic/UI/Hint/Hint.interface.js +4 -0
  148. package/dist/Atomic/UI/Hint/Hint.js +247 -204
  149. package/dist/Atomic/UI/Hint/Hint.scss +4 -2
  150. package/dist/Atomic/UI/Hint/Hint.stories.js +10 -5
  151. package/dist/Atomic/UI/Hint/Hint.test.js +96 -0
  152. package/dist/Atomic/UI/Hint/index.js +3 -2
  153. package/dist/Atomic/UI/Hint/partials/_utils.js +60 -46
  154. package/dist/Atomic/UI/Modal/Modal.js +171 -172
  155. package/dist/Atomic/UI/Modal/Modal.scss +91 -65
  156. package/dist/Atomic/UI/Modal/Modal.stories.js +1 -1
  157. package/dist/Atomic/UI/Modal/ModalHOC.js +92 -38
  158. package/dist/Atomic/UI/Modal/ModalMobile.scss +26 -14
  159. package/dist/Atomic/UI/Modal/partials/ModalFooter.js +68 -18
  160. package/dist/Atomic/UI/Modal/partials/ModalTitle.js +107 -38
  161. package/dist/Atomic/UI/Modal/partials/useMobileModal.js +130 -153
  162. package/dist/Atomic/UI/MonoAccordion/MonoAccordion.js +118 -62
  163. package/dist/Atomic/UI/MonoAccordion/MonoAccordion.scss +172 -25
  164. package/dist/Atomic/UI/NavLine/NavLine.js +306 -273
  165. package/dist/Atomic/UI/NavLine/NavLine.scss +202 -155
  166. package/dist/Atomic/UI/NavLine/NavLine.test.js +1 -1
  167. package/dist/Atomic/UI/PageTitle/PageTitle.js +73 -52
  168. package/dist/Atomic/UI/PageTitle/PageTitle.scss +52 -14
  169. package/dist/Atomic/UI/PieChart/PieChart.js +105 -42
  170. package/dist/Atomic/UI/PieChart/PieChart.scss +87 -11
  171. package/dist/Atomic/UI/Price/Price.js +27 -20
  172. package/dist/Atomic/UI/PriceRange/PriceRange.js +40 -18
  173. package/dist/Atomic/UI/ProgressLine/ProgressLine.js +92 -73
  174. package/dist/Atomic/UI/ProgressLine/ProgressLine.scss +66 -52
  175. package/dist/Atomic/UI/Status/Status.js +62 -51
  176. package/dist/Atomic/UI/Status/Status.scss +48 -29
  177. package/dist/Atomic/UI/Table/Partials/TdCell.js +126 -88
  178. package/dist/Atomic/UI/Table/Partials/TdHeader.js +58 -39
  179. package/dist/Atomic/UI/Table/Partials/TdRow.js +124 -73
  180. package/dist/Atomic/UI/Table/Partials/TdTitle.js +113 -45
  181. package/dist/Atomic/UI/Table/Table.js +61 -43
  182. package/dist/Atomic/UI/Table/Table.scss +0 -3
  183. package/dist/Atomic/UI/Table/TdTypes/TdActions.js +108 -64
  184. package/dist/Atomic/UI/Table/TdTypes/TdPriority.js +44 -31
  185. package/dist/Atomic/UI/Table/TdTypes/TdRange.js +24 -10
  186. package/dist/Atomic/UI/Table/TdTypes/TdWeight.js +59 -48
  187. package/dist/Atomic/UI/Tag/Tag.js +157 -113
  188. package/dist/Atomic/UI/Tag/Tag.scss +104 -47
  189. package/dist/Atomic/UI/TagList/TagList.js +223 -179
  190. package/dist/Atomic/UI/TagList/TagList.scss +13 -9
  191. package/dist/Atomic/UI/UserBox/UserBox.js +80 -56
  192. package/dist/Atomic/UI/UserBox/UserBox.scss +45 -21
  193. package/dist/Atomic/UI/UserBox/UserBox.test.js +2 -2
  194. package/dist/Atomic/UI/WizardStepper/constructor.js +127 -89
  195. package/dist/Atomic/UI/WizardStepper/index.js +14 -6
  196. package/dist/Atomic/UI/WizardStepper/ui/StateIcon/StateIcon.js +53 -51
  197. package/dist/Atomic/UI/WizardStepper/ui/StateIcon/StateIcon.scss +11 -7
  198. package/dist/Atomic/UI/WizardStepper/ui/StateIcon/index.js +9 -5
  199. package/dist/Atomic/UI/WizardStepper/ui/StepRow/StepRow.js +84 -67
  200. package/dist/Atomic/UI/WizardStepper/ui/StepRow/StepRow.scss +13 -7
  201. package/dist/Atomic/UI/WizardStepper/ui/StepRow/index.js +14 -6
  202. package/dist/Atomic/UI/WizardStepper/ui/StepWrapper/StepWrapper.js +50 -45
  203. package/dist/Atomic/UI/WizardStepper/ui/StepWrapper/StepWrapper.scss +24 -18
  204. package/dist/Atomic/UI/WizardStepper/ui/StepWrapper/index.js +14 -6
  205. package/dist/Atomic/UI/WizardStepper/ui/icons.js +138 -106
  206. package/dist/Atomic/UI/WizardStepper/ui/index.js +14 -6
  207. package/dist/Classes/AbortableFetch.js +394 -326
  208. package/dist/Classes/AnimatedHandler.js +31 -44
  209. package/dist/Classes/RESTAPI/index.js +131 -173
  210. package/dist/Classes/RESTAPI/partials/AbortableFetch.js +399 -334
  211. package/dist/Classes/RESTAPI/partials/ApiBase.js +30 -30
  212. package/dist/Classes/RESTAPI/partials/ApiRequestCreators.js +107 -88
  213. package/dist/Classes/RESTAPI/partials/ApiUtils.js +144 -166
  214. package/dist/Classes/RESTAPI/partials/CredentialsProcessing.js +180 -204
  215. package/dist/Classes/RESTAPI/partials/Utils.js +80 -83
  216. package/dist/Classes/RESTAPI/partials/_outerDependencies.js +16 -8
  217. package/dist/Classes/RESTAPI/partials/_utils.js +139 -125
  218. package/dist/Constants/index.constants.js +102 -22
  219. package/dist/Functions/Portal.js +67 -23
  220. package/dist/Functions/customEventListener.js +48 -50
  221. package/dist/Functions/dateTime.js +130 -177
  222. package/dist/Functions/fieldValueFormatters.js +275 -346
  223. package/dist/Functions/guards/assertions.js +294 -0
  224. package/dist/Functions/guards/safeValue.js +75 -0
  225. package/dist/Functions/guards/typeGuards.js +374 -0
  226. package/dist/Functions/hooks/useFormFieldsChangesManager.js +125 -96
  227. package/dist/Functions/locale/createTranslator.js +29 -27
  228. package/dist/Functions/operations.js +129 -102
  229. package/dist/Functions/presets/inputMaskPresets.js +88 -99
  230. package/dist/Functions/presets/inputPresets.js +41 -35
  231. package/dist/Functions/presets/mobileKeyboardTypesPresets.js +30 -49
  232. package/dist/Functions/schemas.js +78 -20
  233. package/dist/Functions/useBodyScrollLock.js +21 -15
  234. package/dist/Functions/useClickOutside.js +21 -16
  235. package/dist/Functions/useDebounce.js +62 -21
  236. package/dist/Functions/useFieldFocus.js +83 -79
  237. package/dist/Functions/useFormTools/form-drivers/ArrayWithObjects.js +39 -46
  238. package/dist/Functions/useFormTools/form-drivers/ObjectWithIterableObjects.js +132 -137
  239. package/dist/Functions/useFormTools/form-drivers/ObjectWithNamedKeyObjects.js +63 -73
  240. package/dist/Functions/useFormTools/functions/General.js +117 -129
  241. package/dist/Functions/useFormTools/functions/RenderFields.js +75 -85
  242. package/dist/Functions/useFormTools/functions/usePrevious.js +16 -10
  243. package/dist/Functions/useFormTools/index.js +647 -709
  244. package/dist/Functions/useInputHighlightError.js +104 -53
  245. package/dist/Functions/useKeyPress/useHandleKeyPress.js +40 -33
  246. package/dist/Functions/useKeyPress/useKeyPress.js +48 -39
  247. package/dist/Functions/useLocalStorage.js +38 -31
  248. package/dist/Functions/useLocationParams.js +31 -24
  249. package/dist/Functions/useMediaQuery.js +14 -10
  250. package/dist/Functions/useMetaInfo.js +45 -35
  251. package/dist/Functions/useMouseUpOutside.js +21 -15
  252. package/dist/Functions/useOnlineStatus.js +25 -21
  253. package/dist/Functions/usePasswordChecker.js +183 -111
  254. package/dist/Functions/usePrevious.js +16 -10
  255. package/dist/Functions/useResize.js +32 -28
  256. package/dist/Functions/useScrollTo.js +26 -16
  257. package/dist/Functions/useToggle.js +20 -16
  258. package/dist/Functions/utils.js +493 -469
  259. package/dist/Molecular/CustomIcons/components/AffiliateNetworks.js +75 -28
  260. package/dist/Molecular/CustomIcons/components/AlertCircle.js +77 -28
  261. package/dist/Molecular/CustomIcons/components/AppStore.js +84 -32
  262. package/dist/Molecular/CustomIcons/components/Arrow.js +93 -38
  263. package/dist/Molecular/CustomIcons/components/ArrowDown.js +63 -20
  264. package/dist/Molecular/CustomIcons/components/ArrowLeft.js +71 -23
  265. package/dist/Molecular/CustomIcons/components/ArrowRight.js +71 -23
  266. package/dist/Molecular/CustomIcons/components/ArrowUp.js +63 -20
  267. package/dist/Molecular/CustomIcons/components/Bell.js +61 -18
  268. package/dist/Molecular/CustomIcons/components/Button.js +61 -18
  269. package/dist/Molecular/CustomIcons/components/Campaigns.js +62 -19
  270. package/dist/Molecular/CustomIcons/components/Check.js +62 -19
  271. package/dist/Molecular/CustomIcons/components/Check2.js +61 -18
  272. package/dist/Molecular/CustomIcons/components/ChevronDown.js +61 -18
  273. package/dist/Molecular/CustomIcons/components/ChevronDownDisabled.js +61 -18
  274. package/dist/Molecular/CustomIcons/components/ChevronLeft.js +61 -18
  275. package/dist/Molecular/CustomIcons/components/ChevronRight.js +61 -18
  276. package/dist/Molecular/CustomIcons/components/ChevronUp.js +61 -18
  277. package/dist/Molecular/CustomIcons/components/ChevronUpDown.js +81 -33
  278. package/dist/Molecular/CustomIcons/components/Close.js +64 -20
  279. package/dist/Molecular/CustomIcons/components/ColumnsOrder.js +95 -45
  280. package/dist/Molecular/CustomIcons/components/Delete.js +62 -19
  281. package/dist/Molecular/CustomIcons/components/Edit.js +61 -18
  282. package/dist/Molecular/CustomIcons/components/Email.js +87 -36
  283. package/dist/Molecular/CustomIcons/components/FinturfLogo.js +82 -26
  284. package/dist/Molecular/CustomIcons/components/FinturfLogo2.js +83 -34
  285. package/dist/Molecular/CustomIcons/components/Flows.js +61 -18
  286. package/dist/Molecular/CustomIcons/components/Gift.js +71 -23
  287. package/dist/Molecular/CustomIcons/components/GoogleAuth.js +84 -32
  288. package/dist/Molecular/CustomIcons/components/GooglePlay.js +84 -32
  289. package/dist/Molecular/CustomIcons/components/HelpCircle.js +67 -21
  290. package/dist/Molecular/CustomIcons/components/HelpCircle2.js +68 -22
  291. package/dist/Molecular/CustomIcons/components/HelpCircleFilled.js +67 -21
  292. package/dist/Molecular/CustomIcons/components/Home.js +67 -21
  293. package/dist/Molecular/CustomIcons/components/Home2.js +70 -24
  294. package/dist/Molecular/CustomIcons/components/Key.js +69 -26
  295. package/dist/Molecular/CustomIcons/components/Landers.js +68 -22
  296. package/dist/Molecular/CustomIcons/components/Lock.js +61 -18
  297. package/dist/Molecular/CustomIcons/components/Mail.js +75 -26
  298. package/dist/Molecular/CustomIcons/components/Mastercard.js +128 -68
  299. package/dist/Molecular/CustomIcons/components/Minus.js +79 -31
  300. package/dist/Molecular/CustomIcons/components/Offers.js +62 -19
  301. package/dist/Molecular/CustomIcons/components/Pause.js +79 -31
  302. package/dist/Molecular/CustomIcons/components/PayPal.js +96 -45
  303. package/dist/Molecular/CustomIcons/components/PayPalLightLarge.js +81 -32
  304. package/dist/Molecular/CustomIcons/components/Phone.js +81 -33
  305. package/dist/Molecular/CustomIcons/components/Play.js +79 -31
  306. package/dist/Molecular/CustomIcons/components/Plus.js +79 -31
  307. package/dist/Molecular/CustomIcons/components/Profile.js +69 -23
  308. package/dist/Molecular/CustomIcons/components/QRCode.js +85 -33
  309. package/dist/Molecular/CustomIcons/components/Rectangle.js +61 -18
  310. package/dist/Molecular/CustomIcons/components/Revert.js +67 -21
  311. package/dist/Molecular/CustomIcons/components/Star.js +60 -17
  312. package/dist/Molecular/CustomIcons/components/Star2.js +62 -19
  313. package/dist/Molecular/CustomIcons/components/TrafficSources.js +68 -21
  314. package/dist/Molecular/CustomIcons/components/Trash.js +61 -18
  315. package/dist/Molecular/CustomIcons/components/TrashRed.js +61 -18
  316. package/dist/Molecular/CustomIcons/components/Triggers.js +61 -18
  317. package/dist/Molecular/CustomIcons/components/User.js +71 -23
  318. package/dist/Molecular/CustomIcons/components/Visa.js +88 -34
  319. package/dist/Molecular/CustomIcons/components/X.js +61 -18
  320. package/dist/Molecular/CustomIcons/index.js +76 -674
  321. package/dist/Molecular/FormElement/FormElement.js +44 -41
  322. package/dist/Molecular/FormWithDependOn/FormWithDependOn.js +179 -161
  323. package/dist/Molecular/FormWithDependOn/partials/_utils.js +49 -56
  324. package/dist/Molecular/InputAddress/InputAddress.js +496 -421
  325. package/dist/Molecular/InputAddress/InputAddress.scss +12 -14
  326. package/dist/Molecular/InputPassword/InputPassword.js +99 -47
  327. package/dist/index.js +11 -8
  328. package/dist/scss/_mixins.scss +2 -2
  329. package/dist/scss/_vars.scss +1 -2
  330. package/dist/scss/main.scss +4 -3
  331. package/dist/types/declaration/ArrayElement.d.js +4 -0
  332. package/dist/types/declaration/AsyncReturnType.d.js +4 -0
  333. package/dist/types/declaration/DeepPartial.d.js +4 -0
  334. package/dist/types/declaration/DeepReadonly.d.js +4 -0
  335. package/dist/types/declaration/DeepRequired.d.js +4 -0
  336. package/dist/types/declaration/Flatten.d.js +4 -0
  337. package/dist/types/declaration/FunctionType.d.js +4 -0
  338. package/dist/types/declaration/If.d.js +4 -0
  339. package/dist/types/declaration/KeysType.d.js +4 -0
  340. package/dist/types/declaration/NonNullableType.d.js +4 -0
  341. package/dist/types/declaration/ObjectType.d.js +4 -0
  342. package/dist/types/declaration/OnlyObjectKeys.d.js +4 -0
  343. package/dist/types/declaration/PrettyPrint.d.js +31 -0
  344. package/dist/types/declaration/RequiredFields.d.js +4 -0
  345. package/dist/types/declaration/TupleType.d.js +4 -0
  346. package/dist/types/declaration/ValuesType.d.js +4 -0
  347. package/package.json +18 -21
  348. package/dist/Atomic/UI/NavLine/Tabs.js +0 -115
  349. package/dist/Functions/animatingFunctions/getAnimatedHandler.js +0 -1
  350. package/dist/Functions/useIsMobile.js +0 -26
@@ -1,75 +1,84 @@
1
1
  "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
2
  Object.defineProperty(exports, "__esModule", {
5
- value: true
3
+ value: true
6
4
  });
7
- exports.default = void 0;
8
- var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
9
- var _react = _interopRequireDefault(require("react"));
10
- var _classnames = _interopRequireDefault(require("classnames"));
11
- var _utils = require("../../../../Functions/utils");
12
- const VariantsListRadioItem = _ref => {
13
- let {
14
- RC,
15
- parentId,
16
- item,
17
- value: actualValue,
18
- onChange = () => {},
19
- attributesOfNativeInput = {},
20
- isMixWithPersonalAttributes,
21
- isUseAsOptionsList,
22
- testId = "variants-list-radio-item"
23
- } = _ref;
24
- // ? Для корректной работы нужны parentId и item(объект)
25
- if (!parentId || !(0, _utils.getIsOnlyAnObject)(item)) return null;
26
- const {
27
- value,
28
- label,
29
- description,
30
- isDisabled,
31
- attributesOfNativeInput: personalAttributesOfNativeInput
32
- } = item;
33
- const id = `${parentId.toString()}--item-${value}`;
34
- const name = parentId.toString();
35
- const isActive = actualValue === value;
36
- const addAtributesObj = isMixWithPersonalAttributes ? {
37
- ...attributesOfNativeInput,
38
- ...personalAttributesOfNativeInput
39
- } : personalAttributesOfNativeInput || attributesOfNativeInput || {};
40
- return /*#__PURE__*/_react.default.createElement("label", {
41
- "data-testid": testId,
42
- className: (0, _classnames.default)(`${RC}__item`, {
43
- [`${RC}__item_disabled`]: isDisabled,
44
- [`${RC}__item_active`]: isActive,
45
- [`${RC}__item_as-option`]: isUseAsOptionsList
46
- }),
47
- htmlFor: id
48
- }, /*#__PURE__*/_react.default.createElement("div", {
49
- className: (0, _classnames.default)(`${RC}__item-radio-container`)
50
- }, /*#__PURE__*/_react.default.createElement("div", {
51
- className: (0, _classnames.default)(`${RC}__item-radio`)
52
- }, /*#__PURE__*/_react.default.createElement("input", (0, _extends2.default)({
53
- id: id,
54
- "data-testid": `${testId}-input`,
55
- type: "radio",
56
- checked: isActive,
57
- className: `${RC}__item-radio-input`,
58
- onChange: () => onChange(value),
59
- name: name,
60
- disabled: isDisabled
61
- }, addAtributesObj)), /*#__PURE__*/_react.default.createElement("div", {
62
- className: `${RC}__item-radio-mark`
63
- }))), /*#__PURE__*/_react.default.createElement("div", {
64
- className: (0, _classnames.default)(`${RC}__item-content`)
65
- }, label && /*#__PURE__*/_react.default.createElement("div", {
66
- className: (0, _classnames.default)(`${RC}__item-content-wrapper`)
67
- }, /*#__PURE__*/_react.default.createElement("div", {
68
- className: (0, _classnames.default)(`${RC}__item-content-label`)
69
- }, label)), description && !isUseAsOptionsList && /*#__PURE__*/_react.default.createElement("div", {
70
- className: (0, _classnames.default)(`${RC}__item-content-wrapper`)
71
- }, /*#__PURE__*/_react.default.createElement("div", {
72
- className: (0, _classnames.default)(`${RC}__item-content-description`)
73
- }, description))));
5
+ Object.defineProperty(exports, "default", {
6
+ enumerable: true,
7
+ get: function() {
8
+ return _default;
9
+ }
10
+ });
11
+ const _jsxruntime = require("react/jsx-runtime");
12
+ const _react = /*#__PURE__*/ _interop_require_default(require("react"));
13
+ const _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
14
+ const _utils = require("../../../../Functions/utils");
15
+ function _interop_require_default(obj) {
16
+ return obj && obj.__esModule ? obj : {
17
+ default: obj
18
+ };
19
+ }
20
+ const VariantsListRadioItem = ({ RC, parentId, item, value: actualValue, onChange = ()=>{}, attributesOfNativeInput = {}, isMixWithPersonalAttributes, isUseAsOptionsList, testId = "variants-list-radio-item" })=>{
21
+ // ? Для корректной работы нужны parentId и item(объект)
22
+ if (!parentId || !(0, _utils.getIsOnlyAnObject)(item)) return null;
23
+ const { value, label, description, isDisabled, attributesOfNativeInput: personalAttributesOfNativeInput } = item;
24
+ const id = `${parentId.toString()}--item-${value}`;
25
+ const name = parentId.toString();
26
+ const isActive = actualValue === value;
27
+ const addAtributesObj = isMixWithPersonalAttributes ? {
28
+ ...attributesOfNativeInput,
29
+ ...personalAttributesOfNativeInput
30
+ } : personalAttributesOfNativeInput || attributesOfNativeInput || {};
31
+ return /*#__PURE__*/ (0, _jsxruntime.jsxs)("label", {
32
+ "data-testid": testId,
33
+ className: (0, _classnames.default)(`${RC}__item`, {
34
+ [`${RC}__item_disabled`]: isDisabled,
35
+ [`${RC}__item_active`]: isActive,
36
+ [`${RC}__item_as-option`]: isUseAsOptionsList
37
+ }),
38
+ htmlFor: id,
39
+ children: [
40
+ /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
41
+ className: (0, _classnames.default)(`${RC}__item-radio-container`),
42
+ children: /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
43
+ className: (0, _classnames.default)(`${RC}__item-radio`),
44
+ children: [
45
+ /*#__PURE__*/ (0, _jsxruntime.jsx)("input", {
46
+ id: id,
47
+ "data-testid": `${testId}-input`,
48
+ type: "radio",
49
+ checked: isActive,
50
+ className: `${RC}__item-radio-input`,
51
+ onChange: ()=>onChange(value),
52
+ name: name,
53
+ disabled: isDisabled,
54
+ ...addAtributesObj
55
+ }),
56
+ /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
57
+ className: `${RC}__item-radio-mark`
58
+ })
59
+ ]
60
+ })
61
+ }),
62
+ /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
63
+ className: (0, _classnames.default)(`${RC}__item-content`),
64
+ children: [
65
+ label && /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
66
+ className: (0, _classnames.default)(`${RC}__item-content-wrapper`),
67
+ children: /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
68
+ className: (0, _classnames.default)(`${RC}__item-content-label`),
69
+ children: label
70
+ })
71
+ }),
72
+ description && !isUseAsOptionsList && /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
73
+ className: (0, _classnames.default)(`${RC}__item-content-wrapper`),
74
+ children: /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
75
+ className: (0, _classnames.default)(`${RC}__item-content-description`),
76
+ children: description
77
+ })
78
+ })
79
+ ]
80
+ })
81
+ ]
82
+ });
74
83
  };
75
- var _default = exports.default = VariantsListRadioItem;
84
+ const _default = VariantsListRadioItem;
@@ -1,70 +1,85 @@
1
1
  "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
2
  Object.defineProperty(exports, "__esModule", {
5
- value: true
3
+ value: true
6
4
  });
7
- exports.default = void 0;
8
- var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
9
- var _react = _interopRequireDefault(require("react"));
10
- var _classnames = _interopRequireDefault(require("classnames"));
5
+ Object.defineProperty(exports, "default", {
6
+ enumerable: true,
7
+ get: function() {
8
+ return _default;
9
+ }
10
+ });
11
+ const _jsxruntime = require("react/jsx-runtime");
12
+ const _react = /*#__PURE__*/ _interop_require_default(require("react"));
13
+ const _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
11
14
  require("./WidgetPseudoTable.scss");
15
+ function _interop_require_default(obj) {
16
+ return obj && obj.__esModule ? obj : {
17
+ default: obj
18
+ };
19
+ }
12
20
  const RC = "widget-pseudo-table";
13
- const WidgetPseudoTable = props => {
14
- const {
15
- className,
16
- title,
17
- rightHeaderContent,
18
- nullContentData,
19
- isNotRenderThead = false,
20
- isNoHeader = false,
21
- columns = [],
22
- rows,
23
- CellComponent,
24
- CellComponentProps,
25
- onChange
26
- } = props || {};
27
- return /*#__PURE__*/_react.default.createElement("div", {
28
- className: (0, _classnames.default)(RC, className)
29
- }, !isNoHeader && /*#__PURE__*/_react.default.createElement("div", {
30
- className: (0, _classnames.default)(`${RC}__header`)
31
- }, /*#__PURE__*/_react.default.createElement("div", {
32
- className: (0, _classnames.default)(`${RC}__title-block`)
33
- }, title), /*#__PURE__*/_react.default.createElement("div", {
34
- className: (0, _classnames.default)(`${RC}__right-header-content-block`)
35
- }, rightHeaderContent)), /*#__PURE__*/_react.default.createElement("div", {
36
- className: (0, _classnames.default)(`${RC}__body`, {
37
- [`${RC}__body_no-content`]: !rows?.length
38
- })
39
- }, Boolean(rows?.length) && !isNotRenderThead && /*#__PURE__*/_react.default.createElement("div", {
40
- className: (0, _classnames.default)(`${RC}__thead`)
41
- }, columns.map(field => /*#__PURE__*/_react.default.createElement("div", {
42
- key: `thead-${field.key}`,
43
- className: (0, _classnames.default)(`${RC}__thead-cell`, field.theadCellClassName, field.columnClassName, {
44
- [`${RC}__thead-cell_reqiured`]: field.isRequired
45
- }),
46
- "data-key": field.key
47
- }, field.label))), /*#__PURE__*/_react.default.createElement("div", {
48
- className: (0, _classnames.default)(`${RC}__table`)
49
- }, rows?.length ? rows.map(row => /*#__PURE__*/_react.default.createElement("div", {
50
- key: `row-${row.id}`,
51
- className: (0, _classnames.default)(`${RC}__row`),
52
- "data-id": row.id
53
- }, columns.map(cell => /*#__PURE__*/_react.default.createElement("div", {
54
- key: `row-${row.id}-cell-${cell.key}`,
55
- className: (0, _classnames.default)(`${RC}__cell`, cell.cellClassName, cell.columnClassName)
56
- }, /*#__PURE__*/_react.default.createElement(CellComponent, (0, _extends2.default)({}, CellComponentProps, {
57
- field: {
58
- ...cell,
59
- value: row[cell.key],
60
- rowData: row
61
- },
62
- onChange: (key, val) => onChange(val, cell.key, row.id)
63
- })))))) : /*#__PURE__*/_react.default.createElement("div", {
64
- className: (0, _classnames.default)(`${RC}__row`),
65
- "data-id": "empty-row"
66
- }, /*#__PURE__*/_react.default.createElement("span", {
67
- className: (0, _classnames.default)(`${RC}__no-data-content`)
68
- }, nullContentData ?? "No data")))));
21
+ const WidgetPseudoTable = (props)=>{
22
+ const { className, title, rightHeaderContent, nullContentData, isNotRenderThead = false, isNoHeader = false, columns = [], rows, CellComponent, CellComponentProps, onChange } = props || {};
23
+ return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
24
+ className: (0, _classnames.default)(RC, className),
25
+ children: [
26
+ !isNoHeader && /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
27
+ className: (0, _classnames.default)(`${RC}__header`),
28
+ children: [
29
+ /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
30
+ className: (0, _classnames.default)(`${RC}__title-block`),
31
+ children: title
32
+ }),
33
+ /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
34
+ className: (0, _classnames.default)(`${RC}__right-header-content-block`),
35
+ children: rightHeaderContent
36
+ })
37
+ ]
38
+ }),
39
+ /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
40
+ className: (0, _classnames.default)(`${RC}__body`, {
41
+ [`${RC}__body_no-content`]: !(rows === null || rows === void 0 ? void 0 : rows.length)
42
+ }),
43
+ children: [
44
+ Boolean(rows === null || rows === void 0 ? void 0 : rows.length) && !isNotRenderThead && /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
45
+ className: (0, _classnames.default)(`${RC}__thead`),
46
+ children: columns.map((field)=>/*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
47
+ className: (0, _classnames.default)(`${RC}__thead-cell`, field.theadCellClassName, field.columnClassName, {
48
+ [`${RC}__thead-cell_reqiured`]: field.isRequired
49
+ }),
50
+ "data-key": field.key,
51
+ children: field.label
52
+ }, `thead-${field.key}`))
53
+ }),
54
+ /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
55
+ className: (0, _classnames.default)(`${RC}__table`),
56
+ children: (rows === null || rows === void 0 ? void 0 : rows.length) ? rows.map((row)=>/*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
57
+ className: (0, _classnames.default)(`${RC}__row`),
58
+ "data-id": row.id,
59
+ children: columns.map((cell)=>/*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
60
+ className: (0, _classnames.default)(`${RC}__cell`, cell.cellClassName, cell.columnClassName),
61
+ children: /*#__PURE__*/ (0, _jsxruntime.jsx)(CellComponent, {
62
+ ...CellComponentProps,
63
+ field: {
64
+ ...cell,
65
+ value: row[cell.key],
66
+ rowData: row
67
+ },
68
+ onChange: (key, val)=>onChange(val, cell.key, row.id)
69
+ })
70
+ }, `row-${row.id}-cell-${cell.key}`))
71
+ }, `row-${row.id}`)) : /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
72
+ className: (0, _classnames.default)(`${RC}__row`),
73
+ "data-id": "empty-row",
74
+ children: /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
75
+ className: (0, _classnames.default)(`${RC}__no-data-content`),
76
+ children: nullContentData !== null && nullContentData !== void 0 ? nullContentData : "No data"
77
+ })
78
+ })
79
+ })
80
+ ]
81
+ })
82
+ ]
83
+ });
69
84
  };
70
- var _default = exports.default = WidgetPseudoTable;
85
+ const _default = WidgetPseudoTable;
@@ -1,5 +1,3 @@
1
- @import "../../../scss/vars";
2
-
3
1
  .widget-pseudo-table {
4
2
  --row-height: 44px;
5
3
  --thead-height: 20px;
@@ -1,37 +1,45 @@
1
1
  "use strict";
2
-
3
2
  Object.defineProperty(exports, "__esModule", {
4
- value: true
3
+ value: true
5
4
  });
6
- exports.default = void 0;
7
- const constructor = [{
8
- key: "key1",
9
- type: "label",
10
- label: "lender",
11
- cellClassName: ""
12
- }, {
13
- key: "key2",
14
- type: "input",
15
- label: "Transaction Fee split, %",
16
- isRequired: true,
17
- theadCellClassName: "",
18
- cellClassName: "",
19
- columnClassName: "",
20
- onlyNumbers: {
21
- type: "float",
22
- decimalPlaces: 2
23
- }
24
- }, {
25
- key: "key3",
26
- type: "input",
27
- label: "Revenue Share split, %",
28
- isRequired: true,
29
- theadCellClassName: "",
30
- cellClassName: "",
31
- columnClassName: "",
32
- onlyNumbers: {
33
- type: "float",
34
- decimalPlaces: 2
35
- }
36
- }];
37
- var _default = exports.default = constructor;
5
+ Object.defineProperty(exports, "default", {
6
+ enumerable: true,
7
+ get: function() {
8
+ return _default;
9
+ }
10
+ });
11
+ const constructor = [
12
+ {
13
+ key: "key1",
14
+ type: "label",
15
+ label: "lender",
16
+ cellClassName: ""
17
+ },
18
+ {
19
+ key: "key2",
20
+ type: "input",
21
+ label: "Transaction Fee split, %",
22
+ isRequired: true,
23
+ theadCellClassName: "",
24
+ cellClassName: "",
25
+ columnClassName: "",
26
+ onlyNumbers: {
27
+ type: "float",
28
+ decimalPlaces: 2
29
+ }
30
+ },
31
+ {
32
+ key: "key3",
33
+ type: "input",
34
+ label: "Revenue Share split, %",
35
+ isRequired: true,
36
+ theadCellClassName: "",
37
+ cellClassName: "",
38
+ columnClassName: "",
39
+ onlyNumbers: {
40
+ type: "float",
41
+ decimalPlaces: 2
42
+ }
43
+ }
44
+ ];
45
+ const _default = constructor;
@@ -1,89 +1,108 @@
1
1
  "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
2
  Object.defineProperty(exports, "__esModule", {
5
- value: true
3
+ value: true
6
4
  });
7
- exports.default = void 0;
8
- var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
9
- var _react = _interopRequireDefault(require("react"));
10
- var _classnames = _interopRequireDefault(require("classnames"));
5
+ Object.defineProperty(exports, "default", {
6
+ enumerable: true,
7
+ get: function() {
8
+ return _default;
9
+ }
10
+ });
11
+ const _jsxruntime = require("react/jsx-runtime");
12
+ const _react = /*#__PURE__*/ _interop_require_default(require("react"));
13
+ const _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
11
14
  require("./WidgetWithSwitchableRows.scss");
15
+ function _interop_require_default(obj) {
16
+ return obj && obj.__esModule ? obj : {
17
+ default: obj
18
+ };
19
+ }
12
20
  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
- isNoHeader = false
25
- } = props || {};
26
- const preperedColumns = [{
27
- ...columns[0],
28
- key: "isActive",
29
- type: "switcher"
30
- }, ...columns.slice(1)];
31
- return /*#__PURE__*/_react.default.createElement("div", {
32
- className: (0, _classnames.default)(RC, className)
33
- }, !isNoHeader && /*#__PURE__*/_react.default.createElement("div", {
34
- className: (0, _classnames.default)(`${RC}__header`)
35
- }, /*#__PURE__*/_react.default.createElement("div", {
36
- className: (0, _classnames.default)(`${RC}__title-block`)
37
- }, title), /*#__PURE__*/_react.default.createElement("div", {
38
- className: (0, _classnames.default)(`${RC}__right-header-content-block`)
39
- }, rightHeaderContent)), /*#__PURE__*/_react.default.createElement("div", {
40
- className: (0, _classnames.default)(`${RC}__body`, {
41
- [`${RC}__body_no-content`]: !rows?.length
42
- })
43
- }, Boolean(rows?.length) && /*#__PURE__*/_react.default.createElement("div", {
44
- className: (0, _classnames.default)(`${RC}__thead`)
45
- }, preperedColumns.map(field => /*#__PURE__*/_react.default.createElement("div", {
46
- key: `thead-${field.key}`,
47
- className: (0, _classnames.default)(`${RC}__thead-cell`, field.theadCellClassName, field.columnClassName, {
48
- [`${RC}__thead-cell_reqiured`]: field.isRequired
49
- }),
50
- "data-key": field.key
51
- }, field.label))), /*#__PURE__*/_react.default.createElement("div", {
52
- className: (0, _classnames.default)(`${RC}__table`)
53
- }, rows?.length ? rows.map(row => /*#__PURE__*/_react.default.createElement("div", {
54
- key: `row-${row.id}`,
55
- className: (0, _classnames.default)(`${RC}__row`),
56
- "data-id": row.id
57
- }, preperedColumns.map(cell => /*#__PURE__*/_react.default.createElement("div", {
58
- key: `row-${row.id}-cell-${cell.key}`,
59
- className: (0, _classnames.default)(`${RC}__cell`, cell.cellClassName, cell.columnClassName)
60
- }, /*#__PURE__*/_react.default.createElement(CellComponent, (0, _extends2.default)({}, CellComponentProps, {
61
- field: {
62
- ...cell,
63
- value: row[cell.key],
64
- rowData: row,
65
- ...(cell.key === "isActive" ? {
66
- disabled: cell.disabled,
67
- label: row.label,
68
- isActive: row.isActive
69
- } : {
70
- disabled: !row.isActive,
71
- label: cell.label
72
- })
73
- },
74
- onChange: (key, value, propName, innerFieldKey, additional) => onChange({
75
- value,
76
- additional,
77
- propName,
78
- innerFieldKey,
79
- key: cell.key || key,
80
- rowId: row.id
81
- })
82
- })))))) : /*#__PURE__*/_react.default.createElement("div", {
83
- className: (0, _classnames.default)(`${RC}__row`),
84
- "data-id": "empty-row"
85
- }, /*#__PURE__*/_react.default.createElement("span", {
86
- className: (0, _classnames.default)(`${RC}__no-data-content`)
87
- }, nullContentData ?? "No data")))));
21
+ const WidgetWithSwitchableRows = (props)=>{
22
+ const { className, title, rightHeaderContent, nullContentData, columns = [], rows, CellComponent, CellComponentProps, onChange, isNoHeader = false } = props || {};
23
+ const preperedColumns = [
24
+ {
25
+ ...columns[0],
26
+ key: "isActive",
27
+ type: "switcher"
28
+ },
29
+ ...columns.slice(1)
30
+ ];
31
+ return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
32
+ className: (0, _classnames.default)(RC, className),
33
+ children: [
34
+ !isNoHeader && /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
35
+ className: (0, _classnames.default)(`${RC}__header`),
36
+ children: [
37
+ /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
38
+ className: (0, _classnames.default)(`${RC}__title-block`),
39
+ children: title
40
+ }),
41
+ /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
42
+ className: (0, _classnames.default)(`${RC}__right-header-content-block`),
43
+ children: rightHeaderContent
44
+ })
45
+ ]
46
+ }),
47
+ /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
48
+ className: (0, _classnames.default)(`${RC}__body`, {
49
+ [`${RC}__body_no-content`]: !(rows === null || rows === void 0 ? void 0 : rows.length)
50
+ }),
51
+ children: [
52
+ Boolean(rows === null || rows === void 0 ? void 0 : rows.length) && /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
53
+ className: (0, _classnames.default)(`${RC}__thead`),
54
+ children: preperedColumns.map((field)=>/*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
55
+ className: (0, _classnames.default)(`${RC}__thead-cell`, field.theadCellClassName, field.columnClassName, {
56
+ [`${RC}__thead-cell_reqiured`]: field.isRequired
57
+ }),
58
+ "data-key": field.key,
59
+ children: field.label
60
+ }, `thead-${field.key}`))
61
+ }),
62
+ /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
63
+ className: (0, _classnames.default)(`${RC}__table`),
64
+ children: (rows === null || rows === void 0 ? void 0 : rows.length) ? rows.map((row)=>/*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
65
+ className: (0, _classnames.default)(`${RC}__row`),
66
+ "data-id": row.id,
67
+ children: preperedColumns.map((cell)=>/*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
68
+ className: (0, _classnames.default)(`${RC}__cell`, cell.cellClassName, cell.columnClassName),
69
+ children: /*#__PURE__*/ (0, _jsxruntime.jsx)(CellComponent, {
70
+ ...CellComponentProps,
71
+ field: {
72
+ ...cell,
73
+ value: row[cell.key],
74
+ rowData: row,
75
+ ...cell.key === "isActive" ? {
76
+ disabled: cell.disabled,
77
+ label: row.label,
78
+ isActive: row.isActive
79
+ } : {
80
+ disabled: !row.isActive,
81
+ label: cell.label
82
+ }
83
+ },
84
+ onChange: (key, value, propName, innerFieldKey, additional)=>onChange({
85
+ value,
86
+ additional,
87
+ propName,
88
+ innerFieldKey,
89
+ key: cell.key || key,
90
+ rowId: row.id
91
+ })
92
+ })
93
+ }, `row-${row.id}-cell-${cell.key}`))
94
+ }, `row-${row.id}`)) : /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
95
+ className: (0, _classnames.default)(`${RC}__row`),
96
+ "data-id": "empty-row",
97
+ children: /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
98
+ className: (0, _classnames.default)(`${RC}__no-data-content`),
99
+ children: nullContentData !== null && nullContentData !== void 0 ? nullContentData : "No data"
100
+ })
101
+ })
102
+ })
103
+ ]
104
+ })
105
+ ]
106
+ });
88
107
  };
89
- var _default = exports.default = WidgetWithSwitchableRows;
108
+ const _default = WidgetWithSwitchableRows;
@@ -1,5 +1,3 @@
1
- @import "../../../scss/vars";
2
-
3
1
  .widget-with-switchable-rows {
4
2
  --row-height: 44px;
5
3
  --thead-height: 20px;