intelicoreact 1.3.22 → 1.3.24
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 +5 -8
- package/dist/Atomic/FormElements/ActionAlert/ActionAlert.scss +9 -9
- package/dist/Atomic/FormElements/AdvancedStatus/AdvancedStatus.js +6 -9
- package/dist/Atomic/FormElements/AdvancedStatus/AdvancedStatus.scss +8 -10
- package/dist/Atomic/FormElements/Calendar/Calendar.js +31 -33
- package/dist/Atomic/FormElements/Calendar/Calendar.scss +23 -27
- package/dist/Atomic/FormElements/CheckboxInput/CheckboxInput.js +4 -4
- package/dist/Atomic/FormElements/CheckboxInput/CheckboxInput.scss +16 -19
- package/dist/Atomic/FormElements/CheckboxesLine/CheckboxesLine.js +1 -1
- package/dist/Atomic/FormElements/CheckboxesLine/CheckboxesLine.scss +2 -2
- package/dist/Atomic/FormElements/Datepicker/Datepicker.js +53 -53
- package/dist/Atomic/FormElements/Datepicker/Datepicker.scss +0 -8
- package/dist/Atomic/FormElements/Datepicker/components/Calendar.js +20 -20
- package/dist/Atomic/FormElements/Dropdown/Dropdown.js +81 -83
- package/dist/Atomic/FormElements/Dropdown/Dropdown.scss +141 -95
- package/dist/Atomic/FormElements/Dropdown/components/DropdownLoader.js +1 -1
- package/dist/Atomic/FormElements/Dropdown/components/DropdownLoader.scss +3 -3
- package/dist/Atomic/FormElements/DropdownLiveSearch/DropdownLiveSearch.js +30 -28
- package/dist/Atomic/FormElements/DropdownLiveSearch/DropdownLiveSearch.scss +54 -18
- package/dist/Atomic/FormElements/FileLoader/FileLoader.js +4 -4
- package/dist/Atomic/FormElements/FileLoader/FileLoader.scss +31 -30
- package/dist/Atomic/FormElements/FileLoader/partial/LoadZone.js +12 -12
- package/dist/Atomic/FormElements/FileLoader/partial/LoadedContent.js +3 -3
- package/dist/Atomic/FormElements/FileLoaderLocal/FileLoaderLocal.js +8 -8
- package/dist/Atomic/FormElements/FileLoaderLocal/FileLoaderLocal.scss +44 -29
- package/dist/Atomic/FormElements/FileLoaderLocalGroup/FileLoaderLocalGroup.js +17 -15
- package/dist/Atomic/FormElements/FormattedRawSSN/FormattedRawSSN.js +15 -15
- package/dist/Atomic/FormElements/FormattedRawSSN/FormattedRawSSN.scss +24 -21
- package/dist/Atomic/FormElements/Input/Input.js +43 -45
- package/dist/Atomic/FormElements/Input/Input.scss +18 -18
- package/dist/Atomic/FormElements/InputCalendar/InputCalendar.js +19 -19
- package/dist/Atomic/FormElements/InputColor/InputColor.js +7 -9
- package/dist/Atomic/FormElements/InputCurrency/InputCurrency.js +12 -12
- package/dist/Atomic/FormElements/InputCurrency/InputCurrency.scss +9 -6
- package/dist/Atomic/FormElements/InputDateRange/InputDateRange.js +42 -42
- package/dist/Atomic/FormElements/InputDateRange/InputDateRange.scss +95 -95
- package/dist/Atomic/FormElements/InputDateRange/components/DateInput.js +10 -10
- package/dist/Atomic/FormElements/InputDateRange/components/Datepicker.js +81 -81
- package/dist/Atomic/FormElements/InputDateRange/components/OpenedPart.js +14 -14
- package/dist/Atomic/FormElements/InputDateRange/components/SelectItem.js +4 -4
- package/dist/Atomic/FormElements/InputDateRange/dependencies.js +54 -54
- package/dist/Atomic/FormElements/InputLink/InputLink.js +11 -13
- package/dist/Atomic/FormElements/InputLink/InputLink.scss +5 -5
- package/dist/Atomic/FormElements/InputMask/InputCarretPosition.js +2 -2
- package/dist/Atomic/FormElements/InputMask/InputMask.js +66 -67
- package/dist/Atomic/FormElements/InputMask/InputMask.scss +10 -10
- package/dist/Atomic/FormElements/InputMask/config.js +9 -9
- package/dist/Atomic/FormElements/InputMask/functions.js +8 -7
- package/dist/Atomic/FormElements/InputMask2/InputMask2.js +42 -42
- package/dist/Atomic/FormElements/InputMask2/InputMask2.scss +13 -12
- package/dist/Atomic/FormElements/InputMask2/config.js +9 -9
- package/dist/Atomic/FormElements/InputMask2/functions.js +8 -7
- package/dist/Atomic/FormElements/InputMask3/InputMask3.js +50 -50
- package/dist/Atomic/FormElements/InputMask3/InputMask3.scss +13 -12
- package/dist/Atomic/FormElements/InputMask3/config.js +9 -9
- package/dist/Atomic/FormElements/InputMask3/functions.js +8 -7
- package/dist/Atomic/FormElements/InputWithAction/InputWithAction.js +7 -9
- package/dist/Atomic/FormElements/InputWithAction/InputWithAction.scss +34 -31
- package/dist/Atomic/FormElements/InputsRow/InputsRow.js +23 -23
- package/dist/Atomic/FormElements/InputsRow/InputsRow.scss +4 -5
- package/dist/Atomic/FormElements/Label/Label.js +2 -2
- package/dist/Atomic/FormElements/Label/Label.scss +2 -2
- package/dist/Atomic/FormElements/MobileCalendar/MobileCalendar.js +69 -69
- package/dist/Atomic/FormElements/MobileCalendar/MobileCalendar.scss +8 -9
- package/dist/Atomic/FormElements/MultiSelect/MultiSelect.js +2 -2
- package/dist/Atomic/FormElements/MultiSelect/MultiSelect.scss +2 -2
- package/dist/Atomic/FormElements/NumericInput/NumericInput.js +27 -27
- package/dist/Atomic/FormElements/NumericInput/NumericInput.scss +18 -18
- package/dist/Atomic/FormElements/RadioGroup/RadioGroup.js +3 -3
- package/dist/Atomic/FormElements/RadioGroup/RadioGroup.scss +1 -0
- package/dist/Atomic/FormElements/RadioGroupWithInput/RadioGroupWithInput.js +6 -6
- package/dist/Atomic/FormElements/RadioGroupWithInput/RadioGroupWithInput.scss +1 -0
- package/dist/Atomic/FormElements/RadioInput/RadioInput.js +2 -2
- package/dist/Atomic/FormElements/RadioInput/RadioInput.scss +4 -8
- package/dist/Atomic/FormElements/RadioRowSwitcher/RadioRowSwitcher.js +7 -7
- package/dist/Atomic/FormElements/RadioRowSwitcher/RadioRowSwitcher.scss +26 -25
- package/dist/Atomic/FormElements/RangeCalendar/RangeCalendar.js +24 -24
- package/dist/Atomic/FormElements/RangeCalendar/RangeCalendar.scss +17 -19
- package/dist/Atomic/FormElements/RangeInputs/RangeInputs.js +30 -30
- package/dist/Atomic/FormElements/RangeInputs/RangeInputs.scss +5 -5
- package/dist/Atomic/FormElements/RangeList/RangeList.js +27 -27
- package/dist/Atomic/FormElements/RangeList/RangeList.scss +23 -23
- package/dist/Atomic/FormElements/RangeList/partial/AnyOuterClass.scss +5 -4
- package/dist/Atomic/FormElements/RangeList/partial/RangeListRow.js +1 -1
- package/dist/Atomic/FormElements/RangeSlider/RangeSlider.js +31 -31
- package/dist/Atomic/FormElements/RangeSlider/RangeSlider.scss +19 -24
- package/dist/Atomic/FormElements/RangeSlider/RangeSlider.stories.scss +7 -7
- package/dist/Atomic/FormElements/RangeSlider2/RangeSlider.stories.scss +8 -8
- package/dist/Atomic/FormElements/RangeSlider2/RangeSlider2.js +22 -22
- package/dist/Atomic/FormElements/RangeSlider2/RangeSlider2.scss +165 -91
- package/dist/Atomic/FormElements/SwitchableRow/SwitchableRow.js +1 -1
- package/dist/Atomic/FormElements/SwitchableRow/SwitchableRow.scss +2 -2
- package/dist/Atomic/FormElements/Switcher/Switcher.js +1 -1
- package/dist/Atomic/FormElements/Switcher/Switcher.scss +10 -12
- package/dist/Atomic/FormElements/Switcher/partial/AnyOuterClass.scss +2 -2
- package/dist/Atomic/FormElements/SwitcherCheckbox/SwitcherCheckbox.js +4 -6
- package/dist/Atomic/FormElements/SwitcherCheckbox/partial/AnyOuterClass.scss +2 -2
- package/dist/Atomic/FormElements/SwitcherHide/SwitcherHide.js +2 -2
- package/dist/Atomic/FormElements/SwitcherHide/partial/AnyOuterClass.scss +2 -2
- package/dist/Atomic/FormElements/SwitcherRadio/SwitcherRadio.js +4 -4
- package/dist/Atomic/FormElements/SwitcherRadio/SwitcherRadio.scss +1 -1
- package/dist/Atomic/FormElements/SwitcherRadio/partial/AnyOuterClass.scss +2 -2
- package/dist/Atomic/FormElements/SwitcherRange/SwitcherRange.js +5 -5
- package/dist/Atomic/FormElements/SwitcherRangeList/SwitcherRangeList.js +2 -2
- package/dist/Atomic/FormElements/SwitcherRangeList/partial/AnyOuterClass.scss +6 -6
- package/dist/Atomic/FormElements/SwitcherTagsDropdown/SwitcherTagsDropdown.js +9 -9
- package/dist/Atomic/FormElements/SwitcherTagsDropdown/SwitcherTagsDropdown.scss +2 -3
- package/dist/Atomic/FormElements/SwitcherTagsDropdown/partial/AnyOuterClass.scss +2 -2
- package/dist/Atomic/FormElements/SwitcherTagsDropdown/partial/States.js +100 -100
- package/dist/Atomic/FormElements/SwitcherTextarea/SwitcherTextarea.js +5 -5
- package/dist/Atomic/FormElements/SwitcherTextarea/SwitcherTextarea.scss +2 -3
- package/dist/Atomic/FormElements/SwitcherTextarea/partial/AnyOuterClass.scss +4 -4
- package/dist/Atomic/FormElements/TagsDropdown/TagsDropdown.js +67 -68
- package/dist/Atomic/FormElements/TagsDropdown/TagsDropdown.scss +103 -64
- package/dist/Atomic/FormElements/Text/Text.js +13 -13
- package/dist/Atomic/FormElements/Text/Text.scss +0 -1
- package/dist/Atomic/FormElements/TextSwitcher/TextSwitcher.js +4 -4
- package/dist/Atomic/FormElements/TextSwitcher/TextSwitcher.scss +15 -15
- package/dist/Atomic/FormElements/Textarea/Textarea.js +2 -2
- package/dist/Atomic/FormElements/Textarea/Textarea.scss +7 -8
- package/dist/Atomic/FormElements/TieredCheckboxes/TieredCheckboxes.js +3 -3
- package/dist/Atomic/FormElements/TieredCheckboxes/TieredCheckboxes.scss +5 -6
- package/dist/Atomic/FormElements/TimeRange/TimeRange.js +9 -9
- package/dist/Atomic/FormElements/TimeRange/TimeRange.scss +1 -1
- package/dist/Atomic/FormElements/UserContacts/UserContacts.js +36 -37
- package/dist/Atomic/FormElements/UserContacts/partial/AnyOuterClass.scss +5 -6
- package/dist/Atomic/FormElements/VariantsListRadio/VariantsListRadio.js +3 -3
- package/dist/Atomic/FormElements/VariantsListRadio/VariantsListRadio.scss +77 -59
- package/dist/Atomic/FormElements/WidgetPseudoTable/WidgetPseudoTable.js +3 -3
- package/dist/Atomic/FormElements/WidgetPseudoTable/WidgetPseudoTable.scss +9 -10
- package/dist/Atomic/FormElements/WidgetPseudoTable/partial/AnyOuterClass.scss +16 -14
- package/dist/Atomic/FormElements/WidgetPseudoTable/partial/constructor.js +18 -18
- package/dist/Atomic/FormElements/WidgetWithSwitchableRows/WidgetWithSwitchableRows.js +6 -6
- package/dist/Atomic/FormElements/WidgetWithSwitchableRows/WidgetWithSwitchableRows.scss +9 -10
- package/dist/Atomic/FormElements/WidgetWithSwitchableRows/partial/AnyOuterClass.scss +16 -14
- package/dist/Atomic/FormElements/WidgetWithSwitchableRows/partial/constructor.js +14 -14
- package/dist/Atomic/Layout/Header/Header.js +11 -11
- package/dist/Atomic/Layout/Header/Header.scss +9 -10
- package/dist/Atomic/Layout/MainMenu/MainMenu.js +17 -18
- package/dist/Atomic/Layout/MainMenu/MainMenu.scss +14 -17
- package/dist/Atomic/Layout/Spinner/Spinner.js +4 -4
- package/dist/Atomic/Layout/Spinner/Spinner.scss +3 -3
- package/dist/Atomic/UI/Accordion/Accordion.js +7 -7
- package/dist/Atomic/UI/Accordion/Accordion.scss +11 -11
- package/dist/Atomic/UI/Accordion/AccordionItem.js +12 -12
- package/dist/Atomic/UI/AccordionTable/AccordionTable.js +22 -23
- package/dist/Atomic/UI/AccordionTable/AccordionTable.scss +33 -38
- package/dist/Atomic/UI/AccordionText/AccordionText.js +3 -3
- package/dist/Atomic/UI/AccordionText/AccordionText.scss +18 -10
- package/dist/Atomic/UI/AdvancedTag/AdvTag.js +31 -32
- package/dist/Atomic/UI/AdvancedTag/AdvancedTags.js +5 -5
- package/dist/Atomic/UI/AdvancedTag/AdvancedTags.scss +19 -18
- package/dist/Atomic/UI/Alert/Alert.js +5 -5
- package/dist/Atomic/UI/Alert/Alert.scss +21 -21
- package/dist/Atomic/UI/Arrow/Arrow.js +5 -5
- package/dist/Atomic/UI/Box/Box.js +10 -10
- package/dist/Atomic/UI/Box/Box.scss +2 -4
- package/dist/Atomic/UI/Button/Button.js +9 -9
- package/dist/Atomic/UI/Button/Button.scss +34 -34
- package/dist/Atomic/UI/ButtonsBar/ButtonsBar.js +4 -4
- package/dist/Atomic/UI/ButtonsBar/ButtonsBar.scss +1 -1
- package/dist/Atomic/UI/Chart/Chart.js +16 -16
- package/dist/Atomic/UI/Chart/Chart.scss +4 -4
- package/dist/Atomic/UI/Chart/partial/AnyOuterClass.scss +10 -14
- package/dist/Atomic/UI/Chart/partial/Chart.constants.js +30 -30
- package/dist/Atomic/UI/Chart/partial/ChartTypeSwitcherIcon/ChartTypeSwitcherIcon.js +3 -3
- package/dist/Atomic/UI/Chart/partial/ChartTypeSwitcherIcon/ChartTypeSwitcherIcon.scss +1 -1
- package/dist/Atomic/UI/Chart/partial/datasetSetters.js +15 -15
- package/dist/Atomic/UI/Chart/partial/optionsConstructor.js +28 -28
- package/dist/Atomic/UI/Chart/partial/optionsSetters.js +2 -2
- package/dist/Atomic/UI/Chart/partial/utils.js +4 -4
- package/dist/Atomic/UI/CircleProgressBar/CircleProgressBar.js +9 -9
- package/dist/Atomic/UI/CircleProgressBar/CircleProgressBar.scss +7 -9
- package/dist/Atomic/UI/DateTime/DateTime.js +6 -6
- package/dist/Atomic/UI/DateTime/DateTime.scss +1 -1
- package/dist/Atomic/UI/DateTime/partial/AnyOuterClass.scss +2 -2
- package/dist/Atomic/UI/DebugContainer/DebugContainer.js +4 -4
- package/dist/Atomic/UI/DebugContainer/DebugContainer.scss +15 -9
- package/dist/Atomic/UI/DoubleString/DoubleString.js +6 -6
- package/dist/Atomic/UI/DoubleString/DoubleString.scss +11 -5
- package/dist/Atomic/UI/DoubleString/partial/AnyOuterClass.scss +4 -4
- package/dist/Atomic/UI/DynamicIcon/DynamicIcon.js +1 -1
- package/dist/Atomic/UI/ExampleChartIntegration/ExampleChartIntegration.js +48 -48
- package/dist/Atomic/UI/ExampleChartIntegration/partial/AnyOuterClass.scss +10 -15
- package/dist/Atomic/UI/ExampleChartIntegration/partial/utils.js +18 -18
- package/dist/Atomic/UI/Hint/Hint.js +40 -41
- package/dist/Atomic/UI/Hint/Hint.scss +12 -11
- package/dist/Atomic/UI/Modal/Modal.js +28 -36
- package/dist/Atomic/UI/Modal/Modal.scss +42 -43
- package/dist/Atomic/UI/Modal/ModalHOC.js +2 -5
- package/dist/Atomic/UI/Modal/ModalMobile.scss +18 -11
- package/dist/Atomic/UI/Modal/partials/ModalFooter.js +2 -2
- package/dist/Atomic/UI/Modal/partials/ModalTitle.js +6 -6
- package/dist/Atomic/UI/Modal/partials/useMobileModal.js +8 -8
- package/dist/Atomic/UI/MonoAccordion/MonoAccordion.js +1 -1
- package/dist/Atomic/UI/MonoAccordion/MonoAccordion.scss +5 -5
- package/dist/Atomic/UI/MonoAccordion/partial/AnyOuterClass.scss +4 -5
- package/dist/Atomic/UI/NavLine/NavLine.js +26 -26
- package/dist/Atomic/UI/NavLine/NavLine.scss +34 -36
- package/dist/Atomic/UI/NavLine/Tabs.js +38 -38
- package/dist/Atomic/UI/PageTitle/PageTitle.js +1 -1
- package/dist/Atomic/UI/PageTitle/PageTitle.scss +7 -7
- package/dist/Atomic/UI/PieChart/PieChart.js +4 -4
- package/dist/Atomic/UI/PieChart/PieChart.scss +21 -10
- package/dist/Atomic/UI/Price/Price.js +2 -2
- package/dist/Atomic/UI/PriceRange/PriceRange.js +2 -2
- package/dist/Atomic/UI/ProgressLine/ProgressLine.js +10 -10
- package/dist/Atomic/UI/ProgressLine/ProgressLine.scss +36 -40
- package/dist/Atomic/UI/Status/Status.js +6 -6
- package/dist/Atomic/UI/Status/Status.scss +19 -19
- package/dist/Atomic/UI/Table/Partials/TdCell.js +11 -11
- package/dist/Atomic/UI/Table/Partials/TdHeader.js +3 -3
- package/dist/Atomic/UI/Table/Partials/TdRow.js +6 -6
- package/dist/Atomic/UI/Table/Partials/TdTitle.js +1 -1
- package/dist/Atomic/UI/Table/Table.js +3 -3
- package/dist/Atomic/UI/Table/Table.scss +11 -13
- package/dist/Atomic/UI/Table/TdTypes/TdActions.js +8 -8
- package/dist/Atomic/UI/Table/TdTypes/TdPriority.js +2 -2
- package/dist/Atomic/UI/Table/TdTypes/TdRange.js +1 -3
- package/dist/Atomic/UI/Table/TdTypes/TdTypes.scss +9 -8
- package/dist/Atomic/UI/Table/TdTypes/TdWeight.js +10 -13
- package/dist/Atomic/UI/Tag/Tag.js +6 -6
- package/dist/Atomic/UI/Tag/Tag.scss +12 -11
- package/dist/Atomic/UI/TagList/TagList.js +8 -8
- package/dist/Atomic/UI/TagList/TagList.scss +1 -1
- package/dist/Atomic/UI/UserBox/UserBox.js +5 -5
- package/dist/Atomic/UI/UserBox/UserBox.scss +9 -9
- package/dist/Classes/AbortableFetch.js +35 -35
- package/dist/Classes/AnimatedHandler.js +3 -3
- package/dist/Classes/RESTAPI/index.js +9 -9
- package/dist/Classes/RESTAPI/partials/AbortableFetch.js +37 -37
- package/dist/Classes/RESTAPI/partials/ApiBase.js +7 -7
- package/dist/Classes/RESTAPI/partials/ApiRequestCreators.js +4 -4
- package/dist/Classes/RESTAPI/partials/ApiUtils.js +4 -4
- package/dist/Classes/RESTAPI/partials/CredentialsProcessing.js +31 -31
- package/dist/Classes/RESTAPI/partials/Utils.js +15 -15
- package/dist/Classes/RESTAPI/partials/_utils.js +14 -14
- package/dist/Constants/index.constants.js +10 -10
- package/dist/Functions/Portal.js +1 -1
- package/dist/Functions/customEventListener.js +5 -5
- package/dist/Functions/fieldValueFormatters.js +66 -82
- package/dist/Functions/hooks/useFormFieldsChangesManager.js +4 -4
- package/dist/Functions/locale/createTranslator.js +4 -15
- package/dist/Functions/operations.js +14 -14
- package/dist/Functions/presets/inputMaskPresets.js +34 -34
- package/dist/Functions/presets/inputPresets.js +3 -3
- package/dist/Functions/presets/mobileKeyboardTypesPresets.js +2 -2
- package/dist/Functions/schemas.js +8 -8
- package/dist/Functions/useBodyScrollLock.js +20 -0
- package/dist/Functions/useClickOutside.js +2 -2
- package/dist/Functions/useFieldFocus.js +3 -7
- package/dist/Functions/useFormTools/form-drivers/ArrayWithObjects.js +1 -1
- package/dist/Functions/useFormTools/form-drivers/ObjectWithIterableObjects.js +11 -11
- package/dist/Functions/useFormTools/form-drivers/ObjectWithNamedKeyObjects.js +1 -1
- package/dist/Functions/useFormTools/functions/General.js +9 -9
- package/dist/Functions/useFormTools/functions/RenderFields.js +6 -6
- package/dist/Functions/useFormTools/index.js +18 -20
- package/dist/Functions/useInputHighlightError.js +5 -5
- package/dist/Functions/useKeyPress/useHandleKeyPress.js +44 -0
- package/dist/Functions/useKeyPress/useKeyPress.js +38 -0
- package/dist/Functions/useLocalStorage.js +2 -13
- package/dist/Functions/useLocationParams.js +2 -2
- package/dist/Functions/useMetaInfo.js +7 -7
- package/dist/Functions/useMouseUpOutside.js +2 -2
- package/dist/Functions/useOnlineStatus.js +5 -14
- package/dist/Functions/usePasswordChecker.js +26 -26
- package/dist/Functions/usePrevious.js +0 -12
- package/dist/Functions/useResize.js +6 -24
- package/dist/Functions/useScrollTo.js +1 -1
- package/dist/Functions/useToggle.js +1 -1
- package/dist/Functions/utils.js +64 -143
- package/dist/Molecular/FormElement/FormElement.js +1 -1
- package/dist/Molecular/FormElement/FormElement.scss +4 -3
- package/dist/Molecular/FormWithDependOn/FormWithDependOn.js +14 -14
- package/dist/Molecular/FormWithDependOn/partials/_utils.js +2 -2
- package/dist/Molecular/InputAddress/InputAddress.js +47 -46
- package/dist/Molecular/InputAddress/InputAddress.scss +176 -112
- package/dist/Molecular/InputPassword/InputPassword.js +11 -15
- package/dist/Molecular/InputPassword/InputPassword.scss +8 -7
- package/dist/scss/_fonts.scss +60 -36
- package/dist/scss/_vars.scss +18 -18
- package/dist/scss/main.scss +4 -4
- package/package.json +1 -1
|
@@ -6,20 +6,19 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
});
|
|
7
7
|
exports.default = InputMask;
|
|
8
8
|
var _react = _interopRequireWildcard(require("react"));
|
|
9
|
-
var _reactFeather = require("react-feather");
|
|
10
9
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
11
|
-
var
|
|
10
|
+
var _reactFeather = require("react-feather");
|
|
12
11
|
var _Hint = _interopRequireDefault(require("../../UI/Hint/Hint"));
|
|
13
|
-
var
|
|
12
|
+
var _indexConstants = require("./../../../Constants/index.constants.js");
|
|
14
13
|
var _InputCarretPosition = require("./InputCarretPosition");
|
|
15
|
-
require("./InputMask.scss");
|
|
16
14
|
var _config = require("./config");
|
|
15
|
+
var _functions = require("./functions");
|
|
16
|
+
require("./InputMask.scss");
|
|
17
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
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
19
|
/* eslint-disable no-return-await */
|
|
20
20
|
/* eslint-disable no-extra-boolean-cast */
|
|
21
21
|
/* eslint-disable no-unsafe-optional-chaining */
|
|
22
|
-
/* eslint-disable react/jsx-boolean-value */
|
|
23
22
|
/* eslint-disable comma-dangle */
|
|
24
23
|
/* eslint-disable array-callback-return */
|
|
25
24
|
/* eslint-disable no-continue */
|
|
@@ -57,9 +56,9 @@ function InputMask() {
|
|
|
57
56
|
blinkErrors = true,
|
|
58
57
|
blinkDuration = 100,
|
|
59
58
|
showErrors = false,
|
|
60
|
-
className =
|
|
59
|
+
className = "",
|
|
61
60
|
errors: customErrors = _config.DEFAULT_ERRORS,
|
|
62
|
-
error: customError =
|
|
61
|
+
error: customError = "",
|
|
63
62
|
ref,
|
|
64
63
|
onChange: onChangeProp = () => {},
|
|
65
64
|
onFocus: onFocusProp = () => {},
|
|
@@ -68,11 +67,11 @@ function InputMask() {
|
|
|
68
67
|
imitateTypingOnPaste = false,
|
|
69
68
|
imitateTypingOnPasteDelay = 100,
|
|
70
69
|
showHint = false,
|
|
71
|
-
hintText =
|
|
72
|
-
hintClassName =
|
|
70
|
+
hintText = "",
|
|
71
|
+
hintClassName = "",
|
|
73
72
|
isHintRight = true,
|
|
74
73
|
isHintLeft = false,
|
|
75
|
-
hintPosition =
|
|
74
|
+
hintPosition = "right",
|
|
76
75
|
hideMaskOnBlur = true,
|
|
77
76
|
returnMaskedValue = false,
|
|
78
77
|
name,
|
|
@@ -99,7 +98,7 @@ function InputMask() {
|
|
|
99
98
|
|
|
100
99
|
// SELECTION MANAGEMENT FUNCTIONS | START //
|
|
101
100
|
const [isSelecting, setIsSelecting] = (0, _react.useState)(false);
|
|
102
|
-
const [selectedText, setSelectedText] = (0, _react.useState)(
|
|
101
|
+
const [selectedText, setSelectedText] = (0, _react.useState)("");
|
|
103
102
|
const [selectionStartX, setSelectionStartX] = (0, _react.useState)(null);
|
|
104
103
|
const [selectionEndX, setSelectionEndX] = (0, _react.useState)(null);
|
|
105
104
|
// SELECTION MANAGEMENT FUNCTIONS | END //
|
|
@@ -125,7 +124,7 @@ function InputMask() {
|
|
|
125
124
|
|
|
126
125
|
// INNER VALUE MANAGEMENT FUNCTIONS | START //
|
|
127
126
|
const [innerValue, setInnerValue] = (0, _react.useState)([]);
|
|
128
|
-
const [undoValue, setUndoValue] = (0, _react.useState)(
|
|
127
|
+
const [undoValue, setUndoValue] = (0, _react.useState)("");
|
|
129
128
|
const [redoValue, setRedoValue] = (0, _react.useState)(null);
|
|
130
129
|
const [isUndoValueBlocked, setIsUndoValueBlocked] = (0, _react.useState)(false);
|
|
131
130
|
const addInnerValueChar = _ref => {
|
|
@@ -155,7 +154,7 @@ function InputMask() {
|
|
|
155
154
|
};
|
|
156
155
|
const resetInnerValue = () => {
|
|
157
156
|
innerValue.map((v, i) => updateInnerValueChar({
|
|
158
|
-
char:
|
|
157
|
+
char: ""
|
|
159
158
|
}, i));
|
|
160
159
|
};
|
|
161
160
|
// INNER VALUE MANAGEMENT FUNCTIONS | END //
|
|
@@ -227,12 +226,12 @@ function InputMask() {
|
|
|
227
226
|
const isSpecialSymbolMask = isSpecialSymbolMaskChar({
|
|
228
227
|
char
|
|
229
228
|
});
|
|
230
|
-
if (char ===
|
|
229
|
+
if (char === " ") char = _config.SPACE_CHAR;
|
|
231
230
|
return {
|
|
232
|
-
char: isSpecialSymbolMask ? char :
|
|
231
|
+
char: isSpecialSymbolMask ? char : "",
|
|
233
232
|
maskChar: char,
|
|
234
233
|
isSpecialSymbol: isSpecialSymbolMask,
|
|
235
|
-
isCharSymbol: !isSpecialSymbol && char !==
|
|
234
|
+
isCharSymbol: !isSpecialSymbol && char !== "" && isSpecialSymbolMask,
|
|
236
235
|
ref: /*#__PURE__*/(0, _react.createRef)(),
|
|
237
236
|
...data
|
|
238
237
|
};
|
|
@@ -299,9 +298,9 @@ function InputMask() {
|
|
|
299
298
|
char,
|
|
300
299
|
maskChar
|
|
301
300
|
} = _ref6;
|
|
302
|
-
return char ===
|
|
303
|
-
}).join(
|
|
304
|
-
return replaceSpace ? result === null || result === void 0 ? void 0 : result.replace(/\u00A0/g,
|
|
301
|
+
return char === "" ? getPlaceholderCharByIndex(i) || maskChar : char;
|
|
302
|
+
}).join("");
|
|
303
|
+
return replaceSpace ? result === null || result === void 0 ? void 0 : result.replace(/\u00A0/g, " ") : result;
|
|
305
304
|
};
|
|
306
305
|
const getClearInnerValueAsString = function () {
|
|
307
306
|
let start = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
|
|
@@ -312,9 +311,9 @@ function InputMask() {
|
|
|
312
311
|
isSpecialSymbol,
|
|
313
312
|
isCharSymbol
|
|
314
313
|
} = _ref7;
|
|
315
|
-
if (char !== maskChar && char !==
|
|
314
|
+
if (char !== maskChar && char !== "" || !isSpecialSymbol || isCharSymbol) result += char; // || isCharSymbol
|
|
316
315
|
return result;
|
|
317
|
-
},
|
|
316
|
+
}, "");
|
|
318
317
|
};
|
|
319
318
|
const getLastTypedIndex = () => {
|
|
320
319
|
return innerValue.reduce((lastIndex, _ref8, i) => {
|
|
@@ -322,7 +321,7 @@ function InputMask() {
|
|
|
322
321
|
char,
|
|
323
322
|
isSpecialSymbol
|
|
324
323
|
} = _ref8;
|
|
325
|
-
if (!isSpecialSymbol && char !== _config.SPACE_CHAR && char !==
|
|
324
|
+
if (!isSpecialSymbol && char !== _config.SPACE_CHAR && char !== "" || lastIndex === null) lastIndex = i;
|
|
326
325
|
return lastIndex;
|
|
327
326
|
}, -1) + 1;
|
|
328
327
|
};
|
|
@@ -361,7 +360,7 @@ function InputMask() {
|
|
|
361
360
|
return setFocusOnChar(getLastTypedIndex() + 1, i);
|
|
362
361
|
}
|
|
363
362
|
// If Current Index Equals LastTyped Index in MaskAsPlaceholder Mode
|
|
364
|
-
if (maskAsPlaceholder && i === getLastTypedIndex() && key ===
|
|
363
|
+
if (maskAsPlaceholder && i === getLastTypedIndex() && key === "ArrowRight") return false;
|
|
365
364
|
return setFocusOnChar(i + 1, i);
|
|
366
365
|
};
|
|
367
366
|
const onBackspaceDown = (e, i) => {
|
|
@@ -383,14 +382,14 @@ function InputMask() {
|
|
|
383
382
|
char
|
|
384
383
|
} = _ref9;
|
|
385
384
|
return text.concat(char);
|
|
386
|
-
},
|
|
385
|
+
}, "");
|
|
387
386
|
resetInnerValue();
|
|
388
387
|
onPaste({
|
|
389
388
|
text: newText
|
|
390
389
|
}, 0);
|
|
391
390
|
} else {
|
|
392
391
|
updateInnerValueChar({
|
|
393
|
-
char:
|
|
392
|
+
char: ""
|
|
394
393
|
}, prevIndex);
|
|
395
394
|
}
|
|
396
395
|
setFocusOnChar(prevIndex, i);
|
|
@@ -410,14 +409,14 @@ function InputMask() {
|
|
|
410
409
|
isSpecialSymbol
|
|
411
410
|
} = charObj;
|
|
412
411
|
if (isSpecialSymbol) return onDeleteDown(e, i + 1);
|
|
413
|
-
if (char ===
|
|
412
|
+
if (char === "") return false;
|
|
414
413
|
if (maskAsPlaceholder) {
|
|
415
414
|
const newText = innerValue.slice(0, i).concat(innerValue.slice(nextIndex, maxEditableLen !== -1 ? maxEditableLen : innerValue.length)).reduce((text, _ref10) => {
|
|
416
415
|
let {
|
|
417
416
|
char
|
|
418
417
|
} = _ref10;
|
|
419
418
|
return text.concat(char);
|
|
420
|
-
},
|
|
419
|
+
}, "");
|
|
421
420
|
resetInnerValue();
|
|
422
421
|
onPaste({
|
|
423
422
|
text: newText
|
|
@@ -425,7 +424,7 @@ function InputMask() {
|
|
|
425
424
|
setFocusOnChar(i, i);
|
|
426
425
|
} else {
|
|
427
426
|
updateInnerValueChar({
|
|
428
|
-
char:
|
|
427
|
+
char: ""
|
|
429
428
|
}, i);
|
|
430
429
|
setFocusOnChar(nextIndex, i);
|
|
431
430
|
}
|
|
@@ -441,22 +440,22 @@ function InputMask() {
|
|
|
441
440
|
key
|
|
442
441
|
} = e;
|
|
443
442
|
switch (key) {
|
|
444
|
-
case
|
|
443
|
+
case "ArrowLeft":
|
|
445
444
|
return onArrowLeftDown(e, i);
|
|
446
445
|
break;
|
|
447
|
-
case
|
|
446
|
+
case "ArrowRight":
|
|
448
447
|
return onArrowRightDown(e, i);
|
|
449
448
|
break;
|
|
450
|
-
case
|
|
449
|
+
case "Backspace":
|
|
451
450
|
return onBackspaceDown(e, i);
|
|
452
451
|
break;
|
|
453
|
-
case
|
|
452
|
+
case "Delete":
|
|
454
453
|
return onDeleteDown(e, i);
|
|
455
454
|
break;
|
|
456
|
-
case
|
|
455
|
+
case "Home":
|
|
457
456
|
return onHomeDown(e, i);
|
|
458
457
|
break;
|
|
459
|
-
case
|
|
458
|
+
case "End":
|
|
460
459
|
return onEndDown(e, i);
|
|
461
460
|
break;
|
|
462
461
|
default:
|
|
@@ -544,7 +543,7 @@ function InputMask() {
|
|
|
544
543
|
char
|
|
545
544
|
} = _ref12;
|
|
546
545
|
return char;
|
|
547
|
-
}).join(
|
|
546
|
+
}).join("");
|
|
548
547
|
onPaste({
|
|
549
548
|
text
|
|
550
549
|
}, fromIndex, false);
|
|
@@ -624,7 +623,7 @@ function InputMask() {
|
|
|
624
623
|
if (isSelecting && (selectedText.length || (0, _functions.getSelectionText)().length) && !ignoreIsSelecting) return false;
|
|
625
624
|
setFocused(true);
|
|
626
625
|
if (e.detail === 2) selectAllText(e);
|
|
627
|
-
if (typeof cb ===
|
|
626
|
+
if (typeof cb === "function") cb(e);
|
|
628
627
|
};
|
|
629
628
|
const onCharClick = (e, i) => {
|
|
630
629
|
if (e.detail == 2) {
|
|
@@ -697,11 +696,11 @@ function InputMask() {
|
|
|
697
696
|
} catch (error) {}
|
|
698
697
|
setIsSelecting(false);
|
|
699
698
|
(0, _functions.resetSelectionText)();
|
|
700
|
-
const pastedText = ((_ref13 = (e === null || e === void 0 ? void 0 : e.clipboardData) || ((_window = window) === null || _window === void 0 ? void 0 : _window.clipboardData)) === null || _ref13 === void 0 ? void 0 : _ref13.getData(
|
|
699
|
+
const pastedText = ((_ref13 = (e === null || e === void 0 ? void 0 : e.clipboardData) || ((_window = window) === null || _window === void 0 ? void 0 : _window.clipboardData)) === null || _ref13 === void 0 ? void 0 : _ref13.getData("text/plain")) || (e === null || e === void 0 || (_e$clipboardData = e.clipboardData) === null || _e$clipboardData === void 0 ? void 0 : _e$clipboardData.getData("Text")) || e.text;
|
|
701
700
|
if (!pastedText) return false;
|
|
702
701
|
const replacedIndexes = [];
|
|
703
|
-
if (maskAsPlaceholder && (e === null || e === void 0 ? void 0 : e.type) ===
|
|
704
|
-
const fromIndex = i + parseInt(pastedText === null || pastedText === void 0 ? void 0 : pastedText.length);
|
|
702
|
+
if (maskAsPlaceholder && (e === null || e === void 0 ? void 0 : e.type) === "paste") {
|
|
703
|
+
const fromIndex = i + parseInt(pastedText === null || pastedText === void 0 ? void 0 : pastedText.length, 10);
|
|
705
704
|
const text = innerValue.slice().filter((_ref14, index) => {
|
|
706
705
|
let {
|
|
707
706
|
isCharSymbol
|
|
@@ -712,12 +711,12 @@ function InputMask() {
|
|
|
712
711
|
char
|
|
713
712
|
} = _ref15;
|
|
714
713
|
return char;
|
|
715
|
-
}).join(
|
|
714
|
+
}).join("");
|
|
716
715
|
onPaste({
|
|
717
716
|
text
|
|
718
717
|
}, fromIndex, false);
|
|
719
718
|
}
|
|
720
|
-
pastedText.split(
|
|
719
|
+
pastedText.split("").filter(char => (0, _functions.isDigit)(char) || (0, _functions.isLetter)(char)).map((pastedChar, offset) => {
|
|
721
720
|
const charIndex = i + offset;
|
|
722
721
|
let isReplaced = false;
|
|
723
722
|
let isValid = false;
|
|
@@ -795,7 +794,7 @@ function InputMask() {
|
|
|
795
794
|
e.preventDefault();
|
|
796
795
|
e.stopPropagation();
|
|
797
796
|
}
|
|
798
|
-
if (typeof cb ===
|
|
797
|
+
if (typeof cb === "function") cb(e);
|
|
799
798
|
return false;
|
|
800
799
|
};
|
|
801
800
|
const selectAllText = e => {
|
|
@@ -826,7 +825,7 @@ function InputMask() {
|
|
|
826
825
|
char
|
|
827
826
|
} = _ref17;
|
|
828
827
|
return char;
|
|
829
|
-
}).join(
|
|
828
|
+
}).join("");
|
|
830
829
|
resetInnerValue();
|
|
831
830
|
onPaste({
|
|
832
831
|
text
|
|
@@ -834,7 +833,7 @@ function InputMask() {
|
|
|
834
833
|
setFocusOnChar(selStartInd);
|
|
835
834
|
} else {
|
|
836
835
|
for (let index = selStartInd; index < selEndInd; ++index) updateInnerValueChar({
|
|
837
|
-
char:
|
|
836
|
+
char: ""
|
|
838
837
|
}, index);
|
|
839
838
|
}
|
|
840
839
|
setFocusOnChar(selStartInd, -1);
|
|
@@ -851,8 +850,8 @@ function InputMask() {
|
|
|
851
850
|
(0, _react.useEffect)(() => {
|
|
852
851
|
setInnerValue([]);
|
|
853
852
|
setMaskRendered(false);
|
|
854
|
-
if (!maskPattern) maskPattern =
|
|
855
|
-
maskPattern.concat(
|
|
853
|
+
if (!maskPattern) maskPattern = "";
|
|
854
|
+
maskPattern.concat(" ").split("").map((char, id, i) => {
|
|
856
855
|
addInnerValueChar({
|
|
857
856
|
char,
|
|
858
857
|
i,
|
|
@@ -872,7 +871,7 @@ function InputMask() {
|
|
|
872
871
|
}, [value]);
|
|
873
872
|
(0, _react.useEffect)(() => {
|
|
874
873
|
if (isMaskRendered && !isInitValue && value !== getClearInnerValueAsString()) {
|
|
875
|
-
if (value && value !==
|
|
874
|
+
if (value && value !== "") {
|
|
876
875
|
let valueCharIndex = 0;
|
|
877
876
|
innerValue.map((_ref18, i) => {
|
|
878
877
|
var _maskPattern;
|
|
@@ -911,7 +910,7 @@ function InputMask() {
|
|
|
911
910
|
|
|
912
911
|
// Focus Observer
|
|
913
912
|
(0, _react.useEffect)(() => {
|
|
914
|
-
if (!isFocused) setSelectedText(
|
|
913
|
+
if (!isFocused) setSelectedText("");
|
|
915
914
|
}, [isFocused]);
|
|
916
915
|
|
|
917
916
|
// Default Focused
|
|
@@ -938,20 +937,20 @@ function InputMask() {
|
|
|
938
937
|
}, [blinkError]);
|
|
939
938
|
(0, _react.useEffect)(() => {
|
|
940
939
|
if (!isSelecting) {
|
|
941
|
-
setSelectedText(
|
|
940
|
+
setSelectedText("");
|
|
942
941
|
(0, _functions.resetSelectionText)();
|
|
943
942
|
setSelectionStartX(null);
|
|
944
943
|
setSelectionEndX(null);
|
|
945
944
|
}
|
|
946
945
|
if (!isMouseDown && isSelecting) {
|
|
947
|
-
document.addEventListener(
|
|
946
|
+
document.addEventListener("keydown", e => pushServiceWatcher(() => onKeyDown(e)), {
|
|
948
947
|
once: true
|
|
949
948
|
});
|
|
950
949
|
}
|
|
951
950
|
if (!isMouseDown && isSelecting && !(0, _functions.getSelectionText)().length) setIsSelecting(false);
|
|
952
951
|
}, [isSelecting, isMouseDown]);
|
|
953
952
|
(0, _react.useEffect)(() => {
|
|
954
|
-
document.addEventListener(
|
|
953
|
+
document.addEventListener("mouseup", () => {
|
|
955
954
|
setIsMouseDown(isMouseDown => {
|
|
956
955
|
if (isMouseDown) setSelectedText((0, _functions.getSelectionText)());
|
|
957
956
|
return false;
|
|
@@ -959,14 +958,14 @@ function InputMask() {
|
|
|
959
958
|
});
|
|
960
959
|
}, []);
|
|
961
960
|
(0, _react.useEffect)(() => {
|
|
962
|
-
setError(customError !==
|
|
963
|
-
setErrorMessage(customError ===
|
|
961
|
+
setError(customError !== "");
|
|
962
|
+
setErrorMessage(customError === "" ? errors.default : customError);
|
|
964
963
|
}, [customError, isError]);
|
|
965
964
|
|
|
966
965
|
///--- RENDER ---///
|
|
967
966
|
|
|
968
967
|
const renderChar = function (obj, i) {
|
|
969
|
-
let className = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] :
|
|
968
|
+
let className = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : "";
|
|
970
969
|
const {
|
|
971
970
|
char,
|
|
972
971
|
ref,
|
|
@@ -976,14 +975,14 @@ function InputMask() {
|
|
|
976
975
|
const prevChar = getCharByIndex(i - 1);
|
|
977
976
|
if (i === innerValue.length - 1 && isSelecting) return /*#__PURE__*/_react.default.createElement("span", {
|
|
978
977
|
style: {
|
|
979
|
-
width:
|
|
978
|
+
width: "1px"
|
|
980
979
|
}
|
|
981
980
|
});
|
|
982
981
|
return /*#__PURE__*/_react.default.createElement("span", {
|
|
983
982
|
tabIndex: i === 0 ? 0 : -1,
|
|
984
983
|
key: i,
|
|
985
984
|
"attr-char-id": i,
|
|
986
|
-
className: "\n input-mask_value_item\n ".concat(className, "\n ").concat((0, _functions.isDigitMaskChar)(obj.maskChar) ?
|
|
985
|
+
className: "\n input-mask_value_item\n ".concat(className, "\n ").concat((0, _functions.isDigitMaskChar)(obj.maskChar) ? "input-mask_value_item--digit" : "", "\n ").concat((0, _functions.isLetterMaskChar)(obj.maskChar) ? "input-mask_value_item--letter" : "", "\n ").concat(obj.isSpecialSymbol ? "input-mask_value_item--spec" : "", "\n "),
|
|
987
986
|
onClick: e => onCharClick(e, i),
|
|
988
987
|
onFocus: function () {
|
|
989
988
|
// if (isUseAutoSelect) inputRef?.current?.select();
|
|
@@ -994,7 +993,7 @@ function InputMask() {
|
|
|
994
993
|
onKeyDown: e => onKeyDown(e, i),
|
|
995
994
|
onChange: cancelDefaultAction,
|
|
996
995
|
contentEditable: !isSelecting,
|
|
997
|
-
inputMode: (0, _functions.isDigitMaskChar)(i !== innerValue.length - 1 ? maskChar : prevChar === null || prevChar === void 0 ? void 0 : prevChar.maskChar) ?
|
|
996
|
+
inputMode: (0, _functions.isDigitMaskChar)(i !== innerValue.length - 1 ? maskChar : prevChar === null || prevChar === void 0 ? void 0 : prevChar.maskChar) ? "numeric" : "text",
|
|
998
997
|
suppressContentEditableWarning: true,
|
|
999
998
|
onPaste: e => onPaste(e, i),
|
|
1000
999
|
onCopy: e => onCopy(e, i),
|
|
@@ -1008,11 +1007,11 @@ function InputMask() {
|
|
|
1008
1007
|
},
|
|
1009
1008
|
onMouseDown: e => cancelDefaultAction(e, () => setIsMouseDown(true)),
|
|
1010
1009
|
onMouseMove: e => cancelDefaultAction(e, onMouseDownMove)
|
|
1011
|
-
}, !isFocused && hideMaskOnBlur && getClearInnerValueAsString().length === 0 ? _config.SPACE_CHAR : isSpecialSymbol ? maskChar : char ===
|
|
1010
|
+
}, !isFocused && hideMaskOnBlur && getClearInnerValueAsString().length === 0 ? _config.SPACE_CHAR : isSpecialSymbol ? maskChar : char === "" ? getPlaceholderCharByIndex(i) : char);
|
|
1012
1011
|
};
|
|
1013
|
-
const renderMaskChar = (obj, i) => renderChar(obj, i,
|
|
1014
|
-
const renderValueChar = (obj, i) => renderChar(obj, i,
|
|
1015
|
-
const renderSpecialChar = (obj, i) => renderChar(obj, i,
|
|
1012
|
+
const renderMaskChar = (obj, i) => renderChar(obj, i, "input-mask_value_item_mask-char");
|
|
1013
|
+
const renderValueChar = (obj, i) => renderChar(obj, i, "input-mask_value_item_value-char");
|
|
1014
|
+
const renderSpecialChar = (obj, i) => renderChar(obj, i, "input-mask_value_item_spec-char");
|
|
1016
1015
|
const renderInputValue = () => {
|
|
1017
1016
|
return innerValue.map((obj, i) => {
|
|
1018
1017
|
const {
|
|
@@ -1022,25 +1021,25 @@ function InputMask() {
|
|
|
1022
1021
|
if (isSpecialSymbol) {
|
|
1023
1022
|
return renderSpecialChar(obj, i);
|
|
1024
1023
|
}
|
|
1025
|
-
const isMaskItem = (() => char ===
|
|
1024
|
+
const isMaskItem = (() => char === "")();
|
|
1026
1025
|
return isMaskItem ? renderMaskChar(obj, i) : renderValueChar(obj, i);
|
|
1027
1026
|
});
|
|
1028
1027
|
};
|
|
1029
1028
|
const render = () => {
|
|
1030
1029
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
1031
|
-
className: (0, _classnames.default)(
|
|
1030
|
+
className: (0, _classnames.default)("input-mask_wrapper", className, {
|
|
1032
1031
|
disabled
|
|
1033
1032
|
}, {
|
|
1034
|
-
|
|
1033
|
+
"input-mask_error": isError
|
|
1035
1034
|
}, {
|
|
1036
|
-
|
|
1035
|
+
"input-mask_focus": isFocused
|
|
1037
1036
|
}, {
|
|
1038
|
-
|
|
1037
|
+
"input-mask_blink-error": blinkError
|
|
1039
1038
|
}),
|
|
1040
1039
|
onClick: onWrapperClick,
|
|
1041
1040
|
onBlur: onBlur
|
|
1042
1041
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
1043
|
-
className: "\n input-mask\n ".concat(isError ?
|
|
1042
|
+
className: "\n input-mask\n ".concat(isError ? "input-mask_error" : "", "\n ").concat(isFocused ? "input-mask_focus" : "", "\n ").concat(blinkError ? "input-mask_blink-error" : "", "\n "),
|
|
1044
1043
|
"data-testid": testId,
|
|
1045
1044
|
onMouseDown: e => cancelDefaultAction(e, () => setIsMouseDown(true)),
|
|
1046
1045
|
onMouseMove: e => cancelDefaultAction(e, onMouseDownMove)
|
|
@@ -13,8 +13,8 @@
|
|
|
13
13
|
|
|
14
14
|
.input-mask {
|
|
15
15
|
display: inline-flex;
|
|
16
|
-
align-items: center;
|
|
17
16
|
justify-content: space-between;
|
|
17
|
+
align-items: center;
|
|
18
18
|
|
|
19
19
|
box-sizing: border-box;
|
|
20
20
|
width: 100%;
|
|
@@ -22,18 +22,18 @@
|
|
|
22
22
|
|
|
23
23
|
cursor: text;
|
|
24
24
|
|
|
25
|
-
border: 1px solid #
|
|
25
|
+
border: 1px solid #e2e5ec;
|
|
26
26
|
border-radius: 4px;
|
|
27
|
-
background-color: #
|
|
27
|
+
background-color: #fff;
|
|
28
28
|
|
|
29
29
|
&_focus {
|
|
30
|
-
border-color: #
|
|
30
|
+
border-color: #6b81dd;
|
|
31
31
|
filter: drop-shadow(0 0 4px rgb(93 120 255 / 50%));
|
|
32
32
|
}
|
|
33
33
|
|
|
34
34
|
&_error,
|
|
35
35
|
&_blink-error {
|
|
36
|
-
border-color: #
|
|
36
|
+
border-color: #dd6b6b;
|
|
37
37
|
filter: drop-shadow(0 0 4px rgb(255 93 93 / 50%));
|
|
38
38
|
}
|
|
39
39
|
|
|
@@ -120,13 +120,13 @@
|
|
|
120
120
|
margin: 0;
|
|
121
121
|
padding: 0;
|
|
122
122
|
|
|
123
|
+
font-size: 16px;
|
|
124
|
+
|
|
123
125
|
border: none;
|
|
124
126
|
outline: none;
|
|
125
127
|
|
|
126
|
-
font-size: 16px;
|
|
127
|
-
|
|
128
128
|
&_mask-char {
|
|
129
|
-
color: #
|
|
129
|
+
color: #9c9c9c;
|
|
130
130
|
}
|
|
131
131
|
|
|
132
132
|
&_value-char,
|
|
@@ -149,8 +149,8 @@
|
|
|
149
149
|
.input-mask_error-text {
|
|
150
150
|
margin-top: 8px;
|
|
151
151
|
|
|
152
|
-
color: rgb(211 82 82);
|
|
153
|
-
|
|
154
152
|
font-size: 12px;
|
|
153
|
+
|
|
154
|
+
color: rgb(211 82 82);
|
|
155
155
|
}
|
|
156
156
|
}
|
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
module.exports = {
|
|
4
|
-
UPPERCASE_LETTER_MASK_CHAR:
|
|
5
|
-
LOWERCASE_LETTER_MASK_CHAR:
|
|
6
|
-
DIGIT_MASK_CHAR:
|
|
7
|
-
SPACE_CHAR:
|
|
4
|
+
UPPERCASE_LETTER_MASK_CHAR: "L",
|
|
5
|
+
LOWERCASE_LETTER_MASK_CHAR: "l",
|
|
6
|
+
DIGIT_MASK_CHAR: "D",
|
|
7
|
+
SPACE_CHAR: "\u00A0",
|
|
8
8
|
ANDROID_CHROME_TEXT_CODE: 229,
|
|
9
|
-
EXCLUDED_KEYS: [
|
|
9
|
+
EXCLUDED_KEYS: ["Tab"],
|
|
10
10
|
DEFAULT_ERRORS: {
|
|
11
|
-
onlyLetter:
|
|
12
|
-
onlyDigit:
|
|
13
|
-
onlyUpperCase:
|
|
14
|
-
onlyLowerCase:
|
|
11
|
+
onlyLetter: "Type letter",
|
|
12
|
+
onlyDigit: "Type digit",
|
|
13
|
+
onlyUpperCase: "Type letter in UpperCase",
|
|
14
|
+
onlyLowerCase: "Type letter in LowerCase",
|
|
15
15
|
default: null
|
|
16
16
|
}
|
|
17
17
|
};
|
|
@@ -7,13 +7,13 @@ exports.voidFn = exports.selectElementContents = exports.resetSelectionText = ex
|
|
|
7
7
|
var _config = require("./config");
|
|
8
8
|
const getSelectionText = () => {
|
|
9
9
|
var _text;
|
|
10
|
-
let text =
|
|
10
|
+
let text = "";
|
|
11
11
|
if (window.getSelection) {
|
|
12
12
|
text = window.getSelection().toString();
|
|
13
|
-
} else if (document.selection && document.selection.type !==
|
|
13
|
+
} else if (document.selection && document.selection.type !== "Control") {
|
|
14
14
|
text = document.selection.createRange().text;
|
|
15
15
|
}
|
|
16
|
-
return (_text = text) === null || _text === void 0 ? void 0 : _text.replace(/\n/g,
|
|
16
|
+
return (_text = text) === null || _text === void 0 ? void 0 : _text.replace(/\n/g, "");
|
|
17
17
|
};
|
|
18
18
|
exports.getSelectionText = getSelectionText;
|
|
19
19
|
const resetSelectionText = () => {
|
|
@@ -25,13 +25,13 @@ exports.resetSelectionText = resetSelectionText;
|
|
|
25
25
|
const copyToClipboard = str => {
|
|
26
26
|
if (navigator && navigator.clipboard && navigator.clipboard.writeText) return navigator.clipboard.writeText(str);
|
|
27
27
|
// eslint-disable-next-line prefer-promise-reject-errors
|
|
28
|
-
return Promise.reject(
|
|
28
|
+
return Promise.reject("The Clipboard API is not available.");
|
|
29
29
|
};
|
|
30
30
|
exports.copyToClipboard = copyToClipboard;
|
|
31
31
|
const selectElementContents = function (el) {
|
|
32
32
|
let startOffset = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : -1;
|
|
33
33
|
let endOffset = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : -1;
|
|
34
|
-
|
|
34
|
+
const sel = window.getSelection();
|
|
35
35
|
sel.selectAllChildren(el);
|
|
36
36
|
};
|
|
37
37
|
exports.selectElementContents = selectElementContents;
|
|
@@ -48,7 +48,7 @@ const isLowerCaseLetter = char => {
|
|
|
48
48
|
};
|
|
49
49
|
exports.isLowerCaseLetter = isLowerCaseLetter;
|
|
50
50
|
const isDigit = char => {
|
|
51
|
-
return Boolean(Number.isInteger(parseInt(char)));
|
|
51
|
+
return Boolean(Number.isInteger(parseInt(char, 10)));
|
|
52
52
|
};
|
|
53
53
|
exports.isDigit = isDigit;
|
|
54
54
|
const isDigitMaskChar = char => {
|
|
@@ -60,6 +60,7 @@ const isLetterMaskChar = char => {
|
|
|
60
60
|
};
|
|
61
61
|
exports.isLetterMaskChar = isLetterMaskChar;
|
|
62
62
|
const voidFn = () => {
|
|
63
|
-
|
|
63
|
+
// eslint-disable-next-line no-console
|
|
64
|
+
console.error("Void Function Called");
|
|
64
65
|
};
|
|
65
66
|
exports.voidFn = voidFn;
|