intelicoreact 1.4.69 → 1.4.71
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/Atomic/FormElements/ActionAlert/ActionAlert.js +9 -1
- package/dist/Atomic/FormElements/AdvancedStatus/AdvancedStatus.js +10 -1
- package/dist/Atomic/FormElements/Calendar/Calendar.js +24 -4
- package/dist/Atomic/FormElements/CheckboxInput/CheckboxInput.js +10 -1
- package/dist/Atomic/FormElements/CheckboxesLine/CheckboxesLine.js +14 -2
- package/dist/Atomic/FormElements/Datepicker/Datepicker.js +54 -5
- package/dist/Atomic/FormElements/Datepicker/components/Calendar.js +21 -3
- package/dist/Atomic/FormElements/Dropdown/Dropdown.js +145 -52
- package/dist/Atomic/FormElements/Dropdown/components/DropdownLoader.js +7 -1
- package/dist/Atomic/FormElements/DropdownLiveSearch/DropdownLiveSearch.js +91 -25
- package/dist/Atomic/FormElements/FileLoader/FileLoader.js +15 -3
- package/dist/Atomic/FormElements/FileLoader/partial/LoadZone.js +29 -15
- package/dist/Atomic/FormElements/FileLoader/partial/LoadedContent.js +15 -5
- package/dist/Atomic/FormElements/FileLoaderDescription/FileLoaderDescription.js +20 -4
- package/dist/Atomic/FormElements/FileLoaderLocal/FileLoaderLocal.js +26 -6
- package/dist/Atomic/FormElements/FileLoaderLocalGroup/FileLoaderLocalGroup.js +35 -19
- package/dist/Atomic/FormElements/FormattedRawSSN/FormattedRawSSN.js +38 -9
- package/dist/Atomic/FormElements/Input/Input.js +60 -25
- package/dist/Atomic/FormElements/InputCalendar/InputCalendar.js +31 -4
- package/dist/Atomic/FormElements/InputColor/InputColor.js +14 -4
- package/dist/Atomic/FormElements/InputCurrency/InputCurrency.js +29 -6
- package/dist/Atomic/FormElements/InputDateRange/InputDateRange.js +43 -8
- package/dist/Atomic/FormElements/InputDateRange/components/DateInput.js +21 -3
- package/dist/Atomic/FormElements/InputDateRange/components/Datepicker.js +81 -58
- package/dist/Atomic/FormElements/InputDateRange/components/OpenedPart.js +41 -6
- package/dist/Atomic/FormElements/InputDateRange/components/SelectItem.js +8 -1
- package/dist/Atomic/FormElements/InputDateRange/dependencies.js +46 -16
- package/dist/Atomic/FormElements/InputLink/InputLink.js +23 -6
- package/dist/Atomic/FormElements/InputMask/InputCarretPosition.js +4 -0
- package/dist/Atomic/FormElements/InputMask/InputMask.js +208 -77
- package/dist/Atomic/FormElements/InputMask/functions.js +28 -2
- package/dist/Atomic/FormElements/InputMask2/InputMask2.js +119 -43
- package/dist/Atomic/FormElements/InputMask2/functions.js +28 -2
- package/dist/Atomic/FormElements/InputMask3/InputMask3.js +137 -44
- package/dist/Atomic/FormElements/InputMask3/functions.js +28 -2
- package/dist/Atomic/FormElements/InputWithAction/InputWithAction.js +17 -3
- package/dist/Atomic/FormElements/InputsRow/InputsRow.js +24 -5
- package/dist/Atomic/FormElements/Label/Label.js +9 -1
- package/dist/Atomic/FormElements/MobileCalendar/MobileCalendar.js +73 -35
- package/dist/Atomic/FormElements/MultiSelect/MultiSelect.js +15 -3
- package/dist/Atomic/FormElements/NumericInput/NumericInput.js +44 -23
- package/dist/Atomic/FormElements/RadioGroup/RadioGroup.js +17 -7
- package/dist/Atomic/FormElements/RadioGroupWithInput/RadioGroupWithInput.js +14 -3
- package/dist/Atomic/FormElements/RadioInput/RadioInput.js +10 -1
- package/dist/Atomic/FormElements/RadioRowSwitcher/RadioRowSwitcher.js +14 -3
- package/dist/Atomic/FormElements/RangeCalendar/RangeCalendar.js +23 -3
- package/dist/Atomic/FormElements/RangeInputs/RangeInputs.js +34 -17
- package/dist/Atomic/FormElements/RangeList/RangeList.js +25 -6
- package/dist/Atomic/FormElements/RangeList/partial/RangeListRow.js +11 -1
- package/dist/Atomic/FormElements/RangeSlider/RangeSlider.js +91 -14
- package/dist/Atomic/FormElements/RangeSlider2/RangeSlider2.js +132 -43
- package/dist/Atomic/FormElements/SwitchableRow/SwitchableRow.js +10 -1
- package/dist/Atomic/FormElements/Switcher/Switcher.js +10 -1
- package/dist/Atomic/FormElements/SwitcherCheckbox/SwitcherCheckbox.js +13 -1
- package/dist/Atomic/FormElements/SwitcherHide/SwitcherHide.js +10 -1
- package/dist/Atomic/FormElements/SwitcherRadio/SwitcherRadio.js +17 -2
- package/dist/Atomic/FormElements/SwitcherRange/SwitcherRange.js +17 -3
- package/dist/Atomic/FormElements/SwitcherRangeList/SwitcherRangeList.js +11 -1
- package/dist/Atomic/FormElements/SwitcherTagsDropdown/SwitcherTagsDropdown.js +29 -6
- package/dist/Atomic/FormElements/SwitcherTagsDropdown/partial/States.js +3 -2
- package/dist/Atomic/FormElements/SwitcherTextarea/SwitcherTextarea.js +12 -1
- package/dist/Atomic/FormElements/TagListToDropdown/TagListToDropdown.js +23 -6
- package/dist/Atomic/FormElements/TagsDropdown/TagsDropdown.js +223 -105
- package/dist/Atomic/FormElements/Text/Text.js +16 -10
- package/dist/Atomic/FormElements/TextSwitcher/TextSwitcher.js +9 -1
- package/dist/Atomic/FormElements/Textarea/Textarea.js +16 -5
- package/dist/Atomic/FormElements/TieredCheckboxes/TieredCheckboxes.js +35 -6
- package/dist/Atomic/FormElements/TieredCheckboxes/partial/AccordionWithCheckbox.js +13 -4
- package/dist/Atomic/FormElements/TimeRange/TimeRange.js +21 -7
- package/dist/Atomic/FormElements/UserContacts/UserContacts.js +35 -8
- package/dist/Atomic/FormElements/UserContacts/partial/defaultIcons.js +91 -0
- package/dist/Atomic/FormElements/VariantsListRadio/VariantsListRadio.js +18 -5
- package/dist/Atomic/FormElements/VariantsListRadio/partials/VariantsListRadioItem.js +10 -3
- package/dist/Atomic/FormElements/WidgetPseudoTable/WidgetPseudoTable.js +11 -3
- package/dist/Atomic/FormElements/WidgetPseudoTable/partial/constructor.js +2 -1
- package/dist/Atomic/FormElements/WidgetWithSwitchableRows/WidgetWithSwitchableRows.js +12 -5
- package/dist/Atomic/FormElements/WidgetWithSwitchableRows/partial/constructor.js +3 -3
- package/dist/Atomic/Layout/Header/Header.js +15 -3
- package/dist/Atomic/Layout/MainMenu/MainMenu.js +20 -3
- package/dist/Atomic/Layout/Spinner/Spinner.js +8 -1
- package/dist/Atomic/UI/Accordion/Accordion.js +19 -3
- package/dist/Atomic/UI/Accordion/AccordionItem.js +23 -9
- package/dist/Atomic/UI/AccordionTable/AccordionTable.js +32 -7
- package/dist/Atomic/UI/AccordionText/AccordionText.js +43 -15
- package/dist/Atomic/UI/AccordionText/AccordionText.scss +18 -15
- package/dist/Atomic/UI/AdvancedTag/AdvTag.js +21 -4
- package/dist/Atomic/UI/AdvancedTag/AdvancedTags.js +15 -3
- package/dist/Atomic/UI/Alert/Alert.js +19 -3
- package/dist/Atomic/UI/Arrow/Arrow.js +16 -3
- package/dist/Atomic/UI/Box/Box.js +9 -3
- package/dist/Atomic/UI/Button/Button.js +11 -2
- package/dist/Atomic/UI/ButtonsBar/ButtonsBar.js +10 -1
- package/dist/Atomic/UI/Chart/Chart.js +29 -4
- package/dist/Atomic/UI/Chart/partial/Chart.constants.js +19 -11
- package/dist/Atomic/UI/Chart/partial/ChartTypeSwitcherIcon/ChartTypeSwitcherIcon.js +12 -1
- package/dist/Atomic/UI/Chart/partial/datasetSetters.js +34 -11
- package/dist/Atomic/UI/Chart/partial/optionsConstructor.js +56 -82
- package/dist/Atomic/UI/Chart/partial/optionsSetters.js +19 -15
- package/dist/Atomic/UI/Chart/partial/utils.js +20 -6
- package/dist/Atomic/UI/CircleProgressBar/CircleProgressBar.js +13 -3
- package/dist/Atomic/UI/DateTime/DateTime.js +14 -3
- package/dist/Atomic/UI/DebugContainer/DebugContainer.js +16 -4
- package/dist/Atomic/UI/DebugContainer/useDebugContainer.js +11 -3
- package/dist/Atomic/UI/DoubleString/DoubleString.js +17 -5
- package/dist/Atomic/UI/DynamicIcon/DynamicIcon.js +10 -3
- package/dist/Atomic/UI/ExampleChartIntegration/ExampleChartIntegration.js +52 -17
- package/dist/Atomic/UI/ExampleChartIntegration/partial/utils.js +29 -1
- package/dist/Atomic/UI/Hint/Hint.js +39 -13
- package/dist/Atomic/UI/Hint/partials/_utils.js +19 -4
- package/dist/Atomic/UI/Modal/Modal.js +28 -6
- package/dist/Atomic/UI/Modal/ModalHOC.js +9 -1
- package/dist/Atomic/UI/Modal/partials/ModalFooter.js +7 -1
- package/dist/Atomic/UI/Modal/partials/ModalTitle.js +8 -1
- package/dist/Atomic/UI/Modal/partials/useMobileModal.js +49 -32
- package/dist/Atomic/UI/ModalBackup/Modal.js +174 -0
- package/dist/Atomic/UI/ModalBackup/Modal.scss +333 -0
- package/dist/Atomic/UI/ModalBackup/ModalHOC.js +51 -0
- package/dist/Atomic/UI/ModalBackup/partials/ModalFooter.js +24 -0
- package/dist/Atomic/UI/ModalBackup/partials/ModalTitle.js +41 -0
- package/dist/Atomic/UI/MonoAccordion/MonoAccordion.js +21 -6
- package/dist/Atomic/UI/NavLine/NavLine.js +55 -26
- package/dist/Atomic/UI/NavLine/Tabs.js +3 -2
- package/dist/Atomic/UI/PageTitle/PageTitle.js +10 -2
- package/dist/Atomic/UI/PieChart/PieChart.js +10 -1
- package/dist/Atomic/UI/Price/Price.js +8 -3
- package/dist/Atomic/UI/PriceRange/PriceRange.js +7 -1
- package/dist/Atomic/UI/ProgressLine/ProgressLine.js +16 -1
- package/dist/Atomic/UI/Status/Status.js +8 -1
- package/dist/Atomic/UI/Table/Partials/TdCell.js +29 -5
- package/dist/Atomic/UI/Table/Partials/TdHeader.js +11 -1
- package/dist/Atomic/UI/Table/Partials/TdRow.js +17 -5
- package/dist/Atomic/UI/Table/Partials/TdTitle.js +14 -3
- package/dist/Atomic/UI/Table/Table.js +12 -1
- package/dist/Atomic/UI/Table/TdTypes/TdActions.js +18 -2
- package/dist/Atomic/UI/Table/TdTypes/TdPriority.js +9 -1
- package/dist/Atomic/UI/Table/TdTypes/TdRange.js +4 -1
- package/dist/Atomic/UI/Table/TdTypes/TdWeight.js +13 -1
- package/dist/Atomic/UI/Tag/Tag.js +26 -11
- package/dist/Atomic/UI/TagList/TagList.js +41 -18
- package/dist/Atomic/UI/UserBox/UserBox.js +13 -1
- package/dist/Atomic/UI/WizardStepper/constructor.js +11 -3
- package/dist/Atomic/UI/WizardStepper/index.js +5 -1
- package/dist/Atomic/UI/WizardStepper/ui/StateIcon/StateIcon.js +10 -0
- package/dist/Atomic/UI/WizardStepper/ui/StateIcon/index.js +4 -1
- package/dist/Atomic/UI/WizardStepper/ui/StepRow/StepRow.js +17 -2
- package/dist/Atomic/UI/WizardStepper/ui/StepRow/index.js +5 -1
- package/dist/Atomic/UI/WizardStepper/ui/StepWrapper/StepWrapper.js +15 -1
- package/dist/Atomic/UI/WizardStepper/ui/StepWrapper/index.js +5 -1
- package/dist/Atomic/UI/WizardStepper/ui/icons.js +9 -2
- package/dist/Atomic/UI/WizardStepper/ui/index.js +5 -1
- package/dist/Classes/AbortableFetch.js +93 -36
- package/dist/Classes/AnimatedHandler.js +7 -3
- package/dist/Classes/RESTAPI/index.js +43 -39
- package/dist/Classes/RESTAPI/partials/AbortableFetch.js +93 -35
- package/dist/Classes/RESTAPI/partials/ApiBase.js +9 -1
- package/dist/Classes/RESTAPI/partials/ApiRequestCreators.js +32 -24
- package/dist/Classes/RESTAPI/partials/ApiUtils.js +41 -34
- package/dist/Classes/RESTAPI/partials/CredentialsProcessing.js +46 -21
- package/dist/Classes/RESTAPI/partials/Utils.js +19 -6
- package/dist/Classes/RESTAPI/partials/_outerDependencies.js +6 -2
- package/dist/Classes/RESTAPI/partials/_utils.js +39 -16
- package/dist/Constants/index.constants.js +15 -8
- package/dist/Functions/Portal.js +16 -5
- package/dist/Functions/customEventListener.js +17 -4
- package/dist/Functions/fieldValueFormatters.js +83 -43
- package/dist/Functions/hooks/useFormFieldsChangesManager.js +26 -23
- package/dist/Functions/locale/createTranslator.js +9 -4
- package/dist/Functions/operations.js +22 -12
- package/dist/Functions/presets/inputMaskPresets.js +11 -9
- package/dist/Functions/presets/inputPresets.js +11 -8
- package/dist/Functions/presets/mobileKeyboardTypesPresets.js +9 -7
- package/dist/Functions/schemas.js +13 -6
- package/dist/Functions/useBodyScrollLock.js +6 -1
- package/dist/Functions/useClickOutside.js +4 -0
- package/dist/Functions/useDebounce.js +7 -2
- package/dist/Functions/useFieldFocus.js +18 -6
- package/dist/Functions/useFormTools/form-drivers/ArrayWithObjects.js +9 -0
- package/dist/Functions/useFormTools/form-drivers/ObjectWithIterableObjects.js +23 -12
- package/dist/Functions/useFormTools/form-drivers/ObjectWithNamedKeyObjects.js +15 -6
- package/dist/Functions/useFormTools/functions/General.js +28 -18
- package/dist/Functions/useFormTools/functions/RenderFields.js +11 -2
- package/dist/Functions/useFormTools/functions/usePrevious.js +5 -1
- package/dist/Functions/useFormTools/index.js +144 -85
- package/dist/Functions/useInputHighlightError.js +12 -3
- package/dist/Functions/useIsMobile.js +13 -7
- package/dist/Functions/useKeyPress/useHandleKeyPress.js +7 -1
- package/dist/Functions/useKeyPress/useKeyPress.js +9 -1
- package/dist/Functions/useLocalStorage.js +9 -1
- package/dist/Functions/useLocationParams.js +5 -4
- package/dist/Functions/useMediaQuery.js +9 -3
- package/dist/Functions/useMetaInfo.js +10 -3
- package/dist/Functions/useMouseUpOutside.js +3 -0
- package/dist/Functions/useOnlineStatus.js +9 -1
- package/dist/Functions/usePasswordChecker.js +20 -4
- package/dist/Functions/usePrevious.js +5 -1
- package/dist/Functions/useResize.js +10 -2
- package/dist/Functions/useScrollTo.js +7 -2
- package/dist/Functions/useToggle.js +5 -1
- package/dist/Functions/utils.js +131 -56
- package/dist/Molecular/CustomIcons/components/AffiliateNetworks.js +9 -2
- package/dist/Molecular/CustomIcons/components/AlertCircle.js +9 -2
- package/dist/Molecular/CustomIcons/components/AppStore.js +9 -2
- package/dist/Molecular/CustomIcons/components/Arrow.js +9 -2
- package/dist/Molecular/CustomIcons/components/ArrowDown.js +9 -2
- package/dist/Molecular/CustomIcons/components/ArrowLeft.js +9 -2
- package/dist/Molecular/CustomIcons/components/ArrowRight.js +9 -2
- package/dist/Molecular/CustomIcons/components/ArrowUp.js +9 -2
- package/dist/Molecular/CustomIcons/components/Bell.js +9 -2
- package/dist/Molecular/CustomIcons/components/Button.js +9 -2
- package/dist/Molecular/CustomIcons/components/Campaigns.js +9 -2
- package/dist/Molecular/CustomIcons/components/Check.js +9 -2
- package/dist/Molecular/CustomIcons/components/Check2.js +9 -2
- package/dist/Molecular/CustomIcons/components/ChevronDown.js +9 -2
- package/dist/Molecular/CustomIcons/components/ChevronDownDisabled.js +9 -2
- package/dist/Molecular/CustomIcons/components/ChevronLeft.js +9 -2
- package/dist/Molecular/CustomIcons/components/ChevronRight.js +9 -2
- package/dist/Molecular/CustomIcons/components/ChevronUp.js +9 -2
- package/dist/Molecular/CustomIcons/components/ChevronUpDown.js +9 -2
- package/dist/Molecular/CustomIcons/components/Close.js +9 -2
- package/dist/Molecular/CustomIcons/components/ColumnsOrder.js +9 -2
- package/dist/Molecular/CustomIcons/components/Delete.js +9 -2
- package/dist/Molecular/CustomIcons/components/Edit.js +9 -2
- package/dist/Molecular/CustomIcons/components/Email.js +9 -2
- package/dist/Molecular/CustomIcons/components/FinturfLogo.js +9 -2
- package/dist/Molecular/CustomIcons/components/FinturfLogo2.js +9 -2
- package/dist/Molecular/CustomIcons/components/Flows.js +9 -2
- package/dist/Molecular/CustomIcons/components/Gift.js +9 -2
- package/dist/Molecular/CustomIcons/components/GoogleAuth.js +9 -2
- package/dist/Molecular/CustomIcons/components/GooglePlay.js +9 -2
- package/dist/Molecular/CustomIcons/components/HelpCircle.js +9 -2
- package/dist/Molecular/CustomIcons/components/HelpCircle2.js +9 -2
- package/dist/Molecular/CustomIcons/components/HelpCircleFilled.js +9 -2
- package/dist/Molecular/CustomIcons/components/Home.js +9 -2
- package/dist/Molecular/CustomIcons/components/Home2.js +9 -2
- package/dist/Molecular/CustomIcons/components/Key.js +9 -2
- package/dist/Molecular/CustomIcons/components/Landers.js +9 -2
- package/dist/Molecular/CustomIcons/components/Lock.js +9 -2
- package/dist/Molecular/CustomIcons/components/Mail.js +9 -2
- package/dist/Molecular/CustomIcons/components/Mastercard.js +9 -2
- package/dist/Molecular/CustomIcons/components/Minus.js +9 -2
- package/dist/Molecular/CustomIcons/components/Offers.js +9 -2
- package/dist/Molecular/CustomIcons/components/Pause.js +9 -2
- package/dist/Molecular/CustomIcons/components/PayPal.js +9 -2
- package/dist/Molecular/CustomIcons/components/PayPalLightLarge.js +9 -2
- package/dist/Molecular/CustomIcons/components/Phone.js +9 -2
- package/dist/Molecular/CustomIcons/components/Play.js +9 -2
- package/dist/Molecular/CustomIcons/components/Plus.js +9 -2
- package/dist/Molecular/CustomIcons/components/Profile.js +9 -2
- package/dist/Molecular/CustomIcons/components/QRCode.js +9 -2
- package/dist/Molecular/CustomIcons/components/Rectangle.js +9 -2
- package/dist/Molecular/CustomIcons/components/Revert.js +9 -2
- package/dist/Molecular/CustomIcons/components/Star.js +9 -2
- package/dist/Molecular/CustomIcons/components/Star2.js +9 -2
- package/dist/Molecular/CustomIcons/components/TrafficSources.js +9 -2
- package/dist/Molecular/CustomIcons/components/Trash.js +9 -2
- package/dist/Molecular/CustomIcons/components/TrashRed.js +9 -2
- package/dist/Molecular/CustomIcons/components/Triggers.js +9 -2
- package/dist/Molecular/CustomIcons/components/User.js +9 -2
- package/dist/Molecular/CustomIcons/components/Visa.js +9 -2
- package/dist/Molecular/CustomIcons/components/X.js +9 -2
- package/dist/Molecular/CustomIcons/index.js +122 -0
- package/dist/Molecular/FormElement/FormElement.js +12 -1
- package/dist/Molecular/FormWithDependOn/FormWithDependOn.js +31 -30
- package/dist/Molecular/FormWithDependOn/partials/_utils.js +12 -9
- package/dist/Molecular/InputAddress/InputAddress.js +114 -65
- package/dist/Molecular/InputPassword/InputPassword.js +19 -5
- package/dist/index.js +2 -0
- package/package.json +1 -1
- package/dist/Atomic/UI/Hint/partial/_utils.js +0 -52
|
@@ -1,17 +1,26 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
|
|
4
5
|
Object.defineProperty(exports, "__esModule", {
|
|
5
6
|
value: true
|
|
6
7
|
});
|
|
7
8
|
exports.default = void 0;
|
|
9
|
+
|
|
8
10
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
11
|
+
|
|
9
12
|
var _react = _interopRequireDefault(require("react"));
|
|
13
|
+
|
|
10
14
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
15
|
+
|
|
11
16
|
var _reactFeather = require("react-feather");
|
|
17
|
+
|
|
12
18
|
var _utils = require("../../../Functions/utils");
|
|
19
|
+
|
|
13
20
|
require("./FileLoaderLocal.scss");
|
|
21
|
+
|
|
14
22
|
const MAX_FILE_SIZE = 10 * 1024 * 1024;
|
|
23
|
+
|
|
15
24
|
const FileLoaderLocal = _ref => {
|
|
16
25
|
let {
|
|
17
26
|
groupId,
|
|
@@ -29,10 +38,12 @@ const FileLoaderLocal = _ref => {
|
|
|
29
38
|
testId,
|
|
30
39
|
attributesOfNativeInput = {}
|
|
31
40
|
} = _ref;
|
|
41
|
+
|
|
32
42
|
const getFileName = value => {
|
|
33
43
|
const result = value.match(/[^\\]+$/);
|
|
34
44
|
return result === null || result === void 0 ? void 0 : result[0];
|
|
35
45
|
};
|
|
46
|
+
|
|
36
47
|
const renderRequiredLabel = () => {
|
|
37
48
|
if (!value) {
|
|
38
49
|
if (isRequired) return /*#__PURE__*/_react.default.createElement("div", {
|
|
@@ -42,20 +53,26 @@ const FileLoaderLocal = _ref => {
|
|
|
42
53
|
}, "Optional");
|
|
43
54
|
}
|
|
44
55
|
};
|
|
56
|
+
|
|
45
57
|
const isFileSizeOutOfLimit = file => {
|
|
46
58
|
var _ref2;
|
|
59
|
+
|
|
47
60
|
return (_ref2 = file.size > maxItemSizeBytes) !== null && _ref2 !== void 0 ? _ref2 : MAX_FILE_SIZE;
|
|
48
61
|
};
|
|
62
|
+
|
|
49
63
|
const checkExtension = valueExtension => {
|
|
50
64
|
return accept.includes(valueExtension);
|
|
51
65
|
};
|
|
66
|
+
|
|
52
67
|
const handle = {
|
|
53
68
|
change: e => {
|
|
54
|
-
var _name$match, _e$target, _e$target2;
|
|
69
|
+
var _name$match, _e$target, _e$target$files, _e$target2, _e$target2$files;
|
|
70
|
+
|
|
55
71
|
const name = getFileName(e.target.value);
|
|
56
|
-
const valueExtension = name === null || name === void 0
|
|
57
|
-
const file = (_e$target = e.target) === null || _e$target === void 0
|
|
58
|
-
|
|
72
|
+
const valueExtension = name === null || name === void 0 ? void 0 : (_name$match = name.match(/[^\.]+$/)) === null || _name$match === void 0 ? void 0 : _name$match[0];
|
|
73
|
+
const file = (_e$target = e.target) === null || _e$target === void 0 ? void 0 : (_e$target$files = _e$target.files) === null || _e$target$files === void 0 ? void 0 : _e$target$files[0];
|
|
74
|
+
|
|
75
|
+
if (isFileSizeOutOfLimit((_e$target2 = e.target) === null || _e$target2 === void 0 ? void 0 : (_e$target2$files = _e$target2.files) === null || _e$target2$files === void 0 ? void 0 : _e$target2$files[0])) {
|
|
59
76
|
onChange({
|
|
60
77
|
id,
|
|
61
78
|
name,
|
|
@@ -67,7 +84,8 @@ const FileLoaderLocal = _ref => {
|
|
|
67
84
|
});
|
|
68
85
|
} else if (!checkExtension(valueExtension)) {
|
|
69
86
|
var _accept$replace;
|
|
70
|
-
|
|
87
|
+
|
|
88
|
+
const allowedExtensions = (accept === null || accept === void 0 ? void 0 : (_accept$replace = accept.replace(/\./g, "")) === null || _accept$replace === void 0 ? void 0 : _accept$replace.toUpperCase()) || "JPG, PNG, PDF";
|
|
71
89
|
const uniqExts = (0, _utils.getUniqueFileExtensions)(allowedExtensions);
|
|
72
90
|
onChange({
|
|
73
91
|
id,
|
|
@@ -125,4 +143,6 @@ const FileLoaderLocal = _ref => {
|
|
|
125
143
|
})
|
|
126
144
|
}), renderRequiredLabel()));
|
|
127
145
|
};
|
|
128
|
-
|
|
146
|
+
|
|
147
|
+
var _default = FileLoaderLocal;
|
|
148
|
+
exports.default = _default;
|
|
@@ -1,23 +1,34 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
|
|
4
5
|
Object.defineProperty(exports, "__esModule", {
|
|
5
6
|
value: true
|
|
6
7
|
});
|
|
7
8
|
exports.default = void 0;
|
|
9
|
+
|
|
8
10
|
var _react = _interopRequireWildcard(require("react"));
|
|
11
|
+
|
|
9
12
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
13
|
+
|
|
10
14
|
var _reactFeather = require("react-feather");
|
|
15
|
+
|
|
11
16
|
var _utils = require("../../../Functions/utils");
|
|
17
|
+
|
|
12
18
|
var _Alert = _interopRequireDefault(require("../../UI/Alert/Alert"));
|
|
19
|
+
|
|
13
20
|
var _FileLoaderLocal = _interopRequireDefault(require("../FileLoaderLocal/FileLoaderLocal"));
|
|
21
|
+
|
|
14
22
|
require("./FileLoaderLocalGroup.scss");
|
|
15
|
-
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
16
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
17
|
-
/* eslint-disable no-console */
|
|
18
23
|
|
|
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); }
|
|
25
|
+
|
|
26
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
27
|
+
|
|
28
|
+
/* eslint-disable no-console */
|
|
19
29
|
const DEFAULT_LABEL_PREFIX = "Please attach";
|
|
20
30
|
const MAX_FILE_SIZE = 10 * 1024 * 1024;
|
|
31
|
+
|
|
21
32
|
const FileLoaderLocalGroup = _ref => {
|
|
22
33
|
let {
|
|
23
34
|
className,
|
|
@@ -29,8 +40,10 @@ const FileLoaderLocalGroup = _ref => {
|
|
|
29
40
|
alertText
|
|
30
41
|
} = _ref;
|
|
31
42
|
const [groups, setGroups] = (0, _react.useState)((0, _utils.clone)(groupsArray));
|
|
43
|
+
|
|
32
44
|
const getNewFile = group => {
|
|
33
45
|
var _group$files, _group$files2, _group$maxItemSizeByt, _group$files3, _group$files4;
|
|
46
|
+
|
|
34
47
|
return {
|
|
35
48
|
id: isNaN(((_group$files = group.files) === null || _group$files === void 0 ? void 0 : _group$files.at(-1).id) + 1) ? 1 : ((_group$files2 = group.files) === null || _group$files2 === void 0 ? void 0 : _group$files2.at(-1).id) + 1,
|
|
36
49
|
value: "",
|
|
@@ -42,10 +55,10 @@ const FileLoaderLocalGroup = _ref => {
|
|
|
42
55
|
fieldKey: isNaN(((_group$files3 = group.files) === null || _group$files3 === void 0 ? void 0 : _group$files3.at(-1).id) + 1) ? 1 : ((_group$files4 = group.files) === null || _group$files4 === void 0 ? void 0 : _group$files4.at(-1).id) + 1
|
|
43
56
|
};
|
|
44
57
|
};
|
|
58
|
+
|
|
45
59
|
(0, _react.useEffect)(() => {
|
|
46
60
|
const mergedGroups = groupsArray === null || groupsArray === void 0 ? void 0 : groupsArray.map(group => {
|
|
47
|
-
return {
|
|
48
|
-
...group,
|
|
61
|
+
return { ...group,
|
|
49
62
|
files: [getNewFile(group)]
|
|
50
63
|
};
|
|
51
64
|
});
|
|
@@ -65,6 +78,7 @@ const FileLoaderLocalGroup = _ref => {
|
|
|
65
78
|
const currentGroup = groups === null || groups === void 0 ? void 0 : groups.find(group => group.groupId === groupId.toString());
|
|
66
79
|
const files = currentGroup === null || currentGroup === void 0 ? void 0 : currentGroup.files;
|
|
67
80
|
const changedField = files.find(item => Number(item.id) === Number(id));
|
|
81
|
+
|
|
68
82
|
if (error) {
|
|
69
83
|
changedField.value = name;
|
|
70
84
|
changedField.error = error;
|
|
@@ -77,19 +91,17 @@ const FileLoaderLocalGroup = _ref => {
|
|
|
77
91
|
changedField.error = "";
|
|
78
92
|
const oldDataWithNewFile = groups === null || groups === void 0 ? void 0 : groups.map(group => {
|
|
79
93
|
if ((group === null || group === void 0 ? void 0 : group.groupId) === groupId.toString() && isSingleGroup) {
|
|
80
|
-
return {
|
|
81
|
-
...group,
|
|
94
|
+
return { ...group,
|
|
82
95
|
files: [...group.files]
|
|
83
96
|
};
|
|
84
97
|
} else if ((group === null || group === void 0 ? void 0 : group.groupId) === groupId.toString() && group.files.length < 10 && !isSingleGroup) {
|
|
85
|
-
return {
|
|
86
|
-
...group,
|
|
87
|
-
files: [...group.files, {
|
|
88
|
-
...getNewFile(group),
|
|
98
|
+
return { ...group,
|
|
99
|
+
files: [...group.files, { ...getNewFile(group),
|
|
89
100
|
isRequired: group.files.length > 1
|
|
90
101
|
}]
|
|
91
102
|
};
|
|
92
103
|
}
|
|
104
|
+
|
|
93
105
|
return group;
|
|
94
106
|
});
|
|
95
107
|
setGroups([...oldDataWithNewFile]);
|
|
@@ -98,20 +110,18 @@ const FileLoaderLocalGroup = _ref => {
|
|
|
98
110
|
} else {
|
|
99
111
|
const oldDataWithRemovedFile = groups === null || groups === void 0 ? void 0 : groups.map(group => {
|
|
100
112
|
if (isSingleGroup && (group === null || group === void 0 ? void 0 : group.groupId) === groupId.toString()) {
|
|
101
|
-
return {
|
|
102
|
-
...group,
|
|
103
|
-
files: [{
|
|
104
|
-
...getNewFile(group),
|
|
113
|
+
return { ...group,
|
|
114
|
+
files: [{ ...getNewFile(group),
|
|
105
115
|
value: "",
|
|
106
116
|
base64: ""
|
|
107
117
|
}]
|
|
108
118
|
};
|
|
109
119
|
} else if ((group === null || group === void 0 ? void 0 : group.groupId) === groupId.toString() && !isSingleGroup) {
|
|
110
|
-
return {
|
|
111
|
-
...group,
|
|
120
|
+
return { ...group,
|
|
112
121
|
files: group.files.filter(item => item.id !== id)
|
|
113
122
|
};
|
|
114
123
|
}
|
|
124
|
+
|
|
115
125
|
return group;
|
|
116
126
|
});
|
|
117
127
|
setGroups([...oldDataWithRemovedFile]);
|
|
@@ -119,9 +129,12 @@ const FileLoaderLocalGroup = _ref => {
|
|
|
119
129
|
}
|
|
120
130
|
}
|
|
121
131
|
};
|
|
132
|
+
|
|
122
133
|
const getUniqueExts = acceptExts => (0, _utils.getUniqueFileExtensions)(acceptExts === null || acceptExts === void 0 ? void 0 : acceptExts.replace(/\./g, ""));
|
|
134
|
+
|
|
123
135
|
return groups === null || groups === void 0 ? void 0 : groups.map(group => {
|
|
124
136
|
var _group$files5;
|
|
137
|
+
|
|
125
138
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
126
139
|
key: group.groupId,
|
|
127
140
|
className: (0, _classnames.default)("file-loader-local-groups", className)
|
|
@@ -139,8 +152,9 @@ const FileLoaderLocalGroup = _ref => {
|
|
|
139
152
|
}), /*#__PURE__*/_react.default.createElement("div", {
|
|
140
153
|
"data-testid": "input--group-file-loader--key-".concat(testId || (group === null || group === void 0 ? void 0 : group.groupId)),
|
|
141
154
|
className: "file-loader-local-groups__item"
|
|
142
|
-
}, group === null || group === void 0
|
|
155
|
+
}, group === null || group === void 0 ? void 0 : (_group$files5 = group.files) === null || _group$files5 === void 0 ? void 0 : _group$files5.map((file, index) => {
|
|
143
156
|
var _group$files6, _group$files7;
|
|
157
|
+
|
|
144
158
|
return /*#__PURE__*/_react.default.createElement(_FileLoaderLocal.default, {
|
|
145
159
|
groupId: group === null || group === void 0 ? void 0 : group.groupId,
|
|
146
160
|
fieldKey: file !== null && file !== void 0 && file.fieldKey ? "".concat(file.fieldKey, ":").concat(group === null || group === void 0 ? void 0 : group.groupId, ":").concat(Math.random().toString().slice(-4)) : file === null || file === void 0 ? void 0 : file.id,
|
|
@@ -159,4 +173,6 @@ const FileLoaderLocalGroup = _ref => {
|
|
|
159
173
|
})));
|
|
160
174
|
});
|
|
161
175
|
};
|
|
162
|
-
|
|
176
|
+
|
|
177
|
+
var _default = FileLoaderLocalGroup;
|
|
178
|
+
exports.default = _default;
|
|
@@ -1,20 +1,31 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
|
|
4
5
|
Object.defineProperty(exports, "__esModule", {
|
|
5
6
|
value: true
|
|
6
7
|
});
|
|
7
8
|
exports.default = void 0;
|
|
9
|
+
|
|
8
10
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
11
|
+
|
|
9
12
|
var _react = _interopRequireWildcard(require("react"));
|
|
13
|
+
|
|
10
14
|
var _reactFeather = require("react-feather");
|
|
15
|
+
|
|
11
16
|
var _utils = require("../../../Functions/utils");
|
|
17
|
+
|
|
12
18
|
var _Input = _interopRequireDefault(require("../Input/Input"));
|
|
19
|
+
|
|
13
20
|
require("./FormattedRawSSN.scss");
|
|
14
|
-
|
|
15
|
-
function
|
|
21
|
+
|
|
22
|
+
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); }
|
|
23
|
+
|
|
24
|
+
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
|
+
|
|
16
26
|
const FormattedRawSSN = _ref => {
|
|
17
27
|
var _value$substring;
|
|
28
|
+
|
|
18
29
|
let {
|
|
19
30
|
value = "",
|
|
20
31
|
postfix = "",
|
|
@@ -30,17 +41,22 @@ const FormattedRawSSN = _ref => {
|
|
|
30
41
|
const wrapperRef = (0, _react.useRef)(null);
|
|
31
42
|
(0, _react.useEffect)(() => {
|
|
32
43
|
var _value$toString$subst, _value$toString;
|
|
33
|
-
|
|
44
|
+
|
|
45
|
+
setSSN((_value$toString$subst = value === null || value === void 0 ? void 0 : (_value$toString = value.toString()) === null || _value$toString === void 0 ? void 0 : _value$toString.substring(0, maxLen)) !== null && _value$toString$subst !== void 0 ? _value$toString$subst : "");
|
|
34
46
|
}, [value]);
|
|
47
|
+
|
|
35
48
|
const onChange = value => {
|
|
36
49
|
if (!value && value !== "") return "";
|
|
50
|
+
|
|
37
51
|
if (value.replace(/-/g, "").length < SSN.length) {
|
|
38
52
|
const last = SSN.length - 1;
|
|
39
53
|
setSSN(SSN.slice(0, last));
|
|
40
54
|
return;
|
|
41
55
|
}
|
|
56
|
+
|
|
42
57
|
const numValue = value.replace(/\D/g, "");
|
|
43
58
|
let newSSN = "";
|
|
59
|
+
|
|
44
60
|
if (isHidden) {
|
|
45
61
|
if (SSN.length > 5) {
|
|
46
62
|
newSSN = SSN.slice(0, 5) + numValue;
|
|
@@ -50,36 +66,46 @@ const FormattedRawSSN = _ref => {
|
|
|
50
66
|
} else {
|
|
51
67
|
newSSN = numValue;
|
|
52
68
|
}
|
|
69
|
+
|
|
53
70
|
if (newSSN.length > maxLen) {
|
|
54
71
|
return;
|
|
55
72
|
}
|
|
73
|
+
|
|
56
74
|
setSSN(newSSN);
|
|
57
75
|
};
|
|
76
|
+
|
|
58
77
|
const switchView = () => {
|
|
59
78
|
var _wrapperRef$current;
|
|
60
|
-
|
|
61
|
-
input === null ||
|
|
79
|
+
|
|
80
|
+
const input = wrapperRef === null || wrapperRef === void 0 ? void 0 : (_wrapperRef$current = wrapperRef.current) === null || _wrapperRef$current === void 0 ? void 0 : _wrapperRef$current.querySelector("input");
|
|
81
|
+
input === null || input === void 0 ? void 0 : input.focus();
|
|
62
82
|
(0, _utils.setCarretToEnd)(input);
|
|
63
83
|
setIsHidden(!isHidden);
|
|
64
84
|
};
|
|
85
|
+
|
|
65
86
|
const getFormatedValue = v => {
|
|
66
87
|
if (!v) return "";
|
|
67
88
|
v = v.slice(0, 11).replace(/-/g, "");
|
|
89
|
+
|
|
68
90
|
if (v.length <= 3) {
|
|
69
91
|
return v;
|
|
70
92
|
}
|
|
93
|
+
|
|
71
94
|
if (v.length > 3 && v.length <= 5) {
|
|
72
95
|
return "".concat(v.slice(0, 3), "-").concat(v.slice(3));
|
|
73
96
|
}
|
|
97
|
+
|
|
74
98
|
if (v.length > 5) {
|
|
75
99
|
return "".concat(v.slice(0, 3), "-").concat(v.slice(3, 5), "-").concat(v.slice(5));
|
|
76
100
|
}
|
|
77
101
|
};
|
|
102
|
+
|
|
78
103
|
const getMaskedValue = v => {
|
|
79
104
|
return isHidden ? v.slice(0, 7).replace(/[0-9]/g, maskChar).concat(v.slice(7)) : v;
|
|
80
105
|
};
|
|
106
|
+
|
|
81
107
|
(0, _react.useEffect)(() => {
|
|
82
|
-
if (SSN) onChangeProp === null || onChangeProp === void 0
|
|
108
|
+
if (SSN) onChangeProp === null || onChangeProp === void 0 ? void 0 : onChangeProp(SSN.concat(SSN.length === maxLen ? postfix : "").replace(/-/g, ""));
|
|
83
109
|
}, [SSN]);
|
|
84
110
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
85
111
|
className: "formatted-raw-ssn",
|
|
@@ -91,8 +117,9 @@ const FormattedRawSSN = _ref => {
|
|
|
91
117
|
})), postfix && /*#__PURE__*/_react.default.createElement("span", {
|
|
92
118
|
className: "formatted-raw-ssn-postfix",
|
|
93
119
|
onClick: () => {
|
|
94
|
-
var _wrapperRef$current2
|
|
95
|
-
|
|
120
|
+
var _wrapperRef$current2, _wrapperRef$current2$;
|
|
121
|
+
|
|
122
|
+
return wrapperRef === null || wrapperRef === void 0 ? void 0 : (_wrapperRef$current2 = wrapperRef.current) === null || _wrapperRef$current2 === void 0 ? void 0 : (_wrapperRef$current2$ = _wrapperRef$current2.querySelector("input")) === null || _wrapperRef$current2$ === void 0 ? void 0 : _wrapperRef$current2$.focus();
|
|
96
123
|
}
|
|
97
124
|
}, postfix), /*#__PURE__*/_react.default.createElement("span", {
|
|
98
125
|
className: "formatted-raw-ssn-eye-holder",
|
|
@@ -106,4 +133,6 @@ const FormattedRawSSN = _ref => {
|
|
|
106
133
|
className: "password-icon"
|
|
107
134
|
})));
|
|
108
135
|
};
|
|
109
|
-
|
|
136
|
+
|
|
137
|
+
var _default = FormattedRawSSN;
|
|
138
|
+
exports.default = _default;
|
|
@@ -1,25 +1,36 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
|
|
4
5
|
Object.defineProperty(exports, "__esModule", {
|
|
5
6
|
value: true
|
|
6
7
|
});
|
|
7
8
|
exports.default = void 0;
|
|
9
|
+
|
|
8
10
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
11
|
+
|
|
9
12
|
var _react = _interopRequireWildcard(require("react"));
|
|
13
|
+
|
|
10
14
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
15
|
+
|
|
11
16
|
var _index = require("../../../Constants/index.constants");
|
|
17
|
+
|
|
12
18
|
var _fieldValueFormatters = require("../../../Functions/fieldValueFormatters");
|
|
19
|
+
|
|
13
20
|
var _utils = require("../../../Functions/utils");
|
|
21
|
+
|
|
14
22
|
var _Spinner = _interopRequireDefault(require("../../Layout/Spinner/Spinner"));
|
|
23
|
+
|
|
15
24
|
var _DynamicIcon = _interopRequireDefault(require("../../UI/DynamicIcon/DynamicIcon"));
|
|
25
|
+
|
|
16
26
|
require("./Input.scss");
|
|
17
|
-
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
18
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
19
|
-
// import InputMask from 'react-input-mask';
|
|
20
27
|
|
|
21
|
-
|
|
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); }
|
|
22
29
|
|
|
30
|
+
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; }
|
|
31
|
+
|
|
32
|
+
// import InputMask from 'react-input-mask';
|
|
33
|
+
const HIDE_SYMBOL = "\u2022";
|
|
23
34
|
/**
|
|
24
35
|
* Input компонент.
|
|
25
36
|
*
|
|
@@ -55,6 +66,7 @@ const HIDE_SYMBOL = "\u2022";
|
|
|
55
66
|
* @param {boolean} props.isNotValidateASCII - Отключает проверку ASCII для вводимых символов.
|
|
56
67
|
* @param {boolean} props.isNumericMobileKeyboard - Отображает цифровую клавиатуру на мобильных устройствах.
|
|
57
68
|
*/
|
|
69
|
+
|
|
58
70
|
const Input = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
|
|
59
71
|
let {
|
|
60
72
|
blurTrim,
|
|
@@ -105,13 +117,13 @@ const Input = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
|
|
|
105
117
|
const DynamicIconComponent = iconDynamicKey && !icon ? /*#__PURE__*/_react.default.createElement(_DynamicIcon.default, (0, _extends2.default)({
|
|
106
118
|
iconKey: iconDynamicKey
|
|
107
119
|
}, iconDynamicProps)) : null;
|
|
108
|
-
const DEFAULT_BLINK_TIME = 100;
|
|
109
|
-
|
|
120
|
+
const DEFAULT_BLINK_TIME = 100; // STATES
|
|
121
|
+
|
|
110
122
|
const [isFocused, setIsFocused] = (0, _react.useState)(false);
|
|
111
123
|
const [isEditing, setEditing] = (0, _react.useState)(false);
|
|
112
124
|
const inputInnerRef = (0, _react.useRef)(null);
|
|
113
|
-
const inputRef = (0, _react.useMemo)(() => ref || inputInnerRef, [ref]);
|
|
114
|
-
|
|
125
|
+
const inputRef = (0, _react.useMemo)(() => ref || inputInnerRef, [ref]); // const previousValueRef = useRef(value);
|
|
126
|
+
|
|
115
127
|
const [isAttemptToChange, setIsAttemptToChange] = (0, _react.useState)(false);
|
|
116
128
|
const [isToHighlightError, setIsToHighlightError] = (0, _react.useState)(false);
|
|
117
129
|
const [onInputHover, setOnInputHover] = (0, _react.useState)(false);
|
|
@@ -124,9 +136,8 @@ const Input = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
|
|
|
124
136
|
const isUseBitDepthPoints = Boolean(onlyNumbers) && isPriceInput;
|
|
125
137
|
const isUseErrorsBlink = !isNotBlinkErrors && !mask;
|
|
126
138
|
const inputName = name || fieldKey || id;
|
|
127
|
-
const isPseudoPasswordMode = type === "pseudoPassword";
|
|
139
|
+
const isPseudoPasswordMode = type === "pseudoPassword"; // HANDLES
|
|
128
140
|
|
|
129
|
-
// HANDLES
|
|
130
141
|
const handle = {
|
|
131
142
|
correctMinMax: (value, correctionType) => {
|
|
132
143
|
if (!onlyNumbers) return value;
|
|
@@ -140,57 +151,66 @@ const Input = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
|
|
|
140
151
|
const maximum = !Number.isNaN(Number(max)) && max !== null && (max >= 0 || !isOnlyPositive) ? max : undefined;
|
|
141
152
|
let minusSymbol;
|
|
142
153
|
let inputValue = (0, _fieldValueFormatters.getSafelyValue)(value);
|
|
154
|
+
|
|
143
155
|
const checkMin = () => {
|
|
144
156
|
var _minusSymbol;
|
|
157
|
+
|
|
145
158
|
if (!inputValue && isNoEmptyValues) inputValue = minimum !== undefined ? minimum : "0";else if (inputValue && !Number.isNaN(Number(minimum)) && Number(minimum) > Number(((_minusSymbol = minusSymbol) !== null && _minusSymbol !== void 0 ? _minusSymbol : "") + inputValue)) inputValue = minimum;
|
|
146
159
|
};
|
|
160
|
+
|
|
147
161
|
const checkMax = () => {
|
|
148
162
|
var _minusSymbol2;
|
|
163
|
+
|
|
149
164
|
if (!Number.isNaN(Number(maximum)) && Number(maximum) < Number(((_minusSymbol2 = minusSymbol) !== null && _minusSymbol2 !== void 0 ? _minusSymbol2 : "") + inputValue)) {
|
|
150
165
|
inputValue = maximum;
|
|
151
166
|
minusSymbol = null;
|
|
152
167
|
}
|
|
153
168
|
};
|
|
169
|
+
|
|
154
170
|
if (isUseBitDepthPoints) inputValue = (0, _fieldValueFormatters.formatToRemoveComa)(inputValue);
|
|
171
|
+
|
|
155
172
|
if (!isOnlyPositive && inputValue[0] === "-") {
|
|
156
173
|
minusSymbol = "-";
|
|
157
174
|
inputValue = inputValue.slice(1);
|
|
158
175
|
}
|
|
176
|
+
|
|
159
177
|
inputValue = (0, _fieldValueFormatters.filterNumeric)(inputValue, onlyNumbers);
|
|
178
|
+
|
|
160
179
|
switch (correctionType) {
|
|
161
180
|
case "min":
|
|
162
181
|
checkMin();
|
|
163
182
|
break;
|
|
183
|
+
|
|
164
184
|
case "max":
|
|
165
185
|
checkMax();
|
|
166
186
|
break;
|
|
187
|
+
|
|
167
188
|
default:
|
|
168
189
|
checkMin();
|
|
169
190
|
checkMax();
|
|
170
191
|
break;
|
|
171
192
|
}
|
|
193
|
+
|
|
172
194
|
return inputValue;
|
|
173
195
|
},
|
|
174
196
|
processPseudoValue: (newValue, oldValue) => {
|
|
175
|
-
const insertedPart = newValue.replace(new RegExp(HIDE_SYMBOL, "g"), "");
|
|
176
|
-
|
|
177
|
-
//? Если insertedPart.length > 1, то это точно копи-паст
|
|
197
|
+
const insertedPart = newValue.replace(new RegExp(HIDE_SYMBOL, "g"), ""); //? Если insertedPart.length > 1, то это точно копи-паст
|
|
178
198
|
//? По договоренности любой копипаст заменяет текущее велью
|
|
199
|
+
|
|
179
200
|
if (insertedPart.length > 1) return insertedPart;
|
|
180
201
|
const isOldValueHasBeenReduced = newValue.replace(new RegExp(/^HIDE_SYMBOL/g), "").length < oldValue.length;
|
|
181
202
|
const oldValueArr = oldValue.split("");
|
|
203
|
+
|
|
182
204
|
const getIsInclude = idx => {
|
|
183
|
-
const BACKSPACE_CODE = 8;
|
|
205
|
+
const BACKSPACE_CODE = 8; //? Если позиции не равны, значит была выделена область, значит будем воспринимать как копи-паст
|
|
184
206
|
|
|
185
|
-
//? Если позиции
|
|
186
|
-
if (keyDownData.start !== keyDownData.end) return false;
|
|
207
|
+
if (keyDownData.start !== keyDownData.end) return false; //? Если позиции равны и есть вставляемое значение - обрезаем "хвост"
|
|
187
208
|
|
|
188
|
-
//? Если позиции равны и
|
|
189
|
-
if (insertedPart) return idx < keyDownData.start;
|
|
209
|
+
if (insertedPart) return idx < keyDownData.start; //? Если позиции равны и нет вставляемого значения - значит симвовол удалили
|
|
190
210
|
|
|
191
|
-
//? Если позиции равны и нет вставляемого значения - значит симвовол удалили
|
|
192
211
|
return keyDownData.keyCode === BACKSPACE_CODE ? idx < keyDownData.start - 1 || idx > keyDownData.end - 1 : idx < keyDownData.start || idx > keyDownData.end;
|
|
193
212
|
};
|
|
213
|
+
|
|
194
214
|
if (!insertedPart) return oldValueArr.reduce((acc, sym, idx) => getIsInclude(idx) ? "".concat(acc).concat(sym) : acc, "");
|
|
195
215
|
const outputStructure = oldValueArr.reduce((acc, sym, idx) => {
|
|
196
216
|
if (getIsInclude(idx)) acc.result = "".concat(acc.result).concat(sym);else if (!acc.position) acc.position = insertedPart ? idx : idx - 1;
|
|
@@ -204,6 +224,7 @@ const Input = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
|
|
|
204
224
|
},
|
|
205
225
|
change: e => {
|
|
206
226
|
var _minusSymbol3;
|
|
227
|
+
|
|
207
228
|
const {
|
|
208
229
|
isOnlyPositive
|
|
209
230
|
} = (0, _utils.getIsOnlyAnObject)(onlyNumbers) ? onlyNumbers : {};
|
|
@@ -212,10 +233,12 @@ const Input = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
|
|
|
212
233
|
if (isPseudoPasswordMode) inputValue = inputValue.includes(HIDE_SYMBOL) ? handle.processPseudoValue(inputValue, value, e) : inputValue;
|
|
213
234
|
if (isUseBitDepthPoints) inputValue = (0, _fieldValueFormatters.formatToRemoveComa)(inputValue);
|
|
214
235
|
if (onlyNumbers) inputValue = inputValue.replace(/,/g, ".");
|
|
236
|
+
|
|
215
237
|
if (onlyNumbers && !isOnlyPositive && inputValue[0] === "-") {
|
|
216
238
|
minusSymbol = "-";
|
|
217
239
|
inputValue = inputValue.slice(1);
|
|
218
240
|
}
|
|
241
|
+
|
|
219
242
|
if (!isNotValidateASCII) inputValue = (0, _fieldValueFormatters.formatToOnlyASCIICodeText)(inputValue);
|
|
220
243
|
if (symbolsLimit && inputValue.length > Number(symbolsLimit)) inputValue = inputValue.substring(0, Number(symbolsLimit));
|
|
221
244
|
if (isCropFirstNool && inputValue[0] == 0) return "";else if (onlyNumbers) inputValue = handle.correctMinMax(inputValue, "max");
|
|
@@ -235,14 +258,15 @@ const Input = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
|
|
|
235
258
|
if (trimEnd) inputValue = inputValue.replace(new RegExp("[".concat(characters, "]+$")), "");
|
|
236
259
|
if (value !== inputValue) onChange(inputValue);
|
|
237
260
|
setIsFocused(false);
|
|
238
|
-
setEditing(false);
|
|
239
|
-
// использую setTimeout для того чтоб прошли переназначения велью, если они есть,
|
|
261
|
+
setEditing(false); // использую setTimeout для того чтоб прошли переназначения велью, если они есть,
|
|
240
262
|
// для того, чтоб верхний onBlur при обращении к e.target.value получал обновленное велью
|
|
263
|
+
|
|
241
264
|
if (onBlur) setTimeout(() => onBlur(e), 0);
|
|
242
265
|
},
|
|
243
266
|
keyDown: e => {
|
|
244
267
|
var _e$target;
|
|
245
|
-
|
|
268
|
+
|
|
269
|
+
setPreviousValue(e === null || e === void 0 ? void 0 : (_e$target = e.target) === null || _e$target === void 0 ? void 0 : _e$target.value);
|
|
246
270
|
setKeyDownData({
|
|
247
271
|
start: e.target.selectionStart,
|
|
248
272
|
end: e.target.selectionEnd,
|
|
@@ -272,12 +296,14 @@ const Input = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
|
|
|
272
296
|
const currentSet = changedValue === null || changedValue === void 0 ? void 0 : changedValue.replace(samePart, "");
|
|
273
297
|
if (!_index.KEYBOARD_SERVICE_KEYS.includes(e.key) && changedValue === previousValue) setIsAttemptToChange(!(!differencesLength && e.key === currentSet));
|
|
274
298
|
}
|
|
299
|
+
|
|
275
300
|
onKeyUp(e.keyCode, e);
|
|
276
301
|
}
|
|
277
302
|
};
|
|
278
303
|
(0, _react.useEffect)(() => {
|
|
279
304
|
var _inputRef$current, _inputRef$current$foc;
|
|
280
|
-
|
|
305
|
+
|
|
306
|
+
if (isEditing) inputRef === null || inputRef === void 0 ? void 0 : (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : (_inputRef$current$foc = _inputRef$current.focus) === null || _inputRef$current$foc === void 0 ? void 0 : _inputRef$current$foc.call(_inputRef$current);
|
|
281
307
|
}, [isEditing, isFocused]);
|
|
282
308
|
(0, _react.useEffect)(() => {
|
|
283
309
|
setEditing(isSelect !== null && isSelect !== void 0 ? isSelect : false);
|
|
@@ -295,18 +321,23 @@ const Input = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
|
|
|
295
321
|
if (inputRef !== null && inputRef !== void 0 && inputRef.current && typeof isFocusDefault === "boolean") setIsFocused(isFocusDefault);
|
|
296
322
|
setEditing(isFocusDefault);
|
|
297
323
|
}, [inputRef, isFocusDefault]);
|
|
324
|
+
|
|
298
325
|
const getInputType = () => {
|
|
299
326
|
if (isPriceInput || isPseudoPasswordMode) return "text";
|
|
300
327
|
return type;
|
|
301
328
|
};
|
|
329
|
+
|
|
302
330
|
const formatedValue = (() => {
|
|
303
331
|
let safelyValue = (0, _fieldValueFormatters.getSafelyValue)(value);
|
|
332
|
+
|
|
304
333
|
const hideSymbols = () => safelyValue.split("").map(() => HIDE_SYMBOL).join("");
|
|
334
|
+
|
|
305
335
|
if (isPseudoPasswordMode) return hideSymbols();
|
|
306
336
|
if (onlyNumbers !== null && onlyNumbers !== void 0 && onlyNumbers.isNoEmptyValues) safelyValue = handle.correctMinMax(safelyValue, "min");
|
|
307
337
|
if (isUseBitDepthPoints) safelyValue = (0, _fieldValueFormatters.formatToAddBitDepthPoints)(safelyValue, onlyNumbers);
|
|
308
338
|
return safelyValue;
|
|
309
339
|
})();
|
|
340
|
+
|
|
310
341
|
const uniProps = {
|
|
311
342
|
name: inputName,
|
|
312
343
|
className: (0, _classnames.default)("input", className, {
|
|
@@ -349,10 +380,12 @@ const Input = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
|
|
|
349
380
|
}, attributesOfNativeInput, {
|
|
350
381
|
onFocus: function () {
|
|
351
382
|
var _attributesOfNativeIn;
|
|
383
|
+
|
|
352
384
|
for (var _len = arguments.length, params = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
353
385
|
params[_key] = arguments[_key];
|
|
354
386
|
}
|
|
355
|
-
|
|
387
|
+
|
|
388
|
+
attributesOfNativeInput === null || attributesOfNativeInput === void 0 ? void 0 : (_attributesOfNativeIn = attributesOfNativeInput.onFocus) === null || _attributesOfNativeIn === void 0 ? void 0 : _attributesOfNativeIn.call(attributesOfNativeInput, ...params);
|
|
356
389
|
if (isUseAutoSelect) inputRef.current.select();
|
|
357
390
|
if (uniProps.onFocus) uniProps.onFocus(...params);
|
|
358
391
|
}
|
|
@@ -366,4 +399,6 @@ const Input = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
|
|
|
366
399
|
size: "small"
|
|
367
400
|
}));
|
|
368
401
|
});
|
|
369
|
-
|
|
402
|
+
|
|
403
|
+
var _default = Input;
|
|
404
|
+
exports.default = _default;
|