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.
- package/dist/Atomic/FormElements/ActionAlert/ActionAlert.js +9 -1
- package/dist/Atomic/FormElements/AdvancedStatus/AdvancedStatus.js +10 -1
- package/dist/Atomic/FormElements/Calendar/Calendar.js +24 -4
- package/dist/Atomic/FormElements/CheckboxInput/CheckboxInput.js +10 -1
- package/dist/Atomic/FormElements/CheckboxesLine/CheckboxesLine.js +14 -2
- package/dist/Atomic/FormElements/Datepicker/Datepicker.js +54 -5
- package/dist/Atomic/FormElements/Datepicker/components/Calendar.js +21 -3
- package/dist/Atomic/FormElements/Dropdown/Dropdown.js +145 -52
- package/dist/Atomic/FormElements/Dropdown/components/DropdownLoader.js +7 -1
- package/dist/Atomic/FormElements/DropdownLiveSearch/DropdownLiveSearch.js +91 -25
- package/dist/Atomic/FormElements/FileLoader/FileLoader.js +15 -3
- package/dist/Atomic/FormElements/FileLoader/partial/LoadZone.js +29 -15
- package/dist/Atomic/FormElements/FileLoader/partial/LoadedContent.js +15 -5
- package/dist/Atomic/FormElements/FileLoaderDescription/FileLoaderDescription.js +20 -4
- package/dist/Atomic/FormElements/FileLoaderLocal/FileLoaderLocal.js +26 -6
- package/dist/Atomic/FormElements/FileLoaderLocalGroup/FileLoaderLocalGroup.js +35 -19
- package/dist/Atomic/FormElements/FormattedRawSSN/FormattedRawSSN.js +38 -9
- package/dist/Atomic/FormElements/Input/Input.js +60 -25
- package/dist/Atomic/FormElements/InputCalendar/InputCalendar.js +31 -4
- package/dist/Atomic/FormElements/InputColor/InputColor.js +14 -4
- package/dist/Atomic/FormElements/InputCurrency/InputCurrency.js +29 -6
- package/dist/Atomic/FormElements/InputDateRange/InputDateRange.js +43 -8
- package/dist/Atomic/FormElements/InputDateRange/components/DateInput.js +21 -3
- package/dist/Atomic/FormElements/InputDateRange/components/Datepicker.js +81 -58
- package/dist/Atomic/FormElements/InputDateRange/components/OpenedPart.js +41 -6
- package/dist/Atomic/FormElements/InputDateRange/components/SelectItem.js +8 -1
- package/dist/Atomic/FormElements/InputDateRange/dependencies.js +46 -16
- package/dist/Atomic/FormElements/InputLink/InputLink.js +23 -6
- package/dist/Atomic/FormElements/InputMask/InputCarretPosition.js +4 -0
- package/dist/Atomic/FormElements/InputMask/InputMask.js +208 -77
- package/dist/Atomic/FormElements/InputMask/functions.js +28 -2
- package/dist/Atomic/FormElements/InputMask2/InputMask2.js +119 -43
- package/dist/Atomic/FormElements/InputMask2/functions.js +28 -2
- package/dist/Atomic/FormElements/InputMask3/InputMask3.js +137 -44
- package/dist/Atomic/FormElements/InputMask3/functions.js +28 -2
- package/dist/Atomic/FormElements/InputWithAction/InputWithAction.js +17 -3
- package/dist/Atomic/FormElements/InputsRow/InputsRow.js +24 -5
- package/dist/Atomic/FormElements/Label/Label.js +9 -1
- package/dist/Atomic/FormElements/MobileCalendar/MobileCalendar.js +73 -35
- package/dist/Atomic/FormElements/MultiSelect/MultiSelect.js +15 -3
- package/dist/Atomic/FormElements/NumericInput/NumericInput.js +44 -23
- package/dist/Atomic/FormElements/RadioGroup/RadioGroup.js +17 -7
- package/dist/Atomic/FormElements/RadioGroupWithInput/RadioGroupWithInput.js +14 -3
- package/dist/Atomic/FormElements/RadioInput/RadioInput.js +10 -1
- package/dist/Atomic/FormElements/RadioRowSwitcher/RadioRowSwitcher.js +14 -3
- package/dist/Atomic/FormElements/RangeCalendar/RangeCalendar.js +23 -3
- package/dist/Atomic/FormElements/RangeInputs/RangeInputs.js +34 -17
- package/dist/Atomic/FormElements/RangeList/RangeList.js +25 -6
- package/dist/Atomic/FormElements/RangeList/partial/RangeListRow.js +11 -1
- package/dist/Atomic/FormElements/RangeSlider/RangeSlider.js +91 -14
- package/dist/Atomic/FormElements/RangeSlider2/RangeSlider2.js +132 -43
- package/dist/Atomic/FormElements/SwitchableRow/SwitchableRow.js +10 -1
- package/dist/Atomic/FormElements/Switcher/Switcher.js +10 -1
- package/dist/Atomic/FormElements/SwitcherCheckbox/SwitcherCheckbox.js +13 -1
- package/dist/Atomic/FormElements/SwitcherHide/SwitcherHide.js +10 -1
- package/dist/Atomic/FormElements/SwitcherRadio/SwitcherRadio.js +17 -2
- package/dist/Atomic/FormElements/SwitcherRange/SwitcherRange.js +17 -3
- package/dist/Atomic/FormElements/SwitcherRangeList/SwitcherRangeList.js +11 -1
- package/dist/Atomic/FormElements/SwitcherTagsDropdown/SwitcherTagsDropdown.js +29 -6
- package/dist/Atomic/FormElements/SwitcherTagsDropdown/partial/States.js +3 -2
- package/dist/Atomic/FormElements/SwitcherTextarea/SwitcherTextarea.js +12 -1
- package/dist/Atomic/FormElements/TagListToDropdown/TagListToDropdown.js +23 -6
- package/dist/Atomic/FormElements/TagsDropdown/TagsDropdown.js +223 -105
- package/dist/Atomic/FormElements/Text/Text.js +16 -10
- package/dist/Atomic/FormElements/TextSwitcher/TextSwitcher.js +9 -1
- package/dist/Atomic/FormElements/Textarea/Textarea.js +16 -5
- package/dist/Atomic/FormElements/TieredCheckboxes/TieredCheckboxes.js +35 -6
- package/dist/Atomic/FormElements/TieredCheckboxes/partial/AccordionWithCheckbox.js +13 -4
- package/dist/Atomic/FormElements/TimeRange/TimeRange.js +21 -7
- package/dist/Atomic/FormElements/UserContacts/UserContacts.js +35 -8
- package/dist/Atomic/FormElements/UserContacts/partial/defaultIcons.js +91 -0
- package/dist/Atomic/FormElements/VariantsListRadio/VariantsListRadio.js +18 -5
- package/dist/Atomic/FormElements/VariantsListRadio/partials/VariantsListRadioItem.js +10 -3
- package/dist/Atomic/FormElements/WidgetPseudoTable/WidgetPseudoTable.js +11 -3
- package/dist/Atomic/FormElements/WidgetPseudoTable/partial/constructor.js +2 -1
- package/dist/Atomic/FormElements/WidgetWithSwitchableRows/WidgetWithSwitchableRows.js +12 -5
- package/dist/Atomic/FormElements/WidgetWithSwitchableRows/partial/constructor.js +3 -3
- package/dist/Atomic/Layout/Header/Header.js +15 -3
- package/dist/Atomic/Layout/MainMenu/MainMenu.js +20 -3
- package/dist/Atomic/Layout/Spinner/Spinner.js +8 -1
- package/dist/Atomic/UI/Accordion/Accordion.js +19 -3
- package/dist/Atomic/UI/Accordion/AccordionItem.js +23 -9
- package/dist/Atomic/UI/AccordionTable/AccordionTable.js +32 -7
- package/dist/Atomic/UI/AccordionText/AccordionText.js +17 -3
- package/dist/Atomic/UI/AdvancedTag/AdvTag.js +21 -4
- package/dist/Atomic/UI/AdvancedTag/AdvancedTags.js +15 -3
- package/dist/Atomic/UI/Alert/Alert.js +19 -3
- package/dist/Atomic/UI/Arrow/Arrow.js +16 -3
- package/dist/Atomic/UI/Box/Box.js +9 -3
- package/dist/Atomic/UI/Button/Button.js +11 -2
- package/dist/Atomic/UI/ButtonsBar/ButtonsBar.js +10 -1
- package/dist/Atomic/UI/Chart/Chart.js +29 -4
- package/dist/Atomic/UI/Chart/partial/Chart.constants.js +19 -11
- package/dist/Atomic/UI/Chart/partial/ChartTypeSwitcherIcon/ChartTypeSwitcherIcon.js +12 -1
- package/dist/Atomic/UI/Chart/partial/datasetSetters.js +34 -11
- package/dist/Atomic/UI/Chart/partial/optionsConstructor.js +56 -82
- package/dist/Atomic/UI/Chart/partial/optionsSetters.js +19 -15
- package/dist/Atomic/UI/Chart/partial/utils.js +20 -6
- package/dist/Atomic/UI/CircleProgressBar/CircleProgressBar.js +13 -3
- package/dist/Atomic/UI/DateTime/DateTime.js +14 -3
- package/dist/Atomic/UI/DebugContainer/DebugContainer.js +16 -4
- package/dist/Atomic/UI/DebugContainer/useDebugContainer.js +11 -3
- package/dist/Atomic/UI/DoubleString/DoubleString.js +17 -5
- package/dist/Atomic/UI/DynamicIcon/DynamicIcon.js +10 -3
- package/dist/Atomic/UI/ExampleChartIntegration/ExampleChartIntegration.js +52 -17
- package/dist/Atomic/UI/ExampleChartIntegration/partial/utils.js +29 -1
- package/dist/Atomic/UI/Hint/Hint.js +39 -13
- package/dist/Atomic/UI/Hint/partials/_utils.js +19 -4
- package/dist/Atomic/UI/Modal/Modal.js +28 -6
- package/dist/Atomic/UI/Modal/ModalHOC.js +9 -1
- package/dist/Atomic/UI/Modal/partials/ModalFooter.js +7 -1
- package/dist/Atomic/UI/Modal/partials/ModalTitle.js +8 -1
- package/dist/Atomic/UI/Modal/partials/useMobileModal.js +49 -32
- package/dist/Atomic/UI/ModalBackup/Modal.js +174 -0
- package/dist/Atomic/UI/ModalBackup/Modal.scss +333 -0
- package/dist/Atomic/UI/ModalBackup/ModalHOC.js +51 -0
- package/dist/Atomic/UI/ModalBackup/partials/ModalFooter.js +24 -0
- package/dist/Atomic/UI/ModalBackup/partials/ModalTitle.js +41 -0
- package/dist/Atomic/UI/MonoAccordion/MonoAccordion.js +21 -6
- package/dist/Atomic/UI/NavLine/NavLine.js +55 -26
- package/dist/Atomic/UI/NavLine/Tabs.js +3 -2
- package/dist/Atomic/UI/PageTitle/PageTitle.js +10 -2
- package/dist/Atomic/UI/PieChart/PieChart.js +10 -1
- package/dist/Atomic/UI/Price/Price.js +8 -3
- package/dist/Atomic/UI/PriceRange/PriceRange.js +7 -1
- package/dist/Atomic/UI/ProgressLine/ProgressLine.js +16 -1
- package/dist/Atomic/UI/Status/Status.js +8 -1
- package/dist/Atomic/UI/Table/Partials/TdCell.js +29 -5
- package/dist/Atomic/UI/Table/Partials/TdHeader.js +11 -1
- package/dist/Atomic/UI/Table/Partials/TdRow.js +17 -5
- package/dist/Atomic/UI/Table/Partials/TdTitle.js +14 -3
- package/dist/Atomic/UI/Table/Table.js +12 -1
- package/dist/Atomic/UI/Table/TdTypes/TdActions.js +18 -2
- package/dist/Atomic/UI/Table/TdTypes/TdPriority.js +9 -1
- package/dist/Atomic/UI/Table/TdTypes/TdRange.js +4 -1
- package/dist/Atomic/UI/Table/TdTypes/TdWeight.js +13 -1
- package/dist/Atomic/UI/Tag/Tag.js +26 -11
- package/dist/Atomic/UI/TagList/TagList.js +41 -18
- package/dist/Atomic/UI/UserBox/UserBox.js +13 -1
- package/dist/Atomic/UI/WizardStepper/constructor.js +11 -3
- package/dist/Atomic/UI/WizardStepper/index.js +5 -1
- package/dist/Atomic/UI/WizardStepper/ui/StateIcon/StateIcon.js +10 -0
- package/dist/Atomic/UI/WizardStepper/ui/StateIcon/index.js +4 -1
- package/dist/Atomic/UI/WizardStepper/ui/StepRow/StepRow.js +17 -2
- package/dist/Atomic/UI/WizardStepper/ui/StepRow/index.js +5 -1
- package/dist/Atomic/UI/WizardStepper/ui/StepWrapper/StepWrapper.js +15 -1
- package/dist/Atomic/UI/WizardStepper/ui/StepWrapper/index.js +5 -1
- package/dist/Atomic/UI/WizardStepper/ui/icons.js +9 -2
- package/dist/Atomic/UI/WizardStepper/ui/index.js +5 -1
- package/dist/Classes/AbortableFetch.js +93 -36
- package/dist/Classes/AnimatedHandler.js +7 -3
- package/dist/Classes/RESTAPI/index.js +43 -39
- package/dist/Classes/RESTAPI/partials/AbortableFetch.js +93 -35
- package/dist/Classes/RESTAPI/partials/ApiBase.js +9 -1
- package/dist/Classes/RESTAPI/partials/ApiRequestCreators.js +32 -24
- package/dist/Classes/RESTAPI/partials/ApiUtils.js +41 -34
- package/dist/Classes/RESTAPI/partials/CredentialsProcessing.js +46 -21
- package/dist/Classes/RESTAPI/partials/Utils.js +19 -6
- package/dist/Classes/RESTAPI/partials/_outerDependencies.js +6 -2
- package/dist/Classes/RESTAPI/partials/_utils.js +39 -16
- package/dist/Constants/index.constants.js +15 -8
- package/dist/Functions/Portal.js +16 -5
- package/dist/Functions/customEventListener.js +17 -4
- package/dist/Functions/fieldValueFormatters.js +83 -43
- package/dist/Functions/hooks/useFormFieldsChangesManager.js +26 -23
- package/dist/Functions/locale/createTranslator.js +9 -4
- package/dist/Functions/operations.js +22 -12
- package/dist/Functions/presets/inputMaskPresets.js +11 -9
- package/dist/Functions/presets/inputPresets.js +11 -8
- package/dist/Functions/presets/mobileKeyboardTypesPresets.js +9 -7
- package/dist/Functions/schemas.js +13 -6
- package/dist/Functions/useBodyScrollLock.js +6 -1
- package/dist/Functions/useClickOutside.js +4 -0
- package/dist/Functions/useDebounce.js +7 -2
- package/dist/Functions/useFieldFocus.js +18 -6
- package/dist/Functions/useFormTools/form-drivers/ArrayWithObjects.js +9 -0
- package/dist/Functions/useFormTools/form-drivers/ObjectWithIterableObjects.js +23 -12
- package/dist/Functions/useFormTools/form-drivers/ObjectWithNamedKeyObjects.js +15 -6
- package/dist/Functions/useFormTools/functions/General.js +28 -18
- package/dist/Functions/useFormTools/functions/RenderFields.js +11 -2
- package/dist/Functions/useFormTools/functions/usePrevious.js +5 -1
- package/dist/Functions/useFormTools/index.js +144 -85
- package/dist/Functions/useInputHighlightError.js +12 -3
- package/dist/Functions/useIsMobile.js +13 -7
- package/dist/Functions/useKeyPress/useHandleKeyPress.js +7 -1
- package/dist/Functions/useKeyPress/useKeyPress.js +9 -1
- package/dist/Functions/useLocalStorage.js +9 -1
- package/dist/Functions/useLocationParams.js +5 -4
- package/dist/Functions/useMediaQuery.js +9 -3
- package/dist/Functions/useMetaInfo.js +10 -3
- package/dist/Functions/useMouseUpOutside.js +3 -0
- package/dist/Functions/useOnlineStatus.js +9 -1
- package/dist/Functions/usePasswordChecker.js +20 -4
- package/dist/Functions/usePrevious.js +5 -1
- package/dist/Functions/useResize.js +10 -2
- package/dist/Functions/useScrollTo.js +7 -2
- package/dist/Functions/useToggle.js +5 -1
- package/dist/Functions/utils.js +131 -56
- package/dist/Molecular/CustomIcons/components/AffiliateNetworks.js +9 -2
- package/dist/Molecular/CustomIcons/components/AlertCircle.js +9 -2
- package/dist/Molecular/CustomIcons/components/AppStore.js +9 -2
- package/dist/Molecular/CustomIcons/components/Arrow.js +9 -2
- package/dist/Molecular/CustomIcons/components/ArrowDown.js +9 -2
- package/dist/Molecular/CustomIcons/components/ArrowLeft.js +9 -2
- package/dist/Molecular/CustomIcons/components/ArrowRight.js +9 -2
- package/dist/Molecular/CustomIcons/components/ArrowUp.js +9 -2
- package/dist/Molecular/CustomIcons/components/Bell.js +9 -2
- package/dist/Molecular/CustomIcons/components/Button.js +9 -2
- package/dist/Molecular/CustomIcons/components/Campaigns.js +9 -2
- package/dist/Molecular/CustomIcons/components/Check.js +9 -2
- package/dist/Molecular/CustomIcons/components/Check2.js +9 -2
- package/dist/Molecular/CustomIcons/components/ChevronDown.js +9 -2
- package/dist/Molecular/CustomIcons/components/ChevronDownDisabled.js +9 -2
- package/dist/Molecular/CustomIcons/components/ChevronLeft.js +9 -2
- package/dist/Molecular/CustomIcons/components/ChevronRight.js +9 -2
- package/dist/Molecular/CustomIcons/components/ChevronUp.js +9 -2
- package/dist/Molecular/CustomIcons/components/ChevronUpDown.js +9 -2
- package/dist/Molecular/CustomIcons/components/Close.js +9 -2
- package/dist/Molecular/CustomIcons/components/ColumnsOrder.js +9 -2
- package/dist/Molecular/CustomIcons/components/Delete.js +9 -2
- package/dist/Molecular/CustomIcons/components/Edit.js +9 -2
- package/dist/Molecular/CustomIcons/components/Email.js +9 -2
- package/dist/Molecular/CustomIcons/components/FinturfLogo.js +9 -2
- package/dist/Molecular/CustomIcons/components/FinturfLogo2.js +9 -2
- package/dist/Molecular/CustomIcons/components/Flows.js +9 -2
- package/dist/Molecular/CustomIcons/components/Gift.js +9 -2
- package/dist/Molecular/CustomIcons/components/GoogleAuth.js +9 -2
- package/dist/Molecular/CustomIcons/components/GooglePlay.js +9 -2
- package/dist/Molecular/CustomIcons/components/HelpCircle.js +9 -2
- package/dist/Molecular/CustomIcons/components/HelpCircle2.js +9 -2
- package/dist/Molecular/CustomIcons/components/HelpCircleFilled.js +9 -2
- package/dist/Molecular/CustomIcons/components/Home.js +9 -2
- package/dist/Molecular/CustomIcons/components/Home2.js +9 -2
- package/dist/Molecular/CustomIcons/components/Key.js +9 -2
- package/dist/Molecular/CustomIcons/components/Landers.js +9 -2
- package/dist/Molecular/CustomIcons/components/Lock.js +9 -2
- package/dist/Molecular/CustomIcons/components/Mail.js +9 -2
- package/dist/Molecular/CustomIcons/components/Mastercard.js +9 -2
- package/dist/Molecular/CustomIcons/components/Minus.js +9 -2
- package/dist/Molecular/CustomIcons/components/Offers.js +9 -2
- package/dist/Molecular/CustomIcons/components/Pause.js +9 -2
- package/dist/Molecular/CustomIcons/components/PayPal.js +9 -2
- package/dist/Molecular/CustomIcons/components/PayPalLightLarge.js +9 -2
- package/dist/Molecular/CustomIcons/components/Phone.js +9 -2
- package/dist/Molecular/CustomIcons/components/Play.js +9 -2
- package/dist/Molecular/CustomIcons/components/Plus.js +9 -2
- package/dist/Molecular/CustomIcons/components/Profile.js +9 -2
- package/dist/Molecular/CustomIcons/components/QRCode.js +9 -2
- package/dist/Molecular/CustomIcons/components/Rectangle.js +9 -2
- package/dist/Molecular/CustomIcons/components/Revert.js +9 -2
- package/dist/Molecular/CustomIcons/components/Star.js +9 -2
- package/dist/Molecular/CustomIcons/components/Star2.js +9 -2
- package/dist/Molecular/CustomIcons/components/TrafficSources.js +9 -2
- package/dist/Molecular/CustomIcons/components/Trash.js +9 -2
- package/dist/Molecular/CustomIcons/components/TrashRed.js +9 -2
- package/dist/Molecular/CustomIcons/components/Triggers.js +9 -2
- package/dist/Molecular/CustomIcons/components/User.js +9 -2
- package/dist/Molecular/CustomIcons/components/Visa.js +9 -2
- package/dist/Molecular/CustomIcons/components/X.js +9 -2
- package/dist/Molecular/CustomIcons/index.js +122 -0
- package/dist/Molecular/FormElement/FormElement.js +12 -1
- package/dist/Molecular/FormWithDependOn/FormWithDependOn.js +31 -30
- package/dist/Molecular/FormWithDependOn/partials/_utils.js +12 -9
- package/dist/Molecular/InputAddress/InputAddress.js +114 -65
- package/dist/Molecular/InputPassword/InputPassword.js +19 -5
- package/dist/index.js +2 -0
- package/package.json +1 -1
- 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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
18
|
-
function
|
|
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
|
-
|
|
77
|
-
|
|
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
|
-
|
|
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
|
|
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
|
|
263
|
-
width -= (fromTriggerRef === null || fromTriggerRef === void 0
|
|
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());
|