intelicoreact 1.4.21 → 1.4.23
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/Atomic/FormElements/ActionAlert/ActionAlert.js +1 -9
- package/dist/Atomic/FormElements/AdvancedStatus/AdvancedStatus.js +1 -10
- package/dist/Atomic/FormElements/Calendar/Calendar.js +4 -24
- package/dist/Atomic/FormElements/CheckboxInput/CheckboxInput.js +1 -10
- package/dist/Atomic/FormElements/CheckboxesLine/CheckboxesLine.js +2 -14
- package/dist/Atomic/FormElements/Datepicker/Datepicker.js +5 -54
- package/dist/Atomic/FormElements/Datepicker/components/Calendar.js +3 -21
- package/dist/Atomic/FormElements/Dropdown/Dropdown.js +51 -144
- package/dist/Atomic/FormElements/Dropdown/components/DropdownLoader.js +1 -7
- package/dist/Atomic/FormElements/DropdownLiveSearch/DropdownLiveSearch.js +25 -91
- package/dist/Atomic/FormElements/FileLoader/FileLoader.js +3 -15
- package/dist/Atomic/FormElements/FileLoader/partial/LoadZone.js +15 -29
- package/dist/Atomic/FormElements/FileLoader/partial/LoadedContent.js +5 -15
- package/dist/Atomic/FormElements/FileLoaderLocal/FileLoaderLocal.js +6 -26
- package/dist/Atomic/FormElements/FileLoaderLocalGroup/FileLoaderLocalGroup.js +19 -35
- package/dist/Atomic/FormElements/FormattedRawSSN/FormattedRawSSN.js +9 -38
- package/dist/Atomic/FormElements/Input/Input.js +25 -60
- package/dist/Atomic/FormElements/InputCalendar/InputCalendar.js +4 -31
- package/dist/Atomic/FormElements/InputColor/InputColor.js +4 -14
- package/dist/Atomic/FormElements/InputCurrency/InputCurrency.js +6 -29
- package/dist/Atomic/FormElements/InputDateRange/InputDateRange.js +8 -43
- package/dist/Atomic/FormElements/InputDateRange/components/DateInput.js +3 -21
- package/dist/Atomic/FormElements/InputDateRange/components/Datepicker.js +58 -81
- package/dist/Atomic/FormElements/InputDateRange/components/OpenedPart.js +6 -41
- package/dist/Atomic/FormElements/InputDateRange/components/SelectItem.js +1 -8
- package/dist/Atomic/FormElements/InputDateRange/dependencies.js +16 -46
- package/dist/Atomic/FormElements/InputLink/InputLink.js +6 -23
- package/dist/Atomic/FormElements/InputMask/InputCarretPosition.js +0 -4
- package/dist/Atomic/FormElements/InputMask/InputMask.js +77 -208
- package/dist/Atomic/FormElements/InputMask/functions.js +2 -28
- package/dist/Atomic/FormElements/InputMask2/InputMask2.js +43 -119
- package/dist/Atomic/FormElements/InputMask2/functions.js +2 -28
- package/dist/Atomic/FormElements/InputMask3/InputMask3.js +44 -137
- package/dist/Atomic/FormElements/InputMask3/functions.js +2 -28
- package/dist/Atomic/FormElements/InputWithAction/InputWithAction.js +3 -17
- package/dist/Atomic/FormElements/InputsRow/InputsRow.js +5 -24
- package/dist/Atomic/FormElements/Label/Label.js +1 -9
- package/dist/Atomic/FormElements/MobileCalendar/MobileCalendar.js +35 -73
- package/dist/Atomic/FormElements/MultiSelect/MultiSelect.js +3 -15
- package/dist/Atomic/FormElements/NumericInput/NumericInput.js +23 -44
- package/dist/Atomic/FormElements/RadioGroup/RadioGroup.js +7 -17
- package/dist/Atomic/FormElements/RadioGroupWithInput/RadioGroupWithInput.js +3 -14
- package/dist/Atomic/FormElements/RadioInput/RadioInput.js +1 -10
- package/dist/Atomic/FormElements/RadioRowSwitcher/RadioRowSwitcher.js +3 -14
- package/dist/Atomic/FormElements/RangeCalendar/RangeCalendar.js +3 -23
- package/dist/Atomic/FormElements/RangeInputs/RangeInputs.js +17 -34
- package/dist/Atomic/FormElements/RangeList/RangeList.js +6 -25
- package/dist/Atomic/FormElements/RangeList/partial/RangeListRow.js +1 -11
- package/dist/Atomic/FormElements/RangeSlider/RangeSlider.js +14 -85
- package/dist/Atomic/FormElements/RangeSlider2/RangeSlider2.js +43 -132
- package/dist/Atomic/FormElements/SwitchableRow/SwitchableRow.js +1 -10
- package/dist/Atomic/FormElements/Switcher/Switcher.js +1 -10
- package/dist/Atomic/FormElements/SwitcherCheckbox/SwitcherCheckbox.js +1 -13
- package/dist/Atomic/FormElements/SwitcherHide/SwitcherHide.js +1 -10
- package/dist/Atomic/FormElements/SwitcherRadio/SwitcherRadio.js +2 -17
- package/dist/Atomic/FormElements/SwitcherRange/SwitcherRange.js +3 -17
- package/dist/Atomic/FormElements/SwitcherRangeList/SwitcherRangeList.js +1 -11
- package/dist/Atomic/FormElements/SwitcherTagsDropdown/SwitcherTagsDropdown.js +6 -29
- package/dist/Atomic/FormElements/SwitcherTagsDropdown/partial/States.js +2 -3
- package/dist/Atomic/FormElements/SwitcherTextarea/SwitcherTextarea.js +1 -12
- package/dist/Atomic/FormElements/TagListToDropdown/TagListToDropdown.js +9 -31
- package/dist/Atomic/FormElements/TagsDropdown/TagsDropdown.js +125 -213
- package/dist/Atomic/FormElements/Text/Text.js +10 -16
- package/dist/Atomic/FormElements/TextSwitcher/TextSwitcher.js +1 -9
- package/dist/Atomic/FormElements/Textarea/Textarea.js +4 -20
- package/dist/Atomic/FormElements/TieredCheckboxes/TieredCheckboxes.js +6 -35
- package/dist/Atomic/FormElements/TieredCheckboxes/partial/AccordionWithCheckbox.js +4 -13
- package/dist/Atomic/FormElements/TimeRange/TimeRange.js +7 -21
- package/dist/Atomic/FormElements/UserContacts/UserContacts.js +8 -35
- package/dist/Atomic/FormElements/VariantsListRadio/VariantsListRadio.js +5 -18
- package/dist/Atomic/FormElements/VariantsListRadio/partials/VariantsListRadioItem.js +3 -10
- package/dist/Atomic/FormElements/WidgetPseudoTable/WidgetPseudoTable.js +3 -11
- package/dist/Atomic/FormElements/WidgetPseudoTable/partial/constructor.js +1 -2
- package/dist/Atomic/FormElements/WidgetWithSwitchableRows/WidgetWithSwitchableRows.js +5 -12
- package/dist/Atomic/FormElements/WidgetWithSwitchableRows/partial/constructor.js +3 -3
- package/dist/Atomic/Layout/Header/Header.js +3 -15
- package/dist/Atomic/Layout/MainMenu/MainMenu.js +3 -20
- package/dist/Atomic/Layout/Spinner/Spinner.js +1 -8
- package/dist/Atomic/UI/Accordion/Accordion.js +3 -19
- package/dist/Atomic/UI/Accordion/AccordionItem.js +9 -23
- package/dist/Atomic/UI/AccordionTable/AccordionTable.js +7 -32
- package/dist/Atomic/UI/AccordionText/AccordionText.js +3 -15
- package/dist/Atomic/UI/AdvancedTag/AdvTag.js +4 -21
- package/dist/Atomic/UI/AdvancedTag/AdvancedTags.js +3 -15
- package/dist/Atomic/UI/Alert/Alert.js +3 -19
- package/dist/Atomic/UI/Arrow/Arrow.js +3 -16
- package/dist/Atomic/UI/Box/Box.js +3 -9
- package/dist/Atomic/UI/Button/Button.js +2 -11
- package/dist/Atomic/UI/ButtonsBar/ButtonsBar.js +1 -10
- package/dist/Atomic/UI/Chart/Chart.js +4 -29
- package/dist/Atomic/UI/Chart/partial/Chart.constants.js +11 -19
- package/dist/Atomic/UI/Chart/partial/ChartTypeSwitcherIcon/ChartTypeSwitcherIcon.js +1 -12
- package/dist/Atomic/UI/Chart/partial/datasetSetters.js +11 -34
- package/dist/Atomic/UI/Chart/partial/optionsConstructor.js +82 -56
- package/dist/Atomic/UI/Chart/partial/optionsSetters.js +15 -19
- package/dist/Atomic/UI/Chart/partial/utils.js +6 -20
- package/dist/Atomic/UI/CircleProgressBar/CircleProgressBar.js +3 -13
- package/dist/Atomic/UI/DateTime/DateTime.js +3 -14
- package/dist/Atomic/UI/DebugContainer/DebugContainer.js +4 -16
- package/dist/Atomic/UI/DebugContainer/useDebugContainer.js +3 -11
- package/dist/Atomic/UI/DoubleString/DoubleString.js +5 -17
- package/dist/Atomic/UI/DynamicIcon/DynamicIcon.js +3 -10
- package/dist/Atomic/UI/ExampleChartIntegration/ExampleChartIntegration.js +17 -52
- package/dist/Atomic/UI/ExampleChartIntegration/partial/utils.js +1 -29
- package/dist/Atomic/UI/Hint/Hint.js +5 -31
- package/dist/Atomic/UI/Modal/Modal.js +6 -28
- package/dist/Atomic/UI/Modal/ModalHOC.js +1 -9
- package/dist/Atomic/UI/Modal/partials/ModalFooter.js +1 -7
- package/dist/Atomic/UI/Modal/partials/ModalTitle.js +1 -8
- package/dist/Atomic/UI/Modal/partials/useMobileModal.js +32 -49
- package/dist/Atomic/UI/MonoAccordion/MonoAccordion.js +6 -21
- package/dist/Atomic/UI/NavLine/NavLine.js +26 -55
- package/dist/Atomic/UI/NavLine/Tabs.js +2 -3
- package/dist/Atomic/UI/PageTitle/PageTitle.js +2 -10
- package/dist/Atomic/UI/PieChart/PieChart.js +1 -10
- package/dist/Atomic/UI/Price/Price.js +3 -8
- package/dist/Atomic/UI/PriceRange/PriceRange.js +1 -7
- package/dist/Atomic/UI/ProgressLine/ProgressLine.js +1 -16
- package/dist/Atomic/UI/Status/Status.js +1 -8
- package/dist/Atomic/UI/Table/Partials/TdCell.js +5 -29
- package/dist/Atomic/UI/Table/Partials/TdHeader.js +1 -11
- package/dist/Atomic/UI/Table/Partials/TdRow.js +5 -17
- package/dist/Atomic/UI/Table/Partials/TdTitle.js +3 -14
- package/dist/Atomic/UI/Table/Table.js +1 -12
- package/dist/Atomic/UI/Table/TdTypes/TdActions.js +2 -18
- package/dist/Atomic/UI/Table/TdTypes/TdPriority.js +1 -9
- package/dist/Atomic/UI/Table/TdTypes/TdRange.js +1 -4
- package/dist/Atomic/UI/Table/TdTypes/TdWeight.js +1 -13
- package/dist/Atomic/UI/Tag/Tag.js +7 -19
- package/dist/Atomic/UI/TagList/TagList.js +20 -38
- package/dist/Atomic/UI/UserBox/UserBox.js +1 -13
- package/dist/Classes/AbortableFetch.js +36 -93
- package/dist/Classes/AnimatedHandler.js +3 -7
- package/dist/Classes/RESTAPI/index.js +39 -42
- package/dist/Classes/RESTAPI/partials/AbortableFetch.js +35 -93
- package/dist/Classes/RESTAPI/partials/ApiBase.js +1 -9
- package/dist/Classes/RESTAPI/partials/ApiRequestCreators.js +24 -32
- package/dist/Classes/RESTAPI/partials/ApiUtils.js +34 -41
- package/dist/Classes/RESTAPI/partials/CredentialsProcessing.js +21 -44
- package/dist/Classes/RESTAPI/partials/Utils.js +6 -19
- package/dist/Classes/RESTAPI/partials/_outerDependencies.js +2 -6
- package/dist/Classes/RESTAPI/partials/_utils.js +13 -36
- package/dist/Constants/index.constants.js +8 -15
- package/dist/Functions/Portal.js +5 -16
- package/dist/Functions/customEventListener.js +4 -17
- package/dist/Functions/fieldValueFormatters.js +43 -83
- package/dist/Functions/hooks/useFormFieldsChangesManager.js +23 -26
- package/dist/Functions/locale/createTranslator.js +4 -9
- package/dist/Functions/operations.js +12 -22
- package/dist/Functions/presets/inputMaskPresets.js +9 -11
- package/dist/Functions/presets/inputPresets.js +8 -11
- package/dist/Functions/presets/mobileKeyboardTypesPresets.js +7 -9
- package/dist/Functions/schemas.js +6 -13
- package/dist/Functions/useBodyScrollLock.js +1 -6
- package/dist/Functions/useClickOutside.js +0 -4
- package/dist/Functions/useDebounce.js +2 -7
- package/dist/Functions/useFieldFocus.js +6 -18
- package/dist/Functions/useFormTools/form-drivers/ArrayWithObjects.js +0 -9
- package/dist/Functions/useFormTools/form-drivers/ObjectWithIterableObjects.js +12 -23
- package/dist/Functions/useFormTools/form-drivers/ObjectWithNamedKeyObjects.js +6 -15
- package/dist/Functions/useFormTools/functions/General.js +18 -28
- package/dist/Functions/useFormTools/functions/RenderFields.js +2 -11
- package/dist/Functions/useFormTools/functions/usePrevious.js +1 -5
- package/dist/Functions/useFormTools/index.js +85 -144
- package/dist/Functions/useInputHighlightError.js +3 -12
- package/dist/Functions/useIsMobile.js +7 -13
- package/dist/Functions/useKeyPress/useHandleKeyPress.js +1 -7
- package/dist/Functions/useKeyPress/useKeyPress.js +1 -9
- package/dist/Functions/useLocalStorage.js +1 -9
- package/dist/Functions/useLocationParams.js +4 -5
- package/dist/Functions/useMediaQuery.js +3 -9
- package/dist/Functions/useMetaInfo.js +3 -10
- package/dist/Functions/useMouseUpOutside.js +0 -3
- package/dist/Functions/useOnlineStatus.js +1 -9
- package/dist/Functions/usePasswordChecker.js +4 -20
- package/dist/Functions/usePrevious.js +1 -5
- package/dist/Functions/useResize.js +2 -10
- package/dist/Functions/useScrollTo.js +2 -7
- package/dist/Functions/useToggle.js +1 -5
- package/dist/Functions/utils.js +56 -131
- package/dist/Molecular/CustomIcons/components/AffiliateNetworks.js +2 -9
- package/dist/Molecular/CustomIcons/components/AlertCircle.js +2 -9
- package/dist/Molecular/CustomIcons/components/AppStore.js +2 -9
- package/dist/Molecular/CustomIcons/components/Arrow.js +2 -9
- package/dist/Molecular/CustomIcons/components/ArrowDown.js +2 -9
- package/dist/Molecular/CustomIcons/components/ArrowLeft.js +2 -9
- package/dist/Molecular/CustomIcons/components/ArrowRight.js +2 -9
- package/dist/Molecular/CustomIcons/components/ArrowUp.js +2 -9
- package/dist/Molecular/CustomIcons/components/Bell.js +2 -9
- package/dist/Molecular/CustomIcons/components/Button.js +2 -9
- package/dist/Molecular/CustomIcons/components/Campaigns.js +2 -9
- package/dist/Molecular/CustomIcons/components/Check.js +2 -9
- package/dist/Molecular/CustomIcons/components/Check2.js +2 -9
- package/dist/Molecular/CustomIcons/components/ChevronDown.js +2 -9
- package/dist/Molecular/CustomIcons/components/ChevronDownDisabled.js +2 -9
- package/dist/Molecular/CustomIcons/components/ChevronLeft.js +2 -9
- package/dist/Molecular/CustomIcons/components/ChevronRight.js +2 -9
- package/dist/Molecular/CustomIcons/components/ChevronUp.js +2 -9
- package/dist/Molecular/CustomIcons/components/ChevronUpDown.js +2 -9
- package/dist/Molecular/CustomIcons/components/Close.js +2 -9
- package/dist/Molecular/CustomIcons/components/ColumnsOrder.js +2 -9
- package/dist/Molecular/CustomIcons/components/Delete.js +2 -9
- package/dist/Molecular/CustomIcons/components/Edit.js +2 -9
- package/dist/Molecular/CustomIcons/components/Email.js +2 -9
- package/dist/Molecular/CustomIcons/components/FinturfLogo.js +2 -9
- package/dist/Molecular/CustomIcons/components/FinturfLogo2.js +2 -9
- package/dist/Molecular/CustomIcons/components/Flows.js +2 -9
- package/dist/Molecular/CustomIcons/components/Gift.js +2 -9
- package/dist/Molecular/CustomIcons/components/GoogleAuth.js +2 -9
- package/dist/Molecular/CustomIcons/components/GooglePlay.js +2 -9
- package/dist/Molecular/CustomIcons/components/HelpCircle.js +2 -9
- package/dist/Molecular/CustomIcons/components/HelpCircle2.js +2 -9
- package/dist/Molecular/CustomIcons/components/HelpCircleFilled.js +2 -9
- package/dist/Molecular/CustomIcons/components/Home.js +2 -9
- package/dist/Molecular/CustomIcons/components/Home2.js +2 -9
- package/dist/Molecular/CustomIcons/components/Key.js +2 -9
- package/dist/Molecular/CustomIcons/components/Landers.js +2 -9
- package/dist/Molecular/CustomIcons/components/Lock.js +2 -9
- package/dist/Molecular/CustomIcons/components/Mail.js +2 -9
- package/dist/Molecular/CustomIcons/components/Mastercard.js +2 -9
- package/dist/Molecular/CustomIcons/components/Minus.js +2 -9
- package/dist/Molecular/CustomIcons/components/Offers.js +2 -9
- package/dist/Molecular/CustomIcons/components/Pause.js +2 -9
- package/dist/Molecular/CustomIcons/components/PayPal.js +2 -9
- package/dist/Molecular/CustomIcons/components/PayPalLightLarge.js +2 -9
- package/dist/Molecular/CustomIcons/components/Phone.js +2 -9
- package/dist/Molecular/CustomIcons/components/Play.js +2 -9
- package/dist/Molecular/CustomIcons/components/Plus.js +2 -9
- package/dist/Molecular/CustomIcons/components/Profile.js +2 -9
- package/dist/Molecular/CustomIcons/components/QRCode.js +2 -9
- package/dist/Molecular/CustomIcons/components/Rectangle.js +2 -9
- package/dist/Molecular/CustomIcons/components/Revert.js +2 -9
- package/dist/Molecular/CustomIcons/components/Star.js +2 -9
- package/dist/Molecular/CustomIcons/components/Star2.js +2 -9
- package/dist/Molecular/CustomIcons/components/TrafficSources.js +2 -9
- package/dist/Molecular/CustomIcons/components/Trash.js +2 -9
- package/dist/Molecular/CustomIcons/components/TrashRed.js +2 -9
- package/dist/Molecular/CustomIcons/components/Triggers.js +2 -9
- package/dist/Molecular/CustomIcons/components/User.js +2 -9
- package/dist/Molecular/CustomIcons/components/Visa.js +2 -9
- package/dist/Molecular/CustomIcons/components/X.js +2 -9
- package/dist/Molecular/CustomIcons/index.js +0 -122
- package/dist/Molecular/FormElement/FormElement.js +1 -12
- package/dist/Molecular/FormWithDependOn/FormWithDependOn.js +30 -31
- package/dist/Molecular/FormWithDependOn/partials/_utils.js +9 -12
- package/dist/Molecular/InputAddress/InputAddress.js +65 -114
- package/dist/Molecular/InputPassword/InputPassword.js +5 -19
- package/dist/index.js +0 -2
- package/package.json +1 -1
- package/dist/Atomic/FormElements/UserContacts/partial/defaultIcons.js +0 -91
- package/dist/Atomic/UI/ModalBackup/Modal.js +0 -174
- package/dist/Atomic/UI/ModalBackup/Modal.scss +0 -333
- package/dist/Atomic/UI/ModalBackup/ModalHOC.js +0 -51
- package/dist/Atomic/UI/ModalBackup/partials/ModalFooter.js +0 -24
- package/dist/Atomic/UI/ModalBackup/partials/ModalTitle.js +0 -41
|
@@ -1,30 +1,19 @@
|
|
|
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 _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
11
|
-
|
|
12
9
|
var _react = _interopRequireWildcard(require("react"));
|
|
13
|
-
|
|
14
10
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
15
|
-
|
|
16
11
|
var _reactFeather = require("react-feather");
|
|
17
|
-
|
|
18
12
|
var _useIsMobile = _interopRequireDefault(require("../../../Functions/useIsMobile"));
|
|
19
|
-
|
|
20
13
|
var _utils = require("../../../Functions/utils");
|
|
21
|
-
|
|
22
14
|
require("./RangeSlider2.scss");
|
|
23
|
-
|
|
24
|
-
function
|
|
25
|
-
|
|
26
|
-
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; }
|
|
27
|
-
|
|
15
|
+
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); }
|
|
16
|
+
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; }
|
|
28
17
|
const COMPONENT_CLASS = "range-slider2";
|
|
29
18
|
const {
|
|
30
19
|
LEFT_COLLISSION,
|
|
@@ -49,7 +38,6 @@ const POINT_VALUE_TYPES = Object.freeze({
|
|
|
49
38
|
TO: "to",
|
|
50
39
|
BOTH: "both"
|
|
51
40
|
});
|
|
52
|
-
|
|
53
41
|
function RangeSlider2(_ref) {
|
|
54
42
|
let {
|
|
55
43
|
min = 300,
|
|
@@ -75,13 +63,10 @@ function RangeSlider2(_ref) {
|
|
|
75
63
|
const [trackWidth, setTrackWidth] = (0, _react.useState)(0);
|
|
76
64
|
const [trackPosition, setTrackPosition] = (0, _react.useState)(0);
|
|
77
65
|
const [mouseTrackPosition, setMouseTrackPosition] = (0, _react.useState)(0);
|
|
78
|
-
|
|
79
66
|
const prepareValue = value => {
|
|
80
67
|
return parseInt(parseFloat(value) * 10 ** precision, 10) / 10 ** precision;
|
|
81
68
|
};
|
|
82
|
-
|
|
83
69
|
const [ranges, setRanges] = (0, _react.useState)(value);
|
|
84
|
-
|
|
85
70
|
const addRange = _ref2 => {
|
|
86
71
|
let {
|
|
87
72
|
from,
|
|
@@ -95,7 +80,6 @@ function RangeSlider2(_ref) {
|
|
|
95
80
|
if (!id) {
|
|
96
81
|
id = ((ranges === null || ranges === void 0 ? void 0 : ranges.length) + 1) * -1;
|
|
97
82
|
}
|
|
98
|
-
|
|
99
83
|
return [...ranges, {
|
|
100
84
|
id,
|
|
101
85
|
from,
|
|
@@ -106,7 +90,6 @@ function RangeSlider2(_ref) {
|
|
|
106
90
|
}].sort((a, b) => a.from - b.from);
|
|
107
91
|
});
|
|
108
92
|
};
|
|
109
|
-
|
|
110
93
|
const updateRange = _ref3 => {
|
|
111
94
|
let {
|
|
112
95
|
from,
|
|
@@ -124,7 +107,6 @@ function RangeSlider2(_ref) {
|
|
|
124
107
|
} = _ref4;
|
|
125
108
|
return rangeId === id;
|
|
126
109
|
});
|
|
127
|
-
|
|
128
110
|
if (range) {
|
|
129
111
|
range.from = from !== null && from !== void 0 ? from : range === null || range === void 0 ? void 0 : range.from;
|
|
130
112
|
range.to = to !== null && to !== void 0 ? to : range === null || range === void 0 ? void 0 : range.to;
|
|
@@ -132,15 +114,12 @@ function RangeSlider2(_ref) {
|
|
|
132
114
|
range.value = value !== undefined ? Number.isInteger(value) ? value : 0 : range === null || range === void 0 ? void 0 : range.value;
|
|
133
115
|
range.data = data !== undefined ? data : range === null || range === void 0 ? void 0 : range.data;
|
|
134
116
|
}
|
|
135
|
-
|
|
136
117
|
return newRanges;
|
|
137
118
|
});
|
|
138
119
|
};
|
|
139
|
-
|
|
140
120
|
const updateRangesByTrigger = trigger => {
|
|
141
121
|
var _triggers$find;
|
|
142
|
-
|
|
143
|
-
const newValue = triggers === null || triggers === void 0 ? void 0 : (_triggers$find = triggers.find(_ref5 => {
|
|
122
|
+
const newValue = triggers === null || triggers === void 0 || (_triggers$find = triggers.find(_ref5 => {
|
|
144
123
|
let {
|
|
145
124
|
id
|
|
146
125
|
} = _ref5;
|
|
@@ -149,7 +128,6 @@ function RangeSlider2(_ref) {
|
|
|
149
128
|
const oldValue = trigger === null || trigger === void 0 ? void 0 : trigger.value;
|
|
150
129
|
const leftRange = ranges === null || ranges === void 0 ? void 0 : ranges.find(range => (range === null || range === void 0 ? void 0 : range.to) === oldValue);
|
|
151
130
|
const rightRange = ranges === null || ranges === void 0 ? void 0 : ranges.find(range => (range === null || range === void 0 ? void 0 : range.from) === oldValue + 1);
|
|
152
|
-
|
|
153
131
|
if (leftRange && rightRange) {
|
|
154
132
|
updateRange({
|
|
155
133
|
from: leftRange === null || leftRange === void 0 ? void 0 : leftRange.from,
|
|
@@ -163,7 +141,6 @@ function RangeSlider2(_ref) {
|
|
|
163
141
|
});
|
|
164
142
|
}
|
|
165
143
|
};
|
|
166
|
-
|
|
167
144
|
const splitRange = score => {
|
|
168
145
|
const range = ranges === null || ranges === void 0 ? void 0 : ranges.find(_ref6 => {
|
|
169
146
|
let {
|
|
@@ -186,7 +163,8 @@ function RangeSlider2(_ref) {
|
|
|
186
163
|
to: range === null || range === void 0 ? void 0 : range.to,
|
|
187
164
|
id: null
|
|
188
165
|
});
|
|
189
|
-
updateRange({
|
|
166
|
+
updateRange({
|
|
167
|
+
...range,
|
|
190
168
|
value: assignValueToRange === ASSIGN_TO_LEFT ? value : 0,
|
|
191
169
|
data: assignValueToRange === ASSIGN_TO_LEFT ? data : null,
|
|
192
170
|
label,
|
|
@@ -194,7 +172,6 @@ function RangeSlider2(_ref) {
|
|
|
194
172
|
});
|
|
195
173
|
if (isAddTriggerFixed) unfixAddTrigger();
|
|
196
174
|
};
|
|
197
|
-
|
|
198
175
|
const concatRanges = score => {
|
|
199
176
|
const [left, right] = ranges === null || ranges === void 0 ? void 0 : ranges.filter(_ref7 => {
|
|
200
177
|
let {
|
|
@@ -216,13 +193,9 @@ function RangeSlider2(_ref) {
|
|
|
216
193
|
});
|
|
217
194
|
removeRange(right === null || right === void 0 ? void 0 : right.id);
|
|
218
195
|
};
|
|
219
|
-
|
|
220
196
|
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));
|
|
221
|
-
|
|
222
197
|
const clearRanges = () => setRanges([]);
|
|
223
|
-
|
|
224
198
|
const [triggers, setTriggers] = (0, _react.useState)([]);
|
|
225
|
-
|
|
226
199
|
const addTrigger = function (value) {
|
|
227
200
|
let {
|
|
228
201
|
isFixed = false,
|
|
@@ -250,26 +223,22 @@ function RangeSlider2(_ref) {
|
|
|
250
223
|
return newState.sort((a, b) => a.value < b.value ? -1 : 1);
|
|
251
224
|
});
|
|
252
225
|
};
|
|
253
|
-
|
|
254
226
|
const updateTrigger = (index, value) => setTriggers(state => {
|
|
255
227
|
const newState = [...state];
|
|
256
|
-
newState[index] = {
|
|
228
|
+
newState[index] = {
|
|
229
|
+
...newState[index],
|
|
257
230
|
value
|
|
258
231
|
};
|
|
259
232
|
return newState;
|
|
260
233
|
});
|
|
261
|
-
|
|
262
234
|
const removeTrigger = index => setTriggers(state => {
|
|
263
235
|
var _state$index;
|
|
264
|
-
|
|
265
236
|
concatRanges((_state$index = state[index]) === null || _state$index === void 0 ? void 0 : _state$index.value);
|
|
266
237
|
const newState = [...state];
|
|
267
238
|
newState.splice(index, 1);
|
|
268
239
|
return newState;
|
|
269
240
|
});
|
|
270
|
-
|
|
271
241
|
const clearTriggers = () => setTriggers([]);
|
|
272
|
-
|
|
273
242
|
const getTriggerByScore = score => {
|
|
274
243
|
return triggers === null || triggers === void 0 ? void 0 : triggers.find(_ref9 => {
|
|
275
244
|
let {
|
|
@@ -278,57 +247,44 @@ function RangeSlider2(_ref) {
|
|
|
278
247
|
return triggerScore === score;
|
|
279
248
|
});
|
|
280
249
|
};
|
|
281
|
-
|
|
282
250
|
const [movingController, setMovingController] = (0, _react.useState)(null);
|
|
283
251
|
const [movingTrigger, setMovingTrigger] = (0, _react.useState)(null);
|
|
284
252
|
const [movingTriggerIndex, setMovingTriggerIndex] = (0, _react.useState)(null);
|
|
285
253
|
const [movingTriggerData, setMovingTriggerData] = (0, _react.useState)(null);
|
|
286
254
|
const [isTriggerMoved, setIsTriggerMoved] = (0, _react.useState)(false);
|
|
287
255
|
const [isMouseOverTrigger, setIsMouseOverTrigger] = (0, _react.useState)(false);
|
|
288
|
-
|
|
289
256
|
const setMouseOverTrigger = () => setIsMouseOverTrigger(true);
|
|
290
|
-
|
|
291
257
|
const setMouseLeaveTrigger = () => setIsMouseOverTrigger(false);
|
|
292
|
-
|
|
293
258
|
const [isMouseOverTrack, setIsMouseOverTrack] = (0, _react.useState)(false);
|
|
294
|
-
|
|
295
259
|
const setMouseOverTrack = () => setIsMouseOverTrack(true);
|
|
296
|
-
|
|
297
260
|
const setMouseLeaveTrack = () => setIsMouseOverTrack(false);
|
|
298
|
-
|
|
299
261
|
const isTriggerMoving = triggerIndex => triggerIndex === movingTriggerIndex;
|
|
300
|
-
|
|
301
262
|
const [addTriggerFixedScore, setAddTriggerFixedScore] = (0, _react.useState)(null);
|
|
302
263
|
const [addTriggerFixedRange, setAddTriggerFixedRange] = (0, _react.useState)(null);
|
|
303
264
|
const [isAddTriggerFixed, setIsAddTriggerFixed] = (0, _react.useState)(false);
|
|
304
265
|
const [assignValueToRange, setAssignValueToRange] = (0, _react.useState)(ASSIGN_TO_LEFT);
|
|
305
|
-
|
|
306
266
|
const fixAddTrigger = (score, inRange) => {
|
|
307
267
|
setAddTriggerFixedScore(score);
|
|
308
268
|
setAddTriggerFixedRange(inRange);
|
|
309
269
|
setIsAddTriggerFixed(true);
|
|
310
270
|
};
|
|
311
|
-
|
|
312
271
|
const unfixAddTrigger = e => {
|
|
313
|
-
e === null || e === void 0
|
|
314
|
-
e === null || e === void 0
|
|
272
|
+
e === null || e === void 0 || e.stopPropagation();
|
|
273
|
+
e === null || e === void 0 || e.preventDefault();
|
|
315
274
|
setAddTriggerFixedScore(null);
|
|
316
275
|
setAddTriggerFixedRange(null);
|
|
317
276
|
setIsAddTriggerFixed(false);
|
|
318
277
|
setAssignValueToRange(ASSIGN_TO_LEFT);
|
|
319
278
|
};
|
|
320
|
-
|
|
321
279
|
const [pointsPerPx, setPointsPerPx] = (0, _react.useState)(0);
|
|
322
|
-
|
|
323
280
|
const countPointsPerPx = width => {
|
|
324
281
|
return (max - min) / width;
|
|
325
|
-
};
|
|
326
|
-
|
|
282
|
+
};
|
|
327
283
|
|
|
284
|
+
// GETTERS //
|
|
328
285
|
const getTrackXByScore = score => {
|
|
329
286
|
return (score - min) / pointsPerPx;
|
|
330
287
|
};
|
|
331
|
-
|
|
332
288
|
const getScoreByX = x => {
|
|
333
289
|
let points = (x - trackPosition) * pointsPerPx + min;
|
|
334
290
|
points -= points % step;
|
|
@@ -336,23 +292,18 @@ function RangeSlider2(_ref) {
|
|
|
336
292
|
if (points > max) points = max;
|
|
337
293
|
return points - 1;
|
|
338
294
|
};
|
|
339
|
-
|
|
340
295
|
const getTriggerCollisionDirection = (index, points) => {
|
|
341
296
|
var _triggers, _triggers2;
|
|
342
|
-
|
|
343
297
|
if (index <= 0) return points;
|
|
344
|
-
const [triggerBefore, triggerAfter] = [(triggers === null || triggers === void 0
|
|
298
|
+
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];
|
|
345
299
|
if (triggerBefore === triggerAfter) return BOTH_COLLISION;else if (points === triggerBefore) return LEFT_COLLISSION;else if (points === triggerAfter) return RIGHT_COLLISION;else return NO_COLLISION;
|
|
346
300
|
};
|
|
347
|
-
|
|
348
301
|
const getTriggerScore = (index, points) => {
|
|
349
302
|
var _triggers3, _triggers4;
|
|
350
|
-
|
|
351
303
|
if (index <= 0) return points;
|
|
352
|
-
const [triggerBefore, triggerAfter] = [(triggers === null || triggers === void 0
|
|
304
|
+
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];
|
|
353
305
|
if (points < triggerBefore) return triggerBefore;else if (points > triggerAfter) return triggerAfter;else return points;
|
|
354
306
|
};
|
|
355
|
-
|
|
356
307
|
const getAddTriggerCollisionDirection = x => {
|
|
357
308
|
const triggerScore = getAddTriggerScore(x);
|
|
358
309
|
const inRange = getInRange(triggerScore);
|
|
@@ -365,25 +316,20 @@ function RangeSlider2(_ref) {
|
|
|
365
316
|
const triggerAfter = to - minRange - 1;
|
|
366
317
|
if (triggerBefore === triggerAfter) return BOTH_COLLISION;else if (triggerScore <= triggerBefore) return LEFT_COLLISSION;else if (triggerScore >= triggerAfter) return RIGHT_COLLISION;else return NO_COLLISION;
|
|
367
318
|
};
|
|
368
|
-
|
|
369
319
|
const getAddTriggerPosition = () => {
|
|
370
320
|
return isAddTriggerFixed ? getTrackXByScore(addTriggerFixedScore) : mouseTrackPosition;
|
|
371
321
|
};
|
|
372
|
-
|
|
373
322
|
const getAddTriggerScore = x => {
|
|
374
323
|
var _getRangesList;
|
|
375
|
-
|
|
376
324
|
const score = getScoreByX(x);
|
|
377
325
|
let result = (_getRangesList = getRangesList()) === null || _getRangesList === void 0 ? void 0 : _getRangesList.reduce((result, _ref10) => {
|
|
378
326
|
let {
|
|
379
327
|
from,
|
|
380
328
|
to
|
|
381
329
|
} = _ref10;
|
|
382
|
-
|
|
383
330
|
if (to - from + 1 <= 2 * minRange && from <= score && score <= to) {
|
|
384
331
|
return null;
|
|
385
332
|
}
|
|
386
|
-
|
|
387
333
|
if (from <= score && score <= from + minRange) {
|
|
388
334
|
return from + minRange - 1;
|
|
389
335
|
} else if (to - minRange <= score && score <= to) {
|
|
@@ -392,37 +338,31 @@ function RangeSlider2(_ref) {
|
|
|
392
338
|
return result;
|
|
393
339
|
}
|
|
394
340
|
}, score);
|
|
395
|
-
|
|
396
341
|
if (!result) {
|
|
397
|
-
var _getRangesList2
|
|
398
|
-
|
|
399
|
-
const closestRange = (_getRangesList2 = getRangesList()) === null || _getRangesList2 === void 0 ? void 0 : (_getRangesList2$filte = _getRangesList2.filter(_ref11 => {
|
|
342
|
+
var _getRangesList2;
|
|
343
|
+
const closestRange = (_getRangesList2 = getRangesList()) === null || _getRangesList2 === void 0 || (_getRangesList2 = _getRangesList2.filter(_ref11 => {
|
|
400
344
|
let {
|
|
401
345
|
from,
|
|
402
346
|
to
|
|
403
347
|
} = _ref11;
|
|
404
348
|
return to - from + 1 >= 2 * minRange;
|
|
405
|
-
})) === null || _getRangesList2
|
|
349
|
+
})) === null || _getRangesList2 === void 0 ? void 0 : _getRangesList2.reduce((result, range) => {
|
|
406
350
|
const distance = Math.abs((range.to + range.from) / 2 - score);
|
|
407
|
-
|
|
408
351
|
if (!result || distance < (result === null || result === void 0 ? void 0 : result.distance)) {
|
|
409
|
-
return {
|
|
352
|
+
return {
|
|
353
|
+
...range,
|
|
410
354
|
distance
|
|
411
355
|
};
|
|
412
356
|
}
|
|
413
|
-
|
|
414
357
|
return result;
|
|
415
358
|
}, null);
|
|
416
|
-
|
|
417
359
|
if (closestRange) {
|
|
418
360
|
if ((closestRange === null || closestRange === void 0 ? void 0 : closestRange.to) < score) result = (closestRange === null || closestRange === void 0 ? void 0 : closestRange.to) - minRange - 1;
|
|
419
361
|
if (score < (closestRange === null || closestRange === void 0 ? void 0 : closestRange.from)) result = (closestRange === null || closestRange === void 0 ? void 0 : closestRange.from) + minRange - 1;
|
|
420
362
|
}
|
|
421
363
|
}
|
|
422
|
-
|
|
423
364
|
return result;
|
|
424
365
|
};
|
|
425
|
-
|
|
426
366
|
const getRangesList = () => {
|
|
427
367
|
return triggers.map(_ref12 => {
|
|
428
368
|
let {
|
|
@@ -436,11 +376,9 @@ function RangeSlider2(_ref) {
|
|
|
436
376
|
to: score
|
|
437
377
|
});
|
|
438
378
|
}
|
|
439
|
-
|
|
440
379
|
return result;
|
|
441
380
|
}, []);
|
|
442
381
|
};
|
|
443
|
-
|
|
444
382
|
const getInRange = score => {
|
|
445
383
|
return ranges === null || ranges === void 0 ? void 0 : ranges.find(_ref13 => {
|
|
446
384
|
let {
|
|
@@ -450,50 +388,43 @@ function RangeSlider2(_ref) {
|
|
|
450
388
|
return from <= score && score <= to;
|
|
451
389
|
});
|
|
452
390
|
};
|
|
453
|
-
|
|
454
391
|
const getPointValue = score => {
|
|
455
392
|
switch (pointValueType) {
|
|
456
393
|
case POINT_VALUE_TYPES.FROM:
|
|
457
394
|
return "".concat(score + 1);
|
|
458
|
-
|
|
459
395
|
case POINT_VALUE_TYPES.TO:
|
|
460
396
|
return "".concat(score);
|
|
461
|
-
|
|
462
397
|
case POINT_VALUE_TYPES.BOTH:
|
|
463
398
|
default:
|
|
464
399
|
return "".concat(score, " | ").concat(score + 1);
|
|
465
400
|
}
|
|
466
|
-
};
|
|
467
|
-
|
|
401
|
+
};
|
|
468
402
|
|
|
403
|
+
// EVENTS //
|
|
469
404
|
const onRangeChange = function (index, value) {
|
|
470
405
|
let validate = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
|
|
471
406
|
if (validate) value = prepareValue(value);
|
|
472
407
|
if (isNaN(value)) value = 0;
|
|
473
408
|
updateTrigger(index, value);
|
|
474
409
|
};
|
|
475
|
-
|
|
476
410
|
const onTriggerMouseDown = (e, index) => {
|
|
477
411
|
setMovingTrigger(e.target);
|
|
478
412
|
setMovingTriggerIndex(index);
|
|
479
|
-
setMovingTriggerData({
|
|
413
|
+
setMovingTriggerData({
|
|
414
|
+
...triggers[index]
|
|
480
415
|
});
|
|
481
416
|
};
|
|
482
|
-
|
|
483
417
|
const onTriggerMove = e => {
|
|
484
418
|
var _e$touches$, _e$touches;
|
|
485
|
-
|
|
486
|
-
|
|
487
|
-
e === null || e === void 0 ? void 0 : e.stopPropagation();
|
|
488
|
-
|
|
419
|
+
if (e !== null && e !== void 0 && e.cancelable) e === null || e === void 0 || e.preventDefault();
|
|
420
|
+
e === null || e === void 0 || e.stopPropagation();
|
|
489
421
|
if (!movingTriggerIndex || !movingTrigger) {
|
|
490
422
|
return false;
|
|
491
423
|
}
|
|
492
|
-
|
|
493
424
|
if (!isTriggerMoved) setIsTriggerMoved(true);
|
|
494
425
|
const {
|
|
495
426
|
clientX: x
|
|
496
|
-
} = (_e$touches$ = e === null || e === void 0
|
|
427
|
+
} = (_e$touches$ = e === null || e === void 0 || (_e$touches = e.touches) === null || _e$touches === void 0 ? void 0 : _e$touches[0]) !== null && _e$touches$ !== void 0 ? _e$touches$ : e;
|
|
497
428
|
const {
|
|
498
429
|
width: triggerWidth
|
|
499
430
|
} = (movingTrigger === null || movingTrigger === void 0 ? void 0 : movingTrigger.getBoundingClientRect()) || {};
|
|
@@ -501,23 +432,21 @@ function RangeSlider2(_ref) {
|
|
|
501
432
|
const triggerPoints = getTriggerScore(movingTriggerIndex, getScoreByX(x));
|
|
502
433
|
onRangeChange(movingTriggerIndex, triggerPoints);
|
|
503
434
|
};
|
|
504
|
-
|
|
505
435
|
const resetMovingTrigger = () => {
|
|
506
436
|
setTimeout(() => {
|
|
507
437
|
setMovingTrigger(null);
|
|
508
438
|
setMovingTriggerIndex(null);
|
|
509
439
|
}, 1);
|
|
510
|
-
};
|
|
511
|
-
// MouseUp Event Controller
|
|
512
|
-
|
|
440
|
+
};
|
|
513
441
|
|
|
442
|
+
// USE EFFECT'S //
|
|
443
|
+
// MouseUp Event Controller
|
|
514
444
|
(0, _react.useEffect)(() => {
|
|
515
445
|
if (isMobile) {
|
|
516
446
|
document.addEventListener("touchend", resetMovingTrigger);
|
|
517
447
|
} else {
|
|
518
448
|
document.addEventListener("mouseup", resetMovingTrigger);
|
|
519
449
|
}
|
|
520
|
-
|
|
521
450
|
return () => {
|
|
522
451
|
if (isMobile) {
|
|
523
452
|
document.removeEventListener("touchend", resetMovingTrigger);
|
|
@@ -525,21 +454,19 @@ function RangeSlider2(_ref) {
|
|
|
525
454
|
document.removeEventListener("mouseup", resetMovingTrigger);
|
|
526
455
|
}
|
|
527
456
|
};
|
|
528
|
-
}, []);
|
|
529
|
-
|
|
457
|
+
}, []);
|
|
458
|
+
// MouseMove Event Controller
|
|
530
459
|
(0, _react.useEffect)(() => {
|
|
531
460
|
var _body$classList;
|
|
532
|
-
|
|
533
461
|
if (!movingTrigger && isTriggerMoved) {
|
|
534
|
-
movingController === null || movingController === void 0
|
|
462
|
+
movingController === null || movingController === void 0 || movingController.abort();
|
|
535
463
|
setIsTriggerMoved(false);
|
|
536
464
|
setMovingController(null);
|
|
537
465
|
} else if (movingTrigger && !isTriggerMoved) {
|
|
538
466
|
setMovingController(new AbortController());
|
|
539
467
|
}
|
|
540
|
-
|
|
541
468
|
const body = document.getElementsByTagName("body")[0];
|
|
542
|
-
(_body$classList = body.classList) === null || _body$classList === void 0
|
|
469
|
+
(_body$classList = body.classList) === null || _body$classList === void 0 || _body$classList[movingTrigger ? "add" : "remove"]("moving-cursor");
|
|
543
470
|
}, [movingTrigger]);
|
|
544
471
|
(0, _react.useEffect)(() => {
|
|
545
472
|
if (movingController) {
|
|
@@ -553,7 +480,6 @@ function RangeSlider2(_ref) {
|
|
|
553
480
|
});
|
|
554
481
|
}
|
|
555
482
|
}
|
|
556
|
-
|
|
557
483
|
return () => {
|
|
558
484
|
if (isMobile) {
|
|
559
485
|
document.removeEventListener("touchmove", onTriggerMove, {
|
|
@@ -569,11 +495,10 @@ function RangeSlider2(_ref) {
|
|
|
569
495
|
}, [movingController]);
|
|
570
496
|
(0, _react.useLayoutEffect)(() => {
|
|
571
497
|
var _trackRef$current;
|
|
572
|
-
|
|
573
498
|
const {
|
|
574
499
|
width,
|
|
575
500
|
x
|
|
576
|
-
} = (trackRef === null || trackRef === void 0
|
|
501
|
+
} = (trackRef === null || trackRef === void 0 || (_trackRef$current = trackRef.current) === null || _trackRef$current === void 0 ? void 0 : _trackRef$current.getBoundingClientRect()) || {};
|
|
577
502
|
setPointsPerPx(countPointsPerPx(width));
|
|
578
503
|
setTrackWidth(width);
|
|
579
504
|
setTrackPosition(x);
|
|
@@ -584,7 +509,6 @@ function RangeSlider2(_ref) {
|
|
|
584
509
|
(0, _react.useEffect)(() => {
|
|
585
510
|
clearRanges();
|
|
586
511
|
clearTriggers();
|
|
587
|
-
|
|
588
512
|
if ((protectedValue === null || protectedValue === void 0 ? void 0 : protectedValue.length) === 0) {
|
|
589
513
|
addRange({
|
|
590
514
|
from: min,
|
|
@@ -599,15 +523,15 @@ function RangeSlider2(_ref) {
|
|
|
599
523
|
isHidden: true
|
|
600
524
|
});
|
|
601
525
|
} else {
|
|
602
|
-
var _protectedValue$reduc
|
|
603
|
-
|
|
604
|
-
|
|
605
|
-
|
|
526
|
+
var _protectedValue$reduc;
|
|
527
|
+
protectedValue === null || protectedValue === void 0 || (_protectedValue$reduc = protectedValue.reduce((result, range) => {
|
|
528
|
+
addRange({
|
|
529
|
+
...range
|
|
606
530
|
});
|
|
607
531
|
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);
|
|
608
532
|
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);
|
|
609
533
|
return result;
|
|
610
|
-
}, [])) === null || _protectedValue$reduc === void 0
|
|
534
|
+
}, [])) === 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) => {
|
|
611
535
|
if (i === 0 || score - 1 !== triggers[i - 1]) {
|
|
612
536
|
const isExtremum = score === min || score === max;
|
|
613
537
|
addTrigger(score, {
|
|
@@ -627,15 +551,16 @@ function RangeSlider2(_ref) {
|
|
|
627
551
|
}, [value]);
|
|
628
552
|
(0, _react.useEffect)(() => {
|
|
629
553
|
if (!movingTriggerIndex && movingTriggerData) {
|
|
630
|
-
updateRangesByTrigger({
|
|
554
|
+
updateRangesByTrigger({
|
|
555
|
+
...movingTriggerData
|
|
631
556
|
});
|
|
632
557
|
setMovingTriggerData(null);
|
|
633
558
|
}
|
|
634
|
-
}, [movingTriggerIndex]);
|
|
559
|
+
}, [movingTriggerIndex]);
|
|
635
560
|
|
|
561
|
+
// RENDER //
|
|
636
562
|
const renderCollision = _ref14 => {
|
|
637
563
|
var _trackRef$current$get, _trackRef$current2;
|
|
638
|
-
|
|
639
564
|
let {
|
|
640
565
|
isCollisionVisible,
|
|
641
566
|
isLeftCollision,
|
|
@@ -646,7 +571,7 @@ function RangeSlider2(_ref) {
|
|
|
646
571
|
const pieces = parseInt((max - min) / minRange, 10);
|
|
647
572
|
const {
|
|
648
573
|
width: trackWidth
|
|
649
|
-
} = (_trackRef$current$get = trackRef === null || trackRef === void 0
|
|
574
|
+
} = (_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 : {};
|
|
650
575
|
const collisionWidth = trackWidth / pieces - 4;
|
|
651
576
|
const width = isCollisionVisible ? isBothCollision ? collisionWidth * 2 : isLeftCollision || isRightCollision ? collisionWidth : 0 : 0;
|
|
652
577
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
@@ -661,7 +586,6 @@ function RangeSlider2(_ref) {
|
|
|
661
586
|
}
|
|
662
587
|
});
|
|
663
588
|
};
|
|
664
|
-
|
|
665
589
|
const renderAddTrackTriggerSettings = () => {
|
|
666
590
|
const {
|
|
667
591
|
label,
|
|
@@ -700,7 +624,6 @@ function RangeSlider2(_ref) {
|
|
|
700
624
|
}
|
|
701
625
|
}, "Apply")));
|
|
702
626
|
};
|
|
703
|
-
|
|
704
627
|
const renderAddTrackTrigger = () => {
|
|
705
628
|
const isNoTriggers = !(triggers !== null && triggers !== void 0 && triggers.filter(_ref15 => {
|
|
706
629
|
let {
|
|
@@ -742,7 +665,6 @@ function RangeSlider2(_ref) {
|
|
|
742
665
|
isBothCollision
|
|
743
666
|
}));
|
|
744
667
|
};
|
|
745
|
-
|
|
746
668
|
const renderTrackTrigger = (_ref16, triggerIndex) => {
|
|
747
669
|
let {
|
|
748
670
|
value: triggerScore,
|
|
@@ -794,13 +716,11 @@ function RangeSlider2(_ref) {
|
|
|
794
716
|
className: "".concat(COMPONENT_CLASS, "__track__range-triggers--trigger__collision")
|
|
795
717
|
}));
|
|
796
718
|
};
|
|
797
|
-
|
|
798
719
|
const renderTrackTriggers = () => {
|
|
799
720
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
800
721
|
className: "".concat(COMPONENT_CLASS, "__track__range-triggers")
|
|
801
722
|
}, triggers === null || triggers === void 0 ? void 0 : triggers.map(renderTrackTrigger));
|
|
802
723
|
};
|
|
803
|
-
|
|
804
724
|
const renderRangeValue = (_ref17, rangeIndex) => {
|
|
805
725
|
let {
|
|
806
726
|
from,
|
|
@@ -822,13 +742,11 @@ function RangeSlider2(_ref) {
|
|
|
822
742
|
className: (0, _classnames.default)("".concat(COMPONENT_CLASS, "__track__ranges-value--item__value"))
|
|
823
743
|
}, value));
|
|
824
744
|
};
|
|
825
|
-
|
|
826
745
|
const renderRangesValue = () => {
|
|
827
746
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
828
747
|
className: (0, _classnames.default)("".concat(COMPONENT_CLASS, "__track__ranges-value"))
|
|
829
748
|
}, ranges === null || ranges === void 0 ? void 0 : ranges.map(renderRangeValue));
|
|
830
749
|
};
|
|
831
|
-
|
|
832
750
|
const renderTrackDividers = (0, _react.useMemo)(() => {
|
|
833
751
|
const renderTrackDivider = function () {
|
|
834
752
|
let key = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
|
|
@@ -837,17 +755,13 @@ function RangeSlider2(_ref) {
|
|
|
837
755
|
className: "".concat(COMPONENT_CLASS, "__track__line__dividers--item")
|
|
838
756
|
});
|
|
839
757
|
};
|
|
840
|
-
|
|
841
758
|
const dividersCount = parseInt((max - min) / dividersRange, 10);
|
|
842
759
|
const dividers = [];
|
|
843
|
-
|
|
844
760
|
for (let i = 0; i < dividersCount; ++i) dividers.push(renderTrackDivider(i));
|
|
845
|
-
|
|
846
761
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
847
762
|
className: "".concat(COMPONENT_CLASS, "__track__line__dividers")
|
|
848
763
|
}, dividers);
|
|
849
764
|
}, [trackRef, minRange, min, max]);
|
|
850
|
-
|
|
851
765
|
const renderTrackLine = () => {
|
|
852
766
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
853
767
|
className: "".concat(COMPONENT_CLASS, "__track__line")
|
|
@@ -857,14 +771,12 @@ function RangeSlider2(_ref) {
|
|
|
857
771
|
className: "".concat(COMPONENT_CLASS, "__track__line__extremum--max")
|
|
858
772
|
}, max));
|
|
859
773
|
};
|
|
860
|
-
|
|
861
774
|
const renderTrack = () => {
|
|
862
775
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
863
776
|
className: (0, _classnames.default)("".concat(COMPONENT_CLASS, "__track"), className),
|
|
864
777
|
ref: trackRef
|
|
865
778
|
}, renderTrackLine(), renderAddTrackTrigger(), renderTrackTriggers(), renderRangesValue());
|
|
866
779
|
};
|
|
867
|
-
|
|
868
780
|
const render = () => {
|
|
869
781
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
870
782
|
className: COMPONENT_CLASS,
|
|
@@ -873,6 +785,5 @@ function RangeSlider2(_ref) {
|
|
|
873
785
|
onMouseMove: e => setMouseTrackPosition(e === null || e === void 0 ? void 0 : e.clientX)
|
|
874
786
|
}, renderTrack());
|
|
875
787
|
};
|
|
876
|
-
|
|
877
788
|
return render();
|
|
878
789
|
}
|
|
@@ -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;
|