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