intelicoreact 1.3.39 → 1.3.41
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 +13 -8
- 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,17 +1,26 @@
|
|
|
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 = RangeSlider2;
|
|
9
|
+
|
|
8
10
|
var _react = _interopRequireWildcard(require("react"));
|
|
11
|
+
|
|
9
12
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
13
|
+
|
|
10
14
|
var _reactFeather = require("react-feather");
|
|
15
|
+
|
|
11
16
|
var _utils = require("../../../Functions/utils");
|
|
17
|
+
|
|
12
18
|
require("./RangeSlider2.scss");
|
|
13
|
-
|
|
14
|
-
function
|
|
19
|
+
|
|
20
|
+
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); }
|
|
21
|
+
|
|
22
|
+
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; }
|
|
23
|
+
|
|
15
24
|
const COMPONENT_CLASS = "range-slider2";
|
|
16
25
|
const {
|
|
17
26
|
LEFT_COLLISSION,
|
|
@@ -36,6 +45,7 @@ const POINT_VALUE_TYPES = Object.freeze({
|
|
|
36
45
|
TO: "to",
|
|
37
46
|
BOTH: "both"
|
|
38
47
|
});
|
|
48
|
+
|
|
39
49
|
function RangeSlider2(_ref) {
|
|
40
50
|
let {
|
|
41
51
|
min = 300,
|
|
@@ -58,10 +68,13 @@ function RangeSlider2(_ref) {
|
|
|
58
68
|
const [trackWidth, setTrackWidth] = (0, _react.useState)(0);
|
|
59
69
|
const [trackPosition, setTrackPosition] = (0, _react.useState)(0);
|
|
60
70
|
const [mouseTrackPosition, setMouseTrackPosition] = (0, _react.useState)(0);
|
|
71
|
+
|
|
61
72
|
const prepareValue = value => {
|
|
62
73
|
return parseInt(parseFloat(value) * 10 ** precision, 10) / 10 ** precision;
|
|
63
74
|
};
|
|
75
|
+
|
|
64
76
|
const [ranges, setRanges] = (0, _react.useState)(value);
|
|
77
|
+
|
|
65
78
|
const addRange = _ref2 => {
|
|
66
79
|
let {
|
|
67
80
|
from,
|
|
@@ -75,6 +88,7 @@ function RangeSlider2(_ref) {
|
|
|
75
88
|
if (!id) {
|
|
76
89
|
id = ((ranges === null || ranges === void 0 ? void 0 : ranges.length) + 1) * -1;
|
|
77
90
|
}
|
|
91
|
+
|
|
78
92
|
return [...ranges, {
|
|
79
93
|
id,
|
|
80
94
|
from,
|
|
@@ -85,6 +99,7 @@ function RangeSlider2(_ref) {
|
|
|
85
99
|
}].sort((a, b) => a.from - b.from);
|
|
86
100
|
});
|
|
87
101
|
};
|
|
102
|
+
|
|
88
103
|
const updateRange = _ref3 => {
|
|
89
104
|
let {
|
|
90
105
|
from,
|
|
@@ -102,6 +117,7 @@ function RangeSlider2(_ref) {
|
|
|
102
117
|
} = _ref4;
|
|
103
118
|
return rangeId === id;
|
|
104
119
|
});
|
|
120
|
+
|
|
105
121
|
if (range) {
|
|
106
122
|
range.from = from !== null && from !== void 0 ? from : range === null || range === void 0 ? void 0 : range.from;
|
|
107
123
|
range.to = to !== null && to !== void 0 ? to : range === null || range === void 0 ? void 0 : range.to;
|
|
@@ -109,12 +125,15 @@ function RangeSlider2(_ref) {
|
|
|
109
125
|
range.value = value !== undefined ? Number.isInteger(value) ? value : 0 : range === null || range === void 0 ? void 0 : range.value;
|
|
110
126
|
range.data = data !== undefined ? data : range === null || range === void 0 ? void 0 : range.data;
|
|
111
127
|
}
|
|
128
|
+
|
|
112
129
|
return newRanges;
|
|
113
130
|
});
|
|
114
131
|
};
|
|
132
|
+
|
|
115
133
|
const updateRangesByTrigger = trigger => {
|
|
116
134
|
var _triggers$find;
|
|
117
|
-
|
|
135
|
+
|
|
136
|
+
const newValue = triggers === null || triggers === void 0 ? void 0 : (_triggers$find = triggers.find(_ref5 => {
|
|
118
137
|
let {
|
|
119
138
|
id
|
|
120
139
|
} = _ref5;
|
|
@@ -123,6 +142,7 @@ function RangeSlider2(_ref) {
|
|
|
123
142
|
const oldValue = trigger === null || trigger === void 0 ? void 0 : trigger.value;
|
|
124
143
|
const leftRange = ranges === null || ranges === void 0 ? void 0 : ranges.find(range => (range === null || range === void 0 ? void 0 : range.to) === oldValue);
|
|
125
144
|
const rightRange = ranges === null || ranges === void 0 ? void 0 : ranges.find(range => (range === null || range === void 0 ? void 0 : range.from) === oldValue + 1);
|
|
145
|
+
|
|
126
146
|
if (leftRange && rightRange) {
|
|
127
147
|
updateRange({
|
|
128
148
|
from: leftRange === null || leftRange === void 0 ? void 0 : leftRange.from,
|
|
@@ -136,6 +156,7 @@ function RangeSlider2(_ref) {
|
|
|
136
156
|
});
|
|
137
157
|
}
|
|
138
158
|
};
|
|
159
|
+
|
|
139
160
|
const splitRange = score => {
|
|
140
161
|
const range = ranges === null || ranges === void 0 ? void 0 : ranges.find(_ref6 => {
|
|
141
162
|
let {
|
|
@@ -158,8 +179,7 @@ function RangeSlider2(_ref) {
|
|
|
158
179
|
to: range === null || range === void 0 ? void 0 : range.to,
|
|
159
180
|
id: null
|
|
160
181
|
});
|
|
161
|
-
updateRange({
|
|
162
|
-
...range,
|
|
182
|
+
updateRange({ ...range,
|
|
163
183
|
value: assignValueToRange === ASSIGN_TO_LEFT ? value : 0,
|
|
164
184
|
data: assignValueToRange === ASSIGN_TO_LEFT ? data : null,
|
|
165
185
|
label,
|
|
@@ -167,6 +187,7 @@ function RangeSlider2(_ref) {
|
|
|
167
187
|
});
|
|
168
188
|
if (isAddTriggerFixed) unfixAddTrigger();
|
|
169
189
|
};
|
|
190
|
+
|
|
170
191
|
const concatRanges = score => {
|
|
171
192
|
const [left, right] = ranges === null || ranges === void 0 ? void 0 : ranges.filter(_ref7 => {
|
|
172
193
|
let {
|
|
@@ -188,9 +209,13 @@ function RangeSlider2(_ref) {
|
|
|
188
209
|
});
|
|
189
210
|
removeRange(right === null || right === void 0 ? void 0 : right.id);
|
|
190
211
|
};
|
|
212
|
+
|
|
191
213
|
const removeRange = id => setRanges(ranges => ranges === null || ranges === void 0 ? void 0 : ranges.filter(range => (range === null || range === void 0 ? void 0 : range.id) !== id));
|
|
214
|
+
|
|
192
215
|
const clearRanges = () => setRanges([]);
|
|
216
|
+
|
|
193
217
|
const [triggers, setTriggers] = (0, _react.useState)([]);
|
|
218
|
+
|
|
194
219
|
const addTrigger = function (value) {
|
|
195
220
|
let {
|
|
196
221
|
isFixed = false,
|
|
@@ -218,22 +243,26 @@ function RangeSlider2(_ref) {
|
|
|
218
243
|
return newState.sort((a, b) => a.value < b.value ? -1 : 1);
|
|
219
244
|
});
|
|
220
245
|
};
|
|
246
|
+
|
|
221
247
|
const updateTrigger = (index, value) => setTriggers(state => {
|
|
222
248
|
const newState = [...state];
|
|
223
|
-
newState[index] = {
|
|
224
|
-
...newState[index],
|
|
249
|
+
newState[index] = { ...newState[index],
|
|
225
250
|
value
|
|
226
251
|
};
|
|
227
252
|
return newState;
|
|
228
253
|
});
|
|
254
|
+
|
|
229
255
|
const removeTrigger = index => setTriggers(state => {
|
|
230
256
|
var _state$index;
|
|
257
|
+
|
|
231
258
|
concatRanges((_state$index = state[index]) === null || _state$index === void 0 ? void 0 : _state$index.value);
|
|
232
259
|
const newState = [...state];
|
|
233
260
|
newState.splice(index, 1);
|
|
234
261
|
return newState;
|
|
235
262
|
});
|
|
263
|
+
|
|
236
264
|
const clearTriggers = () => setTriggers([]);
|
|
265
|
+
|
|
237
266
|
const getTriggerByScore = score => {
|
|
238
267
|
return triggers === null || triggers === void 0 ? void 0 : triggers.find(_ref9 => {
|
|
239
268
|
let {
|
|
@@ -242,44 +271,57 @@ function RangeSlider2(_ref) {
|
|
|
242
271
|
return triggerScore === score;
|
|
243
272
|
});
|
|
244
273
|
};
|
|
274
|
+
|
|
245
275
|
const [movingController, setMovingController] = (0, _react.useState)(null);
|
|
246
276
|
const [movingTrigger, setMovingTrigger] = (0, _react.useState)(null);
|
|
247
277
|
const [movingTriggerIndex, setMovingTriggerIndex] = (0, _react.useState)(null);
|
|
248
278
|
const [movingTriggerData, setMovingTriggerData] = (0, _react.useState)(null);
|
|
249
279
|
const [isTriggerMoved, setIsTriggerMoved] = (0, _react.useState)(false);
|
|
250
280
|
const [isMouseOverTrigger, setIsMouseOverTrigger] = (0, _react.useState)(false);
|
|
281
|
+
|
|
251
282
|
const setMouseOverTrigger = () => setIsMouseOverTrigger(true);
|
|
283
|
+
|
|
252
284
|
const setMouseLeaveTrigger = () => setIsMouseOverTrigger(false);
|
|
285
|
+
|
|
253
286
|
const [isMouseOverTrack, setIsMouseOverTrack] = (0, _react.useState)(false);
|
|
287
|
+
|
|
254
288
|
const setMouseOverTrack = () => setIsMouseOverTrack(true);
|
|
289
|
+
|
|
255
290
|
const setMouseLeaveTrack = () => setIsMouseOverTrack(false);
|
|
291
|
+
|
|
256
292
|
const isTriggerMoving = triggerIndex => triggerIndex === movingTriggerIndex;
|
|
293
|
+
|
|
257
294
|
const [addTriggerFixedScore, setAddTriggerFixedScore] = (0, _react.useState)(null);
|
|
258
295
|
const [addTriggerFixedRange, setAddTriggerFixedRange] = (0, _react.useState)(null);
|
|
259
296
|
const [isAddTriggerFixed, setIsAddTriggerFixed] = (0, _react.useState)(false);
|
|
260
297
|
const [assignValueToRange, setAssignValueToRange] = (0, _react.useState)(ASSIGN_TO_LEFT);
|
|
298
|
+
|
|
261
299
|
const fixAddTrigger = (score, inRange) => {
|
|
262
300
|
setAddTriggerFixedScore(score);
|
|
263
301
|
setAddTriggerFixedRange(inRange);
|
|
264
302
|
setIsAddTriggerFixed(true);
|
|
265
303
|
};
|
|
304
|
+
|
|
266
305
|
const unfixAddTrigger = e => {
|
|
267
|
-
e === null || e === void 0
|
|
268
|
-
e === null || e === void 0
|
|
306
|
+
e === null || e === void 0 ? void 0 : e.stopPropagation();
|
|
307
|
+
e === null || e === void 0 ? void 0 : e.preventDefault();
|
|
269
308
|
setAddTriggerFixedScore(null);
|
|
270
309
|
setAddTriggerFixedRange(null);
|
|
271
310
|
setIsAddTriggerFixed(false);
|
|
272
311
|
setAssignValueToRange(ASSIGN_TO_LEFT);
|
|
273
312
|
};
|
|
313
|
+
|
|
274
314
|
const [pointsPerPx, setPointsPerPx] = (0, _react.useState)(0);
|
|
315
|
+
|
|
275
316
|
const countPointsPerPx = width => {
|
|
276
317
|
return (max - min) / width;
|
|
277
|
-
};
|
|
318
|
+
}; // GETTERS //
|
|
319
|
+
|
|
278
320
|
|
|
279
|
-
// GETTERS //
|
|
280
321
|
const getTrackXByScore = score => {
|
|
281
322
|
return (score - min) / pointsPerPx;
|
|
282
323
|
};
|
|
324
|
+
|
|
283
325
|
const getScoreByX = x => {
|
|
284
326
|
let points = (x - trackPosition) * pointsPerPx + min;
|
|
285
327
|
points -= points % step;
|
|
@@ -287,18 +329,23 @@ function RangeSlider2(_ref) {
|
|
|
287
329
|
if (points > max) points = max;
|
|
288
330
|
return points - 1;
|
|
289
331
|
};
|
|
332
|
+
|
|
290
333
|
const getTriggerCollisionDirection = (index, points) => {
|
|
291
334
|
var _triggers, _triggers2;
|
|
335
|
+
|
|
292
336
|
if (index <= 0) return points;
|
|
293
|
-
const [triggerBefore, triggerAfter] = [(triggers === null || triggers === void 0
|
|
337
|
+
const [triggerBefore, triggerAfter] = [(triggers === null || triggers === void 0 ? void 0 : (_triggers = triggers[index - 1]) === null || _triggers === void 0 ? void 0 : _triggers.value) + minRange - 1, (triggers === null || triggers === void 0 ? void 0 : (_triggers2 = triggers[index + 1]) === null || _triggers2 === void 0 ? void 0 : _triggers2.value) - minRange - 1];
|
|
294
338
|
if (triggerBefore === triggerAfter) return BOTH_COLLISION;else if (points === triggerBefore) return LEFT_COLLISSION;else if (points === triggerAfter) return RIGHT_COLLISION;else return NO_COLLISION;
|
|
295
339
|
};
|
|
340
|
+
|
|
296
341
|
const getTriggerScore = (index, points) => {
|
|
297
342
|
var _triggers3, _triggers4;
|
|
343
|
+
|
|
298
344
|
if (index <= 0) return points;
|
|
299
|
-
const [triggerBefore, triggerAfter] = [(triggers === null || triggers === void 0
|
|
345
|
+
const [triggerBefore, triggerAfter] = [(triggers === null || triggers === void 0 ? void 0 : (_triggers3 = triggers[index - 1]) === null || _triggers3 === void 0 ? void 0 : _triggers3.value) + minRange - 1, (triggers === null || triggers === void 0 ? void 0 : (_triggers4 = triggers[index + 1]) === null || _triggers4 === void 0 ? void 0 : _triggers4.value) - minRange - 1];
|
|
300
346
|
if (points < triggerBefore) return triggerBefore;else if (points > triggerAfter) return triggerAfter;else return points;
|
|
301
347
|
};
|
|
348
|
+
|
|
302
349
|
const getAddTriggerCollisionDirection = x => {
|
|
303
350
|
const triggerScore = getAddTriggerScore(x);
|
|
304
351
|
const inRange = getInRange(triggerScore);
|
|
@@ -311,20 +358,25 @@ function RangeSlider2(_ref) {
|
|
|
311
358
|
const triggerAfter = to - minRange - 1;
|
|
312
359
|
if (triggerBefore === triggerAfter) return BOTH_COLLISION;else if (triggerScore <= triggerBefore) return LEFT_COLLISSION;else if (triggerScore >= triggerAfter) return RIGHT_COLLISION;else return NO_COLLISION;
|
|
313
360
|
};
|
|
361
|
+
|
|
314
362
|
const getAddTriggerPosition = () => {
|
|
315
363
|
return isAddTriggerFixed ? getTrackXByScore(addTriggerFixedScore) : mouseTrackPosition;
|
|
316
364
|
};
|
|
365
|
+
|
|
317
366
|
const getAddTriggerScore = x => {
|
|
318
367
|
var _getRangesList;
|
|
368
|
+
|
|
319
369
|
const score = getScoreByX(x);
|
|
320
370
|
let result = (_getRangesList = getRangesList()) === null || _getRangesList === void 0 ? void 0 : _getRangesList.reduce((result, _ref10) => {
|
|
321
371
|
let {
|
|
322
372
|
from,
|
|
323
373
|
to
|
|
324
374
|
} = _ref10;
|
|
375
|
+
|
|
325
376
|
if (to - from + 1 <= 2 * minRange && from <= score && score <= to) {
|
|
326
377
|
return null;
|
|
327
378
|
}
|
|
379
|
+
|
|
328
380
|
if (from <= score && score <= from + minRange) {
|
|
329
381
|
return from + minRange - 1;
|
|
330
382
|
} else if (to - minRange <= score && score <= to) {
|
|
@@ -333,31 +385,37 @@ function RangeSlider2(_ref) {
|
|
|
333
385
|
return result;
|
|
334
386
|
}
|
|
335
387
|
}, score);
|
|
388
|
+
|
|
336
389
|
if (!result) {
|
|
337
|
-
var _getRangesList2;
|
|
338
|
-
|
|
390
|
+
var _getRangesList2, _getRangesList2$filte;
|
|
391
|
+
|
|
392
|
+
const closestRange = (_getRangesList2 = getRangesList()) === null || _getRangesList2 === void 0 ? void 0 : (_getRangesList2$filte = _getRangesList2.filter(_ref11 => {
|
|
339
393
|
let {
|
|
340
394
|
from,
|
|
341
395
|
to
|
|
342
396
|
} = _ref11;
|
|
343
397
|
return to - from + 1 >= 2 * minRange;
|
|
344
|
-
})) === null || _getRangesList2 === void 0 ? void 0 : _getRangesList2.reduce((result, range) => {
|
|
398
|
+
})) === null || _getRangesList2$filte === void 0 ? void 0 : _getRangesList2$filte.reduce((result, range) => {
|
|
345
399
|
const distance = Math.abs((range.to + range.from) / 2 - score);
|
|
400
|
+
|
|
346
401
|
if (!result || distance < (result === null || result === void 0 ? void 0 : result.distance)) {
|
|
347
|
-
return {
|
|
348
|
-
...range,
|
|
402
|
+
return { ...range,
|
|
349
403
|
distance
|
|
350
404
|
};
|
|
351
405
|
}
|
|
406
|
+
|
|
352
407
|
return result;
|
|
353
408
|
}, null);
|
|
409
|
+
|
|
354
410
|
if (closestRange) {
|
|
355
411
|
if ((closestRange === null || closestRange === void 0 ? void 0 : closestRange.to) < score) result = (closestRange === null || closestRange === void 0 ? void 0 : closestRange.to) - minRange - 1;
|
|
356
412
|
if (score < (closestRange === null || closestRange === void 0 ? void 0 : closestRange.from)) result = (closestRange === null || closestRange === void 0 ? void 0 : closestRange.from) + minRange - 1;
|
|
357
413
|
}
|
|
358
414
|
}
|
|
415
|
+
|
|
359
416
|
return result;
|
|
360
417
|
};
|
|
418
|
+
|
|
361
419
|
const getRangesList = () => {
|
|
362
420
|
return triggers.map(_ref12 => {
|
|
363
421
|
let {
|
|
@@ -371,9 +429,11 @@ function RangeSlider2(_ref) {
|
|
|
371
429
|
to: score
|
|
372
430
|
});
|
|
373
431
|
}
|
|
432
|
+
|
|
374
433
|
return result;
|
|
375
434
|
}, []);
|
|
376
435
|
};
|
|
436
|
+
|
|
377
437
|
const getInRange = score => {
|
|
378
438
|
return ranges === null || ranges === void 0 ? void 0 : ranges.find(_ref13 => {
|
|
379
439
|
let {
|
|
@@ -383,38 +443,44 @@ function RangeSlider2(_ref) {
|
|
|
383
443
|
return from <= score && score <= to;
|
|
384
444
|
});
|
|
385
445
|
};
|
|
446
|
+
|
|
386
447
|
const getPointValue = score => {
|
|
387
448
|
switch (pointValueType) {
|
|
388
449
|
case POINT_VALUE_TYPES.FROM:
|
|
389
450
|
return "".concat(score + 1);
|
|
451
|
+
|
|
390
452
|
case POINT_VALUE_TYPES.TO:
|
|
391
453
|
return "".concat(score);
|
|
454
|
+
|
|
392
455
|
case POINT_VALUE_TYPES.BOTH:
|
|
393
456
|
default:
|
|
394
457
|
return "".concat(score, " | ").concat(score + 1);
|
|
395
458
|
}
|
|
396
|
-
};
|
|
459
|
+
}; // EVENTS //
|
|
460
|
+
|
|
397
461
|
|
|
398
|
-
// EVENTS //
|
|
399
462
|
const onRangeChange = function (index, value) {
|
|
400
463
|
let validate = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
|
|
401
464
|
if (validate) value = prepareValue(value);
|
|
402
465
|
if (isNaN(value)) value = 0;
|
|
403
466
|
updateTrigger(index, value);
|
|
404
467
|
};
|
|
468
|
+
|
|
405
469
|
const onTriggerMouseDown = (e, index) => {
|
|
406
470
|
setMovingTrigger(e.target);
|
|
407
471
|
setMovingTriggerIndex(index);
|
|
408
|
-
setMovingTriggerData({
|
|
409
|
-
...triggers[index]
|
|
472
|
+
setMovingTriggerData({ ...triggers[index]
|
|
410
473
|
});
|
|
411
474
|
};
|
|
475
|
+
|
|
412
476
|
const onTriggerMove = e => {
|
|
413
477
|
e.preventDefault();
|
|
414
478
|
e.stopPropagation();
|
|
479
|
+
|
|
415
480
|
if (!movingTriggerIndex || !movingTrigger) {
|
|
416
481
|
return false;
|
|
417
482
|
}
|
|
483
|
+
|
|
418
484
|
if (!isTriggerMoved) setIsTriggerMoved(true);
|
|
419
485
|
const {
|
|
420
486
|
clientX: x
|
|
@@ -426,33 +492,36 @@ function RangeSlider2(_ref) {
|
|
|
426
492
|
const triggerPoints = getTriggerScore(movingTriggerIndex, getScoreByX(x));
|
|
427
493
|
onRangeChange(movingTriggerIndex, triggerPoints);
|
|
428
494
|
};
|
|
495
|
+
|
|
429
496
|
const resetMovingTrigger = () => {
|
|
430
497
|
setTimeout(() => {
|
|
431
498
|
setMovingTrigger(null);
|
|
432
499
|
setMovingTriggerIndex(null);
|
|
433
500
|
}, 1);
|
|
434
|
-
};
|
|
435
|
-
|
|
436
|
-
// USE EFFECT'S //
|
|
501
|
+
}; // USE EFFECT'S //
|
|
437
502
|
// MouseUp Event Controller
|
|
503
|
+
|
|
504
|
+
|
|
438
505
|
(0, _react.useEffect)(() => {
|
|
439
506
|
document.addEventListener("mouseup", resetMovingTrigger);
|
|
440
507
|
return () => {
|
|
441
508
|
document.removeEventListener("mouseup", resetMovingTrigger);
|
|
442
509
|
};
|
|
443
|
-
}, []);
|
|
444
|
-
|
|
510
|
+
}, []); // MouseMove Event Controller
|
|
511
|
+
|
|
445
512
|
(0, _react.useEffect)(() => {
|
|
446
513
|
var _body$classList;
|
|
514
|
+
|
|
447
515
|
if (!movingTrigger && isTriggerMoved) {
|
|
448
|
-
movingController === null || movingController === void 0
|
|
516
|
+
movingController === null || movingController === void 0 ? void 0 : movingController.abort();
|
|
449
517
|
setIsTriggerMoved(false);
|
|
450
518
|
setMovingController(null);
|
|
451
519
|
} else if (movingTrigger && !isTriggerMoved) {
|
|
452
520
|
setMovingController(new AbortController());
|
|
453
521
|
}
|
|
522
|
+
|
|
454
523
|
const body = document.getElementsByTagName("body")[0];
|
|
455
|
-
(_body$classList = body.classList) === null || _body$classList === void 0
|
|
524
|
+
(_body$classList = body.classList) === null || _body$classList === void 0 ? void 0 : _body$classList[movingTrigger ? "add" : "remove"]("moving-cursor");
|
|
456
525
|
}, [movingTrigger]);
|
|
457
526
|
(0, _react.useEffect)(() => {
|
|
458
527
|
if (movingController) {
|
|
@@ -463,10 +532,11 @@ function RangeSlider2(_ref) {
|
|
|
463
532
|
}, [movingController]);
|
|
464
533
|
(0, _react.useLayoutEffect)(() => {
|
|
465
534
|
var _trackRef$current;
|
|
535
|
+
|
|
466
536
|
const {
|
|
467
537
|
width,
|
|
468
538
|
x
|
|
469
|
-
} = (trackRef === null || trackRef === void 0
|
|
539
|
+
} = (trackRef === null || trackRef === void 0 ? void 0 : (_trackRef$current = trackRef.current) === null || _trackRef$current === void 0 ? void 0 : _trackRef$current.getBoundingClientRect()) || {};
|
|
470
540
|
setPointsPerPx(countPointsPerPx(width));
|
|
471
541
|
setTrackWidth(width);
|
|
472
542
|
setTrackPosition(x);
|
|
@@ -477,6 +547,7 @@ function RangeSlider2(_ref) {
|
|
|
477
547
|
(0, _react.useEffect)(() => {
|
|
478
548
|
clearRanges();
|
|
479
549
|
clearTriggers();
|
|
550
|
+
|
|
480
551
|
if ((protectedValue === null || protectedValue === void 0 ? void 0 : protectedValue.length) === 0) {
|
|
481
552
|
addRange({
|
|
482
553
|
from: min,
|
|
@@ -491,15 +562,15 @@ function RangeSlider2(_ref) {
|
|
|
491
562
|
isHidden: true
|
|
492
563
|
});
|
|
493
564
|
} else {
|
|
494
|
-
var _protectedValue$reduc;
|
|
495
|
-
|
|
496
|
-
|
|
497
|
-
|
|
565
|
+
var _protectedValue$reduc, _protectedValue$reduc2, _protectedValue$reduc3;
|
|
566
|
+
|
|
567
|
+
protectedValue === null || protectedValue === void 0 ? void 0 : (_protectedValue$reduc = protectedValue.reduce((result, range) => {
|
|
568
|
+
addRange({ ...range
|
|
498
569
|
});
|
|
499
570
|
if (!result.find(score => score === (range === null || range === void 0 ? void 0 : range.from))) result.splice((result === null || result === void 0 ? void 0 : result.length) - 1, 0, range === null || range === void 0 ? void 0 : range.from);
|
|
500
571
|
if (!result.find(score => score === (range === null || range === void 0 ? void 0 : range.to))) result.splice((result === null || result === void 0 ? void 0 : result.length) - 1, 0, range === null || range === void 0 ? void 0 : range.to);
|
|
501
572
|
return result;
|
|
502
|
-
}, [])) === null || _protectedValue$reduc === void 0
|
|
573
|
+
}, [])) === null || _protectedValue$reduc === void 0 ? void 0 : (_protectedValue$reduc2 = _protectedValue$reduc.sort((a, b) => a < b ? -1 : 1)) === null || _protectedValue$reduc2 === void 0 ? void 0 : (_protectedValue$reduc3 = _protectedValue$reduc2.filter((item, i, arr) => i === 0 || item - 1 !== arr[i - 1])) === null || _protectedValue$reduc3 === void 0 ? void 0 : _protectedValue$reduc3.map((score, i, triggers) => {
|
|
503
574
|
if (i === 0 || score - 1 !== triggers[i - 1]) {
|
|
504
575
|
const isExtremum = score === min || score === max;
|
|
505
576
|
addTrigger(score, {
|
|
@@ -519,16 +590,15 @@ function RangeSlider2(_ref) {
|
|
|
519
590
|
}, [value]);
|
|
520
591
|
(0, _react.useEffect)(() => {
|
|
521
592
|
if (!movingTriggerIndex && movingTriggerData) {
|
|
522
|
-
updateRangesByTrigger({
|
|
523
|
-
...movingTriggerData
|
|
593
|
+
updateRangesByTrigger({ ...movingTriggerData
|
|
524
594
|
});
|
|
525
595
|
setMovingTriggerData(null);
|
|
526
596
|
}
|
|
527
|
-
}, [movingTriggerIndex]);
|
|
597
|
+
}, [movingTriggerIndex]); // RENDER //
|
|
528
598
|
|
|
529
|
-
// RENDER //
|
|
530
599
|
const renderCollision = _ref14 => {
|
|
531
600
|
var _trackRef$current$get, _trackRef$current2;
|
|
601
|
+
|
|
532
602
|
let {
|
|
533
603
|
isCollisionVisible,
|
|
534
604
|
isLeftCollision,
|
|
@@ -539,7 +609,7 @@ function RangeSlider2(_ref) {
|
|
|
539
609
|
const pieces = parseInt((max - min) / minRange, 10);
|
|
540
610
|
const {
|
|
541
611
|
width: trackWidth
|
|
542
|
-
} = (_trackRef$current$get = trackRef === null || trackRef === void 0
|
|
612
|
+
} = (_trackRef$current$get = trackRef === null || trackRef === void 0 ? void 0 : (_trackRef$current2 = trackRef.current) === null || _trackRef$current2 === void 0 ? void 0 : _trackRef$current2.getBoundingClientRect()) !== null && _trackRef$current$get !== void 0 ? _trackRef$current$get : {};
|
|
543
613
|
const collisionWidth = trackWidth / pieces - 4;
|
|
544
614
|
const width = isCollisionVisible ? isBothCollision ? collisionWidth * 2 : isLeftCollision || isRightCollision ? collisionWidth : 0 : 0;
|
|
545
615
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
@@ -554,6 +624,7 @@ function RangeSlider2(_ref) {
|
|
|
554
624
|
}
|
|
555
625
|
});
|
|
556
626
|
};
|
|
627
|
+
|
|
557
628
|
const renderAddTrackTriggerSettings = () => {
|
|
558
629
|
const {
|
|
559
630
|
label,
|
|
@@ -592,6 +663,7 @@ function RangeSlider2(_ref) {
|
|
|
592
663
|
}
|
|
593
664
|
}, "Apply")));
|
|
594
665
|
};
|
|
666
|
+
|
|
595
667
|
const renderAddTrackTrigger = () => {
|
|
596
668
|
const isNoTriggers = !(triggers !== null && triggers !== void 0 && triggers.filter(_ref15 => {
|
|
597
669
|
let {
|
|
@@ -633,6 +705,7 @@ function RangeSlider2(_ref) {
|
|
|
633
705
|
isBothCollision
|
|
634
706
|
}));
|
|
635
707
|
};
|
|
708
|
+
|
|
636
709
|
const renderTrackTrigger = (_ref16, triggerIndex) => {
|
|
637
710
|
let {
|
|
638
711
|
value: triggerScore,
|
|
@@ -679,11 +752,13 @@ function RangeSlider2(_ref) {
|
|
|
679
752
|
className: "".concat(COMPONENT_CLASS, "__track__range-triggers--trigger__collision")
|
|
680
753
|
}));
|
|
681
754
|
};
|
|
755
|
+
|
|
682
756
|
const renderTrackTriggers = () => {
|
|
683
757
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
684
758
|
className: "".concat(COMPONENT_CLASS, "__track__range-triggers")
|
|
685
759
|
}, triggers === null || triggers === void 0 ? void 0 : triggers.map(renderTrackTrigger));
|
|
686
760
|
};
|
|
761
|
+
|
|
687
762
|
const renderRangeValue = (_ref17, rangeIndex) => {
|
|
688
763
|
let {
|
|
689
764
|
from,
|
|
@@ -705,11 +780,13 @@ function RangeSlider2(_ref) {
|
|
|
705
780
|
className: (0, _classnames.default)("".concat(COMPONENT_CLASS, "__track__ranges-value--item__value"))
|
|
706
781
|
}, value));
|
|
707
782
|
};
|
|
783
|
+
|
|
708
784
|
const renderRangesValue = () => {
|
|
709
785
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
710
786
|
className: (0, _classnames.default)("".concat(COMPONENT_CLASS, "__track__ranges-value"))
|
|
711
787
|
}, ranges === null || ranges === void 0 ? void 0 : ranges.map(renderRangeValue));
|
|
712
788
|
};
|
|
789
|
+
|
|
713
790
|
const renderTrackDividers = (0, _react.useMemo)(() => {
|
|
714
791
|
const renderTrackDivider = function () {
|
|
715
792
|
let key = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
|
|
@@ -718,13 +795,17 @@ function RangeSlider2(_ref) {
|
|
|
718
795
|
className: "".concat(COMPONENT_CLASS, "__track__line__dividers--item")
|
|
719
796
|
});
|
|
720
797
|
};
|
|
798
|
+
|
|
721
799
|
const dividersCount = parseInt((max - min) / dividersRange, 10);
|
|
722
800
|
const dividers = [];
|
|
801
|
+
|
|
723
802
|
for (let i = 0; i < dividersCount; ++i) dividers.push(renderTrackDivider(i));
|
|
803
|
+
|
|
724
804
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
725
805
|
className: "".concat(COMPONENT_CLASS, "__track__line__dividers")
|
|
726
806
|
}, dividers);
|
|
727
807
|
}, [trackRef, minRange, min, max]);
|
|
808
|
+
|
|
728
809
|
const renderTrackLine = () => {
|
|
729
810
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
730
811
|
className: "".concat(COMPONENT_CLASS, "__track__line")
|
|
@@ -734,12 +815,14 @@ function RangeSlider2(_ref) {
|
|
|
734
815
|
className: "".concat(COMPONENT_CLASS, "__track__line__extremum--max")
|
|
735
816
|
}, max));
|
|
736
817
|
};
|
|
818
|
+
|
|
737
819
|
const renderTrack = () => {
|
|
738
820
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
739
821
|
className: (0, _classnames.default)("".concat(COMPONENT_CLASS, "__track"), className),
|
|
740
822
|
ref: trackRef
|
|
741
823
|
}, renderTrackLine(), renderAddTrackTrigger(), renderTrackTriggers(), renderRangesValue());
|
|
742
824
|
};
|
|
825
|
+
|
|
743
826
|
const render = () => {
|
|
744
827
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
745
828
|
className: COMPONENT_CLASS,
|
|
@@ -748,5 +831,6 @@ function RangeSlider2(_ref) {
|
|
|
748
831
|
onMouseMove: e => setMouseTrackPosition(e === null || e === void 0 ? void 0 : e.clientX)
|
|
749
832
|
}, renderTrack());
|
|
750
833
|
};
|
|
834
|
+
|
|
751
835
|
return render();
|
|
752
836
|
}
|
|
@@ -1,15 +1,22 @@
|
|
|
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 _react = _interopRequireDefault(require("react"));
|
|
11
|
+
|
|
9
12
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
13
|
+
|
|
10
14
|
var _Switcher = _interopRequireDefault(require("../Switcher/Switcher"));
|
|
15
|
+
|
|
11
16
|
require("./SwitchableRow.scss");
|
|
17
|
+
|
|
12
18
|
const RC_default = "switchable-row";
|
|
19
|
+
|
|
13
20
|
const SwitchableRow = props => {
|
|
14
21
|
const {
|
|
15
22
|
RC = RC_default,
|
|
@@ -35,4 +42,6 @@ const SwitchableRow = props => {
|
|
|
35
42
|
"data-testid": "switchable-row-".concat(testId, "-switcher")
|
|
36
43
|
})), children);
|
|
37
44
|
};
|
|
38
|
-
|
|
45
|
+
|
|
46
|
+
var _default = SwitchableRow;
|
|
47
|
+
exports.default = _default;
|
|
@@ -1,15 +1,22 @@
|
|
|
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 _react = _interopRequireDefault(require("react"));
|
|
11
|
+
|
|
9
12
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
13
|
+
|
|
10
14
|
var _Hint = _interopRequireDefault(require("../../UI/Hint/Hint"));
|
|
15
|
+
|
|
11
16
|
require("./Switcher.scss");
|
|
17
|
+
|
|
12
18
|
const RC = "switcher";
|
|
19
|
+
|
|
13
20
|
const Switcher = _ref => {
|
|
14
21
|
let {
|
|
15
22
|
label,
|
|
@@ -46,4 +53,6 @@ const Switcher = _ref => {
|
|
|
46
53
|
side: hintSide
|
|
47
54
|
}));
|
|
48
55
|
};
|
|
49
|
-
|
|
56
|
+
|
|
57
|
+
var _default = Switcher;
|
|
58
|
+
exports.default = _default;
|