intelicoreact 1.4.76 → 1.4.78
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 +23 -4
- package/dist/Atomic/FormElements/FileLoaderLocal/FileLoaderLocal.js +26 -6
- package/dist/Atomic/FormElements/FileLoaderLocalGroup/FileLoaderLocalGroup.js +38 -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 +85 -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 +17 -3
- 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 +52 -21
- package/dist/Atomic/UI/TagList/TagList.scss +3 -2
- 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,20 +55,23 @@ 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
|
const generateUniqueFileName = (files, name) => {
|
|
46
60
|
let fileName = name;
|
|
47
61
|
const [nameWithoutExtension, extension] = name.split(/(?=\.[^.]+$)/);
|
|
48
62
|
let count = 1;
|
|
63
|
+
|
|
49
64
|
while (files.some(file => file.value === fileName)) {
|
|
50
65
|
fileName = "".concat(nameWithoutExtension, "(").concat(count, ")").concat(extension);
|
|
51
66
|
count += 1;
|
|
52
67
|
}
|
|
68
|
+
|
|
53
69
|
return fileName;
|
|
54
70
|
};
|
|
71
|
+
|
|
55
72
|
(0, _react.useEffect)(() => {
|
|
56
73
|
const mergedGroups = groupsArray === null || groupsArray === void 0 ? void 0 : groupsArray.map(group => {
|
|
57
|
-
return {
|
|
58
|
-
...group,
|
|
74
|
+
return { ...group,
|
|
59
75
|
files: [getNewFile(group)]
|
|
60
76
|
};
|
|
61
77
|
});
|
|
@@ -75,6 +91,7 @@ const FileLoaderLocalGroup = _ref => {
|
|
|
75
91
|
const currentGroup = groups === null || groups === void 0 ? void 0 : groups.find(group => group.groupId === groupId.toString());
|
|
76
92
|
const files = currentGroup === null || currentGroup === void 0 ? void 0 : currentGroup.files;
|
|
77
93
|
const changedField = files.find(item => Number(item.id) === Number(id));
|
|
94
|
+
|
|
78
95
|
if (error) {
|
|
79
96
|
changedField.value = name;
|
|
80
97
|
changedField.error = error;
|
|
@@ -88,19 +105,17 @@ const FileLoaderLocalGroup = _ref => {
|
|
|
88
105
|
changedField.error = "";
|
|
89
106
|
const oldDataWithNewFile = groups === null || groups === void 0 ? void 0 : groups.map(group => {
|
|
90
107
|
if ((group === null || group === void 0 ? void 0 : group.groupId) === groupId.toString() && isSingleGroup) {
|
|
91
|
-
return {
|
|
92
|
-
...group,
|
|
108
|
+
return { ...group,
|
|
93
109
|
files: [...group.files]
|
|
94
110
|
};
|
|
95
111
|
} else if ((group === null || group === void 0 ? void 0 : group.groupId) === groupId.toString() && group.files.length < 10 && !isSingleGroup) {
|
|
96
|
-
return {
|
|
97
|
-
...group,
|
|
98
|
-
files: [...group.files, {
|
|
99
|
-
...getNewFile(group),
|
|
112
|
+
return { ...group,
|
|
113
|
+
files: [...group.files, { ...getNewFile(group),
|
|
100
114
|
isRequired: group.files.length > 1
|
|
101
115
|
}]
|
|
102
116
|
};
|
|
103
117
|
}
|
|
118
|
+
|
|
104
119
|
return group;
|
|
105
120
|
});
|
|
106
121
|
setGroups([...oldDataWithNewFile]);
|
|
@@ -109,20 +124,18 @@ const FileLoaderLocalGroup = _ref => {
|
|
|
109
124
|
} else {
|
|
110
125
|
const oldDataWithRemovedFile = groups === null || groups === void 0 ? void 0 : groups.map(group => {
|
|
111
126
|
if (isSingleGroup && (group === null || group === void 0 ? void 0 : group.groupId) === groupId.toString()) {
|
|
112
|
-
return {
|
|
113
|
-
...group,
|
|
114
|
-
files: [{
|
|
115
|
-
...getNewFile(group),
|
|
127
|
+
return { ...group,
|
|
128
|
+
files: [{ ...getNewFile(group),
|
|
116
129
|
value: "",
|
|
117
130
|
base64: ""
|
|
118
131
|
}]
|
|
119
132
|
};
|
|
120
133
|
} else if ((group === null || group === void 0 ? void 0 : group.groupId) === groupId.toString() && !isSingleGroup) {
|
|
121
|
-
return {
|
|
122
|
-
...group,
|
|
134
|
+
return { ...group,
|
|
123
135
|
files: group.files.filter(item => item.id !== id)
|
|
124
136
|
};
|
|
125
137
|
}
|
|
138
|
+
|
|
126
139
|
return group;
|
|
127
140
|
});
|
|
128
141
|
setGroups([...oldDataWithRemovedFile]);
|
|
@@ -130,9 +143,12 @@ const FileLoaderLocalGroup = _ref => {
|
|
|
130
143
|
}
|
|
131
144
|
}
|
|
132
145
|
};
|
|
146
|
+
|
|
133
147
|
const getUniqueExts = acceptExts => (0, _utils.getUniqueFileExtensions)(acceptExts === null || acceptExts === void 0 ? void 0 : acceptExts.replace(/\./g, ""));
|
|
148
|
+
|
|
134
149
|
return groups === null || groups === void 0 ? void 0 : groups.map(group => {
|
|
135
150
|
var _group$files5;
|
|
151
|
+
|
|
136
152
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
137
153
|
key: group.groupId,
|
|
138
154
|
className: (0, _classnames.default)("file-loader-local-groups", className)
|
|
@@ -150,8 +166,9 @@ const FileLoaderLocalGroup = _ref => {
|
|
|
150
166
|
}), /*#__PURE__*/_react.default.createElement("div", {
|
|
151
167
|
"data-testid": "input--group-file-loader--key-".concat(testId || (group === null || group === void 0 ? void 0 : group.groupId)),
|
|
152
168
|
className: "file-loader-local-groups__item"
|
|
153
|
-
}, group === null || group === void 0
|
|
169
|
+
}, group === null || group === void 0 ? void 0 : (_group$files5 = group.files) === null || _group$files5 === void 0 ? void 0 : _group$files5.map((file, index) => {
|
|
154
170
|
var _group$files6, _group$files7;
|
|
171
|
+
|
|
155
172
|
return /*#__PURE__*/_react.default.createElement(_FileLoaderLocal.default, {
|
|
156
173
|
groupId: group === null || group === void 0 ? void 0 : group.groupId,
|
|
157
174
|
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,
|
|
@@ -170,4 +187,6 @@ const FileLoaderLocalGroup = _ref => {
|
|
|
170
187
|
})));
|
|
171
188
|
});
|
|
172
189
|
};
|
|
173
|
-
|
|
190
|
+
|
|
191
|
+
var _default = FileLoaderLocalGroup;
|
|
192
|
+
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;
|