intelicoreact 1.4.19 → 1.4.21
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- 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 +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/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 +85 -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 +30 -8
- package/dist/Atomic/FormElements/TagsDropdown/TagsDropdown.js +212 -112
- package/dist/Atomic/FormElements/TagsDropdown/TagsDropdown.scss +2 -2
- 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 +17 -3
- 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 +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 +31 -5
- 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 +19 -7
- package/dist/Atomic/UI/TagList/TagList.js +38 -20
- 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 +42 -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 +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 +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
|
@@ -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 = 300;
|
|
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,43 @@ 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) => {
|
|
203
258
|
setIsInputFocused(type, false);
|
|
204
259
|
};
|
|
260
|
+
|
|
205
261
|
(0, _react.useEffect)(() => {
|
|
206
262
|
var _value$from2, _value$to2;
|
|
263
|
+
|
|
207
264
|
onRangeChange("from", (_value$from2 = value === null || value === void 0 ? void 0 : value.from) !== null && _value$from2 !== void 0 ? _value$from2 : max, true, false);
|
|
208
265
|
onRangeChange("to", (_value$to2 = value === null || value === void 0 ? void 0 : value.to) !== null && _value$to2 !== void 0 ? _value$to2 : min, true, false);
|
|
209
|
-
}, []);
|
|
266
|
+
}, []); /// MouseUp Event Controller
|
|
210
267
|
|
|
211
|
-
/// MouseUp Event Controller
|
|
212
268
|
(0, _react.useEffect)(() => {
|
|
213
269
|
document.addEventListener("mouseup", onTriggerMoveEnd);
|
|
214
270
|
return () => {
|
|
215
271
|
document.removeEventListener("mouseup", onTriggerMoveEnd);
|
|
216
272
|
};
|
|
217
|
-
}, []);
|
|
273
|
+
}, []); // MouseMove Event Controller
|
|
218
274
|
|
|
219
|
-
// MouseMove Event Controller
|
|
220
275
|
(0, _react.useEffect)(() => {
|
|
221
276
|
// Прекратить обработку, если нет активного триггера или не было движения
|
|
222
277
|
if (!movingTrigger || !isTriggerMoved) return;
|
|
278
|
+
|
|
223
279
|
const handleMouseMove = e => {
|
|
224
280
|
onTriggerMove(e);
|
|
225
281
|
};
|
|
282
|
+
|
|
226
283
|
document.addEventListener("mousemove", handleMouseMove);
|
|
227
284
|
return () => {
|
|
228
285
|
document.removeEventListener("mousemove", handleMouseMove);
|
|
@@ -245,6 +302,7 @@ function RangeSlider(_ref) {
|
|
|
245
302
|
to
|
|
246
303
|
});
|
|
247
304
|
}
|
|
305
|
+
|
|
248
306
|
if (isTriggerMoved) setFrezeedValues({
|
|
249
307
|
from,
|
|
250
308
|
to
|
|
@@ -255,12 +313,13 @@ function RangeSlider(_ref) {
|
|
|
255
313
|
setTo(value.to);
|
|
256
314
|
}, [value]);
|
|
257
315
|
(0, _react.useLayoutEffect)(() => {
|
|
258
|
-
var _trackRef$current, _fromTriggerRef$curre, _toTriggerRef$current;
|
|
316
|
+
var _trackRef$current, _fromTriggerRef$curre, _fromTriggerRef$curre2, _toTriggerRef$current, _toTriggerRef$current2;
|
|
317
|
+
|
|
259
318
|
let {
|
|
260
319
|
width,
|
|
261
320
|
x
|
|
262
|
-
} = (trackRef === null || trackRef === void 0
|
|
263
|
-
width -= (fromTriggerRef === null || fromTriggerRef === void 0
|
|
321
|
+
} = (trackRef === null || trackRef === void 0 ? void 0 : (_trackRef$current = trackRef.current) === null || _trackRef$current === void 0 ? void 0 : _trackRef$current.getBoundingClientRect()) || {};
|
|
322
|
+
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
323
|
setPointsPerPx(countPointsPerPx(width));
|
|
265
324
|
setTrackWidth(width);
|
|
266
325
|
setTrackPosition(x);
|
|
@@ -275,6 +334,7 @@ function RangeSlider(_ref) {
|
|
|
275
334
|
});
|
|
276
335
|
}
|
|
277
336
|
}, [isInputsFocused]);
|
|
337
|
+
|
|
278
338
|
const renderLabel = () => {
|
|
279
339
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
280
340
|
className: "range-slider__header__label"
|
|
@@ -282,6 +342,7 @@ function RangeSlider(_ref) {
|
|
|
282
342
|
className: "label_isRequired"
|
|
283
343
|
}, "*"));
|
|
284
344
|
};
|
|
345
|
+
|
|
285
346
|
const renderSelectedRange = () => {
|
|
286
347
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
287
348
|
className: "range-slider__header__selected-range"
|
|
@@ -292,11 +353,13 @@ function RangeSlider(_ref) {
|
|
|
292
353
|
onClick: resetRange
|
|
293
354
|
}, /*#__PURE__*/_react.default.createElement(_reactFeather.X, null)));
|
|
294
355
|
};
|
|
356
|
+
|
|
295
357
|
const renderHeader = () => {
|
|
296
358
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
297
359
|
className: "range-slider__header"
|
|
298
360
|
}, renderLabel(), min !== fromValue || max !== toValue ? renderSelectedRange() : null);
|
|
299
361
|
};
|
|
362
|
+
|
|
300
363
|
const renderInputs = () => {
|
|
301
364
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
302
365
|
className: "range-slider__inputs"
|
|
@@ -332,6 +395,7 @@ function RangeSlider(_ref) {
|
|
|
332
395
|
isPriceInput: isUseBitPoints
|
|
333
396
|
}, _mobileKeyboardTypesPresets.NUMERIC_KEYBOARD))));
|
|
334
397
|
};
|
|
398
|
+
|
|
335
399
|
const renderTrackRange = () => {
|
|
336
400
|
const style = {
|
|
337
401
|
width: "".concat(getRangeWidth(), "px"),
|
|
@@ -342,6 +406,7 @@ function RangeSlider(_ref) {
|
|
|
342
406
|
style: style
|
|
343
407
|
});
|
|
344
408
|
};
|
|
409
|
+
|
|
345
410
|
const renderTrackTriggers = () => {
|
|
346
411
|
const fromStyle = {
|
|
347
412
|
left: "".concat(getTrackXByPoints(fromValue), "px")
|
|
@@ -349,6 +414,7 @@ function RangeSlider(_ref) {
|
|
|
349
414
|
const toStyle = {
|
|
350
415
|
left: "".concat(getTrackXByPoints(toValue), "px")
|
|
351
416
|
};
|
|
417
|
+
|
|
352
418
|
const renderTrack = () => {
|
|
353
419
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
354
420
|
className: (0, _classnames.default)("range-slider__track", {
|
|
@@ -359,6 +425,7 @@ function RangeSlider(_ref) {
|
|
|
359
425
|
className: "range-slider__track__line"
|
|
360
426
|
}), renderTrackRange(), renderTrackTriggers());
|
|
361
427
|
};
|
|
428
|
+
|
|
362
429
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
363
430
|
className: "range-slider__track__range-triggers"
|
|
364
431
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
@@ -371,6 +438,7 @@ function RangeSlider(_ref) {
|
|
|
371
438
|
onTouchMove: onTriggerMove,
|
|
372
439
|
onTouchEnd: onTriggerMoveEnd,
|
|
373
440
|
onClick: () => {} // DONT REMOVE! MOBILE WILL NOT WORK WITHOUT IT
|
|
441
|
+
|
|
374
442
|
}), /*#__PURE__*/_react.default.createElement("div", {
|
|
375
443
|
"data-testid": "rangeSlider--track--".concat(testId, "--type-to"),
|
|
376
444
|
ref: toTriggerRef,
|
|
@@ -381,8 +449,10 @@ function RangeSlider(_ref) {
|
|
|
381
449
|
onTouchMove: onTriggerMove,
|
|
382
450
|
onTouchEnd: onTriggerMoveEnd,
|
|
383
451
|
onClick: () => {} // DONT REMOVE! MOBILE WILL NOT WORK WITHOUT IT
|
|
452
|
+
|
|
384
453
|
}));
|
|
385
454
|
};
|
|
455
|
+
|
|
386
456
|
const renderTrack = () => {
|
|
387
457
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
388
458
|
className: (0, _classnames.default)("range-slider__track", {
|
|
@@ -393,6 +463,7 @@ function RangeSlider(_ref) {
|
|
|
393
463
|
className: "range-slider__track__line"
|
|
394
464
|
}), renderTrackRange(), renderTrackTriggers());
|
|
395
465
|
};
|
|
466
|
+
|
|
396
467
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
397
468
|
className: "range-slider"
|
|
398
469
|
}, renderHeader(), renderInputs(), renderTrack());
|