intelicoreact 1.3.39 → 1.3.40
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 +144 -51
- package/dist/Atomic/FormElements/Dropdown/components/DropdownLoader.js +7 -1
- package/dist/Atomic/FormElements/DropdownLiveSearch/DropdownLiveSearch.js +47 -9
- 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/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 +57 -24
- 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 +27 -6
- package/dist/Atomic/FormElements/InputDateRange/InputDateRange.js +42 -7
- 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 +44 -14
- 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 +72 -14
- package/dist/Atomic/FormElements/RangeSlider2/RangeSlider2.js +124 -40
- 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/TagsDropdown/TagsDropdown.js +146 -54
- 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 +12 -1
- 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 +15 -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 +16 -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 +30 -5
- package/dist/Atomic/UI/Modal/Modal.js +29 -6
- package/dist/Atomic/UI/Modal/ModalHOC.js +10 -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 +90 -65
- package/dist/Atomic/UI/ModalBackup/ModalHOC.js +21 -12
- package/dist/Atomic/UI/ModalBackup/partials/ModalFooter.js +11 -6
- package/dist/Atomic/UI/ModalBackup/partials/ModalTitle.js +19 -15
- 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 +14 -3
- package/dist/Atomic/UI/TagList/TagList.js +35 -19
- package/dist/Atomic/UI/UserBox/UserBox.js +13 -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 +19 -7
- package/dist/Classes/RESTAPI/partials/ApiUtils.js +35 -28
- package/dist/Classes/RESTAPI/partials/CredentialsProcessing.js +44 -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 +36 -13
- 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 +12 -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/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 +127 -49
- 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
|
@@ -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,23 +1,37 @@
|
|
|
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
|
function RangeSlider(_ref) {
|
|
20
33
|
var _value$from, _value$to;
|
|
34
|
+
|
|
21
35
|
let {
|
|
22
36
|
required,
|
|
23
37
|
noTrack,
|
|
@@ -45,23 +59,30 @@ function RangeSlider(_ref) {
|
|
|
45
59
|
const [trackPosition, setTrackPosition] = (0, _react.useState)(0);
|
|
46
60
|
const fromTriggerRef = (0, _react.useRef)(0);
|
|
47
61
|
const toTriggerRef = (0, _react.useRef)(0);
|
|
62
|
+
|
|
48
63
|
const prepareValue = value => {
|
|
49
64
|
return parseInt(parseFloat(value) * 10 ** precision, 10) / 10 ** precision;
|
|
50
65
|
};
|
|
66
|
+
|
|
51
67
|
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);
|
|
68
|
+
|
|
52
69
|
const setFrom = v => setFromValue(prepareValue(v));
|
|
70
|
+
|
|
53
71
|
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);
|
|
72
|
+
|
|
54
73
|
const setTo = v => setToValue(prepareValue(v));
|
|
74
|
+
|
|
55
75
|
const [focusedType, setFocusedType] = (0, _react.useState)(null);
|
|
56
76
|
const [frezeedValues, setFrezeedValues] = (0, _react.useState)(null);
|
|
57
77
|
const [isInputsFocused, setIsInputsFocused] = (0, _react.useState)({
|
|
58
78
|
from: false,
|
|
59
79
|
to: false
|
|
60
80
|
});
|
|
61
|
-
|
|
62
|
-
|
|
81
|
+
|
|
82
|
+
const setIsInputFocused = (input, value) => setIsInputsFocused(state => ({ ...state,
|
|
63
83
|
[input]: value
|
|
64
84
|
}));
|
|
85
|
+
|
|
65
86
|
const fromValue = frezeedValues ? frezeedValues === null || frezeedValues === void 0 ? void 0 : frezeedValues.from : from;
|
|
66
87
|
const toValue = frezeedValues ? frezeedValues === null || frezeedValues === void 0 ? void 0 : frezeedValues.to : to;
|
|
67
88
|
const [movingController, setMovingController] = (0, _react.useState)(null);
|
|
@@ -71,75 +92,94 @@ function RangeSlider(_ref) {
|
|
|
71
92
|
const [pointsPerPx, setPointsPerPx] = (0, _react.useState)(0);
|
|
72
93
|
const [extremumRange, setExtremumRange] = (0, _react.useState)(0);
|
|
73
94
|
const [extremumWidth, setExtremumWidth] = (0, _react.useState)(0);
|
|
95
|
+
|
|
74
96
|
const countPointsPerPx = width => {
|
|
75
97
|
return (max - min) / width;
|
|
76
98
|
};
|
|
99
|
+
|
|
77
100
|
const resetRange = () => {
|
|
78
101
|
setFrom(min);
|
|
79
102
|
setTo(max);
|
|
80
103
|
};
|
|
104
|
+
|
|
81
105
|
const getTrackXByPoints = pts => {
|
|
82
106
|
return (pts - min) / pointsPerPx;
|
|
83
107
|
};
|
|
108
|
+
|
|
84
109
|
const getRangeWidth = () => {
|
|
85
110
|
return getTrackXByPoints(toValue) - getTrackXByPoints(fromValue);
|
|
86
111
|
};
|
|
112
|
+
|
|
87
113
|
const getRangeOffset = () => {
|
|
88
114
|
return getTrackXByPoints(fromValue);
|
|
89
115
|
};
|
|
116
|
+
|
|
90
117
|
const getXByPoints = pts => {
|
|
91
118
|
return (pts - min) / pointsPerPx + trackPosition;
|
|
92
119
|
};
|
|
120
|
+
|
|
93
121
|
const getPointsByX = x => {
|
|
94
122
|
return (x - trackPosition) * pointsPerPx + min;
|
|
95
123
|
};
|
|
124
|
+
|
|
96
125
|
const onRangeChange = function (type, value) {
|
|
97
126
|
let validate = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
|
|
98
127
|
if (validate) value = prepareValue(value);
|
|
99
128
|
if (isNaN(value)) value = 0;
|
|
129
|
+
|
|
100
130
|
switch (type) {
|
|
101
131
|
case "from":
|
|
102
132
|
if (validate) {
|
|
103
133
|
if (value < min) {
|
|
104
134
|
value = min;
|
|
105
135
|
}
|
|
136
|
+
|
|
106
137
|
if (value > to - minRange) {
|
|
107
138
|
value = to - minRange;
|
|
108
139
|
}
|
|
109
140
|
}
|
|
141
|
+
|
|
110
142
|
validate ? setFrom(value) : setFromValue(value);
|
|
111
143
|
break;
|
|
144
|
+
|
|
112
145
|
case "to":
|
|
113
146
|
if (validate) {
|
|
114
147
|
if (value > max) {
|
|
115
148
|
value = max;
|
|
116
149
|
}
|
|
150
|
+
|
|
117
151
|
if (value < from + minRange) {
|
|
118
152
|
value = from + minRange;
|
|
119
153
|
}
|
|
120
154
|
}
|
|
155
|
+
|
|
121
156
|
validate ? setTo(value) : setToValue(value);
|
|
122
157
|
break;
|
|
123
158
|
}
|
|
124
|
-
};
|
|
125
|
-
|
|
159
|
+
}; // MouseDown Event Controller
|
|
160
|
+
|
|
161
|
+
|
|
126
162
|
const onTriggerMouseDown = (e, type) => {
|
|
127
163
|
if (e.button !== 0 && !isMobile) return; // Отменить обработку, если нажата не левая кнопка мыши
|
|
164
|
+
|
|
128
165
|
setMovingTrigger(e.target);
|
|
129
166
|
setMovingTriggerType(type);
|
|
130
167
|
setIsTriggerMoved(true); // Установить флаг движения в true при клике
|
|
131
168
|
};
|
|
169
|
+
|
|
132
170
|
const onTriggerMove = e => {
|
|
133
171
|
var _e$touches;
|
|
172
|
+
|
|
134
173
|
if (!isMobile) {
|
|
135
174
|
e.preventDefault();
|
|
136
175
|
e.stopPropagation();
|
|
137
176
|
}
|
|
177
|
+
|
|
138
178
|
if (!isTriggerMoved) setIsTriggerMoved(true);
|
|
139
179
|
if (!movingTrigger) return false;
|
|
140
180
|
let {
|
|
141
181
|
clientX: x
|
|
142
|
-
} = isMobile ? e === null || e === void 0
|
|
182
|
+
} = isMobile ? e === null || e === void 0 ? void 0 : (_e$touches = e.touches) === null || _e$touches === void 0 ? void 0 : _e$touches[0] : e;
|
|
143
183
|
const {
|
|
144
184
|
width: triggerWidth = 16
|
|
145
185
|
} = (movingTrigger === null || movingTrigger === void 0 ? void 0 : movingTrigger.getBoundingClientRect()) || {};
|
|
@@ -147,39 +187,44 @@ function RangeSlider(_ref) {
|
|
|
147
187
|
x -= triggerWidth / 2;
|
|
148
188
|
onRangeChange(movingTriggerType, getPointsByX(x));
|
|
149
189
|
};
|
|
190
|
+
|
|
150
191
|
const onTriggerMoveEnd = () => {
|
|
151
192
|
setMovingTrigger(null);
|
|
152
193
|
setMovingTriggerType(null);
|
|
153
194
|
setIsTriggerMoved(false);
|
|
154
195
|
};
|
|
196
|
+
|
|
155
197
|
const onRangeInputFocus = (e, type) => {
|
|
156
198
|
setTimeout(() => setIsInputFocused(type, true), 1);
|
|
157
199
|
};
|
|
200
|
+
|
|
158
201
|
const onRangeInputBlur = (e, type) => {
|
|
159
202
|
setIsInputFocused(type, false);
|
|
160
203
|
onRangeChange(type, type === "from" ? from : to);
|
|
161
204
|
};
|
|
205
|
+
|
|
162
206
|
(0, _react.useEffect)(() => {
|
|
163
207
|
var _value$from2, _value$to2;
|
|
208
|
+
|
|
164
209
|
onRangeChange("from", (_value$from2 = value === null || value === void 0 ? void 0 : value.from) !== null && _value$from2 !== void 0 ? _value$from2 : max);
|
|
165
210
|
onRangeChange("to", (_value$to2 = value === null || value === void 0 ? void 0 : value.to) !== null && _value$to2 !== void 0 ? _value$to2 : min);
|
|
166
|
-
}, []);
|
|
211
|
+
}, []); /// MouseUp Event Controller
|
|
167
212
|
|
|
168
|
-
/// MouseUp Event Controller
|
|
169
213
|
(0, _react.useEffect)(() => {
|
|
170
214
|
document.addEventListener("mouseup", onTriggerMoveEnd);
|
|
171
215
|
return () => {
|
|
172
216
|
document.removeEventListener("mouseup", onTriggerMoveEnd);
|
|
173
217
|
};
|
|
174
|
-
}, []);
|
|
218
|
+
}, []); // MouseMove Event Controller
|
|
175
219
|
|
|
176
|
-
// MouseMove Event Controller
|
|
177
220
|
(0, _react.useEffect)(() => {
|
|
178
221
|
// Прекратить обработку, если нет активного триггера или не было движения
|
|
179
222
|
if (!movingTrigger || !isTriggerMoved) return;
|
|
223
|
+
|
|
180
224
|
const handleMouseMove = e => {
|
|
181
225
|
onTriggerMove(e);
|
|
182
226
|
};
|
|
227
|
+
|
|
183
228
|
document.addEventListener("mousemove", handleMouseMove);
|
|
184
229
|
return () => {
|
|
185
230
|
document.removeEventListener("mousemove", handleMouseMove);
|
|
@@ -210,12 +255,13 @@ function RangeSlider(_ref) {
|
|
|
210
255
|
setTo(value.to);
|
|
211
256
|
}, [value]);
|
|
212
257
|
(0, _react.useLayoutEffect)(() => {
|
|
213
|
-
var _trackRef$current, _fromTriggerRef$curre, _toTriggerRef$current;
|
|
258
|
+
var _trackRef$current, _fromTriggerRef$curre, _fromTriggerRef$curre2, _toTriggerRef$current, _toTriggerRef$current2;
|
|
259
|
+
|
|
214
260
|
let {
|
|
215
261
|
width,
|
|
216
262
|
x
|
|
217
|
-
} = (trackRef === null || trackRef === void 0
|
|
218
|
-
width -= (fromTriggerRef === null || fromTriggerRef === void 0
|
|
263
|
+
} = (trackRef === null || trackRef === void 0 ? void 0 : (_trackRef$current = trackRef.current) === null || _trackRef$current === void 0 ? void 0 : _trackRef$current.getBoundingClientRect()) || {};
|
|
264
|
+
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);
|
|
219
265
|
setPointsPerPx(countPointsPerPx(width));
|
|
220
266
|
setTrackWidth(width);
|
|
221
267
|
setTrackPosition(x);
|
|
@@ -230,6 +276,7 @@ function RangeSlider(_ref) {
|
|
|
230
276
|
});
|
|
231
277
|
}
|
|
232
278
|
}, [isInputsFocused]);
|
|
279
|
+
|
|
233
280
|
const renderLabel = () => {
|
|
234
281
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
235
282
|
className: "range-slider__header__label"
|
|
@@ -237,6 +284,7 @@ function RangeSlider(_ref) {
|
|
|
237
284
|
className: "label_isRequired"
|
|
238
285
|
}, "*"));
|
|
239
286
|
};
|
|
287
|
+
|
|
240
288
|
const renderSelectedRange = () => {
|
|
241
289
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
242
290
|
className: "range-slider__header__selected-range"
|
|
@@ -247,11 +295,13 @@ function RangeSlider(_ref) {
|
|
|
247
295
|
onClick: resetRange
|
|
248
296
|
}, /*#__PURE__*/_react.default.createElement(_reactFeather.X, null)));
|
|
249
297
|
};
|
|
298
|
+
|
|
250
299
|
const renderHeader = () => {
|
|
251
300
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
252
301
|
className: "range-slider__header"
|
|
253
302
|
}, renderLabel(), min !== fromValue || max !== toValue ? renderSelectedRange() : null);
|
|
254
303
|
};
|
|
304
|
+
|
|
255
305
|
const renderInputs = () => {
|
|
256
306
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
257
307
|
className: "range-slider__inputs"
|
|
@@ -287,6 +337,7 @@ function RangeSlider(_ref) {
|
|
|
287
337
|
isPriceInput: isUseBitPoints
|
|
288
338
|
}, _mobileKeyboardTypesPresets.NUMERIC_KEYBOARD))));
|
|
289
339
|
};
|
|
340
|
+
|
|
290
341
|
const renderTrackRange = () => {
|
|
291
342
|
const style = {
|
|
292
343
|
width: "".concat(getRangeWidth(), "px"),
|
|
@@ -297,6 +348,7 @@ function RangeSlider(_ref) {
|
|
|
297
348
|
style: style
|
|
298
349
|
});
|
|
299
350
|
};
|
|
351
|
+
|
|
300
352
|
const renderTrackTriggers = () => {
|
|
301
353
|
const fromStyle = {
|
|
302
354
|
left: "".concat(getTrackXByPoints(fromValue), "px")
|
|
@@ -304,6 +356,7 @@ function RangeSlider(_ref) {
|
|
|
304
356
|
const toStyle = {
|
|
305
357
|
left: "".concat(getTrackXByPoints(toValue), "px")
|
|
306
358
|
};
|
|
359
|
+
|
|
307
360
|
const renderTrack = () => {
|
|
308
361
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
309
362
|
className: (0, _classnames.default)("range-slider__track", {
|
|
@@ -314,6 +367,7 @@ function RangeSlider(_ref) {
|
|
|
314
367
|
className: "range-slider__track__line"
|
|
315
368
|
}), renderTrackRange(), renderTrackTriggers());
|
|
316
369
|
};
|
|
370
|
+
|
|
317
371
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
318
372
|
className: "range-slider__track__range-triggers"
|
|
319
373
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
@@ -326,6 +380,7 @@ function RangeSlider(_ref) {
|
|
|
326
380
|
onTouchMove: onTriggerMove,
|
|
327
381
|
onTouchEnd: onTriggerMoveEnd,
|
|
328
382
|
onClick: () => {} // DONT REMOVE! MOBILE WILL NOT WORK WITHOUT IT
|
|
383
|
+
|
|
329
384
|
}), /*#__PURE__*/_react.default.createElement("div", {
|
|
330
385
|
"data-testid": "rangeSlider--track--".concat(testId, "--type-to"),
|
|
331
386
|
ref: toTriggerRef,
|
|
@@ -336,8 +391,10 @@ function RangeSlider(_ref) {
|
|
|
336
391
|
onTouchMove: onTriggerMove,
|
|
337
392
|
onTouchEnd: onTriggerMoveEnd,
|
|
338
393
|
onClick: () => {} // DONT REMOVE! MOBILE WILL NOT WORK WITHOUT IT
|
|
394
|
+
|
|
339
395
|
}));
|
|
340
396
|
};
|
|
397
|
+
|
|
341
398
|
const renderTrack = () => {
|
|
342
399
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
343
400
|
className: (0, _classnames.default)("range-slider__track", {
|
|
@@ -348,6 +405,7 @@ function RangeSlider(_ref) {
|
|
|
348
405
|
className: "range-slider__track__line"
|
|
349
406
|
}), renderTrackRange(), renderTrackTriggers());
|
|
350
407
|
};
|
|
408
|
+
|
|
351
409
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
352
410
|
className: "range-slider"
|
|
353
411
|
}, renderHeader(), renderInputs(), renderTrack());
|