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