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
|
@@ -2,11 +2,19 @@
|
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
4
|
|
|
5
|
+
var _typeof3 = 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
|
+
|
|
16
|
+
var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
|
|
17
|
+
|
|
10
18
|
var _react = _interopRequireWildcard(require("react"));
|
|
11
19
|
|
|
12
20
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
@@ -19,91 +27,155 @@ var _Spinner = _interopRequireDefault(require("../../Atomic/Layout/Spinner/Spinn
|
|
|
19
27
|
|
|
20
28
|
var _Hint = _interopRequireDefault(require("../../Atomic/UI/Hint/Hint"));
|
|
21
29
|
|
|
22
|
-
var
|
|
30
|
+
var _useIsMobile2 = _interopRequireDefault(require("../../Functions/useIsMobile"));
|
|
23
31
|
|
|
24
32
|
var _utils = require("../../Functions/utils");
|
|
25
33
|
|
|
26
34
|
require("./InputAddress.scss");
|
|
27
35
|
|
|
28
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
36
|
+
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); }
|
|
29
37
|
|
|
30
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null ||
|
|
38
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof3(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
31
39
|
|
|
32
|
-
|
|
33
|
-
|
|
40
|
+
var DEFAULT_HINT_MESSAGE = "Select the correct address from the list of suggestions (must contains house number and street name)";
|
|
41
|
+
var RC = "input-address"; // ? Если равны - true
|
|
34
42
|
|
|
35
|
-
|
|
36
|
-
return
|
|
43
|
+
var compareValues = function compareValues(val1, val2) {
|
|
44
|
+
return (0, _typeof2.default)(val1) === (0, _typeof2.default)(val2) && ((0, _utils.getIsOnlyAnObject)(val1) ? (0, _utils.compare)(val1, val2) : val1 === val2);
|
|
37
45
|
};
|
|
38
46
|
|
|
39
|
-
|
|
40
|
-
|
|
47
|
+
var throttle = function throttle(fn, ms) {
|
|
48
|
+
var id = null;
|
|
41
49
|
return function () {
|
|
42
50
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
43
51
|
args[_key] = arguments[_key];
|
|
44
52
|
}
|
|
45
53
|
|
|
46
54
|
if (id) clearTimeout(id);
|
|
47
|
-
id = setTimeout(()
|
|
48
|
-
fn(
|
|
55
|
+
id = setTimeout(function () {
|
|
56
|
+
fn.apply(void 0, args);
|
|
49
57
|
}, ms);
|
|
50
58
|
};
|
|
51
59
|
}; // Отдает true если value валидное НЕ нулевое число
|
|
52
60
|
|
|
53
61
|
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
62
|
+
var getIsValidNumber = function getIsValidNumber(value) {
|
|
63
|
+
return Boolean(value) && typeof value === "number" && !Number.isNaN(value);
|
|
64
|
+
};
|
|
65
|
+
|
|
66
|
+
var InputAddress = function InputAddress(_ref) {
|
|
67
|
+
var label = _ref.label,
|
|
68
|
+
_ref$className = _ref.className,
|
|
69
|
+
className = _ref$className === void 0 ? "" : _ref$className,
|
|
70
|
+
_ref$isClearable = _ref.isClearable,
|
|
71
|
+
isClearable = _ref$isClearable === void 0 ? true : _ref$isClearable,
|
|
72
|
+
_ref$isKeyboardContro = _ref.isKeyboardControlled,
|
|
73
|
+
isKeyboardControlled = _ref$isKeyboardContro === void 0 ? true : _ref$isKeyboardContro,
|
|
74
|
+
_ref$fieldKey = _ref.fieldKey,
|
|
75
|
+
fieldKey = _ref$fieldKey === void 0 ? "" : _ref$fieldKey,
|
|
76
|
+
_ref$testId = _ref.testId,
|
|
77
|
+
testId = _ref$testId === void 0 ? "" : _ref$testId,
|
|
78
|
+
_ref$throttle = _ref.throttle,
|
|
79
|
+
throttleTime = _ref$throttle === void 0 ? 500 : _ref$throttle,
|
|
80
|
+
_ref$additionalThrott = _ref.additionalThrottleTimeForListingRequest,
|
|
81
|
+
additionalThrottleTimeForListingRequest = _ref$additionalThrott === void 0 ? 0 : _ref$additionalThrott,
|
|
82
|
+
_ref$loader = _ref.loader,
|
|
83
|
+
loader = _ref$loader === void 0 ? "" : _ref$loader,
|
|
84
|
+
_ref$noItemsMessage = _ref.noItemsMessage,
|
|
85
|
+
noItemsMessage = _ref$noItemsMessage === void 0 ? "" : _ref$noItemsMessage,
|
|
86
|
+
error = _ref.error,
|
|
87
|
+
_ref$value = _ref.value,
|
|
88
|
+
value = _ref$value === void 0 ? "" : _ref$value,
|
|
89
|
+
_ref$onChange = _ref.onChange,
|
|
90
|
+
onChange = _ref$onChange === void 0 ? function () {} : _ref$onChange,
|
|
91
|
+
onChangeValueTransformer = _ref.onChangeValueTransformer,
|
|
92
|
+
disabled = _ref.disabled,
|
|
93
|
+
_ref$getListItems = _ref.getListItems,
|
|
94
|
+
getListItems = _ref$getListItems === void 0 ? function () {} : _ref$getListItems,
|
|
95
|
+
clarifyAddressInfo = _ref.clarifyAddressInfo,
|
|
96
|
+
_ref$noValidate = _ref.noValidate,
|
|
97
|
+
noValidate = _ref$noValidate === void 0 ? false : _ref$noValidate,
|
|
98
|
+
renderSelectedItem = _ref.renderSelectedItem,
|
|
99
|
+
renderListItem = _ref.renderListItem,
|
|
100
|
+
renderHintMessage = _ref.renderHintMessage,
|
|
101
|
+
attributesOfNativeInput = _ref.attributesOfNativeInput;
|
|
102
|
+
|
|
103
|
+
var _useIsMobile = (0, _useIsMobile2.default)(),
|
|
104
|
+
isMobile = _useIsMobile.isMobile;
|
|
105
|
+
|
|
106
|
+
var inputRef = (0, _react.useRef)(null);
|
|
107
|
+
var listRef = (0, _react.useRef)(null);
|
|
108
|
+
var listOverlayRef = (0, _react.useRef)(null);
|
|
109
|
+
var listWrapperRef = (0, _react.useRef)(null);
|
|
110
|
+
var listHeaderRef = (0, _react.useRef)(null);
|
|
111
|
+
var previousValueRef = (0, _react.useRef)(value);
|
|
112
|
+
|
|
113
|
+
var _useState = (0, _react.useState)(false),
|
|
114
|
+
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
|
115
|
+
isValueInited = _useState2[0],
|
|
116
|
+
setIsValueInited = _useState2[1];
|
|
117
|
+
|
|
118
|
+
var _useState3 = (0, _react.useState)(null),
|
|
119
|
+
_useState4 = (0, _slicedToArray2.default)(_useState3, 2),
|
|
120
|
+
isScrollableList = _useState4[0],
|
|
121
|
+
setIsScrollableList = _useState4[1];
|
|
122
|
+
|
|
123
|
+
var _useState5 = (0, _react.useState)(0),
|
|
124
|
+
_useState6 = (0, _slicedToArray2.default)(_useState5, 2),
|
|
125
|
+
scrollTop = _useState6[0],
|
|
126
|
+
setScrollTop = _useState6[1];
|
|
127
|
+
|
|
128
|
+
var _useState7 = (0, _react.useState)(1),
|
|
129
|
+
_useState8 = (0, _slicedToArray2.default)(_useState7, 2),
|
|
130
|
+
scrollHeight = _useState8[0],
|
|
131
|
+
setScrollHeight = _useState8[1];
|
|
132
|
+
|
|
133
|
+
var _useState9 = (0, _react.useState)(value),
|
|
134
|
+
_useState10 = (0, _slicedToArray2.default)(_useState9, 2),
|
|
135
|
+
innerValue = _useState10[0],
|
|
136
|
+
setInnerValue = _useState10[1];
|
|
137
|
+
|
|
138
|
+
var _useState11 = (0, _react.useState)(null),
|
|
139
|
+
_useState12 = (0, _slicedToArray2.default)(_useState11, 2),
|
|
140
|
+
tempInnerValue = _useState12[0],
|
|
141
|
+
setTempInnerValue = _useState12[1];
|
|
142
|
+
|
|
143
|
+
var _useState13 = (0, _react.useState)(null),
|
|
144
|
+
_useState14 = (0, _slicedToArray2.default)(_useState13, 2),
|
|
145
|
+
tempValue = _useState14[0],
|
|
146
|
+
setTempValue = _useState14[1];
|
|
147
|
+
|
|
148
|
+
var _useState15 = (0, _react.useState)([]),
|
|
149
|
+
_useState16 = (0, _slicedToArray2.default)(_useState15, 2),
|
|
150
|
+
listItems = _useState16[0],
|
|
151
|
+
setListItems = _useState16[1];
|
|
152
|
+
|
|
153
|
+
var _useState17 = (0, _react.useState)(false),
|
|
154
|
+
_useState18 = (0, _slicedToArray2.default)(_useState17, 2),
|
|
155
|
+
isLoading = _useState18[0],
|
|
156
|
+
setIsLoading = _useState18[1];
|
|
157
|
+
|
|
158
|
+
var _useState19 = (0, _react.useState)(false),
|
|
159
|
+
_useState20 = (0, _slicedToArray2.default)(_useState19, 2),
|
|
160
|
+
isListLoading = _useState20[0],
|
|
161
|
+
setIsListLoading = _useState20[1];
|
|
162
|
+
|
|
163
|
+
var _useState21 = (0, _react.useState)(null),
|
|
164
|
+
_useState22 = (0, _slicedToArray2.default)(_useState21, 2),
|
|
165
|
+
hightlightedIndex = _useState22[0],
|
|
166
|
+
setHightlightedIndex = _useState22[1];
|
|
167
|
+
|
|
168
|
+
var _useState23 = (0, _react.useState)(false),
|
|
169
|
+
_useState24 = (0, _slicedToArray2.default)(_useState23, 2),
|
|
170
|
+
isFocused = _useState24[0],
|
|
171
|
+
setIsFocused = _useState24[1];
|
|
172
|
+
|
|
173
|
+
var _useState25 = (0, _react.useState)(false),
|
|
174
|
+
_useState26 = (0, _slicedToArray2.default)(_useState25, 2),
|
|
175
|
+
isListVisible = _useState26[0],
|
|
176
|
+
setIsListVisible = _useState26[1];
|
|
177
|
+
|
|
178
|
+
var isWrongAddress = (0, _react.useMemo)(function () {
|
|
107
179
|
var _innerValue$street;
|
|
108
180
|
|
|
109
181
|
if (noValidate) return false;
|
|
@@ -115,13 +187,13 @@ const InputAddress = _ref => {
|
|
|
115
187
|
return false;
|
|
116
188
|
}, [innerValue]);
|
|
117
189
|
|
|
118
|
-
|
|
190
|
+
var setItemAsInnerValue = function setItemAsInnerValue(e, item) {
|
|
119
191
|
if (e instanceof Event) {
|
|
120
192
|
e.preventDefault();
|
|
121
193
|
e.stopPropagation();
|
|
122
194
|
}
|
|
123
195
|
|
|
124
|
-
setTimeout(()
|
|
196
|
+
setTimeout(function () {
|
|
125
197
|
setInnerValue(item);
|
|
126
198
|
|
|
127
199
|
if (isMobile) {
|
|
@@ -131,19 +203,23 @@ const InputAddress = _ref => {
|
|
|
131
203
|
}; // ? Базовый метод получения списка вариантов адреса
|
|
132
204
|
|
|
133
205
|
|
|
134
|
-
|
|
135
|
-
|
|
206
|
+
var getAddressVariants = (0, _react.useMemo)(function () {
|
|
207
|
+
return function (innerValue) {
|
|
208
|
+
var _getListItems;
|
|
136
209
|
|
|
137
|
-
|
|
210
|
+
return (_getListItems = getListItems(innerValue)) === null || _getListItems === void 0 ? void 0 : _getListItems.then(setListItems).finally(function () {
|
|
211
|
+
return setIsListLoading(false);
|
|
212
|
+
});
|
|
213
|
+
};
|
|
138
214
|
}, [getListItems]); // ? Метод получения списка вариантов адреса с тротлингом (основным и, если нужно, дополнительным)
|
|
139
215
|
// ? Без useMemo работать НЕ будет (т.к. на каждом перерендере будет создаваться новая ф-я и будет теряться замкнутая переменная id из throttle)
|
|
140
216
|
|
|
141
|
-
|
|
142
|
-
|
|
217
|
+
var getAddressVariantsWithThrottling = (0, _react.useMemo)(function () {
|
|
218
|
+
var execute = getIsValidNumber(additionalThrottleTimeForListingRequest) ? throttle(getAddressVariants, additionalThrottleTimeForListingRequest) : getAddressVariants;
|
|
143
219
|
return getIsValidNumber(throttleTime) ? throttle(execute, throttleTime) : execute;
|
|
144
220
|
}, [getAddressVariants, additionalThrottleTimeForListingRequest, throttleTime]); // ? Итоговый "получатель" списка вариантов адресов
|
|
145
221
|
|
|
146
|
-
|
|
222
|
+
var getAddressVariantsList = function getAddressVariantsList() {
|
|
147
223
|
if (!(innerValue !== null && innerValue !== void 0 && innerValue.length)) return null; // ? Вообще с учетом надпись "Loading" в списке вариантов включается в этом месте (т.е. сразу при начале набора),
|
|
148
224
|
// ? то, наверное, можно было НЕ мутить с дополнительным тротлингом )).
|
|
149
225
|
// ? Наверное, можно было увеличить время первичного тротлинга и, наверное, работало бы так же ))
|
|
@@ -154,7 +230,7 @@ const InputAddress = _ref => {
|
|
|
154
230
|
return null;
|
|
155
231
|
};
|
|
156
232
|
|
|
157
|
-
|
|
233
|
+
var onClearClick = function onClearClick(e) {
|
|
158
234
|
var _inputRef$current;
|
|
159
235
|
|
|
160
236
|
e.preventDefault();
|
|
@@ -166,10 +242,12 @@ const InputAddress = _ref => {
|
|
|
166
242
|
|
|
167
243
|
setInnerValue("");
|
|
168
244
|
inputRef === null || inputRef === void 0 ? void 0 : (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.focus();
|
|
169
|
-
setTimeout(
|
|
245
|
+
setTimeout(function () {
|
|
246
|
+
return setIsFocused(true);
|
|
247
|
+
}, 0);
|
|
170
248
|
};
|
|
171
249
|
|
|
172
|
-
|
|
250
|
+
var onOverlayClick = function onOverlayClick(e) {
|
|
173
251
|
if (e.target === (listOverlayRef === null || listOverlayRef === void 0 ? void 0 : listOverlayRef.current)) {
|
|
174
252
|
e.stopPropagation();
|
|
175
253
|
e.preventDefault();
|
|
@@ -179,7 +257,7 @@ const InputAddress = _ref => {
|
|
|
179
257
|
}
|
|
180
258
|
};
|
|
181
259
|
|
|
182
|
-
|
|
260
|
+
var onKeyDown = function onKeyDown(keyCode) {
|
|
183
261
|
if (!isListVisible || !isKeyboardControlled) return false;
|
|
184
262
|
|
|
185
263
|
if (keyCode === 13) {
|
|
@@ -192,11 +270,11 @@ const InputAddress = _ref => {
|
|
|
192
270
|
} else {
|
|
193
271
|
var _listRef$current, _listRef$current$getB, _listRef$current2, _newHightlightedEleme;
|
|
194
272
|
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
273
|
+
var newHightlightedIndex = null;
|
|
274
|
+
var listItemsElements = document.getElementsByClassName("input-address__list--item");
|
|
275
|
+
var listHeight = listRef === null || listRef === void 0 ? void 0 : (_listRef$current = listRef.current) === null || _listRef$current === void 0 ? void 0 : (_listRef$current$getB = _listRef$current.getBoundingClientRect()) === null || _listRef$current$getB === void 0 ? void 0 : _listRef$current$getB.height;
|
|
276
|
+
var listScrollTop = (listRef === null || listRef === void 0 ? void 0 : (_listRef$current2 = listRef.current) === null || _listRef$current2 === void 0 ? void 0 : _listRef$current2.scrollTop) || 0;
|
|
277
|
+
var lastItemIndex = parseInt(listItems === null || listItems === void 0 ? void 0 : listItems.length, 10) - 1;
|
|
200
278
|
/** Arrows Controllers **/
|
|
201
279
|
|
|
202
280
|
if (keyCode === 40) {
|
|
@@ -216,9 +294,9 @@ const InputAddress = _ref => {
|
|
|
216
294
|
} // Scroll to Element
|
|
217
295
|
|
|
218
296
|
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
297
|
+
var newHightlightedElement = listItemsElements[newHightlightedIndex];
|
|
298
|
+
var newHightlightedElementHeight = newHightlightedElement === null || newHightlightedElement === void 0 ? void 0 : (_newHightlightedEleme = newHightlightedElement.getBoundingClientRect()) === null || _newHightlightedEleme === void 0 ? void 0 : _newHightlightedEleme.height;
|
|
299
|
+
var newHightlightedElementTopInList = newHightlightedElement === null || newHightlightedElement === void 0 ? void 0 : newHightlightedElement.offsetTop;
|
|
222
300
|
|
|
223
301
|
if (newHightlightedElementTopInList + newHightlightedElementHeight > listScrollTop + listHeight) {
|
|
224
302
|
if (Math.abs(newHightlightedElementTopInList + newHightlightedElementHeight - (listScrollTop + listHeight)) <= newHightlightedElementHeight) {
|
|
@@ -246,41 +324,41 @@ const InputAddress = _ref => {
|
|
|
246
324
|
}
|
|
247
325
|
};
|
|
248
326
|
|
|
249
|
-
|
|
327
|
+
var getHintMessage = function getHintMessage() {
|
|
250
328
|
if (!renderHintMessage || typeof renderHintMessage !== "function") return DEFAULT_HINT_MESSAGE;
|
|
251
329
|
return renderHintMessage(innerValue);
|
|
252
330
|
};
|
|
253
331
|
|
|
254
|
-
|
|
332
|
+
var getSelectedItemLabel = function getSelectedItemLabel() {
|
|
255
333
|
var _value$street;
|
|
256
334
|
|
|
257
|
-
|
|
335
|
+
var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : innerValue;
|
|
258
336
|
if (!value) return "";
|
|
259
337
|
if (typeof value === "string") return value;
|
|
260
338
|
if (typeof renderSelectedItem === "function") renderSelectedItem(value);
|
|
261
|
-
|
|
339
|
+
var label = "".concat((value === null || value === void 0 ? void 0 : value.streetNumber) || "", " ").concat((value === null || value === void 0 ? void 0 : (_value$street = value.street) === null || _value$street === void 0 ? void 0 : _value$street.fullName) || "").trim();
|
|
262
340
|
return !label && isLoading ? previousValueRef.current : label;
|
|
263
341
|
};
|
|
264
342
|
|
|
265
|
-
|
|
343
|
+
var getListItemLabel = function getListItemLabel(item) {
|
|
266
344
|
if (typeof item === "string") return item;
|
|
267
345
|
if (!renderListItem || typeof renderListItem !== "function") return item === null || item === void 0 ? void 0 : item.fullPrediction;
|
|
268
346
|
return renderListItem(item);
|
|
269
347
|
};
|
|
270
348
|
|
|
271
|
-
|
|
349
|
+
var setListHeight = function setListHeight() {
|
|
272
350
|
if (listWrapperRef !== null && listWrapperRef !== void 0 && listWrapperRef.current && listHeaderRef !== null && listHeaderRef !== void 0 && listHeaderRef.current && listRef.current) {
|
|
273
351
|
var _listWrapperRef$curre, _listWrapperRef$curre2, _listHeaderRef$curren, _listHeaderRef$curren2;
|
|
274
352
|
|
|
275
|
-
|
|
276
|
-
|
|
277
|
-
|
|
278
|
-
|
|
353
|
+
var listWrapperHeight = listWrapperRef === null || listWrapperRef === void 0 ? void 0 : (_listWrapperRef$curre = listWrapperRef.current) === null || _listWrapperRef$curre === void 0 ? void 0 : (_listWrapperRef$curre2 = _listWrapperRef$curre.getBoundingClientRect()) === null || _listWrapperRef$curre2 === void 0 ? void 0 : _listWrapperRef$curre2.height;
|
|
354
|
+
var listWrapperStyles = getComputedStyle(listWrapperRef === null || listWrapperRef === void 0 ? void 0 : listWrapperRef.current);
|
|
355
|
+
var listHeaderHeight = listHeaderRef === null || listHeaderRef === void 0 ? void 0 : (_listHeaderRef$curren = listHeaderRef.current) === null || _listHeaderRef$curren === void 0 ? void 0 : (_listHeaderRef$curren2 = _listHeaderRef$curren.getBoundingClientRect()) === null || _listHeaderRef$curren2 === void 0 ? void 0 : _listHeaderRef$curren2.height;
|
|
356
|
+
var listHeight = listWrapperHeight - listHeaderHeight - parseInt(listWrapperStyles.paddingBottom, 10);
|
|
279
357
|
listRef.current.style.maxHeight = "".concat(listHeight, "px");
|
|
280
358
|
}
|
|
281
359
|
};
|
|
282
360
|
|
|
283
|
-
|
|
361
|
+
var resetListHeight = function resetListHeight() {
|
|
284
362
|
if (listRef.current) {
|
|
285
363
|
listRef.current.style.maxHeight = "initial";
|
|
286
364
|
}
|
|
@@ -288,14 +366,14 @@ const InputAddress = _ref => {
|
|
|
288
366
|
// ? Не меняйте вызовы setInnerValue и onChange не разобравшись в логике вызовов
|
|
289
367
|
|
|
290
368
|
|
|
291
|
-
(0, _react.useEffect)(()
|
|
369
|
+
(0, _react.useEffect)(function () {
|
|
292
370
|
// ? Исключение инициализации - равны только при первом рендере компонента,
|
|
293
371
|
// ? т.к. рефка и стейт инициализируются верхним value
|
|
294
372
|
if (!compareValues(innerValue, previousValueRef.current)) {
|
|
295
|
-
|
|
373
|
+
var isObject = (0, _utils.getIsOnlyAnObject)(innerValue); // ? innerValue меняется либо от ручного ввода, либо от выбора из списка
|
|
296
374
|
// ? Полная информация или нет - напрямую зависит от ответа getListItems
|
|
297
375
|
|
|
298
|
-
|
|
376
|
+
var isFullInfo = isObject && "streetNumber" in innerValue && "street" in innerValue && "city" in innerValue && "state" in innerValue && "country" in innerValue && "zipCode" in innerValue; // ? Для старого эндпоинта возвращается список с полной информацией, поэтому на проектах ничего не поменяется,
|
|
299
377
|
// ? если не менять запросник (getListItems), все будет проходить по этой if-ке или по 3-й (для строчных значений)
|
|
300
378
|
|
|
301
379
|
if (isFullInfo) {
|
|
@@ -313,10 +391,10 @@ const InputAddress = _ref => {
|
|
|
313
391
|
// ? Никаких await-ов НЕ нужно (тем более что в useEffect и нельзя для нового React),
|
|
314
392
|
// ? промис "выплюнется в пустоту", но НЕ будет отчищен до резолва, а useEffect (и итерация рендера в целом) при этом будет закончен(а)
|
|
315
393
|
|
|
316
|
-
(_clarifyAddressInfo = clarifyAddressInfo(innerValue)) === null || _clarifyAddressInfo === void 0 ? void 0 : (_clarifyAddressInfo$t = _clarifyAddressInfo.then) === null || _clarifyAddressInfo$t === void 0 ? void 0 : _clarifyAddressInfo$t.call(_clarifyAddressInfo, res
|
|
394
|
+
(_clarifyAddressInfo = clarifyAddressInfo(innerValue)) === null || _clarifyAddressInfo === void 0 ? void 0 : (_clarifyAddressInfo$t = _clarifyAddressInfo.then) === null || _clarifyAddressInfo$t === void 0 ? void 0 : _clarifyAddressInfo$t.call(_clarifyAddressInfo, function (res) {
|
|
317
395
|
if (res) setInnerValue(res);else {
|
|
318
396
|
setInnerValue(previousValueRef.current);
|
|
319
|
-
setTimeout(()
|
|
397
|
+
setTimeout(function () {
|
|
320
398
|
inputRef.current.focus();
|
|
321
399
|
inputRef.current.setSelectionRange(previousValueRef.current.length, previousValueRef.current.length);
|
|
322
400
|
}, 0);
|
|
@@ -341,13 +419,13 @@ const InputAddress = _ref => {
|
|
|
341
419
|
}
|
|
342
420
|
}
|
|
343
421
|
}, [innerValue]);
|
|
344
|
-
(0, _react.useEffect)(()
|
|
422
|
+
(0, _react.useEffect)(function () {
|
|
345
423
|
if (!isFocused && !isMobile) {
|
|
346
424
|
setIsListVisible(false);
|
|
347
425
|
setHightlightedIndex(null);
|
|
348
426
|
}
|
|
349
427
|
}, [isFocused]);
|
|
350
|
-
(0, _react.useEffect)(()
|
|
428
|
+
(0, _react.useEffect)(function () {
|
|
351
429
|
if (!isListVisible) {
|
|
352
430
|
setListItems([]);
|
|
353
431
|
resetListHeight();
|
|
@@ -358,15 +436,15 @@ const InputAddress = _ref => {
|
|
|
358
436
|
setListHeight();
|
|
359
437
|
}
|
|
360
438
|
}, [isListVisible]);
|
|
361
|
-
(0, _react.useEffect)(()
|
|
439
|
+
(0, _react.useEffect)(function () {
|
|
362
440
|
// ? учет изменения value сверху (верхние переназначения велью)
|
|
363
441
|
if (!compareValues(value, innerValue)) setInnerValue(value); // ? useEffect должен быть последним, т.к. рефка меняется в рамках текущей итерации
|
|
364
442
|
|
|
365
443
|
previousValueRef.current = value;
|
|
366
444
|
}, [value]);
|
|
367
445
|
|
|
368
|
-
|
|
369
|
-
|
|
446
|
+
var renderSearchableInput = function renderSearchableInput() {
|
|
447
|
+
var inputValue = getSelectedItemLabel();
|
|
370
448
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
371
449
|
className: (0, _classnames.default)("input-address__input-wrapper")
|
|
372
450
|
}, /*#__PURE__*/_react.default.createElement(_Input.default, {
|
|
@@ -375,10 +453,12 @@ const InputAddress = _ref => {
|
|
|
375
453
|
className: (0, _classnames.default)("input-address__input", className),
|
|
376
454
|
value: inputValue,
|
|
377
455
|
onChange: setInnerValue,
|
|
378
|
-
onFocus: e
|
|
456
|
+
onFocus: function onFocus(e) {
|
|
379
457
|
setIsFocused(true);
|
|
380
458
|
},
|
|
381
|
-
onBlur: ()
|
|
459
|
+
onBlur: function onBlur() {
|
|
460
|
+
return setIsFocused(false);
|
|
461
|
+
},
|
|
382
462
|
onKeyDown: onKeyDown,
|
|
383
463
|
attributesOfNativeInput: attributesOfNativeInput
|
|
384
464
|
}), isWrongAddress && /*#__PURE__*/_react.default.createElement("div", {
|
|
@@ -399,8 +479,8 @@ const InputAddress = _ref => {
|
|
|
399
479
|
})));
|
|
400
480
|
};
|
|
401
481
|
|
|
402
|
-
|
|
403
|
-
|
|
482
|
+
var renderInput = function renderInput() {
|
|
483
|
+
var inputValue = getSelectedItemLabel(isListVisible ? tempInnerValue : innerValue);
|
|
404
484
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
405
485
|
className: (0, _classnames.default)("input-address__input-wrapper")
|
|
406
486
|
}, /*#__PURE__*/_react.default.createElement(_Input.default, {
|
|
@@ -408,12 +488,12 @@ const InputAddress = _ref => {
|
|
|
408
488
|
className: (0, _classnames.default)("input-address__input", className),
|
|
409
489
|
value: inputValue,
|
|
410
490
|
onChange: setInnerValue,
|
|
411
|
-
onFocus: e
|
|
491
|
+
onFocus: function onFocus(e) {
|
|
412
492
|
var _e$target;
|
|
413
493
|
|
|
414
494
|
setIsListVisible(true);
|
|
415
495
|
e === null || e === void 0 ? void 0 : (_e$target = e.target) === null || _e$target === void 0 ? void 0 : _e$target.blur();
|
|
416
|
-
setTimeout(()
|
|
496
|
+
setTimeout(function () {
|
|
417
497
|
var _inputRef$current3;
|
|
418
498
|
|
|
419
499
|
return inputRef === null || inputRef === void 0 ? void 0 : (_inputRef$current3 = inputRef.current) === null || _inputRef$current3 === void 0 ? void 0 : _inputRef$current3.focus();
|
|
@@ -422,38 +502,42 @@ const InputAddress = _ref => {
|
|
|
422
502
|
}));
|
|
423
503
|
};
|
|
424
504
|
|
|
425
|
-
|
|
505
|
+
var renderLoader = function renderLoader() {
|
|
426
506
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
427
507
|
className: "input-address__list--loader"
|
|
428
508
|
}, loader || "Loading...");
|
|
429
509
|
};
|
|
430
510
|
|
|
431
|
-
|
|
432
|
-
|
|
511
|
+
var renderList = function renderList() {
|
|
512
|
+
var renderListItem = function renderListItem(item, i) {
|
|
433
513
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
434
514
|
key: "input-address__list-item".concat(i),
|
|
435
515
|
className: (0, _classnames.default)("input-address__list--item", {
|
|
436
516
|
"input-address__list--item-hightlighted": i === hightlightedIndex
|
|
437
517
|
}),
|
|
438
|
-
onMouseDown:
|
|
518
|
+
onMouseDown: function onMouseDown(e) {
|
|
519
|
+
return setItemAsInnerValue(e, item);
|
|
520
|
+
}
|
|
439
521
|
}, getListItemLabel(item));
|
|
440
522
|
};
|
|
441
523
|
|
|
442
|
-
|
|
524
|
+
var renderListItemCustom = function renderListItemCustom() {
|
|
443
525
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
444
526
|
key: "input-address__list-item--custom",
|
|
445
527
|
className: (0, _classnames.default)("input-address__list--item", "input-address__list--item-custom"),
|
|
446
|
-
onMouseDown:
|
|
528
|
+
onMouseDown: function onMouseDown(e) {
|
|
529
|
+
return setItemAsInnerValue(e, getSelectedItemLabel());
|
|
530
|
+
}
|
|
447
531
|
}, getSelectedItemLabel(), /*#__PURE__*/_react.default.createElement(_reactFeather.AlertTriangle, null), /*#__PURE__*/_react.default.createElement("span", null, "Choose this only if your address is not listed below"));
|
|
448
532
|
};
|
|
449
533
|
|
|
450
|
-
|
|
534
|
+
var renderNoItems = function renderNoItems() {
|
|
451
535
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
452
536
|
className: "input-address__list--no-items"
|
|
453
537
|
}, isMobile && !(innerValue !== null && innerValue !== void 0 && innerValue.length) ? "Please begin entering your address" : noItemsMessage || "No Items");
|
|
454
538
|
};
|
|
455
539
|
|
|
456
|
-
|
|
540
|
+
var renderListDesktop = function renderListDesktop() {
|
|
457
541
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
458
542
|
className: "input-address__list-wrapper",
|
|
459
543
|
ref: listWrapperRef
|
|
@@ -463,7 +547,9 @@ const InputAddress = _ref => {
|
|
|
463
547
|
}, isListLoading ? renderLoader() : listItems !== null && listItems !== void 0 && listItems.length ? listItems === null || listItems === void 0 ? void 0 : listItems.map(renderListItem) : renderNoItems()));
|
|
464
548
|
};
|
|
465
549
|
|
|
466
|
-
|
|
550
|
+
var renderListMobile = function renderListMobile() {
|
|
551
|
+
var _cn;
|
|
552
|
+
|
|
467
553
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
468
554
|
className: "input-address__list-overlay",
|
|
469
555
|
ref: listOverlayRef,
|
|
@@ -473,19 +559,20 @@ const InputAddress = _ref => {
|
|
|
473
559
|
ref: listWrapperRef
|
|
474
560
|
}, isMobile && /*#__PURE__*/_react.default.createElement("div", {
|
|
475
561
|
ref: listHeaderRef,
|
|
476
|
-
className: (0, _classnames.default)("".concat(RC, "__list-header"), {
|
|
477
|
-
["".concat(RC, "__list-header-with-shadow")]: isScrollableList && isMobile,
|
|
478
|
-
["".concat(RC, "__list-header-with-shadow-hidden")]: scrollTop === 0
|
|
479
|
-
})
|
|
562
|
+
className: (0, _classnames.default)("".concat(RC, "__list-header"), (_cn = {}, (0, _defineProperty2.default)(_cn, "".concat(RC, "__list-header-with-shadow"), isScrollableList && isMobile), (0, _defineProperty2.default)(_cn, "".concat(RC, "__list-header-with-shadow-hidden"), scrollTop === 0), _cn))
|
|
480
563
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
481
564
|
className: (0, _classnames.default)("".concat(RC, "__list-header-row"))
|
|
482
565
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
483
566
|
className: (0, _classnames.default)("".concat(RC, "__list-label"))
|
|
484
567
|
}, label || "Address"), /*#__PURE__*/_react.default.createElement("div", {
|
|
485
568
|
className: (0, _classnames.default)("".concat(RC, "__list-close-icon")),
|
|
486
|
-
onClick: ()
|
|
569
|
+
onClick: function onClick() {
|
|
570
|
+
return setIsListVisible(false);
|
|
571
|
+
}
|
|
487
572
|
}, /*#__PURE__*/_react.default.createElement(_reactFeather.X, {
|
|
488
|
-
onClick: ()
|
|
573
|
+
onClick: function onClick() {
|
|
574
|
+
return setIsListVisible(false);
|
|
575
|
+
}
|
|
489
576
|
}))), /*#__PURE__*/_react.default.createElement("div", {
|
|
490
577
|
className: (0, _classnames.default)("".concat(RC, "__list-header-row"))
|
|
491
578
|
}, renderSearchableInput())), /*#__PURE__*/_react.default.createElement("div", {
|