intelicoreact 1.3.19 → 1.3.21

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 (252) hide show
  1. package/dist/Atomic/FormElements/ActionAlert/ActionAlert.js +23 -15
  2. package/dist/Atomic/FormElements/AdvancedStatus/AdvancedStatus.js +23 -15
  3. package/dist/Atomic/FormElements/Calendar/Calendar.js +124 -69
  4. package/dist/Atomic/FormElements/CheckboxInput/CheckboxInput.js +36 -27
  5. package/dist/Atomic/FormElements/CheckboxesLine/CheckboxesLine.js +39 -23
  6. package/dist/Atomic/FormElements/Datepicker/Datepicker.js +246 -110
  7. package/dist/Atomic/FormElements/Datepicker/components/Calendar.js +85 -44
  8. package/dist/Atomic/FormElements/Dropdown/Dropdown.js +414 -246
  9. package/dist/Atomic/FormElements/Dropdown/components/DropdownLoader.js +9 -5
  10. package/dist/Atomic/FormElements/DropdownLiveSearch/DropdownLiveSearch.js +165 -93
  11. package/dist/Atomic/FormElements/FileLoader/FileLoader.js +64 -39
  12. package/dist/Atomic/FormElements/FileLoader/partial/LoadZone.js +132 -51
  13. package/dist/Atomic/FormElements/FileLoader/partial/LoadedContent.js +73 -34
  14. package/dist/Atomic/FormElements/FileLoaderLocal/FileLoaderLocal.js +75 -54
  15. package/dist/Atomic/FormElements/FileLoaderLocalGroup/FileLoaderLocalGroup.js +110 -67
  16. package/dist/Atomic/FormElements/FormattedRawSSN/FormattedRawSSN.js +83 -33
  17. package/dist/Atomic/FormElements/Input/Input.js +253 -161
  18. package/dist/Atomic/FormElements/InputCalendar/InputCalendar.js +102 -48
  19. package/dist/Atomic/FormElements/InputColor/InputColor.js +40 -27
  20. package/dist/Atomic/FormElements/InputCurrency/InputCurrency.js +58 -28
  21. package/dist/Atomic/FormElements/InputDateRange/InputDateRange.js +176 -108
  22. package/dist/Atomic/FormElements/InputDateRange/components/DateInput.js +57 -32
  23. package/dist/Atomic/FormElements/InputDateRange/components/Datepicker.js +302 -184
  24. package/dist/Atomic/FormElements/InputDateRange/components/OpenedPart.js +157 -85
  25. package/dist/Atomic/FormElements/InputDateRange/components/SelectItem.js +16 -11
  26. package/dist/Atomic/FormElements/InputDateRange/dependencies.js +193 -76
  27. package/dist/Atomic/FormElements/InputLink/InputLink.js +58 -34
  28. package/dist/Atomic/FormElements/InputMask/InputCarretPosition.js +12 -8
  29. package/dist/Atomic/FormElements/InputMask/InputMask.js +964 -554
  30. package/dist/Atomic/FormElements/InputMask/config.js +1 -1
  31. package/dist/Atomic/FormElements/InputMask/functions.js +43 -17
  32. package/dist/Atomic/FormElements/InputMask2/InputMask2.js +404 -268
  33. package/dist/Atomic/FormElements/InputMask2/config.js +1 -1
  34. package/dist/Atomic/FormElements/InputMask2/functions.js +43 -17
  35. package/dist/Atomic/FormElements/InputMask3/InputMask3.js +459 -299
  36. package/dist/Atomic/FormElements/InputMask3/config.js +1 -1
  37. package/dist/Atomic/FormElements/InputMask3/functions.js +43 -17
  38. package/dist/Atomic/FormElements/InputWithAction/InputWithAction.js +113 -53
  39. package/dist/Atomic/FormElements/InputsRow/InputsRow.js +118 -64
  40. package/dist/Atomic/FormElements/Label/Label.js +23 -13
  41. package/dist/Atomic/FormElements/MobileCalendar/MobileCalendar.js +349 -217
  42. package/dist/Atomic/FormElements/MultiSelect/MultiSelect.js +47 -25
  43. package/dist/Atomic/FormElements/NumericInput/NumericInput.js +207 -133
  44. package/dist/Atomic/FormElements/RadioGroup/RadioGroup.js +61 -29
  45. package/dist/Atomic/FormElements/RadioGroupWithInput/RadioGroupWithInput.js +42 -20
  46. package/dist/Atomic/FormElements/RadioInput/RadioInput.js +33 -22
  47. package/dist/Atomic/FormElements/RadioRowSwitcher/RadioRowSwitcher.js +43 -20
  48. package/dist/Atomic/FormElements/RangeCalendar/RangeCalendar.js +101 -54
  49. package/dist/Atomic/FormElements/RangeInputs/RangeInputs.js +102 -59
  50. package/dist/Atomic/FormElements/RangeList/RangeList.js +150 -89
  51. package/dist/Atomic/FormElements/RangeList/partial/RangeListRow.js +29 -23
  52. package/dist/Atomic/FormElements/RangeSlider/RangeSlider.js +300 -135
  53. package/dist/Atomic/FormElements/RangeSlider2/RangeSlider2.js +571 -381
  54. package/dist/Atomic/FormElements/SwitchableRow/SwitchableRow.js +24 -14
  55. package/dist/Atomic/FormElements/Switcher/Switcher.js +29 -24
  56. package/dist/Atomic/FormElements/SwitcherCheckbox/SwitcherCheckbox.js +47 -25
  57. package/dist/Atomic/FormElements/SwitcherHide/SwitcherHide.js +32 -20
  58. package/dist/Atomic/FormElements/SwitcherRadio/SwitcherRadio.js +55 -32
  59. package/dist/Atomic/FormElements/SwitcherRange/SwitcherRange.js +42 -22
  60. package/dist/Atomic/FormElements/SwitcherRangeList/SwitcherRangeList.js +33 -23
  61. package/dist/Atomic/FormElements/SwitcherTagsDropdown/SwitcherTagsDropdown.js +120 -51
  62. package/dist/Atomic/FormElements/SwitcherTagsDropdown/partial/States.js +3 -2
  63. package/dist/Atomic/FormElements/SwitcherTextarea/SwitcherTextarea.js +46 -23
  64. package/dist/Atomic/FormElements/TagsDropdown/TagsDropdown.js +417 -253
  65. package/dist/Atomic/FormElements/Text/Text.js +53 -47
  66. package/dist/Atomic/FormElements/TextSwitcher/TextSwitcher.js +31 -21
  67. package/dist/Atomic/FormElements/Textarea/Textarea.js +27 -16
  68. package/dist/Atomic/FormElements/TieredCheckboxes/TieredCheckboxes.js +128 -68
  69. package/dist/Atomic/FormElements/TieredCheckboxes/partial/AccordionWithCheckbox.js +36 -25
  70. package/dist/Atomic/FormElements/TimeRange/TimeRange.js +70 -33
  71. package/dist/Atomic/FormElements/UserContacts/UserContacts.js +124 -58
  72. package/dist/Atomic/FormElements/UserContacts/partial/defaultIcons.js +91 -0
  73. package/dist/Atomic/FormElements/VariantsListRadio/VariantsListRadio.js +80 -48
  74. package/dist/Atomic/FormElements/VariantsListRadio/partials/VariantsListRadioItem.js +42 -32
  75. package/dist/Atomic/FormElements/WidgetPseudoTable/WidgetPseudoTable.js +60 -40
  76. package/dist/Atomic/FormElements/WidgetPseudoTable/partial/constructor.js +3 -2
  77. package/dist/Atomic/FormElements/WidgetWithSwitchableRows/WidgetWithSwitchableRows.js +69 -50
  78. package/dist/Atomic/FormElements/WidgetWithSwitchableRows/partial/constructor.js +3 -3
  79. package/dist/Atomic/Layout/Header/Header.js +48 -21
  80. package/dist/Atomic/Layout/MainMenu/MainMenu.js +79 -36
  81. package/dist/Atomic/Layout/Spinner/Spinner.js +14 -8
  82. package/dist/Atomic/UI/Accordion/Accordion.js +48 -18
  83. package/dist/Atomic/UI/Accordion/AccordionItem.js +60 -35
  84. package/dist/Atomic/UI/AccordionTable/AccordionTable.js +106 -49
  85. package/dist/Atomic/UI/AccordionText/AccordionText.js +37 -13
  86. package/dist/Atomic/UI/AdvancedTag/AdvTag.js +94 -48
  87. package/dist/Atomic/UI/AdvancedTag/AdvancedTags.js +50 -22
  88. package/dist/Atomic/UI/Alert/Alert.js +44 -20
  89. package/dist/Atomic/UI/Arrow/Arrow.js +35 -15
  90. package/dist/Atomic/UI/Box/Box.js +21 -14
  91. package/dist/Atomic/UI/Button/Button.js +35 -26
  92. package/dist/Atomic/UI/ButtonsBar/ButtonsBar.js +31 -22
  93. package/dist/Atomic/UI/Chart/Chart.js +86 -45
  94. package/dist/Atomic/UI/Chart/partial/Chart.constants.js +24 -14
  95. package/dist/Atomic/UI/Chart/partial/ChartTypeSwitcherIcon/ChartTypeSwitcherIcon.js +22 -13
  96. package/dist/Atomic/UI/Chart/partial/datasetSetters.js +113 -68
  97. package/dist/Atomic/UI/Chart/partial/optionsConstructor.js +140 -158
  98. package/dist/Atomic/UI/Chart/partial/optionsSetters.js +42 -26
  99. package/dist/Atomic/UI/Chart/partial/utils.js +48 -20
  100. package/dist/Atomic/UI/CircleProgressBar/CircleProgressBar.js +42 -22
  101. package/dist/Atomic/UI/DateTime/DateTime.js +38 -23
  102. package/dist/Atomic/UI/DebugContainer/DebugContainer.js +36 -12
  103. package/dist/Atomic/UI/DebugContainer/useDebugContainer.js +21 -5
  104. package/dist/Atomic/UI/DoubleString/DoubleString.js +50 -27
  105. package/dist/Atomic/UI/DynamicIcon/DynamicIcon.js +63 -15
  106. package/dist/Atomic/UI/ExampleChartIntegration/ExampleChartIntegration.js +157 -62
  107. package/dist/Atomic/UI/ExampleChartIntegration/partial/utils.js +110 -47
  108. package/dist/Atomic/UI/Hint/Hint.js +94 -49
  109. package/dist/Atomic/UI/Modal/Modal.js +179 -149
  110. package/dist/Atomic/UI/Modal/ModalHOC.js +21 -12
  111. package/dist/Atomic/UI/Modal/partials/ModalFooter.js +12 -7
  112. package/dist/Atomic/UI/Modal/partials/ModalTitle.js +21 -17
  113. package/dist/Atomic/UI/Modal/partials/useMobileModal.js +167 -94
  114. package/dist/Atomic/UI/ModalBackup/Modal.js +90 -65
  115. package/dist/Atomic/UI/ModalBackup/ModalHOC.js +21 -12
  116. package/dist/Atomic/UI/ModalBackup/partials/ModalFooter.js +11 -6
  117. package/dist/Atomic/UI/ModalBackup/partials/ModalTitle.js +19 -15
  118. package/dist/Atomic/UI/MonoAccordion/MonoAccordion.js +62 -32
  119. package/dist/Atomic/UI/NavLine/NavLine.js +211 -120
  120. package/dist/Atomic/UI/NavLine/Tabs.js +3 -2
  121. package/dist/Atomic/UI/PageTitle/PageTitle.js +17 -13
  122. package/dist/Atomic/UI/PieChart/PieChart.js +21 -11
  123. package/dist/Atomic/UI/Price/Price.js +13 -10
  124. package/dist/Atomic/UI/PriceRange/PriceRange.js +11 -7
  125. package/dist/Atomic/UI/ProgressLine/ProgressLine.js +56 -27
  126. package/dist/Atomic/UI/Status/Status.js +30 -19
  127. package/dist/Atomic/UI/Table/Partials/TdCell.js +71 -28
  128. package/dist/Atomic/UI/Table/Partials/TdHeader.js +16 -7
  129. package/dist/Atomic/UI/Table/Partials/TdRow.js +65 -29
  130. package/dist/Atomic/UI/Table/Partials/TdTitle.js +40 -16
  131. package/dist/Atomic/UI/Table/Table.js +47 -27
  132. package/dist/Atomic/UI/Table/TdTypes/TdActions.js +48 -18
  133. package/dist/Atomic/UI/Table/TdTypes/TdPriority.js +19 -9
  134. package/dist/Atomic/UI/Table/TdTypes/TdRange.js +8 -5
  135. package/dist/Atomic/UI/Table/TdTypes/TdWeight.js +47 -25
  136. package/dist/Atomic/UI/Tag/Tag.js +48 -20
  137. package/dist/Atomic/UI/TagList/TagList.js +150 -80
  138. package/dist/Atomic/UI/UserBox/UserBox.js +26 -14
  139. package/dist/Classes/AbortableFetch.js +422 -283
  140. package/dist/Classes/AnimatedHandler.js +56 -44
  141. package/dist/Classes/RESTAPI/index.js +433 -154
  142. package/dist/Classes/RESTAPI/partials/AbortableFetch.js +428 -290
  143. package/dist/Classes/RESTAPI/partials/ApiBase.js +67 -24
  144. package/dist/Classes/RESTAPI/partials/ApiRequestCreators.js +275 -57
  145. package/dist/Classes/RESTAPI/partials/ApiUtils.js +377 -146
  146. package/dist/Classes/RESTAPI/partials/CredentialsProcessing.js +403 -155
  147. package/dist/Classes/RESTAPI/partials/Utils.js +135 -81
  148. package/dist/Classes/RESTAPI/partials/_outerDependencies.js +6 -2
  149. package/dist/Classes/RESTAPI/partials/_utils.js +395 -101
  150. package/dist/Constants/index.constants.js +15 -8
  151. package/dist/Functions/Portal.js +33 -14
  152. package/dist/Functions/customEventListener.js +20 -5
  153. package/dist/Functions/fieldValueFormatters.js +211 -148
  154. package/dist/Functions/hooks/useFormFieldsChangesManager.js +137 -75
  155. package/dist/Functions/locale/createTranslator.js +27 -13
  156. package/dist/Functions/operations.js +49 -35
  157. package/dist/Functions/presets/inputMaskPresets.js +27 -25
  158. package/dist/Functions/presets/inputPresets.js +22 -19
  159. package/dist/Functions/presets/mobileKeyboardTypesPresets.js +9 -7
  160. package/dist/Functions/schemas.js +15 -6
  161. package/dist/Functions/useClickOutside.js +7 -3
  162. package/dist/Functions/useDebounce.js +25 -11
  163. package/dist/Functions/useFieldFocus.js +67 -42
  164. package/dist/Functions/useFormTools/form-drivers/ArrayWithObjects.js +54 -35
  165. package/dist/Functions/useFormTools/form-drivers/ObjectWithIterableObjects.js +95 -74
  166. package/dist/Functions/useFormTools/form-drivers/ObjectWithNamedKeyObjects.js +91 -55
  167. package/dist/Functions/useFormTools/functions/General.js +99 -80
  168. package/dist/Functions/useFormTools/functions/RenderFields.js +72 -45
  169. package/dist/Functions/useFormTools/functions/usePrevious.js +7 -3
  170. package/dist/Functions/useFormTools/index.js +598 -382
  171. package/dist/Functions/useInputHighlightError.js +52 -27
  172. package/dist/Functions/useIsMobile.js +36 -13
  173. package/dist/Functions/useLocalStorage.js +22 -7
  174. package/dist/Functions/useLocationParams.js +27 -16
  175. package/dist/Functions/useMetaInfo.js +50 -19
  176. package/dist/Functions/useMouseUpOutside.js +5 -2
  177. package/dist/Functions/useOnlineStatus.js +26 -7
  178. package/dist/Functions/usePasswordChecker.js +77 -42
  179. package/dist/Functions/usePrevious.js +7 -3
  180. package/dist/Functions/useResize.js +32 -12
  181. package/dist/Functions/useScrollTo.js +20 -6
  182. package/dist/Functions/useToggle.js +30 -10
  183. package/dist/Functions/utils.js +366 -186
  184. package/dist/Molecular/CustomIcons/components/AffiliateNetworks.js +32 -21
  185. package/dist/Molecular/CustomIcons/components/AlertCircle.js +32 -21
  186. package/dist/Molecular/CustomIcons/components/AppStore.js +36 -25
  187. package/dist/Molecular/CustomIcons/components/Arrow.js +42 -31
  188. package/dist/Molecular/CustomIcons/components/ArrowDown.js +24 -13
  189. package/dist/Molecular/CustomIcons/components/ArrowLeft.js +27 -16
  190. package/dist/Molecular/CustomIcons/components/ArrowRight.js +27 -16
  191. package/dist/Molecular/CustomIcons/components/ArrowUp.js +24 -13
  192. package/dist/Molecular/CustomIcons/components/Bell.js +22 -11
  193. package/dist/Molecular/CustomIcons/components/Button.js +22 -11
  194. package/dist/Molecular/CustomIcons/components/Campaigns.js +23 -12
  195. package/dist/Molecular/CustomIcons/components/Check.js +23 -12
  196. package/dist/Molecular/CustomIcons/components/Check2.js +22 -11
  197. package/dist/Molecular/CustomIcons/components/ChevronDown.js +22 -11
  198. package/dist/Molecular/CustomIcons/components/ChevronDownDisabled.js +22 -11
  199. package/dist/Molecular/CustomIcons/components/ChevronLeft.js +22 -11
  200. package/dist/Molecular/CustomIcons/components/ChevronRight.js +22 -11
  201. package/dist/Molecular/CustomIcons/components/ChevronUp.js +22 -11
  202. package/dist/Molecular/CustomIcons/components/ChevronUpDown.js +37 -26
  203. package/dist/Molecular/CustomIcons/components/Close.js +24 -13
  204. package/dist/Molecular/CustomIcons/components/ColumnsOrder.js +49 -38
  205. package/dist/Molecular/CustomIcons/components/Delete.js +23 -12
  206. package/dist/Molecular/CustomIcons/components/Edit.js +22 -11
  207. package/dist/Molecular/CustomIcons/components/Email.js +40 -29
  208. package/dist/Molecular/CustomIcons/components/FinturfLogo.js +30 -19
  209. package/dist/Molecular/CustomIcons/components/FinturfLogo2.js +38 -27
  210. package/dist/Molecular/CustomIcons/components/Flows.js +22 -11
  211. package/dist/Molecular/CustomIcons/components/Gift.js +27 -16
  212. package/dist/Molecular/CustomIcons/components/GoogleAuth.js +36 -25
  213. package/dist/Molecular/CustomIcons/components/GooglePlay.js +36 -25
  214. package/dist/Molecular/CustomIcons/components/HelpCircle.js +25 -14
  215. package/dist/Molecular/CustomIcons/components/HelpCircle2.js +26 -15
  216. package/dist/Molecular/CustomIcons/components/HelpCircleFilled.js +25 -14
  217. package/dist/Molecular/CustomIcons/components/Home.js +25 -14
  218. package/dist/Molecular/CustomIcons/components/Home2.js +28 -17
  219. package/dist/Molecular/CustomIcons/components/Key.js +30 -19
  220. package/dist/Molecular/CustomIcons/components/Landers.js +26 -15
  221. package/dist/Molecular/CustomIcons/components/Lock.js +22 -11
  222. package/dist/Molecular/CustomIcons/components/Mail.js +30 -19
  223. package/dist/Molecular/CustomIcons/components/Mastercard.js +72 -61
  224. package/dist/Molecular/CustomIcons/components/Minus.js +35 -24
  225. package/dist/Molecular/CustomIcons/components/Offers.js +23 -12
  226. package/dist/Molecular/CustomIcons/components/Pause.js +35 -24
  227. package/dist/Molecular/CustomIcons/components/PayPal.js +49 -38
  228. package/dist/Molecular/CustomIcons/components/PayPalLightLarge.js +36 -25
  229. package/dist/Molecular/CustomIcons/components/Phone.js +37 -26
  230. package/dist/Molecular/CustomIcons/components/Play.js +35 -24
  231. package/dist/Molecular/CustomIcons/components/Plus.js +35 -24
  232. package/dist/Molecular/CustomIcons/components/Profile.js +27 -16
  233. package/dist/Molecular/CustomIcons/components/QRCode.js +37 -26
  234. package/dist/Molecular/CustomIcons/components/Rectangle.js +22 -11
  235. package/dist/Molecular/CustomIcons/components/Revert.js +25 -14
  236. package/dist/Molecular/CustomIcons/components/Star.js +21 -10
  237. package/dist/Molecular/CustomIcons/components/Star2.js +23 -12
  238. package/dist/Molecular/CustomIcons/components/TrafficSources.js +25 -14
  239. package/dist/Molecular/CustomIcons/components/Trash.js +22 -11
  240. package/dist/Molecular/CustomIcons/components/TrashRed.js +22 -11
  241. package/dist/Molecular/CustomIcons/components/Triggers.js +22 -11
  242. package/dist/Molecular/CustomIcons/components/User.js +27 -16
  243. package/dist/Molecular/CustomIcons/components/Visa.js +38 -27
  244. package/dist/Molecular/CustomIcons/components/X.js +22 -11
  245. package/dist/Molecular/CustomIcons/index.js +183 -61
  246. package/dist/Molecular/FormElement/FormElement.js +27 -18
  247. package/dist/Molecular/FormWithDependOn/FormWithDependOn.js +108 -86
  248. package/dist/Molecular/FormWithDependOn/partials/_utils.js +34 -29
  249. package/dist/Molecular/InputAddress/InputAddress.js +312 -176
  250. package/dist/Molecular/InputPassword/InputPassword.js +39 -15
  251. package/dist/index.js +3 -1
  252. package/package.json +1 -1
@@ -1,212 +1,301 @@
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
+
4
7
  Object.defineProperty(exports, "__esModule", {
5
8
  value: true
6
9
  });
7
10
  exports.default = void 0;
11
+
12
+ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
13
+
14
+ var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
15
+
16
+ var _toArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toArray"));
17
+
18
+ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
19
+
8
20
  var _react = _interopRequireWildcard(require("react"));
21
+
9
22
  var _reactRouterDom = require("react-router-dom");
23
+
10
24
  var _classnames = _interopRequireDefault(require("classnames"));
25
+
11
26
  var Icons = _interopRequireWildcard(require("react-feather"));
27
+
12
28
  var _index = require("../../../Constants/index.constants");
29
+
13
30
  require("./NavLine.scss");
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 checkedRef = ref => ref ? typeof ref === 'function' ? node => ref(node, key) : ref : null;
17
- const NavLine = _ref => {
18
- let {
19
- root,
20
- activeTab,
21
- variant,
22
- onChange,
23
- className,
24
- items,
25
- children,
26
- isLocal,
27
- mode,
28
- isNavigateByKeys,
29
- isTabLoading,
30
- scrollMode = false
31
- } = _ref;
32
- const [navLineItems, setNavLineItems] = (0, _react.useState)([]);
33
- const wrapperRef = (0, _react.useRef)(null);
34
- const wrapperInnerRef = (0, _react.useRef)(null);
35
- const [wrapperRefWidth, setWrapperRefWidth] = (0, _react.useState)(0);
36
- const [totalScrolledItems, setTotalScrolledItems] = (0, _react.useState)(0);
37
- const [scrollLeft, setScrollLeft] = (0, _react.useState)(0);
38
- const [navLineItemsTotalWidth, setNavLineItemsTotalWidth] = (0, _react.useState)(0);
39
- const [navLineFirstItemOffset, setNavLineFirstItemOffset] = (0, _react.useState)(0);
40
- const [scrollQueue, setScrollQueue] = (0, _react.useState)([]);
41
- const popScrollTask = () => {
31
+
32
+ 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); }
33
+
34
+ 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; }
35
+
36
+ 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; }
37
+
38
+ 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; }
39
+
40
+ var checkedRef = function checkedRef(ref) {
41
+ return ref ? typeof ref === 'function' ? function (node) {
42
+ return ref(node, key);
43
+ } : ref : null;
44
+ };
45
+
46
+ var NavLine = function NavLine(_ref) {
47
+ var root = _ref.root,
48
+ activeTab = _ref.activeTab,
49
+ variant = _ref.variant,
50
+ onChange = _ref.onChange,
51
+ className = _ref.className,
52
+ items = _ref.items,
53
+ children = _ref.children,
54
+ isLocal = _ref.isLocal,
55
+ mode = _ref.mode,
56
+ isNavigateByKeys = _ref.isNavigateByKeys,
57
+ isTabLoading = _ref.isTabLoading,
58
+ _ref$scrollMode = _ref.scrollMode,
59
+ scrollMode = _ref$scrollMode === void 0 ? false : _ref$scrollMode;
60
+
61
+ var _useState = (0, _react.useState)([]),
62
+ _useState2 = (0, _slicedToArray2.default)(_useState, 2),
63
+ navLineItems = _useState2[0],
64
+ setNavLineItems = _useState2[1];
65
+
66
+ var wrapperRef = (0, _react.useRef)(null);
67
+ var wrapperInnerRef = (0, _react.useRef)(null);
68
+
69
+ var _useState3 = (0, _react.useState)(0),
70
+ _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
71
+ wrapperRefWidth = _useState4[0],
72
+ setWrapperRefWidth = _useState4[1];
73
+
74
+ var _useState5 = (0, _react.useState)(0),
75
+ _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
76
+ totalScrolledItems = _useState6[0],
77
+ setTotalScrolledItems = _useState6[1];
78
+
79
+ var _useState7 = (0, _react.useState)(0),
80
+ _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
81
+ scrollLeft = _useState8[0],
82
+ setScrollLeft = _useState8[1];
83
+
84
+ var _useState9 = (0, _react.useState)(0),
85
+ _useState10 = (0, _slicedToArray2.default)(_useState9, 2),
86
+ navLineItemsTotalWidth = _useState10[0],
87
+ setNavLineItemsTotalWidth = _useState10[1];
88
+
89
+ var _useState11 = (0, _react.useState)(0),
90
+ _useState12 = (0, _slicedToArray2.default)(_useState11, 2),
91
+ navLineFirstItemOffset = _useState12[0],
92
+ setNavLineFirstItemOffset = _useState12[1];
93
+
94
+ var _useState13 = (0, _react.useState)([]),
95
+ _useState14 = (0, _slicedToArray2.default)(_useState13, 2),
96
+ scrollQueue = _useState14[0],
97
+ setScrollQueue = _useState14[1];
98
+
99
+ var popScrollTask = function popScrollTask() {
42
100
  if (!scrollQueue.length) return null;
43
- const [task, ...rest] = scrollQueue;
101
+
102
+ var _scrollQueue = (0, _toArray2.default)(scrollQueue),
103
+ task = _scrollQueue[0],
104
+ rest = _scrollQueue.slice(1);
105
+
44
106
  setScrollQueue(rest);
45
107
  return task;
46
108
  };
47
- const pushScrollTask = task => setScrollQueue(queue => [...queue, task]);
48
- (0, _react.useEffect)(() => {
49
- const task = popScrollTask();
109
+
110
+ var pushScrollTask = function pushScrollTask(task) {
111
+ return setScrollQueue(function (queue) {
112
+ return [].concat((0, _toConsumableArray2.default)(queue), [task]);
113
+ });
114
+ };
115
+
116
+ (0, _react.useEffect)(function () {
117
+ var task = popScrollTask();
118
+
50
119
  if (scrollQueue.length && task) {
51
120
  switch (task) {
52
121
  case 'next':
53
122
  scrollToNextItem();
54
123
  break;
124
+
55
125
  case 'prev':
56
126
  scrollToPrevItem();
57
127
  break;
128
+
58
129
  default:
59
130
  break;
60
131
  }
61
132
  }
62
133
  }, [scrollQueue]);
63
- const [isScrollBlocked, setScrollBlocked] = (0, _react.useState)(false);
64
- const getVisibleNavLineItems = () => {
65
- const wrapperInner = wrapperInnerRef === null || wrapperInnerRef === void 0 ? void 0 : wrapperInnerRef.current;
66
- const wrapperInnerProps = wrapperInner.getBoundingClientRect();
67
- return navLineItems === null || navLineItems === void 0 ? void 0 : navLineItems.filter(item => {
68
- const {
69
- ref,
70
- label
71
- } = item;
72
- const element = ref === null || ref === void 0 ? void 0 : ref.current;
134
+
135
+ var _useState15 = (0, _react.useState)(false),
136
+ _useState16 = (0, _slicedToArray2.default)(_useState15, 2),
137
+ isScrollBlocked = _useState16[0],
138
+ setScrollBlocked = _useState16[1];
139
+
140
+ var getVisibleNavLineItems = function getVisibleNavLineItems() {
141
+ var wrapperInner = wrapperInnerRef === null || wrapperInnerRef === void 0 ? void 0 : wrapperInnerRef.current;
142
+ var wrapperInnerProps = wrapperInner.getBoundingClientRect();
143
+ return navLineItems === null || navLineItems === void 0 ? void 0 : navLineItems.filter(function (item) {
144
+ var ref = item.ref,
145
+ label = item.label;
146
+ var element = ref === null || ref === void 0 ? void 0 : ref.current;
73
147
  if (!element) return false;
74
- const {
75
- x
76
- } = element.getBoundingClientRect();
148
+
149
+ var _element$getBoundingC = element.getBoundingClientRect(),
150
+ x = _element$getBoundingC.x;
151
+
77
152
  return x - wrapperInnerProps.x >= 0 && x - wrapperInnerProps.x <= wrapperRefWidth;
78
153
  });
79
154
  };
80
- const getUnvisibleLeftSideNavLineItems = () => {
81
- const wrapperInner = wrapperInnerRef === null || wrapperInnerRef === void 0 ? void 0 : wrapperInnerRef.current;
82
- const wrapperInnerProps = wrapperInner.getBoundingClientRect();
83
- return navLineItems === null || navLineItems === void 0 ? void 0 : navLineItems.filter(item => {
84
- const {
85
- ref,
86
- label
87
- } = item;
88
- const element = ref === null || ref === void 0 ? void 0 : ref.current;
155
+
156
+ var getUnvisibleLeftSideNavLineItems = function getUnvisibleLeftSideNavLineItems() {
157
+ var wrapperInner = wrapperInnerRef === null || wrapperInnerRef === void 0 ? void 0 : wrapperInnerRef.current;
158
+ var wrapperInnerProps = wrapperInner.getBoundingClientRect();
159
+ return navLineItems === null || navLineItems === void 0 ? void 0 : navLineItems.filter(function (item) {
160
+ var ref = item.ref,
161
+ label = item.label;
162
+ var element = ref === null || ref === void 0 ? void 0 : ref.current;
89
163
  if (!element) return false;
90
- const {
91
- x
92
- } = element.getBoundingClientRect();
164
+
165
+ var _element$getBoundingC2 = element.getBoundingClientRect(),
166
+ x = _element$getBoundingC2.x;
167
+
93
168
  return x - wrapperInnerProps.x <= 0;
94
169
  });
95
170
  };
96
- const scroll = function () {
97
- let offset = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
171
+
172
+ var scroll = function scroll() {
173
+ var offset = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
98
174
  if (isScrollBlocked) return false;
99
175
  setScrollBlocked(true);
100
- const wrapperInner = wrapperInnerRef === null || wrapperInnerRef === void 0 ? void 0 : wrapperInnerRef.current;
101
- const wrapperInnerProps = wrapperInner.getBoundingClientRect();
102
- const leftOffset = wrapperInner.scrollLeft;
103
- wrapperInner === null || wrapperInner === void 0 || wrapperInner.addEventListener('scroll', () => {
104
- setTotalScrolledItems(state => offset > 0 ? ++state : --state);
176
+ var wrapperInner = wrapperInnerRef === null || wrapperInnerRef === void 0 ? void 0 : wrapperInnerRef.current;
177
+ var wrapperInnerProps = wrapperInner.getBoundingClientRect();
178
+ var leftOffset = wrapperInner.scrollLeft;
179
+ wrapperInner === null || wrapperInner === void 0 ? void 0 : wrapperInner.addEventListener('scroll', function () {
180
+ setTotalScrolledItems(function (state) {
181
+ return offset > 0 ? ++state : --state;
182
+ });
105
183
  setScrollLeft(leftOffset + offset < 0 ? 0 : leftOffset + offset);
106
- setTimeout(() => setScrollBlocked(false), 50);
184
+ setTimeout(function () {
185
+ return setScrollBlocked(false);
186
+ }, 50);
107
187
  }, {
108
188
  once: true
109
189
  });
110
- wrapperInner === null || wrapperInner === void 0 || wrapperInner.scrollBy({
190
+ wrapperInner === null || wrapperInner === void 0 ? void 0 : wrapperInner.scrollBy({
111
191
  left: offset,
112
192
  behavior: 'smooth'
113
193
  });
114
194
  };
115
- const scrollToPrevItem = () => {
116
- if (isScrollBlocked) return false;
117
195
 
118
- // const wrapperInner = wrapperInnerRef?.current;
196
+ var scrollToPrevItem = function scrollToPrevItem() {
197
+ if (isScrollBlocked) return false; // const wrapperInner = wrapperInnerRef?.current;
119
198
  // const navLineUnvisibleItems = getUnvisibleLeftSideNavLineItems();
120
199
  // const [prevItem, secondPrevItem] = navLineUnvisibleItems.reverse();
121
200
  // const wrapperInnerProps = wrapperInner.getBoundingClientRect();
122
201
  // const prevItemProps = prevItem?.ref?.current?.getBoundingClientRect();
123
-
124
202
  // let scrollOffset = prevItemProps?.x - wrapperInnerProps?.x;
125
203
 
126
- let scrollOffset = -100;
204
+ var scrollOffset = -100;
127
205
  scroll(scrollOffset);
128
206
  };
129
- const scrollToNextItem = () => {
207
+
208
+ var scrollToNextItem = function scrollToNextItem() {
130
209
  // const wrapperInner = wrapperInnerRef?.current;
131
210
  // const navLineVisibleItems = getVisibleNavLineItems();
132
211
  // const [firstVisibleItem, secondVisibleItem] = navLineVisibleItems;
133
212
  // const wrapperInnerProps = wrapperInner.getBoundingClientRect();
134
213
  // const firstVisibleItemProps = firstVisibleItem?.ref?.current?.getBoundingClientRect();
135
214
  // const secondVisibleItemProps = secondVisibleItem?.ref?.current?.getBoundingClientRect();
136
-
137
215
  // const scrollOffset = secondVisibleItemProps.x-wrapperInnerProps.x;
138
-
139
- let scrollOffset = 100;
216
+ var scrollOffset = 100;
140
217
  scroll(scrollOffset);
141
218
  };
142
- const onWheel = e => {
219
+
220
+ var onWheel = function onWheel(e) {
143
221
  e.preventDefault();
144
222
  e.stopPropagation();
145
- const {
146
- deltaY,
147
- shiftKey
148
- } = e;
223
+ var deltaY = e.deltaY,
224
+ shiftKey = e.shiftKey;
225
+
149
226
  if (shiftKey) {
150
227
  if (deltaY > 0) pushScrollTask('next');else pushScrollTask('prev');
151
228
  }
152
229
  };
153
- const onTabChange = item => {
230
+
231
+ var onTabChange = function onTabChange(item) {
154
232
  onChange(item.tabId);
155
233
  };
156
- const navigateByKeys = event => {
234
+
235
+ var navigateByKeys = function navigateByKeys(event) {
157
236
  var _items, _items2;
158
- const activeTabIndex = items === null || items === void 0 ? void 0 : items.indexOf(items === null || items === void 0 ? void 0 : items.find(tab => tab.tabId === activeTab));
159
- const nextTabID = (_items = items[activeTabIndex + 1]) === null || _items === void 0 ? void 0 : _items.tabId;
160
- const prevTabID = (_items2 = items[activeTabIndex - 1]) === null || _items2 === void 0 ? void 0 : _items2.tabId;
237
+
238
+ var activeTabIndex = items === null || items === void 0 ? void 0 : items.indexOf(items === null || items === void 0 ? void 0 : items.find(function (tab) {
239
+ return tab.tabId === activeTab;
240
+ }));
241
+ var nextTabID = (_items = items[activeTabIndex + 1]) === null || _items === void 0 ? void 0 : _items.tabId;
242
+ var prevTabID = (_items2 = items[activeTabIndex - 1]) === null || _items2 === void 0 ? void 0 : _items2.tabId;
243
+
161
244
  if (event.keyCode === _index.KEYBOARD_KEY_CODES.ARROW_RIGHT && !event.repeat && nextTabID) {
162
245
  onChange(nextTabID);
163
246
  } else if (event.keyCode === _index.KEYBOARD_KEY_CODES.ARROW_LEFT && !event.repeat && prevTabID) {
164
247
  onChange(prevTabID);
165
248
  }
166
249
  };
167
- (0, _react.useEffect)(() => {
250
+
251
+ (0, _react.useEffect)(function () {
168
252
  if (isNavigateByKeys && !isTabLoading) {
169
253
  document.addEventListener('keydown', navigateByKeys);
170
- return () => document.removeEventListener('keydown', navigateByKeys);
254
+ return function () {
255
+ return document.removeEventListener('keydown', navigateByKeys);
256
+ };
171
257
  }
172
258
  }, [activeTab, isTabLoading]);
173
- (0, _react.useEffect)(() => {
259
+ (0, _react.useEffect)(function () {
174
260
  var _wrapperRef$current;
175
- if (wrapperRef !== null && wrapperRef !== void 0 && wrapperRef.current) wrapperRef === null || wrapperRef === void 0 || (_wrapperRef$current = wrapperRef.current) === null || _wrapperRef$current === void 0 || _wrapperRef$current.addEventListener('mousewheel', onWheel, {
261
+
262
+ if (wrapperRef !== null && wrapperRef !== void 0 && wrapperRef.current) wrapperRef === null || wrapperRef === void 0 ? void 0 : (_wrapperRef$current = wrapperRef.current) === null || _wrapperRef$current === void 0 ? void 0 : _wrapperRef$current.addEventListener('mousewheel', onWheel, {
176
263
  passive: false
177
264
  });
178
- }, [wrapperRef]);
265
+ }, [wrapperRef]); // Count Total NavLine Items Width
179
266
 
180
- // Count Total NavLine Items Width
181
- (0, _react.useEffect)(() => {
182
- var _navLineItems$0$ref$c, _navLineItems$;
183
- setNavLineItemsTotalWidth(() => {
184
- return navLineItems.reduce((totalWidth, item) => {
267
+ (0, _react.useEffect)(function () {
268
+ var _navLineItems$0$ref$c, _navLineItems$, _navLineItems$$ref, _navLineItems$$ref$cu;
269
+
270
+ setNavLineItemsTotalWidth(function () {
271
+ return navLineItems.reduce(function (totalWidth, item) {
185
272
  var _item$ref;
186
- const element = item === null || item === void 0 || (_item$ref = item.ref) === null || _item$ref === void 0 ? void 0 : _item$ref.current;
273
+
274
+ var element = item === null || item === void 0 ? void 0 : (_item$ref = item.ref) === null || _item$ref === void 0 ? void 0 : _item$ref.current;
275
+
187
276
  if (element) {
188
- var _element$getBoundingC;
189
- totalWidth += element === null || element === void 0 || (_element$getBoundingC = element.getBoundingClientRect()) === null || _element$getBoundingC === void 0 ? void 0 : _element$getBoundingC.width;
277
+ var _element$getBoundingC3;
278
+
279
+ totalWidth += element === null || element === void 0 ? void 0 : (_element$getBoundingC3 = element.getBoundingClientRect()) === null || _element$getBoundingC3 === void 0 ? void 0 : _element$getBoundingC3.width;
190
280
  }
281
+
191
282
  return totalWidth;
192
283
  }, 0);
193
284
  });
194
- setNavLineFirstItemOffset((_navLineItems$0$ref$c = (_navLineItems$ = navLineItems[0]) === null || _navLineItems$ === void 0 || (_navLineItems$ = _navLineItems$.ref) === null || _navLineItems$ === void 0 || (_navLineItems$ = _navLineItems$.current) === null || _navLineItems$ === void 0 ? void 0 : _navLineItems$.getBoundingClientRect().x) !== null && _navLineItems$0$ref$c !== void 0 ? _navLineItems$0$ref$c : 0);
195
- }, [navLineItems === null || navLineItems === void 0 ? void 0 : navLineItems.length]);
196
-
197
- // Count Wrapper Width
198
- (0, _react.useEffect)(() => {
199
- var _wrapperRef$current$g, _wrapperRef$current2;
200
- setWrapperRefWidth((_wrapperRef$current$g = wrapperRef === null || wrapperRef === void 0 || (_wrapperRef$current2 = wrapperRef.current) === null || _wrapperRef$current2 === void 0 || (_wrapperRef$current2 = _wrapperRef$current2.getBoundingClientRect()) === null || _wrapperRef$current2 === void 0 ? void 0 : _wrapperRef$current2.width) !== null && _wrapperRef$current$g !== void 0 ? _wrapperRef$current$g : 0);
201
- }, [wrapperRef]);
202
-
203
- //Init NavLine Items
204
- (0, _react.useEffect)(() => {
205
- setNavLineItems(items.map(item => {
206
- return {
207
- ...item,
285
+ setNavLineFirstItemOffset((_navLineItems$0$ref$c = (_navLineItems$ = navLineItems[0]) === null || _navLineItems$ === void 0 ? void 0 : (_navLineItems$$ref = _navLineItems$.ref) === null || _navLineItems$$ref === void 0 ? void 0 : (_navLineItems$$ref$cu = _navLineItems$$ref.current) === null || _navLineItems$$ref$cu === void 0 ? void 0 : _navLineItems$$ref$cu.getBoundingClientRect().x) !== null && _navLineItems$0$ref$c !== void 0 ? _navLineItems$0$ref$c : 0);
286
+ }, [navLineItems === null || navLineItems === void 0 ? void 0 : navLineItems.length]); // Count Wrapper Width
287
+
288
+ (0, _react.useEffect)(function () {
289
+ var _wrapperRef$current$g, _wrapperRef$current2, _wrapperRef$current2$;
290
+
291
+ setWrapperRefWidth((_wrapperRef$current$g = wrapperRef === null || wrapperRef === void 0 ? void 0 : (_wrapperRef$current2 = wrapperRef.current) === null || _wrapperRef$current2 === void 0 ? void 0 : (_wrapperRef$current2$ = _wrapperRef$current2.getBoundingClientRect()) === null || _wrapperRef$current2$ === void 0 ? void 0 : _wrapperRef$current2$.width) !== null && _wrapperRef$current$g !== void 0 ? _wrapperRef$current$g : 0);
292
+ }, [wrapperRef]); //Init NavLine Items
293
+
294
+ (0, _react.useEffect)(function () {
295
+ setNavLineItems(items.map(function (item) {
296
+ return _objectSpread(_objectSpread({}, item), {}, {
208
297
  ref: /*#__PURE__*/(0, _react.createRef)()
209
- };
298
+ });
210
299
  }));
211
300
  }, [items]);
212
301
  return /*#__PURE__*/_react.default.createElement("div", {
@@ -224,13 +313,13 @@ const NavLine = _ref => {
224
313
  }, /*#__PURE__*/_react.default.createElement(Icons.ChevronLeft, null)), /*#__PURE__*/_react.default.createElement("div", {
225
314
  className: "".concat(variant === 'simple' ? 'nav-line--simple__inner' : 'nav-line__inner'),
226
315
  ref: scrollMode ? wrapperInnerRef : null
227
- }, navLineItems.map(item => {
228
- const {
229
- ref
230
- } = item;
231
- const Icon = Icons[item === null || item === void 0 ? void 0 : item.icon];
316
+ }, navLineItems.map(function (item) {
317
+ var ref = item.ref;
318
+ var Icon = Icons[item === null || item === void 0 ? void 0 : item.icon];
232
319
  return isLocal ? /*#__PURE__*/_react.default.createElement("span", {
233
- onClick: () => onTabChange(item),
320
+ onClick: function onClick() {
321
+ return onTabChange(item);
322
+ },
234
323
  key: "tab__".concat(item.tabId),
235
324
  className: (0, _classnames.default)({
236
325
  'nav-line__item': !variant
@@ -287,4 +376,6 @@ const NavLine = _ref => {
287
376
  className: "nav-line__body"
288
377
  }, children));
289
378
  };
290
- var _default = exports.default = NavLine;
379
+
380
+ var _default = NavLine;
381
+ exports.default = _default;
@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = void 0;
7
- var _default = exports.default = {
7
+ var _default = {
8
8
  activeTab: '',
9
9
  initialTab: '',
10
10
  variant: 'simple',
@@ -112,4 +112,5 @@ var _default = exports.default = {
112
112
  tabId: 33,
113
113
  label: 'Tax resolution'
114
114
  }]
115
- };
115
+ };
116
+ exports.default = _default;
@@ -1,24 +1,28 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+
4
5
  Object.defineProperty(exports, "__esModule", {
5
6
  value: true
6
7
  });
7
8
  exports.default = void 0;
9
+
8
10
  var _react = _interopRequireDefault(require("react"));
11
+
9
12
  var _classnames = _interopRequireDefault(require("classnames"));
13
+
10
14
  var _reactFeather = require("react-feather");
15
+
11
16
  require("./PageTitle.scss");
17
+
12
18
  // TODO: change when there will be routes
13
19
  // import { Link } from 'react-router-dom';
20
+ var RC = 'page-title';
14
21
 
15
- const RC = 'page-title';
16
- const PageTitle = _ref => {
17
- let {
18
- title,
19
- pages,
20
- children
21
- } = _ref;
22
+ var PageTitle = function PageTitle(_ref) {
23
+ var title = _ref.title,
24
+ pages = _ref.pages,
25
+ children = _ref.children;
22
26
  return /*#__PURE__*/_react.default.createElement("div", {
23
27
  className: RC
24
28
  }, /*#__PURE__*/_react.default.createElement("div", {
@@ -32,11 +36,9 @@ const PageTitle = _ref => {
32
36
  "data-testid": "test-pageTitle-icon",
33
37
  className: "".concat(RC, "__link"),
34
38
  href: "/"
35
- }, /*#__PURE__*/_react.default.createElement(_reactFeather.Home, null)), pages.map((_ref2, index) => {
36
- let {
37
- name,
38
- path
39
- } = _ref2;
39
+ }, /*#__PURE__*/_react.default.createElement(_reactFeather.Home, null)), pages.map(function (_ref2, index) {
40
+ var name = _ref2.name,
41
+ path = _ref2.path;
40
42
  return pages.length - 1 === index ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
41
43
  key: index
42
44
  }, /*#__PURE__*/_react.default.createElement("span", {
@@ -55,4 +57,6 @@ const PageTitle = _ref => {
55
57
  }, name));
56
58
  }))), children);
57
59
  };
58
- var _default = exports.default = PageTitle;
60
+
61
+ var _default = PageTitle;
62
+ exports.default = _default;
@@ -1,25 +1,33 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+
4
5
  Object.defineProperty(exports, "__esModule", {
5
6
  value: true
6
7
  });
7
8
  exports.default = void 0;
9
+
8
10
  var _react = _interopRequireDefault(require("react"));
11
+
9
12
  var _reactChartjs = require("react-chartjs-2");
13
+
10
14
  var _chart = require("chart.js");
15
+
11
16
  require("./PieChart.scss");
17
+
12
18
  _chart.Chart.register(_chart.ArcElement, _chart.Tooltip);
13
- const PieChart = _ref => {
14
- let {
15
- data,
16
- cutout = '80%',
17
- resultLabel,
18
- resultValue = 0,
19
- withLegend = false
20
- } = _ref;
21
- const options = {
22
- cutout,
19
+
20
+ var PieChart = function PieChart(_ref) {
21
+ var data = _ref.data,
22
+ _ref$cutout = _ref.cutout,
23
+ cutout = _ref$cutout === void 0 ? '80%' : _ref$cutout,
24
+ resultLabel = _ref.resultLabel,
25
+ _ref$resultValue = _ref.resultValue,
26
+ resultValue = _ref$resultValue === void 0 ? 0 : _ref$resultValue,
27
+ _ref$withLegend = _ref.withLegend,
28
+ withLegend = _ref$withLegend === void 0 ? false : _ref$withLegend;
29
+ var options = {
30
+ cutout: cutout,
23
31
  plugins: {
24
32
  legend: {
25
33
  display: withLegend
@@ -44,4 +52,6 @@ const PieChart = _ref => {
44
52
  className: "pie-chart__result-label"
45
53
  }, resultLabel)));
46
54
  };
47
- var _default = exports.default = PieChart;
55
+
56
+ var _default = PieChart;
57
+ exports.default = _default;
@@ -1,25 +1,28 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+
4
5
  Object.defineProperty(exports, "__esModule", {
5
6
  value: true
6
7
  });
7
8
  exports.default = void 0;
9
+
8
10
  var _react = _interopRequireDefault(require("react"));
11
+
9
12
  var _fieldValueFormatters = require("../../../Functions/fieldValueFormatters");
10
- const Price = _ref => {
11
- let {
12
- value,
13
- currencyCode,
14
- isSymbolAfter,
15
- className
16
- } = _ref;
17
- if (value === undefined || value === null) return null;
18
- // const formatted = Number(value?.toString().replace(/[+*?$^(,)]/g, '')).toLocaleString('en-US');
13
+
14
+ var Price = function Price(_ref) {
15
+ var value = _ref.value,
16
+ currencyCode = _ref.currencyCode,
17
+ isSymbolAfter = _ref.isSymbolAfter,
18
+ className = _ref.className;
19
+ if (value === undefined || value === null) return null; // const formatted = Number(value?.toString().replace(/[+*?$^(,)]/g, '')).toLocaleString('en-US');
19
20
 
20
21
  return /*#__PURE__*/_react.default.createElement("div", {
21
22
  "data-testid": 'test-price',
22
23
  className: "price ".concat(className)
23
24
  }, (0, _fieldValueFormatters.formatToPriceWithCurrency)(value, currencyCode, isSymbolAfter ? 'after' : 'before'));
24
25
  };
25
- var _default = exports.default = Price;
26
+
27
+ var _default = Price;
28
+ exports.default = _default;
@@ -1,21 +1,25 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+
4
5
  Object.defineProperty(exports, "__esModule", {
5
6
  value: true
6
7
  });
7
8
  exports.default = void 0;
9
+
8
10
  var _react = _interopRequireDefault(require("react"));
11
+
9
12
  var _fieldValueFormatters = require("../../../Functions/fieldValueFormatters");
10
- const PriceRange = _ref => {
11
- let {
12
- from,
13
- to,
14
- mode
15
- } = _ref;
13
+
14
+ var PriceRange = function PriceRange(_ref) {
15
+ var from = _ref.from,
16
+ to = _ref.to,
17
+ mode = _ref.mode;
16
18
  return /*#__PURE__*/_react.default.createElement("div", {
17
19
  "data-testid": 'test-priceRange',
18
20
  className: "j4"
19
21
  }, mode === 'simple' ? /*#__PURE__*/_react.default.createElement("span", null, from, " - ", to) : /*#__PURE__*/_react.default.createElement("span", null, (0, _fieldValueFormatters.formatToPriceWithUSD)(from === null || from === void 0 ? void 0 : from.toString()), " - ", (0, _fieldValueFormatters.formatToPriceWithUSD)(to === null || to === void 0 ? void 0 : to.toString())));
20
22
  };
21
- var _default = exports.default = PriceRange;
23
+
24
+ var _default = PriceRange;
25
+ exports.default = _default;