intelicoreact 1.4.86 → 1.4.88
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 +39 -21
- 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 +47 -21
- 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 +89 -58
- 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 +133 -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,20 +1,30 @@
|
|
|
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 _utils = require("../../../Functions/utils");
|
|
15
|
+
|
|
11
16
|
var _AccordionText = _interopRequireDefault(require("../../UI/AccordionText/AccordionText"));
|
|
17
|
+
|
|
12
18
|
var _FileLoaderLocal = _interopRequireDefault(require("../FileLoaderLocal/FileLoaderLocal"));
|
|
19
|
+
|
|
13
20
|
require("./FileLoaderDescription.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 RC = "file-loader-description";
|
|
17
|
-
const UPLOAD_TRIGGER_KEY =
|
|
27
|
+
const UPLOAD_TRIGGER_KEY = "uploadTrigger";
|
|
18
28
|
const MAX_FILE_SIZE = 10 * 1024 * 1024;
|
|
19
29
|
const ACCEPT_EXTENSIONS_DEFAULT = ".jpg, .jpeg, .png, .pdf";
|
|
20
30
|
const uploadTriggerStucture = {
|
|
@@ -26,6 +36,7 @@ const uploadTriggerStucture = {
|
|
|
26
36
|
error: "",
|
|
27
37
|
accept: ACCEPT_EXTENSIONS_DEFAULT
|
|
28
38
|
};
|
|
39
|
+
|
|
29
40
|
const getStructure = data => ({
|
|
30
41
|
value: "",
|
|
31
42
|
base64: "",
|
|
@@ -35,6 +46,7 @@ const getStructure = data => ({
|
|
|
35
46
|
accept: ACCEPT_EXTENSIONS_DEFAULT,
|
|
36
47
|
...data
|
|
37
48
|
});
|
|
49
|
+
|
|
38
50
|
const accordionData = (accordionTitle, accordionListContent) => {
|
|
39
51
|
return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
|
|
40
52
|
testId: "accordion-title",
|
|
@@ -54,6 +66,7 @@ const accordionData = (accordionTitle, accordionListContent) => {
|
|
|
54
66
|
}, item.description)));
|
|
55
67
|
})));
|
|
56
68
|
};
|
|
69
|
+
|
|
57
70
|
const FileLoaderDescription = _ref => {
|
|
58
71
|
let {
|
|
59
72
|
//? Для корректности работы стоит пробрасывать какой-то из id
|
|
@@ -68,27 +81,31 @@ const FileLoaderDescription = _ref => {
|
|
|
68
81
|
accordionListContent = [],
|
|
69
82
|
maxFilesCount = 10,
|
|
70
83
|
isWithoutAccordion,
|
|
84
|
+
files,
|
|
71
85
|
error: outerError,
|
|
72
86
|
...props
|
|
73
87
|
} = _ref;
|
|
74
88
|
const uniqueFileLoaderDescriptionId = "".concat(id || testId || fieldKey || "component-".concat(_utils.uuid === null || _utils.uuid === void 0 ? void 0 : (0, _utils.uuid)()));
|
|
75
|
-
const [fields, setFields] = (0, _react.useState)([(0, _utils.clone)(uploadTriggerStucture)]);
|
|
89
|
+
const [fields, setFields] = (0, _react.useState)(files !== null && files !== void 0 ? files : [(0, _utils.clone)(uploadTriggerStucture)]);
|
|
90
|
+
|
|
76
91
|
const generateUniqueFileName = (files, name) => {
|
|
77
92
|
let fileName = name;
|
|
78
93
|
const [nameWithoutExtension, extension] = name.split(/(?=\.[^.]+$)/);
|
|
79
94
|
let count = 1;
|
|
95
|
+
|
|
80
96
|
while (files.some(file => file.value === fileName)) {
|
|
81
97
|
fileName = "".concat(nameWithoutExtension, "(").concat(count, ")").concat(extension);
|
|
82
98
|
count += 1;
|
|
83
99
|
}
|
|
100
|
+
|
|
84
101
|
return fileName;
|
|
85
102
|
};
|
|
103
|
+
|
|
86
104
|
const handle = {
|
|
87
105
|
checkOverflow: function (fields) {
|
|
88
|
-
let error = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] :
|
|
89
|
-
let outerError = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] :
|
|
90
|
-
return fields.length < maxFilesCount ? [...fields, {
|
|
91
|
-
...(0, _utils.clone)(uploadTriggerStucture),
|
|
106
|
+
let error = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "";
|
|
107
|
+
let outerError = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : "";
|
|
108
|
+
return fields.length < maxFilesCount ? [...fields, { ...(0, _utils.clone)(uploadTriggerStucture),
|
|
92
109
|
error,
|
|
93
110
|
outerError
|
|
94
111
|
}] : fields;
|
|
@@ -101,25 +118,24 @@ const FileLoaderDescription = _ref => {
|
|
|
101
118
|
let {
|
|
102
119
|
name,
|
|
103
120
|
id,
|
|
104
|
-
error =
|
|
121
|
+
error = "",
|
|
105
122
|
file
|
|
106
123
|
} = _ref2;
|
|
107
124
|
//? Работаем с филдами БЕЗ плашки добавления
|
|
108
|
-
let output = (0, _utils.clone)(fields).filter(item => item.value && item.base64).map(item => ({
|
|
109
|
-
|
|
110
|
-
error: ''
|
|
125
|
+
let output = (0, _utils.clone)(fields).filter(item => item.value && item.base64).map(item => ({ ...item,
|
|
126
|
+
error: ""
|
|
111
127
|
}));
|
|
112
128
|
const changedField = output.find(item => id.includes(item.id));
|
|
129
|
+
|
|
113
130
|
if (!file) {
|
|
114
131
|
//? Нет файла - значит это экшн удаления
|
|
115
132
|
handle.applyFields(output.filter(item => item.id !== (changedField === null || changedField === void 0 ? void 0 : changedField.id)));
|
|
116
133
|
} else if (error) {
|
|
117
134
|
//? Есть ошибка - не должны менять содержание, только назначить ошибку
|
|
118
|
-
if (changedField) output = output.map(item => id.includes(item.id) ? {
|
|
119
|
-
...item,
|
|
135
|
+
if (changedField) output = output.map(item => id.includes(item.id) ? { ...item,
|
|
120
136
|
error
|
|
121
|
-
} : item);
|
|
122
|
-
|
|
137
|
+
} : item); //? Установка в локальный стейт БЕЗ верхнего onChange (файл по итогу НЕ загрузили, НЕ мутируем верхнее велью)
|
|
138
|
+
|
|
123
139
|
setFields(handle.checkOverflow(output, !changedField ? error : null));
|
|
124
140
|
} else {
|
|
125
141
|
//? Во всех остальных случаях - происходит добавленеи/изменение содержимого
|
|
@@ -130,10 +146,10 @@ const FileLoaderDescription = _ref => {
|
|
|
130
146
|
id: uniqueId,
|
|
131
147
|
value: uniqueFileName,
|
|
132
148
|
base64: result,
|
|
133
|
-
error:
|
|
134
|
-
});
|
|
135
|
-
|
|
136
|
-
output =
|
|
149
|
+
error: ""
|
|
150
|
+
}); //? Либо меняем, либо добавляем
|
|
151
|
+
|
|
152
|
+
output = changedField ? output.map(item => item.id === changedField.id ? newItem : item) : [...output, newItem];
|
|
137
153
|
handle.applyFields(output);
|
|
138
154
|
});
|
|
139
155
|
}
|
|
@@ -175,4 +191,6 @@ const FileLoaderDescription = _ref => {
|
|
|
175
191
|
});
|
|
176
192
|
}));
|
|
177
193
|
};
|
|
178
|
-
|
|
194
|
+
|
|
195
|
+
var _default = FileLoaderDescription;
|
|
196
|
+
exports.default = _default;
|
|
@@ -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,
|
|
@@ -30,10 +39,12 @@ const FileLoaderLocal = _ref => {
|
|
|
30
39
|
testId,
|
|
31
40
|
attributesOfNativeInput = {}
|
|
32
41
|
} = _ref;
|
|
42
|
+
|
|
33
43
|
const getFileName = value => {
|
|
34
44
|
const result = value.match(/[^\\]+$/);
|
|
35
45
|
return result === null || result === void 0 ? void 0 : result[0];
|
|
36
46
|
};
|
|
47
|
+
|
|
37
48
|
const renderRequiredLabel = () => {
|
|
38
49
|
if (!value) {
|
|
39
50
|
if (isRequired) return /*#__PURE__*/_react.default.createElement("div", {
|
|
@@ -43,20 +54,26 @@ const FileLoaderLocal = _ref => {
|
|
|
43
54
|
}, "Optional");
|
|
44
55
|
}
|
|
45
56
|
};
|
|
57
|
+
|
|
46
58
|
const isFileSizeOutOfLimit = file => {
|
|
47
59
|
var _ref2;
|
|
60
|
+
|
|
48
61
|
return (_ref2 = file.size > maxItemSizeBytes) !== null && _ref2 !== void 0 ? _ref2 : MAX_FILE_SIZE;
|
|
49
62
|
};
|
|
63
|
+
|
|
50
64
|
const checkExtension = valueExtension => {
|
|
51
65
|
return accept.includes(valueExtension);
|
|
52
66
|
};
|
|
67
|
+
|
|
53
68
|
const handle = {
|
|
54
69
|
change: e => {
|
|
55
|
-
var _name$match, _e$target, _e$target2;
|
|
70
|
+
var _name$match, _e$target, _e$target$files, _e$target2, _e$target2$files;
|
|
71
|
+
|
|
56
72
|
const name = getFileName(e.target.value);
|
|
57
|
-
const valueExtension = name === null || name === void 0
|
|
58
|
-
const file = (_e$target = e.target) === null || _e$target === void 0
|
|
59
|
-
|
|
73
|
+
const valueExtension = name === null || name === void 0 ? void 0 : (_name$match = name.match(/[^\.]+$/)) === null || _name$match === void 0 ? void 0 : _name$match[0];
|
|
74
|
+
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];
|
|
75
|
+
|
|
76
|
+
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])) {
|
|
60
77
|
onChange({
|
|
61
78
|
id,
|
|
62
79
|
name,
|
|
@@ -68,7 +85,8 @@ const FileLoaderLocal = _ref => {
|
|
|
68
85
|
});
|
|
69
86
|
} else if (!checkExtension(valueExtension)) {
|
|
70
87
|
var _accept$replace;
|
|
71
|
-
|
|
88
|
+
|
|
89
|
+
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";
|
|
72
90
|
const uniqExts = (0, _utils.getUniqueFileExtensions)(allowedExtensions);
|
|
73
91
|
onChange({
|
|
74
92
|
id,
|
|
@@ -130,4 +148,6 @@ const FileLoaderLocal = _ref => {
|
|
|
130
148
|
})
|
|
131
149
|
}), renderRequiredLabel()));
|
|
132
150
|
};
|
|
133
|
-
|
|
151
|
+
|
|
152
|
+
var _default = FileLoaderLocal;
|
|
153
|
+
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;
|