intelicoreact 1.4.70 → 1.4.71

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 (268) hide show
  1. package/dist/Atomic/FormElements/ActionAlert/ActionAlert.js +9 -1
  2. package/dist/Atomic/FormElements/AdvancedStatus/AdvancedStatus.js +10 -1
  3. package/dist/Atomic/FormElements/Calendar/Calendar.js +24 -4
  4. package/dist/Atomic/FormElements/CheckboxInput/CheckboxInput.js +10 -1
  5. package/dist/Atomic/FormElements/CheckboxesLine/CheckboxesLine.js +14 -2
  6. package/dist/Atomic/FormElements/Datepicker/Datepicker.js +54 -5
  7. package/dist/Atomic/FormElements/Datepicker/components/Calendar.js +21 -3
  8. package/dist/Atomic/FormElements/Dropdown/Dropdown.js +145 -52
  9. package/dist/Atomic/FormElements/Dropdown/components/DropdownLoader.js +7 -1
  10. package/dist/Atomic/FormElements/DropdownLiveSearch/DropdownLiveSearch.js +91 -25
  11. package/dist/Atomic/FormElements/FileLoader/FileLoader.js +15 -3
  12. package/dist/Atomic/FormElements/FileLoader/partial/LoadZone.js +29 -15
  13. package/dist/Atomic/FormElements/FileLoader/partial/LoadedContent.js +15 -5
  14. package/dist/Atomic/FormElements/FileLoaderDescription/FileLoaderDescription.js +20 -4
  15. package/dist/Atomic/FormElements/FileLoaderLocal/FileLoaderLocal.js +26 -6
  16. package/dist/Atomic/FormElements/FileLoaderLocalGroup/FileLoaderLocalGroup.js +35 -19
  17. package/dist/Atomic/FormElements/FormattedRawSSN/FormattedRawSSN.js +38 -9
  18. package/dist/Atomic/FormElements/Input/Input.js +60 -25
  19. package/dist/Atomic/FormElements/InputCalendar/InputCalendar.js +31 -4
  20. package/dist/Atomic/FormElements/InputColor/InputColor.js +14 -4
  21. package/dist/Atomic/FormElements/InputCurrency/InputCurrency.js +29 -6
  22. package/dist/Atomic/FormElements/InputDateRange/InputDateRange.js +43 -8
  23. package/dist/Atomic/FormElements/InputDateRange/components/DateInput.js +21 -3
  24. package/dist/Atomic/FormElements/InputDateRange/components/Datepicker.js +81 -58
  25. package/dist/Atomic/FormElements/InputDateRange/components/OpenedPart.js +41 -6
  26. package/dist/Atomic/FormElements/InputDateRange/components/SelectItem.js +8 -1
  27. package/dist/Atomic/FormElements/InputDateRange/dependencies.js +46 -16
  28. package/dist/Atomic/FormElements/InputLink/InputLink.js +23 -6
  29. package/dist/Atomic/FormElements/InputMask/InputCarretPosition.js +4 -0
  30. package/dist/Atomic/FormElements/InputMask/InputMask.js +208 -77
  31. package/dist/Atomic/FormElements/InputMask/functions.js +28 -2
  32. package/dist/Atomic/FormElements/InputMask2/InputMask2.js +119 -43
  33. package/dist/Atomic/FormElements/InputMask2/functions.js +28 -2
  34. package/dist/Atomic/FormElements/InputMask3/InputMask3.js +137 -44
  35. package/dist/Atomic/FormElements/InputMask3/functions.js +28 -2
  36. package/dist/Atomic/FormElements/InputWithAction/InputWithAction.js +17 -3
  37. package/dist/Atomic/FormElements/InputsRow/InputsRow.js +24 -5
  38. package/dist/Atomic/FormElements/Label/Label.js +9 -1
  39. package/dist/Atomic/FormElements/MobileCalendar/MobileCalendar.js +73 -35
  40. package/dist/Atomic/FormElements/MultiSelect/MultiSelect.js +15 -3
  41. package/dist/Atomic/FormElements/NumericInput/NumericInput.js +44 -23
  42. package/dist/Atomic/FormElements/RadioGroup/RadioGroup.js +17 -7
  43. package/dist/Atomic/FormElements/RadioGroupWithInput/RadioGroupWithInput.js +14 -3
  44. package/dist/Atomic/FormElements/RadioInput/RadioInput.js +10 -1
  45. package/dist/Atomic/FormElements/RadioRowSwitcher/RadioRowSwitcher.js +14 -3
  46. package/dist/Atomic/FormElements/RangeCalendar/RangeCalendar.js +23 -3
  47. package/dist/Atomic/FormElements/RangeInputs/RangeInputs.js +34 -17
  48. package/dist/Atomic/FormElements/RangeList/RangeList.js +25 -6
  49. package/dist/Atomic/FormElements/RangeList/partial/RangeListRow.js +11 -1
  50. package/dist/Atomic/FormElements/RangeSlider/RangeSlider.js +91 -14
  51. package/dist/Atomic/FormElements/RangeSlider2/RangeSlider2.js +132 -43
  52. package/dist/Atomic/FormElements/SwitchableRow/SwitchableRow.js +10 -1
  53. package/dist/Atomic/FormElements/Switcher/Switcher.js +10 -1
  54. package/dist/Atomic/FormElements/SwitcherCheckbox/SwitcherCheckbox.js +13 -1
  55. package/dist/Atomic/FormElements/SwitcherHide/SwitcherHide.js +10 -1
  56. package/dist/Atomic/FormElements/SwitcherRadio/SwitcherRadio.js +17 -2
  57. package/dist/Atomic/FormElements/SwitcherRange/SwitcherRange.js +17 -3
  58. package/dist/Atomic/FormElements/SwitcherRangeList/SwitcherRangeList.js +11 -1
  59. package/dist/Atomic/FormElements/SwitcherTagsDropdown/SwitcherTagsDropdown.js +29 -6
  60. package/dist/Atomic/FormElements/SwitcherTagsDropdown/partial/States.js +3 -2
  61. package/dist/Atomic/FormElements/SwitcherTextarea/SwitcherTextarea.js +12 -1
  62. package/dist/Atomic/FormElements/TagListToDropdown/TagListToDropdown.js +23 -6
  63. package/dist/Atomic/FormElements/TagsDropdown/TagsDropdown.js +223 -105
  64. package/dist/Atomic/FormElements/Text/Text.js +16 -10
  65. package/dist/Atomic/FormElements/TextSwitcher/TextSwitcher.js +9 -1
  66. package/dist/Atomic/FormElements/Textarea/Textarea.js +16 -5
  67. package/dist/Atomic/FormElements/TieredCheckboxes/TieredCheckboxes.js +35 -6
  68. package/dist/Atomic/FormElements/TieredCheckboxes/partial/AccordionWithCheckbox.js +13 -4
  69. package/dist/Atomic/FormElements/TimeRange/TimeRange.js +21 -7
  70. package/dist/Atomic/FormElements/UserContacts/UserContacts.js +35 -8
  71. package/dist/Atomic/FormElements/UserContacts/partial/defaultIcons.js +91 -0
  72. package/dist/Atomic/FormElements/VariantsListRadio/VariantsListRadio.js +18 -5
  73. package/dist/Atomic/FormElements/VariantsListRadio/partials/VariantsListRadioItem.js +10 -3
  74. package/dist/Atomic/FormElements/WidgetPseudoTable/WidgetPseudoTable.js +11 -3
  75. package/dist/Atomic/FormElements/WidgetPseudoTable/partial/constructor.js +2 -1
  76. package/dist/Atomic/FormElements/WidgetWithSwitchableRows/WidgetWithSwitchableRows.js +12 -5
  77. package/dist/Atomic/FormElements/WidgetWithSwitchableRows/partial/constructor.js +3 -3
  78. package/dist/Atomic/Layout/Header/Header.js +15 -3
  79. package/dist/Atomic/Layout/MainMenu/MainMenu.js +20 -3
  80. package/dist/Atomic/Layout/Spinner/Spinner.js +8 -1
  81. package/dist/Atomic/UI/Accordion/Accordion.js +19 -3
  82. package/dist/Atomic/UI/Accordion/AccordionItem.js +23 -9
  83. package/dist/Atomic/UI/AccordionTable/AccordionTable.js +32 -7
  84. package/dist/Atomic/UI/AccordionText/AccordionText.js +17 -3
  85. package/dist/Atomic/UI/AdvancedTag/AdvTag.js +21 -4
  86. package/dist/Atomic/UI/AdvancedTag/AdvancedTags.js +15 -3
  87. package/dist/Atomic/UI/Alert/Alert.js +19 -3
  88. package/dist/Atomic/UI/Arrow/Arrow.js +16 -3
  89. package/dist/Atomic/UI/Box/Box.js +9 -3
  90. package/dist/Atomic/UI/Button/Button.js +11 -2
  91. package/dist/Atomic/UI/ButtonsBar/ButtonsBar.js +10 -1
  92. package/dist/Atomic/UI/Chart/Chart.js +29 -4
  93. package/dist/Atomic/UI/Chart/partial/Chart.constants.js +19 -11
  94. package/dist/Atomic/UI/Chart/partial/ChartTypeSwitcherIcon/ChartTypeSwitcherIcon.js +12 -1
  95. package/dist/Atomic/UI/Chart/partial/datasetSetters.js +34 -11
  96. package/dist/Atomic/UI/Chart/partial/optionsConstructor.js +56 -82
  97. package/dist/Atomic/UI/Chart/partial/optionsSetters.js +19 -15
  98. package/dist/Atomic/UI/Chart/partial/utils.js +20 -6
  99. package/dist/Atomic/UI/CircleProgressBar/CircleProgressBar.js +13 -3
  100. package/dist/Atomic/UI/DateTime/DateTime.js +14 -3
  101. package/dist/Atomic/UI/DebugContainer/DebugContainer.js +16 -4
  102. package/dist/Atomic/UI/DebugContainer/useDebugContainer.js +11 -3
  103. package/dist/Atomic/UI/DoubleString/DoubleString.js +17 -5
  104. package/dist/Atomic/UI/DynamicIcon/DynamicIcon.js +10 -3
  105. package/dist/Atomic/UI/ExampleChartIntegration/ExampleChartIntegration.js +52 -17
  106. package/dist/Atomic/UI/ExampleChartIntegration/partial/utils.js +29 -1
  107. package/dist/Atomic/UI/Hint/Hint.js +39 -13
  108. package/dist/Atomic/UI/Hint/partials/_utils.js +19 -4
  109. package/dist/Atomic/UI/Modal/Modal.js +28 -6
  110. package/dist/Atomic/UI/Modal/ModalHOC.js +9 -1
  111. package/dist/Atomic/UI/Modal/partials/ModalFooter.js +7 -1
  112. package/dist/Atomic/UI/Modal/partials/ModalTitle.js +8 -1
  113. package/dist/Atomic/UI/Modal/partials/useMobileModal.js +49 -32
  114. package/dist/Atomic/UI/ModalBackup/Modal.js +174 -0
  115. package/dist/Atomic/UI/ModalBackup/Modal.scss +333 -0
  116. package/dist/Atomic/UI/ModalBackup/ModalHOC.js +51 -0
  117. package/dist/Atomic/UI/ModalBackup/partials/ModalFooter.js +24 -0
  118. package/dist/Atomic/UI/ModalBackup/partials/ModalTitle.js +41 -0
  119. package/dist/Atomic/UI/MonoAccordion/MonoAccordion.js +21 -6
  120. package/dist/Atomic/UI/NavLine/NavLine.js +55 -26
  121. package/dist/Atomic/UI/NavLine/Tabs.js +3 -2
  122. package/dist/Atomic/UI/PageTitle/PageTitle.js +10 -2
  123. package/dist/Atomic/UI/PieChart/PieChart.js +10 -1
  124. package/dist/Atomic/UI/Price/Price.js +8 -3
  125. package/dist/Atomic/UI/PriceRange/PriceRange.js +7 -1
  126. package/dist/Atomic/UI/ProgressLine/ProgressLine.js +16 -1
  127. package/dist/Atomic/UI/Status/Status.js +8 -1
  128. package/dist/Atomic/UI/Table/Partials/TdCell.js +29 -5
  129. package/dist/Atomic/UI/Table/Partials/TdHeader.js +11 -1
  130. package/dist/Atomic/UI/Table/Partials/TdRow.js +17 -5
  131. package/dist/Atomic/UI/Table/Partials/TdTitle.js +14 -3
  132. package/dist/Atomic/UI/Table/Table.js +12 -1
  133. package/dist/Atomic/UI/Table/TdTypes/TdActions.js +18 -2
  134. package/dist/Atomic/UI/Table/TdTypes/TdPriority.js +9 -1
  135. package/dist/Atomic/UI/Table/TdTypes/TdRange.js +4 -1
  136. package/dist/Atomic/UI/Table/TdTypes/TdWeight.js +13 -1
  137. package/dist/Atomic/UI/Tag/Tag.js +26 -11
  138. package/dist/Atomic/UI/TagList/TagList.js +41 -18
  139. package/dist/Atomic/UI/UserBox/UserBox.js +13 -1
  140. package/dist/Atomic/UI/WizardStepper/constructor.js +11 -3
  141. package/dist/Atomic/UI/WizardStepper/index.js +5 -1
  142. package/dist/Atomic/UI/WizardStepper/ui/StateIcon/StateIcon.js +10 -0
  143. package/dist/Atomic/UI/WizardStepper/ui/StateIcon/index.js +4 -1
  144. package/dist/Atomic/UI/WizardStepper/ui/StepRow/StepRow.js +17 -2
  145. package/dist/Atomic/UI/WizardStepper/ui/StepRow/index.js +5 -1
  146. package/dist/Atomic/UI/WizardStepper/ui/StepWrapper/StepWrapper.js +15 -1
  147. package/dist/Atomic/UI/WizardStepper/ui/StepWrapper/index.js +5 -1
  148. package/dist/Atomic/UI/WizardStepper/ui/icons.js +9 -2
  149. package/dist/Atomic/UI/WizardStepper/ui/index.js +5 -1
  150. package/dist/Classes/AbortableFetch.js +93 -36
  151. package/dist/Classes/AnimatedHandler.js +7 -3
  152. package/dist/Classes/RESTAPI/index.js +43 -39
  153. package/dist/Classes/RESTAPI/partials/AbortableFetch.js +93 -35
  154. package/dist/Classes/RESTAPI/partials/ApiBase.js +9 -1
  155. package/dist/Classes/RESTAPI/partials/ApiRequestCreators.js +32 -24
  156. package/dist/Classes/RESTAPI/partials/ApiUtils.js +41 -34
  157. package/dist/Classes/RESTAPI/partials/CredentialsProcessing.js +46 -21
  158. package/dist/Classes/RESTAPI/partials/Utils.js +19 -6
  159. package/dist/Classes/RESTAPI/partials/_outerDependencies.js +6 -2
  160. package/dist/Classes/RESTAPI/partials/_utils.js +39 -16
  161. package/dist/Constants/index.constants.js +15 -8
  162. package/dist/Functions/Portal.js +16 -5
  163. package/dist/Functions/customEventListener.js +17 -4
  164. package/dist/Functions/fieldValueFormatters.js +83 -43
  165. package/dist/Functions/hooks/useFormFieldsChangesManager.js +26 -23
  166. package/dist/Functions/locale/createTranslator.js +9 -4
  167. package/dist/Functions/operations.js +22 -12
  168. package/dist/Functions/presets/inputMaskPresets.js +11 -9
  169. package/dist/Functions/presets/inputPresets.js +11 -8
  170. package/dist/Functions/presets/mobileKeyboardTypesPresets.js +9 -7
  171. package/dist/Functions/schemas.js +13 -6
  172. package/dist/Functions/useBodyScrollLock.js +6 -1
  173. package/dist/Functions/useClickOutside.js +4 -0
  174. package/dist/Functions/useDebounce.js +7 -2
  175. package/dist/Functions/useFieldFocus.js +18 -6
  176. package/dist/Functions/useFormTools/form-drivers/ArrayWithObjects.js +9 -0
  177. package/dist/Functions/useFormTools/form-drivers/ObjectWithIterableObjects.js +23 -12
  178. package/dist/Functions/useFormTools/form-drivers/ObjectWithNamedKeyObjects.js +15 -6
  179. package/dist/Functions/useFormTools/functions/General.js +28 -18
  180. package/dist/Functions/useFormTools/functions/RenderFields.js +11 -2
  181. package/dist/Functions/useFormTools/functions/usePrevious.js +5 -1
  182. package/dist/Functions/useFormTools/index.js +144 -85
  183. package/dist/Functions/useInputHighlightError.js +12 -3
  184. package/dist/Functions/useIsMobile.js +13 -7
  185. package/dist/Functions/useKeyPress/useHandleKeyPress.js +7 -1
  186. package/dist/Functions/useKeyPress/useKeyPress.js +9 -1
  187. package/dist/Functions/useLocalStorage.js +9 -1
  188. package/dist/Functions/useLocationParams.js +5 -4
  189. package/dist/Functions/useMediaQuery.js +9 -3
  190. package/dist/Functions/useMetaInfo.js +10 -3
  191. package/dist/Functions/useMouseUpOutside.js +3 -0
  192. package/dist/Functions/useOnlineStatus.js +9 -1
  193. package/dist/Functions/usePasswordChecker.js +20 -4
  194. package/dist/Functions/usePrevious.js +5 -1
  195. package/dist/Functions/useResize.js +10 -2
  196. package/dist/Functions/useScrollTo.js +7 -2
  197. package/dist/Functions/useToggle.js +5 -1
  198. package/dist/Functions/utils.js +131 -56
  199. package/dist/Molecular/CustomIcons/components/AffiliateNetworks.js +9 -2
  200. package/dist/Molecular/CustomIcons/components/AlertCircle.js +9 -2
  201. package/dist/Molecular/CustomIcons/components/AppStore.js +9 -2
  202. package/dist/Molecular/CustomIcons/components/Arrow.js +9 -2
  203. package/dist/Molecular/CustomIcons/components/ArrowDown.js +9 -2
  204. package/dist/Molecular/CustomIcons/components/ArrowLeft.js +9 -2
  205. package/dist/Molecular/CustomIcons/components/ArrowRight.js +9 -2
  206. package/dist/Molecular/CustomIcons/components/ArrowUp.js +9 -2
  207. package/dist/Molecular/CustomIcons/components/Bell.js +9 -2
  208. package/dist/Molecular/CustomIcons/components/Button.js +9 -2
  209. package/dist/Molecular/CustomIcons/components/Campaigns.js +9 -2
  210. package/dist/Molecular/CustomIcons/components/Check.js +9 -2
  211. package/dist/Molecular/CustomIcons/components/Check2.js +9 -2
  212. package/dist/Molecular/CustomIcons/components/ChevronDown.js +9 -2
  213. package/dist/Molecular/CustomIcons/components/ChevronDownDisabled.js +9 -2
  214. package/dist/Molecular/CustomIcons/components/ChevronLeft.js +9 -2
  215. package/dist/Molecular/CustomIcons/components/ChevronRight.js +9 -2
  216. package/dist/Molecular/CustomIcons/components/ChevronUp.js +9 -2
  217. package/dist/Molecular/CustomIcons/components/ChevronUpDown.js +9 -2
  218. package/dist/Molecular/CustomIcons/components/Close.js +9 -2
  219. package/dist/Molecular/CustomIcons/components/ColumnsOrder.js +9 -2
  220. package/dist/Molecular/CustomIcons/components/Delete.js +9 -2
  221. package/dist/Molecular/CustomIcons/components/Edit.js +9 -2
  222. package/dist/Molecular/CustomIcons/components/Email.js +9 -2
  223. package/dist/Molecular/CustomIcons/components/FinturfLogo.js +9 -2
  224. package/dist/Molecular/CustomIcons/components/FinturfLogo2.js +9 -2
  225. package/dist/Molecular/CustomIcons/components/Flows.js +9 -2
  226. package/dist/Molecular/CustomIcons/components/Gift.js +9 -2
  227. package/dist/Molecular/CustomIcons/components/GoogleAuth.js +9 -2
  228. package/dist/Molecular/CustomIcons/components/GooglePlay.js +9 -2
  229. package/dist/Molecular/CustomIcons/components/HelpCircle.js +9 -2
  230. package/dist/Molecular/CustomIcons/components/HelpCircle2.js +9 -2
  231. package/dist/Molecular/CustomIcons/components/HelpCircleFilled.js +9 -2
  232. package/dist/Molecular/CustomIcons/components/Home.js +9 -2
  233. package/dist/Molecular/CustomIcons/components/Home2.js +9 -2
  234. package/dist/Molecular/CustomIcons/components/Key.js +9 -2
  235. package/dist/Molecular/CustomIcons/components/Landers.js +9 -2
  236. package/dist/Molecular/CustomIcons/components/Lock.js +9 -2
  237. package/dist/Molecular/CustomIcons/components/Mail.js +9 -2
  238. package/dist/Molecular/CustomIcons/components/Mastercard.js +9 -2
  239. package/dist/Molecular/CustomIcons/components/Minus.js +9 -2
  240. package/dist/Molecular/CustomIcons/components/Offers.js +9 -2
  241. package/dist/Molecular/CustomIcons/components/Pause.js +9 -2
  242. package/dist/Molecular/CustomIcons/components/PayPal.js +9 -2
  243. package/dist/Molecular/CustomIcons/components/PayPalLightLarge.js +9 -2
  244. package/dist/Molecular/CustomIcons/components/Phone.js +9 -2
  245. package/dist/Molecular/CustomIcons/components/Play.js +9 -2
  246. package/dist/Molecular/CustomIcons/components/Plus.js +9 -2
  247. package/dist/Molecular/CustomIcons/components/Profile.js +9 -2
  248. package/dist/Molecular/CustomIcons/components/QRCode.js +9 -2
  249. package/dist/Molecular/CustomIcons/components/Rectangle.js +9 -2
  250. package/dist/Molecular/CustomIcons/components/Revert.js +9 -2
  251. package/dist/Molecular/CustomIcons/components/Star.js +9 -2
  252. package/dist/Molecular/CustomIcons/components/Star2.js +9 -2
  253. package/dist/Molecular/CustomIcons/components/TrafficSources.js +9 -2
  254. package/dist/Molecular/CustomIcons/components/Trash.js +9 -2
  255. package/dist/Molecular/CustomIcons/components/TrashRed.js +9 -2
  256. package/dist/Molecular/CustomIcons/components/Triggers.js +9 -2
  257. package/dist/Molecular/CustomIcons/components/User.js +9 -2
  258. package/dist/Molecular/CustomIcons/components/Visa.js +9 -2
  259. package/dist/Molecular/CustomIcons/components/X.js +9 -2
  260. package/dist/Molecular/CustomIcons/index.js +122 -0
  261. package/dist/Molecular/FormElement/FormElement.js +12 -1
  262. package/dist/Molecular/FormWithDependOn/FormWithDependOn.js +31 -30
  263. package/dist/Molecular/FormWithDependOn/partials/_utils.js +12 -9
  264. package/dist/Molecular/InputAddress/InputAddress.js +114 -65
  265. package/dist/Molecular/InputPassword/InputPassword.js +19 -5
  266. package/dist/index.js +2 -0
  267. package/package.json +1 -1
  268. package/dist/Atomic/UI/Hint/partial/_utils.js +0 -52
@@ -1,27 +1,39 @@
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 _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
11
+
9
12
  var _react = _interopRequireWildcard(require("react"));
13
+
10
14
  var _classnames = _interopRequireDefault(require("classnames"));
15
+
11
16
  var _operations = require("../../../Functions/operations");
17
+
12
18
  var _Button = _interopRequireDefault(require("../../UI/Button/Button"));
19
+
13
20
  var _Input = _interopRequireDefault(require("../Input/Input"));
21
+
14
22
  var _RangeListRow = _interopRequireWildcard(require("./partial/RangeListRow"));
23
+
15
24
  require("./RangeList.scss");
16
- 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); }
17
- function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
18
- // import { numberFilter, numberFilterWithoutDots, rounded } from '../../../Functions/utils';
19
25
 
26
+ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
27
+
28
+ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
29
+
30
+ // import { numberFilter, numberFilterWithoutDots, rounded } from '../../../Functions/utils';
20
31
  const RC = "range-list";
21
32
  const DEFAULT_STATE = {
22
33
  from: "",
23
34
  to: ""
24
35
  };
36
+
25
37
  const RangeList = props => {
26
38
  const {
27
39
  className,
@@ -46,12 +58,12 @@ const RangeList = props => {
46
58
  const isValidRange = Boolean((state === null || state === void 0 ? void 0 : state.from) && (state === null || state === void 0 ? void 0 : state.to) && Number(state === null || state === void 0 ? void 0 : state.from) <= Number(state === null || state === void 0 ? void 0 : state.to));
47
59
  const isShowRow = isOnlyOneRow && (value === null || value === void 0 ? void 0 : value.length) === 0 || !isOnlyOneRow;
48
60
  const handle = {
49
- inputsChange: (val, prop) => setState({
50
- ...state,
61
+ inputsChange: (val, prop) => setState({ ...state,
51
62
  [prop]: val
52
63
  }),
53
64
  addRange: () => {
54
65
  var _validateErrors;
66
+
55
67
  if (isValidRange && ((_validateErrors = !(validateErrors !== null && validateErrors !== void 0 && validateErrors(Number(state.from), Number(state.to)))) !== null && _validateErrors !== void 0 ? _validateErrors : true)) {
56
68
  onChange((0, _operations.addRangeDefault)(Number(state.from), Number(state.to), value, isFloatValues ? decimalPlaces : null));
57
69
  setState(DEFAULT_STATE);
@@ -62,11 +74,13 @@ const RangeList = props => {
62
74
  removeRange: index => onChange(value.filter((item, idx) => idx !== index)),
63
75
  rangeValidation: (e, key) => {
64
76
  const oppositeKey = key === "from" ? "to" : "from";
77
+
65
78
  if (!(state !== null && state !== void 0 && state.from) && !(state !== null && state !== void 0 && state.to)) {
66
79
  setInnerError("");
67
80
  setOuterError("");
68
81
  return e;
69
82
  }
83
+
70
84
  if (!state[oppositeKey]) {
71
85
  const mustToFocus = key === "from" ? inputToRef.current : inputFromRef.current;
72
86
  mustToFocus.focus();
@@ -77,6 +91,7 @@ const RangeList = props => {
77
91
  setInnerError("");
78
92
  if (validateErrors) setOuterError(validateErrors(Number(state.from), Number(state.to)));
79
93
  }
94
+
80
95
  return null;
81
96
  },
82
97
  onKeyUpFromInput: code => {
@@ -88,6 +103,7 @@ const RangeList = props => {
88
103
  if (code === 13) inputToRef.current.blur();
89
104
  }
90
105
  };
106
+
91
107
  const renderInputsAndAddButtonRow = () => /*#__PURE__*/_react.default.createElement("div", {
92
108
  className: (0, _classnames.default)("".concat(RC, "__row"), "".concat(RC, "__inputs"))
93
109
  }, /*#__PURE__*/_react.default.createElement(_RangeListRow.RangeListCell, {
@@ -126,6 +142,7 @@ const RangeList = props => {
126
142
  testId: "range-list".concat(testId && "--".concat(testId), "-button"),
127
143
  onClick: handle.addRange
128
144
  }, "Add")));
145
+
129
146
  return /*#__PURE__*/_react.default.createElement("div", {
130
147
  className: (0, _classnames.default)(RC, className, {
131
148
  ["".concat(RC, "_disabled")]: disabled
@@ -148,4 +165,6 @@ const RangeList = props => {
148
165
  actionClick: () => handle.removeRange(idx)
149
166
  }))));
150
167
  };
151
- var _default = exports.default = RangeList;
168
+
169
+ var _default = RangeList;
170
+ exports.default = _default;
@@ -1,14 +1,20 @@
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 = exports.RangeListCell = 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
  const RC = "range-list";
17
+
12
18
  const RangeListCell = _ref => {
13
19
  let {
14
20
  children,
@@ -23,7 +29,9 @@ const RangeListCell = _ref => {
23
29
  onClick: onClick
24
30
  }, children);
25
31
  };
32
+
26
33
  exports.RangeListCell = RangeListCell;
34
+
27
35
  const RangeListRow = _ref2 => {
28
36
  let {
29
37
  from,
@@ -47,4 +55,6 @@ const RangeListRow = _ref2 => {
47
55
  onClick: () => actionClick(idx)
48
56
  }, /*#__PURE__*/_react.default.createElement(_reactFeather.Trash2, null)));
49
57
  };
50
- var _default = exports.default = RangeListRow;
58
+
59
+ var _default = RangeListRow;
60
+ exports.default = _default;
@@ -1,38 +1,56 @@
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 = RangeSlider;
9
+
8
10
  var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
11
+
9
12
  var _react = _interopRequireWildcard(require("react"));
13
+
10
14
  var _classnames = _interopRequireDefault(require("classnames"));
15
+
11
16
  var _reactFeather = require("react-feather");
17
+
12
18
  var _fieldValueFormatters = require("../../../Functions/fieldValueFormatters");
19
+
13
20
  var _mobileKeyboardTypesPresets = require("../../../Functions/presets/mobileKeyboardTypesPresets");
21
+
14
22
  var _useIsMobile = _interopRequireDefault(require("../../../Functions/useIsMobile"));
23
+
15
24
  var _Input = _interopRequireDefault(require("../Input/Input"));
25
+
16
26
  require("./RangeSlider.scss");
17
- 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); }
18
- 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; }
27
+
28
+ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
29
+
30
+ 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; }
31
+
19
32
  let timer;
20
33
  const DEBOUNCE_TIME = 800;
34
+
21
35
  function debounce(func) {
22
36
  var _this = this;
37
+
23
38
  let timeout = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : DEBOUNCE_TIME;
24
39
  return function () {
25
40
  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
26
41
  args[_key] = arguments[_key];
27
42
  }
43
+
28
44
  clearTimeout(timer);
29
45
  timer = setTimeout(() => {
30
46
  func.apply(_this, args);
31
47
  }, timeout);
32
48
  };
33
49
  }
50
+
34
51
  function RangeSlider(_ref) {
35
52
  var _value$from, _value$to;
53
+
36
54
  let {
37
55
  required,
38
56
  noTrack,
@@ -60,23 +78,30 @@ function RangeSlider(_ref) {
60
78
  const [trackPosition, setTrackPosition] = (0, _react.useState)(0);
61
79
  const fromTriggerRef = (0, _react.useRef)(0);
62
80
  const toTriggerRef = (0, _react.useRef)(0);
81
+
63
82
  const prepareValue = value => {
64
83
  return parseInt(parseFloat(value) * 10 ** precision, 10) / 10 ** precision;
65
84
  };
85
+
66
86
  const [from, setFromValue] = (0, _react.useState)((_value$from = value === null || value === void 0 ? void 0 : value.from) !== null && _value$from !== void 0 ? _value$from : min);
87
+
67
88
  const setFrom = v => setFromValue(prepareValue(v));
89
+
68
90
  const [to, setToValue] = (0, _react.useState)((_value$to = value === null || value === void 0 ? void 0 : value.to) !== null && _value$to !== void 0 ? _value$to : max);
91
+
69
92
  const setTo = v => setToValue(prepareValue(v));
93
+
70
94
  const [focusedType, setFocusedType] = (0, _react.useState)(null);
71
95
  const [frezeedValues, setFrezeedValues] = (0, _react.useState)(null);
72
96
  const [isInputsFocused, setIsInputsFocused] = (0, _react.useState)({
73
97
  from: false,
74
98
  to: false
75
99
  });
76
- const setIsInputFocused = (input, value) => setIsInputsFocused(state => ({
77
- ...state,
100
+
101
+ const setIsInputFocused = (input, value) => setIsInputsFocused(state => ({ ...state,
78
102
  [input]: value
79
103
  }));
104
+
80
105
  const fromValue = frezeedValues ? frezeedValues === null || frezeedValues === void 0 ? void 0 : frezeedValues.from : from;
81
106
  const toValue = frezeedValues ? frezeedValues === null || frezeedValues === void 0 ? void 0 : frezeedValues.to : to;
82
107
  const [movingController, setMovingController] = (0, _react.useState)(null);
@@ -86,48 +111,62 @@ function RangeSlider(_ref) {
86
111
  const [pointsPerPx, setPointsPerPx] = (0, _react.useState)(0);
87
112
  const [extremumRange, setExtremumRange] = (0, _react.useState)(0);
88
113
  const [extremumWidth, setExtremumWidth] = (0, _react.useState)(0);
114
+
89
115
  const countPointsPerPx = width => {
90
116
  return (max - min) / width;
91
117
  };
118
+
92
119
  const resetRange = () => {
93
120
  setFrom(min);
94
121
  setTo(max);
95
122
  };
123
+
96
124
  const getTrackXByPoints = pts => {
97
125
  return (pts - min) / pointsPerPx;
98
126
  };
127
+
99
128
  const getRangeWidth = () => {
100
129
  return getTrackXByPoints(toValue) - getTrackXByPoints(fromValue);
101
130
  };
131
+
102
132
  const getRangeOffset = () => {
103
133
  return getTrackXByPoints(fromValue);
104
134
  };
135
+
105
136
  const getXByPoints = pts => {
106
137
  return (pts - min) / pointsPerPx + trackPosition;
107
138
  };
139
+
108
140
  const getPointsByX = x => {
109
141
  return (x - trackPosition) * pointsPerPx + min;
110
142
  };
143
+
111
144
  const onRangeChange = function (type, value) {
112
145
  let validate = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
113
146
  let callOnChange = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : true;
114
147
  if (validate) value = prepareValue(value);
115
148
  if (isNaN(value)) value = 0;
149
+
116
150
  switch (type) {
117
151
  case "from":
118
152
  const getValidatedFromValue = value => {
119
153
  if (value < min) {
120
154
  value = min;
121
155
  }
156
+
122
157
  if (value > to - minRange) {
123
158
  value = to - minRange;
124
159
  }
160
+
125
161
  return value;
126
162
  };
163
+
127
164
  if (validate) {
128
165
  value = getValidatedFromValue(value);
129
166
  }
167
+
130
168
  validate ? setFrom(value) : setFromValue(value);
169
+
131
170
  if (!isTriggerMoved && callOnChange) {
132
171
  debounce(() => {
133
172
  const values = {
@@ -138,21 +177,28 @@ function RangeSlider(_ref) {
138
177
  setFrezeedValues(values);
139
178
  }, DEBOUNCE_TIME)();
140
179
  }
180
+
141
181
  break;
182
+
142
183
  case "to":
143
184
  const getValidatedToValue = value => {
144
185
  if (value > max) {
145
186
  value = max;
146
187
  }
188
+
147
189
  if (value < from + minRange) {
148
190
  value = from + minRange;
149
191
  }
192
+
150
193
  return value;
151
194
  };
195
+
152
196
  if (validate) {
153
197
  value = getValidatedToValue(value);
154
198
  }
199
+
155
200
  validate ? setTo(value) : setToValue(value);
201
+
156
202
  if (!isTriggerMoved && callOnChange) {
157
203
  debounce(() => {
158
204
  const values = {
@@ -163,27 +209,33 @@ function RangeSlider(_ref) {
163
209
  setFrezeedValues(values);
164
210
  }, DEBOUNCE_TIME)();
165
211
  }
212
+
166
213
  break;
167
214
  }
168
- };
169
- // MouseDown Event Controller
215
+ }; // MouseDown Event Controller
216
+
217
+
170
218
  const onTriggerMouseDown = (e, type) => {
171
219
  if (e.button !== 0 && !isMobile) return; // Отменить обработку, если нажата не левая кнопка мыши
220
+
172
221
  setMovingTrigger(e.target);
173
222
  setMovingTriggerType(type);
174
223
  setIsTriggerMoved(true); // Установить флаг движения в true при клике
175
224
  };
225
+
176
226
  const onTriggerMove = e => {
177
227
  var _e$touches;
228
+
178
229
  if (!isMobile) {
179
230
  e.preventDefault();
180
231
  e.stopPropagation();
181
232
  }
233
+
182
234
  if (!isTriggerMoved) setIsTriggerMoved(true);
183
235
  if (!movingTrigger) return false;
184
236
  let {
185
237
  clientX: x
186
- } = isMobile ? e === null || e === void 0 || (_e$touches = e.touches) === null || _e$touches === void 0 ? void 0 : _e$touches[0] : e;
238
+ } = isMobile ? e === null || e === void 0 ? void 0 : (_e$touches = e.touches) === null || _e$touches === void 0 ? void 0 : _e$touches[0] : e;
187
239
  const {
188
240
  width: triggerWidth = 16
189
241
  } = (movingTrigger === null || movingTrigger === void 0 ? void 0 : movingTrigger.getBoundingClientRect()) || {};
@@ -191,38 +243,49 @@ function RangeSlider(_ref) {
191
243
  x -= triggerWidth / 2;
192
244
  onRangeChange(movingTriggerType, getPointsByX(x));
193
245
  };
246
+
194
247
  const onTriggerMoveEnd = () => {
195
248
  setMovingTrigger(null);
196
249
  setMovingTriggerType(null);
197
250
  setIsTriggerMoved(false);
198
251
  };
252
+
199
253
  const onRangeInputFocus = (e, type) => {
200
254
  setTimeout(() => setIsInputFocused(type, true), 1);
201
255
  };
256
+
202
257
  const onRangeInputBlur = (e, type) => {
258
+ var _e$target;
259
+
260
+ if (!(e !== null && e !== void 0 && (_e$target = e.target) !== null && _e$target !== void 0 && _e$target.value)) {
261
+ onRangeChange(type, type === "from" ? min : max, false, true);
262
+ }
263
+
203
264
  setIsInputFocused(type, false);
204
265
  };
266
+
205
267
  (0, _react.useEffect)(() => {
206
268
  var _value$from2, _value$to2;
269
+
207
270
  onRangeChange("from", (_value$from2 = value === null || value === void 0 ? void 0 : value.from) !== null && _value$from2 !== void 0 ? _value$from2 : max, true, false);
208
271
  onRangeChange("to", (_value$to2 = value === null || value === void 0 ? void 0 : value.to) !== null && _value$to2 !== void 0 ? _value$to2 : min, true, false);
209
- }, []);
272
+ }, []); /// MouseUp Event Controller
210
273
 
211
- /// MouseUp Event Controller
212
274
  (0, _react.useEffect)(() => {
213
275
  document.addEventListener("mouseup", onTriggerMoveEnd);
214
276
  return () => {
215
277
  document.removeEventListener("mouseup", onTriggerMoveEnd);
216
278
  };
217
- }, []);
279
+ }, []); // MouseMove Event Controller
218
280
 
219
- // MouseMove Event Controller
220
281
  (0, _react.useEffect)(() => {
221
282
  // Прекратить обработку, если нет активного триггера или не было движения
222
283
  if (!movingTrigger || !isTriggerMoved) return;
284
+
223
285
  const handleMouseMove = e => {
224
286
  onTriggerMove(e);
225
287
  };
288
+
226
289
  document.addEventListener("mousemove", handleMouseMove);
227
290
  return () => {
228
291
  document.removeEventListener("mousemove", handleMouseMove);
@@ -245,6 +308,7 @@ function RangeSlider(_ref) {
245
308
  to
246
309
  });
247
310
  }
311
+
248
312
  if (isTriggerMoved) setFrezeedValues({
249
313
  from,
250
314
  to
@@ -255,12 +319,13 @@ function RangeSlider(_ref) {
255
319
  setTo(value.to);
256
320
  }, [value]);
257
321
  (0, _react.useLayoutEffect)(() => {
258
- var _trackRef$current, _fromTriggerRef$curre, _toTriggerRef$current;
322
+ var _trackRef$current, _fromTriggerRef$curre, _fromTriggerRef$curre2, _toTriggerRef$current, _toTriggerRef$current2;
323
+
259
324
  let {
260
325
  width,
261
326
  x
262
- } = (trackRef === null || trackRef === void 0 || (_trackRef$current = trackRef.current) === null || _trackRef$current === void 0 ? void 0 : _trackRef$current.getBoundingClientRect()) || {};
263
- width -= (fromTriggerRef === null || fromTriggerRef === void 0 || (_fromTriggerRef$curre = fromTriggerRef.current) === null || _fromTriggerRef$curre === void 0 || (_fromTriggerRef$curre = _fromTriggerRef$curre.getBoundingClientRect()) === null || _fromTriggerRef$curre === void 0 ? void 0 : _fromTriggerRef$curre.width) || (toTriggerRef === null || toTriggerRef === void 0 || (_toTriggerRef$current = toTriggerRef.current) === null || _toTriggerRef$current === void 0 || (_toTriggerRef$current = _toTriggerRef$current.getBoundingClientRect()) === null || _toTriggerRef$current === void 0 ? void 0 : _toTriggerRef$current.width);
327
+ } = (trackRef === null || trackRef === void 0 ? void 0 : (_trackRef$current = trackRef.current) === null || _trackRef$current === void 0 ? void 0 : _trackRef$current.getBoundingClientRect()) || {};
328
+ width -= (fromTriggerRef === null || fromTriggerRef === void 0 ? void 0 : (_fromTriggerRef$curre = fromTriggerRef.current) === null || _fromTriggerRef$curre === void 0 ? void 0 : (_fromTriggerRef$curre2 = _fromTriggerRef$curre.getBoundingClientRect()) === null || _fromTriggerRef$curre2 === void 0 ? void 0 : _fromTriggerRef$curre2.width) || (toTriggerRef === null || toTriggerRef === void 0 ? void 0 : (_toTriggerRef$current = toTriggerRef.current) === null || _toTriggerRef$current === void 0 ? void 0 : (_toTriggerRef$current2 = _toTriggerRef$current.getBoundingClientRect()) === null || _toTriggerRef$current2 === void 0 ? void 0 : _toTriggerRef$current2.width);
264
329
  setPointsPerPx(countPointsPerPx(width));
265
330
  setTrackWidth(width);
266
331
  setTrackPosition(x);
@@ -275,6 +340,7 @@ function RangeSlider(_ref) {
275
340
  });
276
341
  }
277
342
  }, [isInputsFocused]);
343
+
278
344
  const renderLabel = () => {
279
345
  return /*#__PURE__*/_react.default.createElement("div", {
280
346
  className: "range-slider__header__label"
@@ -282,6 +348,7 @@ function RangeSlider(_ref) {
282
348
  className: "label_isRequired"
283
349
  }, "*"));
284
350
  };
351
+
285
352
  const renderSelectedRange = () => {
286
353
  return /*#__PURE__*/_react.default.createElement("div", {
287
354
  className: "range-slider__header__selected-range"
@@ -292,11 +359,13 @@ function RangeSlider(_ref) {
292
359
  onClick: resetRange
293
360
  }, /*#__PURE__*/_react.default.createElement(_reactFeather.X, null)));
294
361
  };
362
+
295
363
  const renderHeader = () => {
296
364
  return /*#__PURE__*/_react.default.createElement("div", {
297
365
  className: "range-slider__header"
298
366
  }, renderLabel(), min !== fromValue || max !== toValue ? renderSelectedRange() : null);
299
367
  };
368
+
300
369
  const renderInputs = () => {
301
370
  return /*#__PURE__*/_react.default.createElement("div", {
302
371
  className: "range-slider__inputs"
@@ -332,6 +401,7 @@ function RangeSlider(_ref) {
332
401
  isPriceInput: isUseBitPoints
333
402
  }, _mobileKeyboardTypesPresets.NUMERIC_KEYBOARD))));
334
403
  };
404
+
335
405
  const renderTrackRange = () => {
336
406
  const style = {
337
407
  width: "".concat(getRangeWidth(), "px"),
@@ -342,6 +412,7 @@ function RangeSlider(_ref) {
342
412
  style: style
343
413
  });
344
414
  };
415
+
345
416
  const renderTrackTriggers = () => {
346
417
  const fromStyle = {
347
418
  left: "".concat(getTrackXByPoints(fromValue), "px")
@@ -349,6 +420,7 @@ function RangeSlider(_ref) {
349
420
  const toStyle = {
350
421
  left: "".concat(getTrackXByPoints(toValue), "px")
351
422
  };
423
+
352
424
  const renderTrack = () => {
353
425
  return /*#__PURE__*/_react.default.createElement("div", {
354
426
  className: (0, _classnames.default)("range-slider__track", {
@@ -359,6 +431,7 @@ function RangeSlider(_ref) {
359
431
  className: "range-slider__track__line"
360
432
  }), renderTrackRange(), renderTrackTriggers());
361
433
  };
434
+
362
435
  return /*#__PURE__*/_react.default.createElement("div", {
363
436
  className: "range-slider__track__range-triggers"
364
437
  }, /*#__PURE__*/_react.default.createElement("div", {
@@ -371,6 +444,7 @@ function RangeSlider(_ref) {
371
444
  onTouchMove: onTriggerMove,
372
445
  onTouchEnd: onTriggerMoveEnd,
373
446
  onClick: () => {} // DONT REMOVE! MOBILE WILL NOT WORK WITHOUT IT
447
+
374
448
  }), /*#__PURE__*/_react.default.createElement("div", {
375
449
  "data-testid": "rangeSlider--track--".concat(testId, "--type-to"),
376
450
  ref: toTriggerRef,
@@ -381,8 +455,10 @@ function RangeSlider(_ref) {
381
455
  onTouchMove: onTriggerMove,
382
456
  onTouchEnd: onTriggerMoveEnd,
383
457
  onClick: () => {} // DONT REMOVE! MOBILE WILL NOT WORK WITHOUT IT
458
+
384
459
  }));
385
460
  };
461
+
386
462
  const renderTrack = () => {
387
463
  return /*#__PURE__*/_react.default.createElement("div", {
388
464
  className: (0, _classnames.default)("range-slider__track", {
@@ -393,6 +469,7 @@ function RangeSlider(_ref) {
393
469
  className: "range-slider__track__line"
394
470
  }), renderTrackRange(), renderTrackTriggers());
395
471
  };
472
+
396
473
  return /*#__PURE__*/_react.default.createElement("div", {
397
474
  className: "range-slider"
398
475
  }, renderHeader(), renderInputs(), renderTrack());