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,19 +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 _momentTimezone = _interopRequireDefault(require("moment-timezone"));
|
|
15
|
+
|
|
11
16
|
var _reactInputMask = _interopRequireDefault(require("react-input-mask"));
|
|
17
|
+
|
|
12
18
|
var _useClickOutside = require("../../../Functions/useClickOutside");
|
|
19
|
+
|
|
13
20
|
var _Calendar = _interopRequireDefault(require("../Calendar/Calendar"));
|
|
21
|
+
|
|
14
22
|
require("./InputCalendar.scss");
|
|
15
|
-
|
|
16
|
-
function
|
|
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
|
+
|
|
17
28
|
const InputCalendar = _ref => {
|
|
18
29
|
let {
|
|
19
30
|
value,
|
|
@@ -42,50 +53,64 @@ const InputCalendar = _ref => {
|
|
|
42
53
|
const momentMinDate = (0, _momentTimezone.default)(formattedMinDate, format).startOf("day");
|
|
43
54
|
const momentMaxDate = (0, _momentTimezone.default)(formattedMaxDate, format).startOf("day");
|
|
44
55
|
(0, _useClickOutside.useClickOutside)(calendarRef, () => setIsOpened(false));
|
|
56
|
+
|
|
45
57
|
const changeInputValue = val => {
|
|
46
58
|
if (onChange) onChange(val);
|
|
47
59
|
};
|
|
60
|
+
|
|
48
61
|
const changeCalendarDay = val => {
|
|
49
62
|
if (onChange) onChange(val);
|
|
50
63
|
};
|
|
64
|
+
|
|
51
65
|
const getCalendarValue = value => {
|
|
52
66
|
const date = (0, _momentTimezone.default)(value).format("L");
|
|
53
67
|
if (date !== "Invalid date") return date;
|
|
54
68
|
return (0, _momentTimezone.default)(new Date()).format("L");
|
|
55
69
|
};
|
|
70
|
+
|
|
56
71
|
(0, _react.useEffect)(() => {
|
|
57
72
|
if (typeof isOpened === "boolean" && !isOpened) {
|
|
58
73
|
handleBlur();
|
|
59
74
|
}
|
|
60
75
|
}, [isOpened]);
|
|
76
|
+
|
|
61
77
|
const handleBlur = e => {
|
|
62
78
|
var _inputRef$current;
|
|
63
|
-
|
|
79
|
+
|
|
80
|
+
let value = inputRef === null || inputRef === void 0 ? void 0 : (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.value;
|
|
64
81
|
if ((0, _momentTimezone.default)(value, format).format(format) === "Invalid date" || value.indexOf("_") > -1) value = "";
|
|
65
82
|
if (value && typeof isOpened === "boolean" && (0, _momentTimezone.default)(value, format).startOf("day").isBefore(momentMinDate, "days")) onChange(formattedMinDate);else if (value && typeof isOpened === "boolean" && (0, _momentTimezone.default)(value, format).endOf("day").isAfter(momentMaxDate, "days")) onChange(formattedMaxDate);else if (value) onChange((0, _momentTimezone.default)(value, format).format(format));
|
|
66
83
|
};
|
|
84
|
+
|
|
67
85
|
const onKeyDown = e => {
|
|
68
86
|
if (isOpened && [9, 13].includes(e.keyCode)) {
|
|
69
87
|
setIsOpened(false);
|
|
70
88
|
setOpenedByEnter(true);
|
|
71
89
|
}
|
|
90
|
+
|
|
72
91
|
onKeyDownProp(e);
|
|
73
92
|
};
|
|
93
|
+
|
|
74
94
|
const onKeyUp = e => {
|
|
75
95
|
var _e$target$value;
|
|
96
|
+
|
|
76
97
|
const isValidLenght = ((_e$target$value = e.target.value) === null || _e$target$value === void 0 ? void 0 : _e$target$value.replace(/[^0-9]/g, "").length) === 8;
|
|
98
|
+
|
|
77
99
|
if ([9, 13].includes(e.keyCode)) {
|
|
78
100
|
setIsOpened(true);
|
|
79
101
|
setOpenedByEnter(true);
|
|
80
102
|
}
|
|
103
|
+
|
|
81
104
|
if (isValidLenght) {
|
|
82
105
|
setIsOpened(false);
|
|
83
106
|
handleBlur();
|
|
84
107
|
} else {
|
|
85
108
|
setIsOpened(true);
|
|
86
109
|
}
|
|
110
|
+
|
|
87
111
|
onKeyUpProp(e);
|
|
88
112
|
};
|
|
113
|
+
|
|
89
114
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
90
115
|
"data-testid": "inputCalendar--key-".concat(testId, "--container"),
|
|
91
116
|
className: (0, _classnames.default)("input__wrap calendar-container", className, {
|
|
@@ -119,4 +144,6 @@ const InputCalendar = _ref => {
|
|
|
119
144
|
setIsOpened: setIsOpened
|
|
120
145
|
}) : null);
|
|
121
146
|
};
|
|
122
|
-
|
|
147
|
+
|
|
148
|
+
var _default = InputCalendar;
|
|
149
|
+
exports.default = _default;
|
|
@@ -1,16 +1,24 @@
|
|
|
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 _fieldValueFormatters = require("../../../Functions/fieldValueFormatters");
|
|
17
|
+
|
|
12
18
|
var _Input = _interopRequireDefault(require("../Input/Input"));
|
|
19
|
+
|
|
13
20
|
require("./InputColor.scss");
|
|
21
|
+
|
|
14
22
|
const InputColor = _ref => {
|
|
15
23
|
let {
|
|
16
24
|
value,
|
|
@@ -29,8 +37,8 @@ const InputColor = _ref => {
|
|
|
29
37
|
const {
|
|
30
38
|
withSharp,
|
|
31
39
|
isTurnOn: isHex
|
|
32
|
-
} = withHexFormat;
|
|
33
|
-
|
|
40
|
+
} = withHexFormat; // HANDLES
|
|
41
|
+
|
|
34
42
|
const handle = {
|
|
35
43
|
change: e => {
|
|
36
44
|
let inputValue = e !== null && e !== void 0 && e.target ? e.target.value : e;
|
|
@@ -40,7 +48,7 @@ const InputColor = _ref => {
|
|
|
40
48
|
withSharp: withSharp
|
|
41
49
|
});
|
|
42
50
|
if (symbolsLimit && inputValue.length > Number(symbolsLimit)) inputValue = inputValue.substring(0, Number(symbolsLimit));
|
|
43
|
-
onChange === null || onChange === void 0
|
|
51
|
+
onChange === null || onChange === void 0 ? void 0 : onChange(inputValue);
|
|
44
52
|
}
|
|
45
53
|
};
|
|
46
54
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
@@ -60,4 +68,6 @@ const InputColor = _ref => {
|
|
|
60
68
|
type: "text"
|
|
61
69
|
})));
|
|
62
70
|
};
|
|
63
|
-
|
|
71
|
+
|
|
72
|
+
var _default = InputColor;
|
|
73
|
+
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 = _interopRequireWildcard(require("react"));
|
|
13
|
+
|
|
10
14
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
15
|
+
|
|
11
16
|
var _fieldValueFormatters = require("../../../Functions/fieldValueFormatters");
|
|
17
|
+
|
|
12
18
|
require("./InputCurrency.scss");
|
|
13
|
-
|
|
14
|
-
function
|
|
19
|
+
|
|
20
|
+
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); }
|
|
21
|
+
|
|
22
|
+
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; }
|
|
23
|
+
|
|
15
24
|
const InputCurrency = _ref => {
|
|
16
25
|
let {
|
|
17
26
|
currencySymbol = "$",
|
|
@@ -33,9 +42,11 @@ const InputCurrency = _ref => {
|
|
|
33
42
|
const [inputValue, setInputValue] = (0, _react.useState)(currencySymbol);
|
|
34
43
|
const [isFocused, setIsFocused] = (0, _react.useState)(false);
|
|
35
44
|
const inputRef = (0, _react.useRef)(null);
|
|
45
|
+
|
|
36
46
|
const formatNumberWithCommas = number => {
|
|
37
47
|
return number.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
|
|
38
48
|
};
|
|
49
|
+
|
|
39
50
|
const formatCurrencyInput = event => {
|
|
40
51
|
let newValue = event.target.value;
|
|
41
52
|
newValue = newValue.replace(currencySymbol, "");
|
|
@@ -45,32 +56,40 @@ const InputCurrency = _ref => {
|
|
|
45
56
|
setInputValue(newValue);
|
|
46
57
|
if (value !== parseFloat(preparedValue)) onChange(!isNaN(parseFloat(preparedValue)) ? parseFloat(preparedValue) : "");
|
|
47
58
|
};
|
|
59
|
+
|
|
48
60
|
const onInputClick = () => {
|
|
49
61
|
if (!inputValue) {
|
|
50
62
|
inputRef.current.selectionStart = inputRef.current.selectionEnd = currencySymbol ? currencySymbol.length : 1;
|
|
51
63
|
}
|
|
52
64
|
};
|
|
65
|
+
|
|
53
66
|
const onKeyDown = event => {
|
|
54
67
|
if (event.key.match(/^[a-zA-Z0-9]$/)) {
|
|
55
68
|
setInputValue(inputValue.slice(0, inputRef.current.selectionStart));
|
|
56
69
|
}
|
|
57
70
|
};
|
|
71
|
+
|
|
58
72
|
const checkMinMax = (event, value) => {
|
|
59
73
|
var _event$target;
|
|
60
|
-
|
|
74
|
+
|
|
75
|
+
const clearValue = value !== null && value !== void 0 ? value : (0, _fieldValueFormatters.filterNumeric)(event === null || event === void 0 ? void 0 : (_event$target = event.target) === null || _event$target === void 0 ? void 0 : _event$target.value, onlyNumbers);
|
|
61
76
|
if (!clearValue) return false;
|
|
77
|
+
|
|
62
78
|
if (clearValue < min) {
|
|
63
79
|
setInputValue("".concat(currencySymbol).concat(formatNumberWithCommas(min)));
|
|
64
80
|
onChange(min);
|
|
65
81
|
return false;
|
|
66
82
|
}
|
|
83
|
+
|
|
67
84
|
if (max && clearValue > max) {
|
|
68
85
|
setInputValue("".concat(currencySymbol).concat(formatNumberWithCommas(max)));
|
|
69
86
|
onChange(max);
|
|
70
87
|
return false;
|
|
71
88
|
}
|
|
89
|
+
|
|
72
90
|
return true;
|
|
73
91
|
};
|
|
92
|
+
|
|
74
93
|
(0, _react.useEffect)(() => {
|
|
75
94
|
if (value && parseFloat(value) !== parseFloat((0, _fieldValueFormatters.filterNumeric)(inputValue, onlyNumbers))) {
|
|
76
95
|
if (checkMinMax(null, value)) setInputValue("".concat(currencySymbol).concat(formatNumberWithCommas(value)));
|
|
@@ -93,15 +112,19 @@ const InputCurrency = _ref => {
|
|
|
93
112
|
}, attributesOfNativeInput, {
|
|
94
113
|
onFocus: e => {
|
|
95
114
|
var _attributesOfNativeIn;
|
|
96
|
-
|
|
115
|
+
|
|
116
|
+
attributesOfNativeInput === null || attributesOfNativeInput === void 0 ? void 0 : (_attributesOfNativeIn = attributesOfNativeInput.onFocus) === null || _attributesOfNativeIn === void 0 ? void 0 : _attributesOfNativeIn.call(attributesOfNativeInput, e);
|
|
97
117
|
setIsFocused(true);
|
|
98
118
|
},
|
|
99
119
|
onBlur: (e, value) => {
|
|
100
120
|
var _attributesOfNativeIn2;
|
|
101
|
-
|
|
121
|
+
|
|
122
|
+
attributesOfNativeInput === null || attributesOfNativeInput === void 0 ? void 0 : (_attributesOfNativeIn2 = attributesOfNativeInput.onBlur) === null || _attributesOfNativeIn2 === void 0 ? void 0 : _attributesOfNativeIn2.call(attributesOfNativeInput, e);
|
|
102
123
|
if (!isNoCheckMinMax) checkMinMax(e, value);
|
|
103
124
|
setIsFocused(false);
|
|
104
125
|
}
|
|
105
126
|
})));
|
|
106
127
|
};
|
|
107
|
-
|
|
128
|
+
|
|
129
|
+
var _default = InputCurrency;
|
|
130
|
+
exports.default = _default;
|
|
@@ -1,27 +1,42 @@
|
|
|
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 _momentTimezone = _interopRequireDefault(require("moment-timezone"));
|
|
17
|
+
|
|
12
18
|
var _useIsMobile = _interopRequireDefault(require("../../../Functions/useIsMobile"));
|
|
19
|
+
|
|
13
20
|
var _Arrow = _interopRequireDefault(require("../../UI/Arrow/Arrow"));
|
|
21
|
+
|
|
14
22
|
var _OpenedPart = _interopRequireDefault(require("./components/OpenedPart"));
|
|
23
|
+
|
|
15
24
|
var _dependencies = require("./dependencies");
|
|
25
|
+
|
|
16
26
|
require("./InputDateRange.scss");
|
|
17
|
-
|
|
18
|
-
function
|
|
27
|
+
|
|
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); }
|
|
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
|
+
|
|
19
32
|
const checkFormat = (date, format) => {
|
|
20
33
|
const momentObj = (0, _momentTimezone.default)(date, format);
|
|
21
34
|
return momentObj.isValid() ? momentObj.format(format) : null;
|
|
22
35
|
};
|
|
36
|
+
|
|
23
37
|
const InputDateRange = props => {
|
|
24
38
|
var _ref, _INTERVALS$actualValu;
|
|
39
|
+
|
|
25
40
|
const {
|
|
26
41
|
txt,
|
|
27
42
|
id,
|
|
@@ -65,6 +80,7 @@ const InputDateRange = props => {
|
|
|
65
80
|
const ref = !isUseAbs && !isMobile ? (0, _dependencies.useClickOutside)(toggleOff, dropdownContainers) : (0, _react.useRef)(null);
|
|
66
81
|
const internalContainerRef = (0, _react.useRef)(null);
|
|
67
82
|
const [dateRangeContainerId, setDateRangeContainerId] = (0, _react.useState)(Math.random().toString(16).slice(2));
|
|
83
|
+
|
|
68
84
|
const handleChange = input => {
|
|
69
85
|
const newValue = (0, _dependencies.getActualDateRange)(input);
|
|
70
86
|
const formatedValue = {
|
|
@@ -84,12 +100,15 @@ const InputDateRange = props => {
|
|
|
84
100
|
onChange(formatedValue);
|
|
85
101
|
return formatedValue;
|
|
86
102
|
};
|
|
103
|
+
|
|
87
104
|
const Range = () => {
|
|
88
105
|
const SYMBOLS_QUANTITY_IF_TIME_ADDED = 13;
|
|
106
|
+
|
|
89
107
|
if (!actualValues.start && value.start) {
|
|
90
108
|
actualValues.start = value.start;
|
|
91
109
|
actualValues.end = value.end || "";
|
|
92
110
|
}
|
|
111
|
+
|
|
93
112
|
const {
|
|
94
113
|
start,
|
|
95
114
|
end
|
|
@@ -99,17 +118,21 @@ const InputDateRange = props => {
|
|
|
99
118
|
const endTime = (0, _momentTimezone.default)(end).format(_dependencies.MAIN_TIME_FORMAT);
|
|
100
119
|
const firstPart = "".concat((0, _momentTimezone.default)(start).format("ll"), " ").concat(startTime !== "00:00" ? "(".concat(startTime, ")") : "");
|
|
101
120
|
const secondPart = "".concat((endTime !== "00:00" ? (0, _momentTimezone.default)(end) : (0, _momentTimezone.default)(end).subtract(1, "days")).format("ll"), " ").concat(endTime !== "00:00" ? "(".concat(endTime, ")") : "");
|
|
121
|
+
|
|
102
122
|
const getClasses = base => (0, _classnames.default)("date-range-input__range-text", {
|
|
103
123
|
"date-range-input__range-text_little": base.length > SYMBOLS_QUANTITY_IF_TIME_ADDED
|
|
104
124
|
});
|
|
125
|
+
|
|
105
126
|
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("span", {
|
|
106
127
|
className: getClasses(firstPart)
|
|
107
128
|
}, firstPart, endTime === "00:00" && (0, _momentTimezone.default)(end).isSame((0, _momentTimezone.default)(start).add(1, "days"), "day") ? "" : " - "), endTime === "00:00" && (0, _momentTimezone.default)(end).isSame((0, _momentTimezone.default)(start).add(1, "days"), "day") ? null : /*#__PURE__*/_react.default.createElement("span", {
|
|
108
129
|
className: getClasses(secondPart)
|
|
109
130
|
}, secondPart));
|
|
110
131
|
};
|
|
132
|
+
|
|
111
133
|
const slideInterval = function () {
|
|
112
134
|
var _getActualDateRange;
|
|
135
|
+
|
|
113
136
|
let direction = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "forward";
|
|
114
137
|
const {
|
|
115
138
|
start,
|
|
@@ -120,6 +143,7 @@ const InputDateRange = props => {
|
|
|
120
143
|
let newStart;
|
|
121
144
|
const endHours = (0, _momentTimezone.default)(end).hours();
|
|
122
145
|
const startHours = (0, _momentTimezone.default)(start).hours();
|
|
146
|
+
|
|
123
147
|
if (direction === "forward") {
|
|
124
148
|
newStart = (0, _momentTimezone.default)(end).add(endHours === 0 ? 0 : 1, "day").hours(startHours).toDate();
|
|
125
149
|
newEnd = (0, _momentTimezone.default)(newStart).add(intervalHoursCount, "hours");
|
|
@@ -127,10 +151,10 @@ const InputDateRange = props => {
|
|
|
127
151
|
newEnd = (0, _momentTimezone.default)(start).subtract(endHours === 0 ? 0 : 1, "day").hours(endHours).toDate();
|
|
128
152
|
newStart = (0, _momentTimezone.default)(newEnd).subtract(intervalHoursCount, "hours");
|
|
129
153
|
}
|
|
154
|
+
|
|
130
155
|
const startPrevDate = (0, _momentTimezone.default)(newStart).subtract(intervalHoursCount, "hours").subtract(1, "seconds");
|
|
131
156
|
const endPrevDate = (0, _momentTimezone.default)(newEnd).subtract(1, "seconds");
|
|
132
|
-
handleChange({
|
|
133
|
-
...value,
|
|
157
|
+
handleChange({ ...value,
|
|
134
158
|
intervalKey: (_getActualDateRange = (0, _dependencies.getActualDateRange)({
|
|
135
159
|
start: newStart,
|
|
136
160
|
end: newEnd
|
|
@@ -141,30 +165,38 @@ const InputDateRange = props => {
|
|
|
141
165
|
endPrevDate
|
|
142
166
|
});
|
|
143
167
|
};
|
|
168
|
+
|
|
144
169
|
const handleArrowClick = type => {
|
|
145
170
|
slideInterval(type === "right" ? "forward" : "back");
|
|
146
171
|
toggleOff();
|
|
147
172
|
};
|
|
173
|
+
|
|
148
174
|
const getParentNode = () => {
|
|
149
175
|
var _document$querySelect;
|
|
176
|
+
|
|
150
177
|
return (_document$querySelect = document.querySelector("div#root")) !== null && _document$querySelect !== void 0 ? _document$querySelect : document.querySelector("div#app");
|
|
151
178
|
};
|
|
179
|
+
|
|
152
180
|
const initDateRangeContainer = () => {
|
|
153
181
|
var _document$getElementB, _getParentNode;
|
|
154
|
-
|
|
182
|
+
|
|
183
|
+
(_document$getElementB = document.getElementById(dateRangeContainerId)) === null || _document$getElementB === void 0 ? void 0 : _document$getElementB.remove();
|
|
155
184
|
const dateRangeContainer = document.createElement("div");
|
|
156
185
|
dateRangeContainer.setAttribute("id", dateRangeContainerId);
|
|
157
186
|
dateRangeContainer.classList.add("input-date-range__mobile-container");
|
|
158
|
-
(_getParentNode = getParentNode()) === null || _getParentNode === void 0
|
|
187
|
+
(_getParentNode = getParentNode()) === null || _getParentNode === void 0 ? void 0 : _getParentNode.append(dateRangeContainer);
|
|
159
188
|
};
|
|
189
|
+
|
|
160
190
|
const getDateRangeContainer = () => {
|
|
161
191
|
return document.getElementById(dateRangeContainerId);
|
|
162
192
|
};
|
|
193
|
+
|
|
163
194
|
(0, _react.useLayoutEffect)(() => {
|
|
164
195
|
initDateRangeContainer();
|
|
165
196
|
return () => {
|
|
166
197
|
var _getDateRangeContaine;
|
|
167
|
-
|
|
198
|
+
|
|
199
|
+
(_getDateRangeContaine = getDateRangeContainer()) === null || _getDateRangeContaine === void 0 ? void 0 : _getDateRangeContaine.remove();
|
|
168
200
|
};
|
|
169
201
|
}, []);
|
|
170
202
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
@@ -239,4 +271,7 @@ const InputDateRange = props => {
|
|
|
239
271
|
className: "date-range-input__error-block"
|
|
240
272
|
}, error));
|
|
241
273
|
};
|
|
242
|
-
|
|
274
|
+
|
|
275
|
+
var _default = /*#__PURE__*/_react.default.memo(InputDateRange);
|
|
276
|
+
|
|
277
|
+
exports.default = _default;
|
|
@@ -1,24 +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 _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 _momentTimezone = _interopRequireDefault(require("moment-timezone"));
|
|
17
|
+
|
|
12
18
|
var _mobileKeyboardTypesPresets = require("../../../../Functions/presets/mobileKeyboardTypesPresets");
|
|
19
|
+
|
|
13
20
|
var _Input = _interopRequireDefault(require("../../Input/Input"));
|
|
21
|
+
|
|
14
22
|
const handleDateInputOnChange = value => {
|
|
15
23
|
const replace = val => val === null || val === void 0 ? void 0 : val.replace(/[^0-9\/]/g, "");
|
|
24
|
+
|
|
16
25
|
const input = replace(value);
|
|
17
26
|
const lastSymbol = input ? input.slice(-1) : "";
|
|
18
27
|
const previousValue = input ? input.slice(0, input.length - 1) : "";
|
|
19
28
|
if (value.length > 10 || lastSymbol === "/") return previousValue;
|
|
20
29
|
return previousValue.length === 2 || previousValue.length === 5 ? previousValue + "/" + lastSymbol : input;
|
|
21
30
|
};
|
|
31
|
+
|
|
22
32
|
const DateInput = (props, ref) => {
|
|
23
33
|
const {
|
|
24
34
|
RC,
|
|
@@ -35,11 +45,16 @@ const DateInput = (props, ref) => {
|
|
|
35
45
|
onBlur,
|
|
36
46
|
onKeyUp
|
|
37
47
|
} = props;
|
|
38
|
-
|
|
48
|
+
|
|
49
|
+
const preparedDate = (() => {
|
|
50
|
+
var _prepareDate, _output$toString;
|
|
51
|
+
|
|
39
52
|
const prepareDateDefault = date => (0, _momentTimezone.default)(date).format("MM/DD/YYYY");
|
|
53
|
+
|
|
40
54
|
const output = (_prepareDate = prepareDate === null || prepareDate === void 0 ? void 0 : prepareDate(date)) !== null && _prepareDate !== void 0 ? _prepareDate : prepareDateDefault(date);
|
|
41
|
-
return ((output === null || output === void 0
|
|
55
|
+
return ((output === null || output === void 0 ? void 0 : (_output$toString = output.toString) === null || _output$toString === void 0 ? void 0 : _output$toString.call(output).toLowerCase()) || "") !== "invalid date" ? output : "";
|
|
42
56
|
})();
|
|
57
|
+
|
|
43
58
|
return isFocused ? /*#__PURE__*/_react.default.createElement(_Input.default, (0, _extends2.default)({
|
|
44
59
|
ref: ref,
|
|
45
60
|
testId: testId,
|
|
@@ -58,4 +73,7 @@ const DateInput = (props, ref) => {
|
|
|
58
73
|
className: (0, _classnames.default)("")
|
|
59
74
|
}, preparedDate));
|
|
60
75
|
};
|
|
61
|
-
|
|
76
|
+
|
|
77
|
+
var _default = /*#__PURE__*/_react.default.forwardRef(DateInput);
|
|
78
|
+
|
|
79
|
+
exports.default = _default;
|