intelicoreact 1.4.81 → 1.4.83
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 +13 -13
- package/dist/Atomic/FormElements/AdvancedStatus/AdvancedStatus.js +12 -13
- package/dist/Atomic/FormElements/Calendar/Calendar.js +103 -68
- package/dist/Atomic/FormElements/CheckboxInput/CheckboxInput.js +26 -26
- package/dist/Atomic/FormElements/CheckboxesLine/CheckboxesLine.js +27 -23
- package/dist/Atomic/FormElements/Datepicker/Datepicker.js +201 -114
- package/dist/Atomic/FormElements/Datepicker/components/Calendar.js +69 -46
- package/dist/Atomic/FormElements/Dropdown/Dropdown.js +301 -230
- package/dist/Atomic/FormElements/Dropdown/components/DropdownLoader.js +2 -4
- package/dist/Atomic/FormElements/DropdownLiveSearch/DropdownLiveSearch.js +201 -145
- package/dist/Atomic/FormElements/FileLoader/FileLoader.js +54 -41
- package/dist/Atomic/FormElements/FileLoader/partial/LoadZone.js +112 -45
- package/dist/Atomic/FormElements/FileLoader/partial/LoadedContent.js +63 -34
- package/dist/Atomic/FormElements/FileLoaderDescription/FileLoaderDescription.js +153 -81
- package/dist/Atomic/FormElements/FileLoaderLocal/FileLoaderLocal.js +59 -57
- package/dist/Atomic/FormElements/FileLoaderLocalGroup/FileLoaderLocalGroup.js +98 -66
- package/dist/Atomic/FormElements/FormattedRawSSN/FormattedRawSSN.js +48 -27
- package/dist/Atomic/FormElements/Input/Input.js +209 -148
- package/dist/Atomic/FormElements/InputCalendar/InputCalendar.js +77 -50
- package/dist/Atomic/FormElements/InputColor/InputColor.js +28 -23
- package/dist/Atomic/FormElements/InputCurrency/InputCurrency.js +53 -38
- package/dist/Atomic/FormElements/InputDateRange/InputDateRange.js +139 -106
- package/dist/Atomic/FormElements/InputDateRange/components/DateInput.js +38 -31
- package/dist/Atomic/FormElements/InputDateRange/components/Datepicker.js +230 -135
- package/dist/Atomic/FormElements/InputDateRange/components/OpenedPart.js +122 -85
- package/dist/Atomic/FormElements/InputDateRange/components/SelectItem.js +8 -10
- package/dist/Atomic/FormElements/InputDateRange/dependencies.js +159 -72
- package/dist/Atomic/FormElements/InputLink/InputLink.js +39 -30
- package/dist/Atomic/FormElements/InputMask/InputCarretPosition.js +8 -8
- package/dist/Atomic/FormElements/InputMask/InputMask.js +800 -521
- package/dist/Atomic/FormElements/InputMask/config.js +1 -1
- package/dist/Atomic/FormElements/InputMask/functions.js +15 -15
- package/dist/Atomic/FormElements/InputMask2/InputMask2.js +294 -234
- package/dist/Atomic/FormElements/InputMask2/config.js +1 -1
- package/dist/Atomic/FormElements/InputMask2/functions.js +15 -15
- package/dist/Atomic/FormElements/InputMask3/InputMask3.js +332 -265
- package/dist/Atomic/FormElements/InputMask3/config.js +1 -1
- package/dist/Atomic/FormElements/InputMask3/functions.js +15 -15
- package/dist/Atomic/FormElements/InputWithAction/InputWithAction.js +101 -53
- package/dist/Atomic/FormElements/InputsRow/InputsRow.js +99 -64
- package/dist/Atomic/FormElements/Label/Label.js +15 -13
- package/dist/Atomic/FormElements/MobileCalendar/MobileCalendar.js +284 -190
- package/dist/Atomic/FormElements/MultiSelect/MultiSelect.js +34 -24
- package/dist/Atomic/FormElements/NumericInput/NumericInput.js +170 -117
- package/dist/Atomic/FormElements/RadioGroup/RadioGroup.js +50 -28
- package/dist/Atomic/FormElements/RadioGroupWithInput/RadioGroupWithInput.js +29 -18
- package/dist/Atomic/FormElements/RadioInput/RadioInput.js +24 -22
- package/dist/Atomic/FormElements/RadioRowSwitcher/RadioRowSwitcher.js +31 -19
- package/dist/Atomic/FormElements/RangeCalendar/RangeCalendar.js +83 -56
- package/dist/Atomic/FormElements/RangeInputs/RangeInputs.js +75 -49
- package/dist/Atomic/FormElements/RangeList/RangeList.js +129 -87
- package/dist/Atomic/FormElements/RangeList/partial/RangeListRow.js +18 -22
- package/dist/Atomic/FormElements/RangeSlider/RangeSlider.js +250 -143
- package/dist/Atomic/FormElements/RangeSlider2/RangeSlider2.js +477 -367
- package/dist/Atomic/FormElements/SwitchableRow/SwitchableRow.js +15 -14
- package/dist/Atomic/FormElements/Switcher/Switcher.js +20 -24
- package/dist/Atomic/FormElements/SwitcherCheckbox/SwitcherCheckbox.js +30 -24
- package/dist/Atomic/FormElements/SwitcherHide/SwitcherHide.js +23 -20
- package/dist/Atomic/FormElements/SwitcherRadio/SwitcherRadio.js +40 -32
- package/dist/Atomic/FormElements/SwitcherRange/SwitcherRange.js +31 -25
- package/dist/Atomic/FormElements/SwitcherRangeList/SwitcherRangeList.js +22 -22
- package/dist/Atomic/FormElements/SwitcherTagsDropdown/SwitcherTagsDropdown.js +98 -52
- package/dist/Atomic/FormElements/SwitcherTextarea/SwitcherTextarea.js +34 -22
- package/dist/Atomic/FormElements/TagListToDropdown/TagListToDropdown.js +81 -47
- package/dist/Atomic/FormElements/TagsDropdown/TagsDropdown.js +525 -415
- package/dist/Atomic/FormElements/Text/Text.js +39 -39
- package/dist/Atomic/FormElements/TextSwitcher/TextSwitcher.js +23 -21
- package/dist/Atomic/FormElements/Textarea/Textarea.js +33 -28
- package/dist/Atomic/FormElements/TieredCheckboxes/TieredCheckboxes.js +98 -67
- package/dist/Atomic/FormElements/TieredCheckboxes/partial/AccordionWithCheckbox.js +24 -22
- package/dist/Atomic/FormElements/TimeRange/TimeRange.js +57 -34
- package/dist/Atomic/FormElements/UserContacts/UserContacts.js +94 -56
- package/dist/Atomic/FormElements/UserContacts/partial/defaultIcons.js +102 -74
- package/dist/Atomic/FormElements/VariantsListRadio/VariantsListRadio.js +69 -50
- package/dist/Atomic/FormElements/VariantsListRadio/partials/VariantsListRadioItem.js +33 -30
- package/dist/Atomic/FormElements/WidgetPseudoTable/WidgetPseudoTable.js +50 -38
- package/dist/Atomic/FormElements/WidgetPseudoTable/partial/constructor.js +1 -1
- package/dist/Atomic/FormElements/WidgetWithSwitchableRows/WidgetWithSwitchableRows.js +59 -47
- package/dist/Atomic/FormElements/WidgetWithSwitchableRows/partial/constructor.js +1 -1
- package/dist/Atomic/Layout/Header/Header.js +37 -22
- package/dist/Atomic/Layout/MainMenu/MainMenu.js +59 -34
- package/dist/Atomic/Layout/Spinner/Spinner.js +6 -7
- package/dist/Atomic/UI/Accordion/Accordion.js +31 -17
- package/dist/Atomic/UI/Accordion/AccordionItem.js +41 -30
- package/dist/Atomic/UI/AccordionTable/AccordionTable.js +81 -50
- package/dist/Atomic/UI/AccordionText/AccordionText.js +39 -20
- package/dist/Atomic/UI/AdvancedTag/AdvTag.js +74 -46
- package/dist/Atomic/UI/AdvancedTag/AdvancedTags.js +37 -21
- package/dist/Atomic/UI/Alert/Alert.js +36 -23
- package/dist/Atomic/UI/Arrow/Arrow.js +21 -14
- package/dist/Atomic/UI/Box/Box.js +12 -11
- package/dist/Atomic/UI/Button/Button.js +26 -26
- package/dist/Atomic/UI/ButtonsBar/ButtonsBar.js +21 -21
- package/dist/Atomic/UI/Chart/Chart.js +60 -44
- package/dist/Atomic/UI/Chart/partial/Chart.constants.js +13 -11
- package/dist/Atomic/UI/Chart/partial/ChartTypeSwitcherIcon/ChartTypeSwitcherIcon.js +10 -12
- package/dist/Atomic/UI/Chart/partial/datasetSetters.js +82 -60
- package/dist/Atomic/UI/Chart/partial/optionsConstructor.js +124 -116
- package/dist/Atomic/UI/Chart/partial/optionsSetters.js +30 -18
- package/dist/Atomic/UI/Chart/partial/utils.js +30 -16
- package/dist/Atomic/UI/CircleProgressBar/CircleProgressBar.js +31 -21
- package/dist/Atomic/UI/DateTime/DateTime.js +29 -25
- package/dist/Atomic/UI/DebugContainer/DebugContainer.js +23 -11
- package/dist/Atomic/UI/DebugContainer/useDebugContainer.js +12 -4
- package/dist/Atomic/UI/DoubleString/DoubleString.js +53 -36
- package/dist/Atomic/UI/DynamicIcon/DynamicIcon.js +55 -14
- package/dist/Atomic/UI/ExampleChartIntegration/ExampleChartIntegration.js +114 -54
- package/dist/Atomic/UI/ExampleChartIntegration/partial/utils.js +88 -53
- package/dist/Atomic/UI/Hint/Hint.js +87 -58
- package/dist/Atomic/UI/Hint/partials/_utils.js +10 -10
- package/dist/Atomic/UI/Modal/Modal.js +159 -144
- package/dist/Atomic/UI/Modal/ModalHOC.js +17 -14
- package/dist/Atomic/UI/Modal/partials/ModalFooter.js +5 -6
- package/dist/Atomic/UI/Modal/partials/ModalTitle.js +13 -16
- package/dist/Atomic/UI/Modal/partials/useMobileModal.js +118 -73
- package/dist/Atomic/UI/MonoAccordion/MonoAccordion.js +48 -33
- package/dist/Atomic/UI/NavLine/NavLine.js +166 -104
- package/dist/Atomic/UI/PageTitle/PageTitle.js +8 -12
- package/dist/Atomic/UI/PieChart/PieChart.js +11 -10
- package/dist/Atomic/UI/Price/Price.js +5 -7
- package/dist/Atomic/UI/PriceRange/PriceRange.js +4 -6
- package/dist/Atomic/UI/ProgressLine/ProgressLine.js +42 -27
- package/dist/Atomic/UI/Status/Status.js +22 -18
- package/dist/Atomic/UI/Table/Partials/TdCell.js +47 -28
- package/dist/Atomic/UI/Table/Partials/TdHeader.js +5 -6
- package/dist/Atomic/UI/Table/Partials/TdRow.js +53 -29
- package/dist/Atomic/UI/Table/Partials/TdTitle.js +28 -15
- package/dist/Atomic/UI/Table/Table.js +36 -27
- package/dist/Atomic/UI/Table/TdTypes/TdActions.js +32 -18
- package/dist/Atomic/UI/Table/TdTypes/TdPriority.js +10 -8
- package/dist/Atomic/UI/Table/TdTypes/TdRange.js +2 -4
- package/dist/Atomic/UI/Table/TdTypes/TdWeight.js +26 -21
- package/dist/Atomic/UI/Tag/Tag.js +72 -52
- package/dist/Atomic/UI/TagList/TagList.js +102 -65
- package/dist/Atomic/UI/UserBox/UserBox.js +13 -13
- package/dist/Atomic/UI/WizardStepper/constructor.js +6 -6
- package/dist/Atomic/UI/WizardStepper/ui/StateIcon/StateIcon.js +16 -20
- package/dist/Atomic/UI/WizardStepper/ui/StepRow/StepRow.js +25 -27
- package/dist/Atomic/UI/WizardStepper/ui/StepWrapper/StepWrapper.js +27 -22
- package/dist/Atomic/UI/WizardStepper/ui/icons.js +41 -39
- package/dist/Classes/AbortableFetch.js +393 -311
- package/dist/Classes/AnimatedHandler.js +53 -45
- package/dist/Classes/RESTAPI/index.js +431 -152
- package/dist/Classes/RESTAPI/partials/AbortableFetch.js +400 -320
- package/dist/Classes/RESTAPI/partials/ApiBase.js +59 -24
- package/dist/Classes/RESTAPI/partials/ApiRequestCreators.js +338 -76
- package/dist/Classes/RESTAPI/partials/ApiUtils.js +378 -143
- package/dist/Classes/RESTAPI/partials/CredentialsProcessing.js +375 -159
- package/dist/Classes/RESTAPI/partials/Utils.js +128 -87
- package/dist/Classes/RESTAPI/partials/_utils.js +388 -116
- package/dist/Constants/index.constants.js +7 -7
- package/dist/Functions/Portal.js +19 -11
- package/dist/Functions/customEventListener.js +7 -5
- package/dist/Functions/fieldValueFormatters.js +131 -109
- package/dist/Functions/hooks/useFormFieldsChangesManager.js +128 -69
- package/dist/Functions/locale/createTranslator.js +21 -11
- package/dist/Functions/operations.js +27 -23
- package/dist/Functions/presets/inputMaskPreset.js +176 -0
- package/dist/Functions/presets/inputMaskPresets.js +17 -17
- package/dist/Functions/presets/inputPresets.js +15 -15
- package/dist/Functions/presets/mobileKeyboardTypesPresets.js +3 -3
- package/dist/Functions/schemas.js +7 -5
- package/dist/Functions/useBodyScrollLock.js +3 -3
- package/dist/Functions/useClickOutside.js +3 -3
- package/dist/Functions/useDebounce.js +20 -11
- package/dist/Functions/useFieldFocus.js +51 -38
- package/dist/Functions/useFormTools/form-drivers/ArrayWithObjects.js +46 -36
- package/dist/Functions/useFormTools/form-drivers/ObjectWithIterableObjects.js +78 -68
- package/dist/Functions/useFormTools/form-drivers/ObjectWithNamedKeyObjects.js +81 -54
- package/dist/Functions/useFormTools/functions/General.js +80 -71
- package/dist/Functions/useFormTools/functions/RenderFields.js +63 -45
- package/dist/Functions/useFormTools/functions/usePrevious.js +2 -2
- package/dist/Functions/useFormTools/index.js +467 -314
- package/dist/Functions/useInputHighlightError.js +42 -26
- package/dist/Functions/useIsMobile.js +29 -11
- package/dist/Functions/useKeyPress/useHandleKeyPress.js +8 -9
- package/dist/Functions/useKeyPress/useKeyPress.js +26 -17
- package/dist/Functions/useLocalStorage.js +13 -6
- package/dist/Functions/useLocationParams.js +24 -14
- package/dist/Functions/useMediaQuery.js +18 -7
- package/dist/Functions/useMetaInfo.js +40 -16
- package/dist/Functions/useMouseUpOutside.js +2 -2
- package/dist/Functions/useOnlineStatus.js +17 -6
- package/dist/Functions/usePasswordChecker.js +61 -42
- package/dist/Functions/usePrevious.js +2 -2
- package/dist/Functions/useResize.js +24 -12
- package/dist/Functions/useScrollTo.js +13 -4
- package/dist/Functions/useToggle.js +25 -9
- package/dist/Functions/utils.js +272 -147
- package/dist/Molecular/CustomIcons/components/AffiliateNetworks.js +27 -23
- package/dist/Molecular/CustomIcons/components/AlertCircle.js +27 -23
- package/dist/Molecular/CustomIcons/components/AppStore.js +31 -27
- package/dist/Molecular/CustomIcons/components/Arrow.js +37 -33
- package/dist/Molecular/CustomIcons/components/ArrowDown.js +19 -15
- package/dist/Molecular/CustomIcons/components/ArrowLeft.js +22 -18
- package/dist/Molecular/CustomIcons/components/ArrowRight.js +22 -18
- package/dist/Molecular/CustomIcons/components/ArrowUp.js +19 -15
- package/dist/Molecular/CustomIcons/components/Bell.js +17 -13
- package/dist/Molecular/CustomIcons/components/Button.js +17 -13
- package/dist/Molecular/CustomIcons/components/Campaigns.js +18 -14
- package/dist/Molecular/CustomIcons/components/Check.js +18 -14
- package/dist/Molecular/CustomIcons/components/Check2.js +17 -13
- package/dist/Molecular/CustomIcons/components/ChevronDown.js +17 -13
- package/dist/Molecular/CustomIcons/components/ChevronDownDisabled.js +17 -13
- package/dist/Molecular/CustomIcons/components/ChevronLeft.js +17 -13
- package/dist/Molecular/CustomIcons/components/ChevronRight.js +17 -13
- package/dist/Molecular/CustomIcons/components/ChevronUp.js +17 -13
- package/dist/Molecular/CustomIcons/components/ChevronUpDown.js +32 -28
- package/dist/Molecular/CustomIcons/components/Close.js +19 -15
- package/dist/Molecular/CustomIcons/components/ColumnsOrder.js +44 -40
- package/dist/Molecular/CustomIcons/components/Delete.js +18 -14
- package/dist/Molecular/CustomIcons/components/Edit.js +17 -13
- package/dist/Molecular/CustomIcons/components/Email.js +35 -31
- package/dist/Molecular/CustomIcons/components/FinturfLogo.js +25 -21
- package/dist/Molecular/CustomIcons/components/FinturfLogo2.js +33 -29
- package/dist/Molecular/CustomIcons/components/Flows.js +17 -13
- package/dist/Molecular/CustomIcons/components/Gift.js +22 -18
- package/dist/Molecular/CustomIcons/components/GoogleAuth.js +31 -27
- package/dist/Molecular/CustomIcons/components/GooglePlay.js +31 -27
- package/dist/Molecular/CustomIcons/components/HelpCircle.js +20 -16
- package/dist/Molecular/CustomIcons/components/HelpCircle2.js +21 -17
- package/dist/Molecular/CustomIcons/components/HelpCircleFilled.js +20 -16
- package/dist/Molecular/CustomIcons/components/Home.js +20 -16
- package/dist/Molecular/CustomIcons/components/Home2.js +23 -19
- package/dist/Molecular/CustomIcons/components/Key.js +25 -21
- package/dist/Molecular/CustomIcons/components/Landers.js +21 -17
- package/dist/Molecular/CustomIcons/components/Lock.js +17 -13
- package/dist/Molecular/CustomIcons/components/Mail.js +25 -21
- package/dist/Molecular/CustomIcons/components/Mastercard.js +65 -61
- package/dist/Molecular/CustomIcons/components/Minus.js +30 -26
- package/dist/Molecular/CustomIcons/components/Offers.js +18 -14
- package/dist/Molecular/CustomIcons/components/Pause.js +30 -26
- package/dist/Molecular/CustomIcons/components/PayPal.js +44 -40
- package/dist/Molecular/CustomIcons/components/PayPalLightLarge.js +31 -27
- package/dist/Molecular/CustomIcons/components/Phone.js +32 -28
- package/dist/Molecular/CustomIcons/components/Play.js +30 -26
- package/dist/Molecular/CustomIcons/components/Plus.js +30 -26
- package/dist/Molecular/CustomIcons/components/Profile.js +22 -18
- package/dist/Molecular/CustomIcons/components/QRCode.js +32 -28
- package/dist/Molecular/CustomIcons/components/Rectangle.js +17 -13
- package/dist/Molecular/CustomIcons/components/Revert.js +20 -16
- package/dist/Molecular/CustomIcons/components/Star.js +14 -10
- package/dist/Molecular/CustomIcons/components/Star2.js +18 -14
- package/dist/Molecular/CustomIcons/components/TrafficSources.js +20 -16
- package/dist/Molecular/CustomIcons/components/Trash.js +17 -13
- package/dist/Molecular/CustomIcons/components/TrashRed.js +17 -13
- package/dist/Molecular/CustomIcons/components/Triggers.js +17 -13
- package/dist/Molecular/CustomIcons/components/User.js +22 -18
- package/dist/Molecular/CustomIcons/components/Visa.js +33 -29
- package/dist/Molecular/CustomIcons/components/X.js +17 -13
- package/dist/Molecular/CustomIcons/index.js +61 -61
- package/dist/Molecular/FormElement/FormElement.js +17 -19
- package/dist/Molecular/FormWithDependOn/FormWithDependOn.js +93 -73
- package/dist/Molecular/FormWithDependOn/partials/_utils.js +27 -28
- package/dist/Molecular/InputAddress/InputAddress.js +213 -126
- package/dist/Molecular/InputPassword/InputPassword.js +23 -13
- package/dist/index.js +1 -1
- package/package.json +1 -1
|
@@ -9,6 +9,8 @@ exports.default = void 0;
|
|
|
9
9
|
|
|
10
10
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
11
11
|
|
|
12
|
+
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
13
|
+
|
|
12
14
|
var _react = _interopRequireDefault(require("react"));
|
|
13
15
|
|
|
14
16
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
@@ -23,25 +25,30 @@ var _RadioInput = _interopRequireDefault(require("./../RadioInput/RadioInput"));
|
|
|
23
25
|
|
|
24
26
|
require("./RadioGroupWithInput.scss");
|
|
25
27
|
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
28
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
29
|
+
|
|
30
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
31
|
+
|
|
32
|
+
var RadioGroupWithInput = function RadioGroupWithInput(_ref) {
|
|
33
|
+
var alert = _ref.alert,
|
|
34
|
+
className = _ref.className,
|
|
35
|
+
disabled = _ref.disabled,
|
|
36
|
+
_ref$onChange = _ref.onChange,
|
|
37
|
+
onChange = _ref$onChange === void 0 ? function () {} : _ref$onChange,
|
|
38
|
+
_ref$direction = _ref.direction,
|
|
39
|
+
direction = _ref$direction === void 0 ? "row" : _ref$direction,
|
|
40
|
+
_ref$options = _ref.options,
|
|
41
|
+
options = _ref$options === void 0 ? [] : _ref$options;
|
|
42
|
+
var handle = {
|
|
43
|
+
changeRadio: function changeRadio(value, el) {
|
|
44
|
+
var newOptions = options.map(function (item) {
|
|
45
|
+
return _objectSpread(_objectSpread({}, item), {}, {
|
|
39
46
|
checked: el.value === item.value ? item.value : false
|
|
40
|
-
};
|
|
47
|
+
});
|
|
41
48
|
});
|
|
42
49
|
onChange(newOptions);
|
|
43
50
|
},
|
|
44
|
-
changeInput: (value, el)
|
|
51
|
+
changeInput: function changeInput(value, el) {
|
|
45
52
|
el.input.value = value;
|
|
46
53
|
onChange(options);
|
|
47
54
|
}
|
|
@@ -54,15 +61,19 @@ const RadioGroupWithInput = _ref => {
|
|
|
54
61
|
className: (0, _classnames.default)("radio-group-input", className, "radio-group-input--".concat(direction), {
|
|
55
62
|
"radio-group-input--disabled": disabled
|
|
56
63
|
})
|
|
57
|
-
}, options === null || options === void 0 ? void 0 : options.map(item
|
|
64
|
+
}, options === null || options === void 0 ? void 0 : options.map(function (item) {
|
|
58
65
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
59
66
|
key: item.id,
|
|
60
67
|
className: (0, _classnames.default)("radio-group-input-item", "radio-group-input-item-".concat(item.id))
|
|
61
68
|
}, /*#__PURE__*/_react.default.createElement(_RadioInput.default, (0, _extends2.default)({}, item, {
|
|
62
|
-
onChange:
|
|
69
|
+
onChange: function onChange(value) {
|
|
70
|
+
return handle.changeRadio(value, item);
|
|
71
|
+
},
|
|
63
72
|
checked: item.checked
|
|
64
73
|
})), item.input && item.checked && /*#__PURE__*/_react.default.createElement(_FormElement.default, item.input, /*#__PURE__*/_react.default.createElement(_Input.default, (0, _extends2.default)({
|
|
65
|
-
onChange:
|
|
74
|
+
onChange: function onChange(value) {
|
|
75
|
+
return handle.changeInput(value, item);
|
|
76
|
+
}
|
|
66
77
|
}, item.input))));
|
|
67
78
|
})));
|
|
68
79
|
};
|
|
@@ -9,43 +9,45 @@ exports.default = void 0;
|
|
|
9
9
|
|
|
10
10
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
11
11
|
|
|
12
|
+
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
13
|
+
|
|
12
14
|
var _react = _interopRequireDefault(require("react"));
|
|
13
15
|
|
|
14
16
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
15
17
|
|
|
16
18
|
require("./RadioInput.scss");
|
|
17
19
|
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
20
|
+
var RC = "radio-input";
|
|
21
|
+
|
|
22
|
+
var RadioInput = function RadioInput(_ref) {
|
|
23
|
+
var label = _ref.label,
|
|
24
|
+
id = _ref.id,
|
|
25
|
+
checked = _ref.checked,
|
|
26
|
+
name = _ref.name,
|
|
27
|
+
disabled = _ref.disabled,
|
|
28
|
+
className = _ref.className,
|
|
29
|
+
value = _ref.value,
|
|
30
|
+
_ref$testId = _ref.testId,
|
|
31
|
+
testId = _ref$testId === void 0 ? "" : _ref$testId,
|
|
32
|
+
_ref$onChange = _ref.onChange,
|
|
33
|
+
_onChange = _ref$onChange === void 0 ? function () {} : _ref$onChange,
|
|
34
|
+
_ref$attributesOfNati = _ref.attributesOfNativeInput,
|
|
35
|
+
attributesOfNativeInput = _ref$attributesOfNati === void 0 ? {} : _ref$attributesOfNati;
|
|
36
|
+
|
|
33
37
|
return /*#__PURE__*/_react.default.createElement("label", {
|
|
34
|
-
className: (0, _classnames.default)(RC, className, {
|
|
35
|
-
["".concat(RC, "_disabled")]: disabled
|
|
36
|
-
}),
|
|
38
|
+
className: (0, _classnames.default)(RC, className, (0, _defineProperty2.default)({}, "".concat(RC, "_disabled"), disabled)),
|
|
37
39
|
htmlFor: id
|
|
38
40
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
39
|
-
className: (0, _classnames.default)("".concat(RC, "__input"), {
|
|
40
|
-
["".concat(RC, "__input--checked")]: checked === value
|
|
41
|
-
})
|
|
41
|
+
className: (0, _classnames.default)("".concat(RC, "__input"), (0, _defineProperty2.default)({}, "".concat(RC, "__input--checked"), checked === value))
|
|
42
42
|
}, /*#__PURE__*/_react.default.createElement("input", (0, _extends2.default)({
|
|
43
43
|
id: id,
|
|
44
44
|
"data-testid": "radio--input--".concat(testId || id),
|
|
45
45
|
type: "radio",
|
|
46
46
|
checked: checked === value,
|
|
47
47
|
className: "".concat(RC, "__radio"),
|
|
48
|
-
onChange:
|
|
48
|
+
onChange: function onChange() {
|
|
49
|
+
return _onChange(value);
|
|
50
|
+
},
|
|
49
51
|
name: name,
|
|
50
52
|
disabled: disabled
|
|
51
53
|
}, attributesOfNativeInput)), /*#__PURE__*/_react.default.createElement("div", {
|
|
@@ -1,38 +1,46 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
|
|
5
|
+
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
6
|
+
|
|
3
7
|
Object.defineProperty(exports, "__esModule", {
|
|
4
8
|
value: true
|
|
5
9
|
});
|
|
6
10
|
exports.default = void 0;
|
|
7
11
|
|
|
12
|
+
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
13
|
+
|
|
8
14
|
var _react = _interopRequireWildcard(require("react"));
|
|
9
15
|
|
|
10
16
|
require("./RadioRowSwitcher.scss");
|
|
11
17
|
|
|
12
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
18
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
13
19
|
|
|
14
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null ||
|
|
20
|
+
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; }
|
|
15
21
|
|
|
16
|
-
|
|
22
|
+
var classNames = require("classnames");
|
|
17
23
|
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
change: newValue
|
|
24
|
+
var RadioRowSwitcher = function RadioRowSwitcher(_ref) {
|
|
25
|
+
var onChange = _ref.onChange,
|
|
26
|
+
radios = _ref.radios,
|
|
27
|
+
_ref$label = _ref.label,
|
|
28
|
+
label = _ref$label === void 0 ? "" : _ref$label,
|
|
29
|
+
_ref$value = _ref.value,
|
|
30
|
+
value = _ref$value === void 0 ? "" : _ref$value;
|
|
31
|
+
var handle = {
|
|
32
|
+
change: function change(newValue) {
|
|
27
33
|
if (newValue === value) onChange("");else onChange(newValue);
|
|
28
34
|
}
|
|
29
35
|
};
|
|
30
36
|
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
}
|
|
37
|
+
var itemClass = function itemClass(key) {
|
|
38
|
+
return classNames("radio-row-switcher__item", (0, _defineProperty2.default)({}, "radio-row-switcher__item--active", key === value));
|
|
39
|
+
};
|
|
34
40
|
|
|
35
|
-
|
|
41
|
+
var sliderClass = function sliderClass(key) {
|
|
42
|
+
return classNames("radio-row-switcher__slider", "radio-row-switcher__slider--".concat(key));
|
|
43
|
+
};
|
|
36
44
|
|
|
37
45
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
38
46
|
className: "radio-row-switcher"
|
|
@@ -40,15 +48,19 @@ const RadioRowSwitcher = _ref => {
|
|
|
40
48
|
className: "radio-row-switcher__label"
|
|
41
49
|
}, label), /*#__PURE__*/_react.default.createElement("div", {
|
|
42
50
|
className: "radio-row-switcher__items-box"
|
|
43
|
-
}, radios.map(item
|
|
51
|
+
}, radios.map(function (item) {
|
|
44
52
|
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
|
|
45
53
|
key: item.key
|
|
46
54
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
47
|
-
onClick: ()
|
|
55
|
+
onClick: function onClick() {
|
|
56
|
+
return handle.change(item.key);
|
|
57
|
+
},
|
|
48
58
|
className: itemClass(item.key)
|
|
49
59
|
}, item.label));
|
|
50
60
|
}), value && /*#__PURE__*/_react.default.createElement("div", {
|
|
51
|
-
onClick: ()
|
|
61
|
+
onClick: function onClick() {
|
|
62
|
+
return handle.change("");
|
|
63
|
+
},
|
|
52
64
|
className: sliderClass(value)
|
|
53
65
|
})));
|
|
54
66
|
};
|
|
@@ -2,11 +2,17 @@
|
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
4
|
|
|
5
|
+
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
6
|
+
|
|
5
7
|
Object.defineProperty(exports, "__esModule", {
|
|
6
8
|
value: true
|
|
7
9
|
});
|
|
8
10
|
exports.default = void 0;
|
|
9
11
|
|
|
12
|
+
var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
|
|
13
|
+
|
|
14
|
+
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
15
|
+
|
|
10
16
|
var _react = _interopRequireWildcard(require("react"));
|
|
11
17
|
|
|
12
18
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
@@ -17,41 +23,50 @@ var _Arrow = _interopRequireDefault(require("../../UI/Arrow/Arrow"));
|
|
|
17
23
|
|
|
18
24
|
require("./RangeCalendar.scss");
|
|
19
25
|
|
|
20
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
21
|
-
|
|
22
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null ||
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
26
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
27
|
+
|
|
28
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
29
|
+
|
|
30
|
+
var RangeCalendar = function RangeCalendar(props) {
|
|
31
|
+
var className = props.className,
|
|
32
|
+
date = props.date,
|
|
33
|
+
setDate = props.setDate,
|
|
34
|
+
startDate = props.startDate,
|
|
35
|
+
endDate = props.endDate,
|
|
36
|
+
_props$allowPrev = props.allowPrev,
|
|
37
|
+
allowPrev = _props$allowPrev === void 0 ? true : _props$allowPrev,
|
|
38
|
+
_props$allowNext = props.allowNext,
|
|
39
|
+
allowNext = _props$allowNext === void 0 ? true : _props$allowNext,
|
|
40
|
+
_props$onClick = props.onClick,
|
|
41
|
+
onClick = _props$onClick === void 0 ? function () {} : _props$onClick,
|
|
42
|
+
_props$onHover = props.onHover,
|
|
43
|
+
onHover = _props$onHover === void 0 ? function () {} : _props$onHover,
|
|
44
|
+
startPrevDate = props.startPrevDate,
|
|
45
|
+
endPrevDate = props.endPrevDate,
|
|
46
|
+
limitRange = props.limitRange,
|
|
47
|
+
isShortWeekNames = props.isShortWeekNames,
|
|
48
|
+
minDate = props.minDate,
|
|
49
|
+
maxDate = props.maxDate,
|
|
50
|
+
momentMinDate = props.momentMinDate,
|
|
51
|
+
momentMaxDate = props.momentMaxDate,
|
|
52
|
+
isDontLimitFuture = props.isDontLimitFuture,
|
|
53
|
+
testId = props.testId;
|
|
54
|
+
|
|
55
|
+
var _useState = (0, _react.useState)({}),
|
|
56
|
+
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
|
57
|
+
days = _useState2[0],
|
|
58
|
+
setDays = _useState2[1];
|
|
59
|
+
|
|
60
|
+
var title = (0, _react.useMemo)(function () {
|
|
61
|
+
return "".concat((0, _momentTimezone.default)(date).format("MMM"), " ").concat((0, _momentTimezone.default)(date).format("YYYY"));
|
|
62
|
+
}, [date]);
|
|
63
|
+
(0, _react.useEffect)(function () {
|
|
64
|
+
var result = {};
|
|
65
|
+
var day = (0, _momentTimezone.default)(date).startOf("month");
|
|
66
|
+
var daysInMonth = day.daysInMonth();
|
|
67
|
+
|
|
68
|
+
for (var d = 0; d < daysInMonth; d += 1) {
|
|
69
|
+
var week = day.week();
|
|
55
70
|
if (day.month() === 11 && week === 1) week = 53;
|
|
56
71
|
if (day.month() === 0 && week === 53) week = 0;
|
|
57
72
|
|
|
@@ -68,16 +83,16 @@ const RangeCalendar = props => {
|
|
|
68
83
|
setDays(result);
|
|
69
84
|
}, [date]);
|
|
70
85
|
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
86
|
+
var renderDay = function renderDay(week, dayOfWeek) {
|
|
87
|
+
var day = days[week][dayOfWeek];
|
|
88
|
+
var isFutureDay = day && (0, _momentTimezone.default)(day.date).isAfter((0, _momentTimezone.default)(), "day");
|
|
89
|
+
var isPastDay = limitRange ? day && (0, _momentTimezone.default)(day.date).isBefore((0, _momentTimezone.default)().subtract(limitRange, "days"), "day") : null;
|
|
90
|
+
var isRangeStart = day && (0, _momentTimezone.default)(day.date).isSame(startDate, "day");
|
|
91
|
+
var isRangeEnd = day && (0, _momentTimezone.default)(day.date).isSame((0, _momentTimezone.default)(endDate).subtract(1, "hour"), "day");
|
|
92
|
+
var isRangeInside = day && startDate && endDate && (0, _momentTimezone.default)(day.date).isAfter(startDate, "day") && (0, _momentTimezone.default)(day.date).isBefore((0, _momentTimezone.default)(endDate).subtract(1, "hour"), "day");
|
|
93
|
+
var isPrevRangeEnd = day && ((0, _momentTimezone.default)(day.date).isSame(startPrevDate, "day") || (0, _momentTimezone.default)(day.date).isSame((0, _momentTimezone.default)(endPrevDate).subtract(1, "day"), "day"));
|
|
94
|
+
var isPrevRangeInside = day && startPrevDate && endPrevDate && (0, _momentTimezone.default)(day.date).isAfter(startPrevDate, "day") && (0, _momentTimezone.default)(day.date).isBefore((0, _momentTimezone.default)(endPrevDate).subtract(1, "day"), "day");
|
|
95
|
+
var classNames = (0, _classnames.default)("range-calendar__day", {
|
|
81
96
|
"range-calendar__day--clickable": day
|
|
82
97
|
}, {
|
|
83
98
|
"range-calendar__day--disabled": isPastDay || minDate && (0, _momentTimezone.default)(day === null || day === void 0 ? void 0 : day.date).isBefore(momentMinDate, "day") || !isDontLimitFuture && (maxDate ? (0, _momentTimezone.default)(day === null || day === void 0 ? void 0 : day.date).isAfter(momentMaxDate) : isFutureDay)
|
|
@@ -95,23 +110,31 @@ const RangeCalendar = props => {
|
|
|
95
110
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
96
111
|
key: "".concat(week, "_").concat(dayOfWeek),
|
|
97
112
|
className: classNames,
|
|
98
|
-
onClick: day ?
|
|
99
|
-
|
|
100
|
-
|
|
113
|
+
onClick: day ? function (e) {
|
|
114
|
+
return onClick(day.date, e);
|
|
115
|
+
} : null,
|
|
116
|
+
onMouseOver: day ? function () {
|
|
117
|
+
return onHover(day.date);
|
|
118
|
+
} : null,
|
|
119
|
+
onMouseLeave: function onMouseLeave() {
|
|
120
|
+
return onHover(null);
|
|
121
|
+
}
|
|
101
122
|
}, /*#__PURE__*/_react.default.createElement("span", {
|
|
102
123
|
className: "calendar__day-num"
|
|
103
124
|
}, day && day.date.getDate()));
|
|
104
125
|
};
|
|
105
126
|
|
|
106
|
-
|
|
127
|
+
var handlePrev = function handlePrev() {
|
|
107
128
|
setDate((0, _momentTimezone.default)(date).subtract(1, "month").toDate());
|
|
108
129
|
};
|
|
109
130
|
|
|
110
|
-
|
|
131
|
+
var handleNext = function handleNext() {
|
|
111
132
|
setDate((0, _momentTimezone.default)(date).add(1, "month").toDate());
|
|
112
133
|
};
|
|
113
134
|
|
|
114
|
-
|
|
135
|
+
var getFormatedWeekName = function getFormatedWeekName(input) {
|
|
136
|
+
return isShortWeekNames ? input.charAt(0) : input;
|
|
137
|
+
};
|
|
115
138
|
|
|
116
139
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
117
140
|
className: (0, _classnames.default)("range-calendar", className),
|
|
@@ -134,15 +157,19 @@ const RangeCalendar = props => {
|
|
|
134
157
|
className: "range-calendar-header__next"
|
|
135
158
|
})), /*#__PURE__*/_react.default.createElement("div", {
|
|
136
159
|
className: "range-calendar__week range-calendar__week-title"
|
|
137
|
-
},
|
|
160
|
+
}, (0, _toConsumableArray2.default)(Array(7).keys()).map(function (dayOfWeek) {
|
|
138
161
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
139
162
|
key: "day-of-week_".concat(dayOfWeek),
|
|
140
163
|
className: "range-calendar__day range-calendar__day--title"
|
|
141
164
|
}, getFormatedWeekName((0, _momentTimezone.default)().weekday(dayOfWeek).format("dd")));
|
|
142
|
-
})), Object.keys(days).map((week, index)
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
165
|
+
})), Object.keys(days).map(function (week, index) {
|
|
166
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
167
|
+
key: "week_".concat(index),
|
|
168
|
+
className: "range-calendar__week"
|
|
169
|
+
}, (0, _toConsumableArray2.default)(Array(7).keys()).map(function (dayOfWeek) {
|
|
170
|
+
return renderDay(week, dayOfWeek);
|
|
171
|
+
}));
|
|
172
|
+
}));
|
|
146
173
|
};
|
|
147
174
|
|
|
148
175
|
var _default = RangeCalendar;
|
|
@@ -2,11 +2,17 @@
|
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
4
|
|
|
5
|
+
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
6
|
+
|
|
5
7
|
Object.defineProperty(exports, "__esModule", {
|
|
6
8
|
value: true
|
|
7
9
|
});
|
|
8
10
|
exports.default = void 0;
|
|
9
11
|
|
|
12
|
+
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
13
|
+
|
|
14
|
+
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
15
|
+
|
|
10
16
|
var _react = _interopRequireWildcard(require("react"));
|
|
11
17
|
|
|
12
18
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
@@ -21,45 +27,61 @@ var _Label = _interopRequireDefault(require("../Label/Label"));
|
|
|
21
27
|
|
|
22
28
|
require("./RangeInputs.scss");
|
|
23
29
|
|
|
24
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
30
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
31
|
+
|
|
32
|
+
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; }
|
|
25
33
|
|
|
26
|
-
function
|
|
34
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
27
35
|
|
|
28
|
-
|
|
36
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
29
37
|
|
|
30
|
-
|
|
38
|
+
var RC = "range-inputs";
|
|
39
|
+
|
|
40
|
+
var RangeInputs = function RangeInputs(_ref) {
|
|
31
41
|
var _valueObj$from, _valueObj$to;
|
|
32
42
|
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
43
|
+
var isColumnPosition = _ref.isColumnPosition,
|
|
44
|
+
className = _ref.className,
|
|
45
|
+
_ref$value = _ref.value,
|
|
46
|
+
valueObj = _ref$value === void 0 ? {
|
|
47
|
+
from: "",
|
|
48
|
+
to: ""
|
|
49
|
+
} : _ref$value,
|
|
50
|
+
_ref$onChange = _ref.onChange,
|
|
51
|
+
onChange = _ref$onChange === void 0 ? function () {} : _ref$onChange,
|
|
52
|
+
_ref$validateErrors = _ref.validateErrors,
|
|
53
|
+
validateErrors = _ref$validateErrors === void 0 ? function () {} : _ref$validateErrors,
|
|
54
|
+
_ref$type = _ref.type,
|
|
55
|
+
type = _ref$type === void 0 ? "int" : _ref$type,
|
|
56
|
+
setInnerError = _ref.setError,
|
|
57
|
+
_ref$label = _ref.label,
|
|
58
|
+
label = _ref$label === void 0 ? "" : _ref$label,
|
|
59
|
+
_ref$isPrice = _ref.isPrice,
|
|
60
|
+
isPrice = _ref$isPrice === void 0 ? false : _ref$isPrice,
|
|
61
|
+
testId = _ref.testId,
|
|
62
|
+
_ref$withZero = _ref.withZero,
|
|
63
|
+
withZero = _ref$withZero === void 0 ? false : _ref$withZero,
|
|
64
|
+
_ref$fromPlaceholder = _ref.fromPlaceholder,
|
|
65
|
+
fromPlaceholder = _ref$fromPlaceholder === void 0 ? "" : _ref$fromPlaceholder,
|
|
66
|
+
_ref$toPlaceholder = _ref.toPlaceholder,
|
|
67
|
+
toPlaceholder = _ref$toPlaceholder === void 0 ? "" : _ref$toPlaceholder;
|
|
68
|
+
|
|
69
|
+
var _useState = (0, _react.useState)({
|
|
52
70
|
from: "",
|
|
53
71
|
to: ""
|
|
54
|
-
})
|
|
55
|
-
|
|
56
|
-
|
|
72
|
+
}),
|
|
73
|
+
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
|
74
|
+
error = _useState2[0],
|
|
75
|
+
setError = _useState2[1];
|
|
76
|
+
|
|
77
|
+
var inputFromRef = (0, _react.useRef)(null);
|
|
78
|
+
var inputToRef = (0, _react.useRef)(null);
|
|
57
79
|
|
|
58
|
-
|
|
80
|
+
var isValidRange = function isValidRange(from, to) {
|
|
59
81
|
var _from$toString, _to$toString;
|
|
60
82
|
|
|
61
|
-
|
|
62
|
-
|
|
83
|
+
var correctFrom = parseFloat(from === null || from === void 0 ? void 0 : (_from$toString = from.toString()) === null || _from$toString === void 0 ? void 0 : _from$toString.replace(/[^\d]/g, ""));
|
|
84
|
+
var correctTo = parseFloat(to === null || to === void 0 ? void 0 : (_to$toString = to.toString()) === null || _to$toString === void 0 ? void 0 : _to$toString.replace(/[^\d]/g, "")); // let correctFrom;
|
|
63
85
|
// let correctTo;
|
|
64
86
|
// if (!withZero) {
|
|
65
87
|
// correctFrom = parseInt(replaceNotDigitFrom);
|
|
@@ -72,20 +94,18 @@ const RangeInputs = _ref => {
|
|
|
72
94
|
return correctFrom <= correctTo;
|
|
73
95
|
};
|
|
74
96
|
|
|
75
|
-
|
|
97
|
+
var valueFormatter = function valueFormatter(value) {
|
|
76
98
|
if (type === "float" && !isPrice) return (0, _fieldValueFormatters.filterFloat)(value, 2);else if (type === "float" && isPrice) return (0, _utils.addBitDepthPoints)((0, _fieldValueFormatters.filterFloat)(value === null || value === void 0 ? void 0 : value.replace(/[^\d.]/g, ""), 2));else if (type !== "float" && isPrice) return (0, _utils.addBitDepthPoints)(value === null || value === void 0 ? void 0 : value.replace(/[^\d]/g, ""));else return (0, _fieldValueFormatters.formatOnlyNumbers)(value);
|
|
77
99
|
};
|
|
78
100
|
|
|
79
|
-
|
|
80
|
-
onChange({
|
|
81
|
-
[prop]: valueFormatter(val)
|
|
82
|
-
});
|
|
101
|
+
var handleChange = function handleChange(prop, val) {
|
|
102
|
+
onChange(_objectSpread(_objectSpread({}, valueObj), {}, (0, _defineProperty2.default)({}, prop, valueFormatter(val))));
|
|
83
103
|
};
|
|
84
104
|
|
|
85
|
-
|
|
105
|
+
var rangeValidation = function rangeValidation(e, key) {
|
|
86
106
|
var _validateErrors;
|
|
87
107
|
|
|
88
|
-
|
|
108
|
+
var oppositeKey = key === "from" ? "to" : "from";
|
|
89
109
|
|
|
90
110
|
if (!withZero && !(valueObj !== null && valueObj !== void 0 && valueObj.from) && !(valueObj !== null && valueObj !== void 0 && valueObj.to)) {
|
|
91
111
|
setError({
|
|
@@ -95,14 +115,14 @@ const RangeInputs = _ref => {
|
|
|
95
115
|
setInnerError === null || setInnerError === void 0 ? void 0 : setInnerError("");
|
|
96
116
|
return e;
|
|
97
117
|
} else if (!withZero && !valueObj[oppositeKey]) {
|
|
98
|
-
|
|
118
|
+
var mustToFocus = key === "from" ? inputToRef.current : inputFromRef.current;
|
|
99
119
|
mustToFocus.focus();
|
|
100
120
|
} else if (!isValidRange(valueObj === null || valueObj === void 0 ? void 0 : valueObj.from, valueObj === null || valueObj === void 0 ? void 0 : valueObj.to)) {
|
|
101
|
-
if (!(valueObj !== null && valueObj !== void 0 && valueObj.from)) setError({
|
|
121
|
+
if (!(valueObj !== null && valueObj !== void 0 && valueObj.from)) setError(_objectSpread(_objectSpread({}, error), {}, {
|
|
102
122
|
from: "Invalid range"
|
|
103
|
-
});else setError({
|
|
123
|
+
}));else setError(_objectSpread(_objectSpread({}, error), {}, {
|
|
104
124
|
to: "Invalid range"
|
|
105
|
-
});
|
|
125
|
+
}));
|
|
106
126
|
setInnerError === null || setInnerError === void 0 ? void 0 : setInnerError("Invalid range");
|
|
107
127
|
} else if ((_validateErrors = validateErrors === null || validateErrors === void 0 ? void 0 : validateErrors(valueObj === null || valueObj === void 0 ? void 0 : valueObj.from, valueObj === null || valueObj === void 0 ? void 0 : valueObj.to)) !== null && _validateErrors !== void 0 ? _validateErrors : false) {
|
|
108
128
|
//проп validateErrors вернет пустую строку, в случае если ошибок нет
|
|
@@ -118,9 +138,7 @@ const RangeInputs = _ref => {
|
|
|
118
138
|
};
|
|
119
139
|
|
|
120
140
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
121
|
-
className: (0, _classnames.default)(RC, className, {
|
|
122
|
-
["".concat(RC, "_column")]: isColumnPosition
|
|
123
|
-
})
|
|
141
|
+
className: (0, _classnames.default)(RC, className, (0, _defineProperty2.default)({}, "".concat(RC, "_column"), isColumnPosition))
|
|
124
142
|
}, label && label !== " " && /*#__PURE__*/_react.default.createElement("div", {
|
|
125
143
|
className: "".concat(RC, "__label")
|
|
126
144
|
}, label), /*#__PURE__*/_react.default.createElement("div", {
|
|
@@ -133,10 +151,14 @@ const RangeInputs = _ref => {
|
|
|
133
151
|
testId: "".concat(testId, "--from"),
|
|
134
152
|
ref: inputFromRef,
|
|
135
153
|
value: (_valueObj$from = valueObj === null || valueObj === void 0 ? void 0 : valueObj.from) !== null && _valueObj$from !== void 0 ? _valueObj$from : "",
|
|
136
|
-
onChange:
|
|
137
|
-
|
|
154
|
+
onChange: function onChange(val) {
|
|
155
|
+
return handleChange("from", val);
|
|
156
|
+
},
|
|
157
|
+
onBlur: function onBlur(e) {
|
|
158
|
+
return rangeValidation(e, "from");
|
|
159
|
+
},
|
|
138
160
|
error: error.from,
|
|
139
|
-
onKeyUp: (code, e)
|
|
161
|
+
onKeyUp: function onKeyUp(code, e) {
|
|
140
162
|
if (code === 13) {
|
|
141
163
|
if (isValidRange) inputFromRef.current.blur();else {
|
|
142
164
|
inputToRef.current.focus();
|
|
@@ -153,10 +175,14 @@ const RangeInputs = _ref => {
|
|
|
153
175
|
testId: "".concat(testId, "--to"),
|
|
154
176
|
ref: inputToRef,
|
|
155
177
|
value: (_valueObj$to = valueObj === null || valueObj === void 0 ? void 0 : valueObj.to) !== null && _valueObj$to !== void 0 ? _valueObj$to : "",
|
|
156
|
-
onChange:
|
|
157
|
-
|
|
178
|
+
onChange: function onChange(val) {
|
|
179
|
+
return handleChange("to", val);
|
|
180
|
+
},
|
|
181
|
+
onBlur: function onBlur(e) {
|
|
182
|
+
return rangeValidation(e, "to");
|
|
183
|
+
},
|
|
158
184
|
error: error.to,
|
|
159
|
-
onKeyUp: (code, e)
|
|
185
|
+
onKeyUp: function onKeyUp(code, e) {
|
|
160
186
|
if (code === 13) inputToRef.current.blur();
|
|
161
187
|
},
|
|
162
188
|
placeholder: toPlaceholder
|