intelicoreact 1.3.37 → 1.3.39
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 +1 -9
- package/dist/Atomic/FormElements/AdvancedStatus/AdvancedStatus.js +1 -10
- package/dist/Atomic/FormElements/Calendar/Calendar.js +4 -24
- package/dist/Atomic/FormElements/CheckboxInput/CheckboxInput.js +1 -10
- package/dist/Atomic/FormElements/CheckboxesLine/CheckboxesLine.js +2 -14
- package/dist/Atomic/FormElements/Datepicker/Datepicker.js +5 -54
- package/dist/Atomic/FormElements/Datepicker/components/Calendar.js +3 -21
- package/dist/Atomic/FormElements/Dropdown/Dropdown.js +54 -145
- package/dist/Atomic/FormElements/Dropdown/components/DropdownLoader.js +1 -7
- package/dist/Atomic/FormElements/DropdownLiveSearch/DropdownLiveSearch.js +9 -47
- package/dist/Atomic/FormElements/FileLoader/FileLoader.js +3 -15
- package/dist/Atomic/FormElements/FileLoader/partial/LoadZone.js +15 -29
- package/dist/Atomic/FormElements/FileLoader/partial/LoadedContent.js +5 -15
- package/dist/Atomic/FormElements/FileLoaderLocal/FileLoaderLocal.js +6 -26
- package/dist/Atomic/FormElements/FileLoaderLocalGroup/FileLoaderLocalGroup.js +19 -35
- package/dist/Atomic/FormElements/FormattedRawSSN/FormattedRawSSN.js +9 -38
- package/dist/Atomic/FormElements/Input/Input.js +24 -57
- package/dist/Atomic/FormElements/InputCalendar/InputCalendar.js +4 -31
- package/dist/Atomic/FormElements/InputColor/InputColor.js +4 -14
- package/dist/Atomic/FormElements/InputCurrency/InputCurrency.js +6 -27
- package/dist/Atomic/FormElements/InputDateRange/InputDateRange.js +7 -42
- package/dist/Atomic/FormElements/InputDateRange/components/DateInput.js +3 -21
- package/dist/Atomic/FormElements/InputDateRange/components/Datepicker.js +58 -81
- package/dist/Atomic/FormElements/InputDateRange/components/OpenedPart.js +6 -41
- package/dist/Atomic/FormElements/InputDateRange/components/SelectItem.js +1 -8
- package/dist/Atomic/FormElements/InputDateRange/dependencies.js +14 -44
- package/dist/Atomic/FormElements/InputLink/InputLink.js +6 -23
- package/dist/Atomic/FormElements/InputMask/InputCarretPosition.js +0 -4
- package/dist/Atomic/FormElements/InputMask/InputMask.js +77 -208
- package/dist/Atomic/FormElements/InputMask/functions.js +2 -28
- package/dist/Atomic/FormElements/InputMask2/InputMask2.js +43 -119
- package/dist/Atomic/FormElements/InputMask2/functions.js +2 -28
- package/dist/Atomic/FormElements/InputMask3/InputMask3.js +44 -137
- package/dist/Atomic/FormElements/InputMask3/functions.js +2 -28
- package/dist/Atomic/FormElements/InputWithAction/InputWithAction.js +3 -17
- package/dist/Atomic/FormElements/InputsRow/InputsRow.js +5 -24
- package/dist/Atomic/FormElements/Label/Label.js +1 -9
- package/dist/Atomic/FormElements/MobileCalendar/MobileCalendar.js +35 -73
- package/dist/Atomic/FormElements/MultiSelect/MultiSelect.js +3 -15
- package/dist/Atomic/FormElements/NumericInput/NumericInput.js +23 -44
- package/dist/Atomic/FormElements/RadioGroup/RadioGroup.js +7 -17
- package/dist/Atomic/FormElements/RadioGroupWithInput/RadioGroupWithInput.js +3 -14
- package/dist/Atomic/FormElements/RadioInput/RadioInput.js +1 -10
- package/dist/Atomic/FormElements/RadioRowSwitcher/RadioRowSwitcher.js +3 -14
- package/dist/Atomic/FormElements/RangeCalendar/RangeCalendar.js +3 -23
- package/dist/Atomic/FormElements/RangeInputs/RangeInputs.js +17 -34
- package/dist/Atomic/FormElements/RangeList/RangeList.js +6 -25
- package/dist/Atomic/FormElements/RangeList/partial/RangeListRow.js +1 -11
- package/dist/Atomic/FormElements/RangeSlider/RangeSlider.js +14 -72
- package/dist/Atomic/FormElements/RangeSlider2/RangeSlider2.js +40 -124
- package/dist/Atomic/FormElements/SwitchableRow/SwitchableRow.js +1 -10
- package/dist/Atomic/FormElements/Switcher/Switcher.js +1 -10
- package/dist/Atomic/FormElements/SwitcherCheckbox/SwitcherCheckbox.js +1 -13
- package/dist/Atomic/FormElements/SwitcherHide/SwitcherHide.js +1 -10
- package/dist/Atomic/FormElements/SwitcherRadio/SwitcherRadio.js +2 -17
- package/dist/Atomic/FormElements/SwitcherRange/SwitcherRange.js +3 -17
- package/dist/Atomic/FormElements/SwitcherRangeList/SwitcherRangeList.js +1 -11
- package/dist/Atomic/FormElements/SwitcherTagsDropdown/SwitcherTagsDropdown.js +6 -29
- package/dist/Atomic/FormElements/SwitcherTagsDropdown/partial/States.js +2 -3
- package/dist/Atomic/FormElements/SwitcherTextarea/SwitcherTextarea.js +1 -12
- package/dist/Atomic/FormElements/TagsDropdown/TagsDropdown.js +53 -145
- package/dist/Atomic/FormElements/Text/Text.js +10 -16
- package/dist/Atomic/FormElements/TextSwitcher/TextSwitcher.js +1 -9
- package/dist/Atomic/FormElements/Textarea/Textarea.js +8 -12
- package/dist/Atomic/FormElements/TieredCheckboxes/TieredCheckboxes.js +6 -35
- package/dist/Atomic/FormElements/TieredCheckboxes/partial/AccordionWithCheckbox.js +4 -13
- package/dist/Atomic/FormElements/TimeRange/TimeRange.js +7 -21
- package/dist/Atomic/FormElements/UserContacts/UserContacts.js +8 -35
- package/dist/Atomic/FormElements/VariantsListRadio/VariantsListRadio.js +5 -18
- package/dist/Atomic/FormElements/VariantsListRadio/partials/VariantsListRadioItem.js +3 -10
- package/dist/Atomic/FormElements/WidgetPseudoTable/WidgetPseudoTable.js +3 -11
- package/dist/Atomic/FormElements/WidgetPseudoTable/partial/constructor.js +1 -2
- package/dist/Atomic/FormElements/WidgetWithSwitchableRows/WidgetWithSwitchableRows.js +5 -12
- package/dist/Atomic/FormElements/WidgetWithSwitchableRows/partial/constructor.js +3 -3
- package/dist/Atomic/Layout/Header/Header.js +3 -15
- package/dist/Atomic/Layout/MainMenu/MainMenu.js +3 -20
- package/dist/Atomic/Layout/Spinner/Spinner.js +1 -8
- package/dist/Atomic/UI/Accordion/Accordion.js +3 -19
- package/dist/Atomic/UI/Accordion/AccordionItem.js +9 -23
- package/dist/Atomic/UI/AccordionTable/AccordionTable.js +7 -32
- package/dist/Atomic/UI/AccordionText/AccordionText.js +3 -15
- package/dist/Atomic/UI/AdvancedTag/AdvTag.js +4 -21
- package/dist/Atomic/UI/AdvancedTag/AdvancedTags.js +3 -15
- package/dist/Atomic/UI/Alert/Alert.js +3 -16
- package/dist/Atomic/UI/Arrow/Arrow.js +3 -16
- package/dist/Atomic/UI/Box/Box.js +3 -9
- package/dist/Atomic/UI/Button/Button.js +2 -11
- package/dist/Atomic/UI/ButtonsBar/ButtonsBar.js +1 -10
- package/dist/Atomic/UI/Chart/Chart.js +4 -29
- package/dist/Atomic/UI/Chart/partial/Chart.constants.js +11 -19
- package/dist/Atomic/UI/Chart/partial/ChartTypeSwitcherIcon/ChartTypeSwitcherIcon.js +1 -12
- package/dist/Atomic/UI/Chart/partial/datasetSetters.js +11 -34
- package/dist/Atomic/UI/Chart/partial/optionsConstructor.js +82 -56
- package/dist/Atomic/UI/Chart/partial/optionsSetters.js +15 -19
- package/dist/Atomic/UI/Chart/partial/utils.js +6 -20
- package/dist/Atomic/UI/CircleProgressBar/CircleProgressBar.js +3 -13
- package/dist/Atomic/UI/DateTime/DateTime.js +3 -14
- package/dist/Atomic/UI/DebugContainer/DebugContainer.js +4 -16
- package/dist/Atomic/UI/DebugContainer/useDebugContainer.js +3 -11
- package/dist/Atomic/UI/DoubleString/DoubleString.js +5 -17
- package/dist/Atomic/UI/DynamicIcon/DynamicIcon.js +3 -10
- package/dist/Atomic/UI/ExampleChartIntegration/ExampleChartIntegration.js +17 -52
- package/dist/Atomic/UI/ExampleChartIntegration/partial/utils.js +1 -29
- package/dist/Atomic/UI/Hint/Hint.js +5 -30
- package/dist/Atomic/UI/Modal/Modal.js +6 -29
- package/dist/Atomic/UI/Modal/ModalHOC.js +4 -9
- package/dist/Atomic/UI/Modal/partials/ModalFooter.js +1 -7
- package/dist/Atomic/UI/Modal/partials/ModalTitle.js +1 -8
- package/dist/Atomic/UI/Modal/partials/useMobileModal.js +32 -49
- package/dist/Atomic/UI/ModalBackup/Modal.js +65 -90
- package/dist/Atomic/UI/ModalBackup/ModalHOC.js +12 -21
- package/dist/Atomic/UI/ModalBackup/partials/ModalFooter.js +6 -11
- package/dist/Atomic/UI/ModalBackup/partials/ModalTitle.js +15 -19
- package/dist/Atomic/UI/MonoAccordion/MonoAccordion.js +6 -21
- package/dist/Atomic/UI/NavLine/NavLine.js +26 -55
- package/dist/Atomic/UI/NavLine/Tabs.js +2 -3
- package/dist/Atomic/UI/PageTitle/PageTitle.js +2 -10
- package/dist/Atomic/UI/PieChart/PieChart.js +1 -10
- package/dist/Atomic/UI/Price/Price.js +3 -8
- package/dist/Atomic/UI/PriceRange/PriceRange.js +1 -7
- package/dist/Atomic/UI/ProgressLine/ProgressLine.js +1 -16
- package/dist/Atomic/UI/Status/Status.js +1 -8
- package/dist/Atomic/UI/Table/Partials/TdCell.js +5 -29
- package/dist/Atomic/UI/Table/Partials/TdHeader.js +1 -11
- package/dist/Atomic/UI/Table/Partials/TdRow.js +5 -17
- package/dist/Atomic/UI/Table/Partials/TdTitle.js +3 -14
- package/dist/Atomic/UI/Table/Table.js +1 -12
- package/dist/Atomic/UI/Table/TdTypes/TdActions.js +2 -18
- package/dist/Atomic/UI/Table/TdTypes/TdPriority.js +1 -9
- package/dist/Atomic/UI/Table/TdTypes/TdRange.js +1 -4
- package/dist/Atomic/UI/Table/TdTypes/TdWeight.js +1 -13
- package/dist/Atomic/UI/Tag/Tag.js +3 -14
- package/dist/Atomic/UI/TagList/TagList.js +19 -35
- package/dist/Atomic/UI/UserBox/UserBox.js +1 -13
- package/dist/Classes/AbortableFetch.js +36 -93
- package/dist/Classes/AnimatedHandler.js +3 -7
- package/dist/Classes/RESTAPI/index.js +39 -43
- package/dist/Classes/RESTAPI/partials/AbortableFetch.js +35 -93
- package/dist/Classes/RESTAPI/partials/ApiBase.js +1 -9
- package/dist/Classes/RESTAPI/partials/ApiRequestCreators.js +7 -19
- package/dist/Classes/RESTAPI/partials/ApiUtils.js +28 -35
- package/dist/Classes/RESTAPI/partials/CredentialsProcessing.js +21 -44
- package/dist/Classes/RESTAPI/partials/Utils.js +6 -19
- package/dist/Classes/RESTAPI/partials/_outerDependencies.js +2 -6
- package/dist/Classes/RESTAPI/partials/_utils.js +13 -36
- package/dist/Constants/index.constants.js +8 -15
- package/dist/Functions/Portal.js +5 -16
- package/dist/Functions/customEventListener.js +4 -17
- package/dist/Functions/fieldValueFormatters.js +43 -83
- package/dist/Functions/hooks/useFormFieldsChangesManager.js +23 -26
- package/dist/Functions/locale/createTranslator.js +4 -9
- package/dist/Functions/operations.js +12 -22
- package/dist/Functions/presets/inputMaskPresets.js +9 -11
- package/dist/Functions/presets/inputPresets.js +8 -11
- package/dist/Functions/presets/mobileKeyboardTypesPresets.js +7 -9
- package/dist/Functions/schemas.js +6 -13
- package/dist/Functions/useBodyScrollLock.js +1 -6
- package/dist/Functions/useClickOutside.js +0 -4
- package/dist/Functions/useDebounce.js +2 -7
- package/dist/Functions/useFieldFocus.js +6 -18
- package/dist/Functions/useFormTools/form-drivers/ArrayWithObjects.js +0 -9
- package/dist/Functions/useFormTools/form-drivers/ObjectWithIterableObjects.js +12 -23
- package/dist/Functions/useFormTools/form-drivers/ObjectWithNamedKeyObjects.js +6 -15
- package/dist/Functions/useFormTools/functions/General.js +18 -28
- package/dist/Functions/useFormTools/functions/RenderFields.js +2 -11
- package/dist/Functions/useFormTools/functions/usePrevious.js +1 -5
- package/dist/Functions/useFormTools/index.js +85 -144
- package/dist/Functions/useInputHighlightError.js +3 -12
- package/dist/Functions/useIsMobile.js +7 -12
- package/dist/Functions/useKeyPress/useHandleKeyPress.js +1 -7
- package/dist/Functions/useKeyPress/useKeyPress.js +1 -9
- package/dist/Functions/useLocalStorage.js +1 -9
- package/dist/Functions/useLocationParams.js +4 -5
- package/dist/Functions/useMetaInfo.js +3 -10
- package/dist/Functions/useMouseUpOutside.js +0 -3
- package/dist/Functions/useOnlineStatus.js +1 -9
- package/dist/Functions/usePasswordChecker.js +4 -20
- package/dist/Functions/usePrevious.js +1 -5
- package/dist/Functions/useResize.js +2 -10
- package/dist/Functions/useScrollTo.js +2 -7
- package/dist/Functions/useToggle.js +1 -5
- package/dist/Functions/utils.js +49 -127
- package/dist/Molecular/CustomIcons/components/AffiliateNetworks.js +2 -9
- package/dist/Molecular/CustomIcons/components/AlertCircle.js +2 -9
- package/dist/Molecular/CustomIcons/components/AppStore.js +2 -9
- package/dist/Molecular/CustomIcons/components/Arrow.js +2 -9
- package/dist/Molecular/CustomIcons/components/ArrowDown.js +2 -9
- package/dist/Molecular/CustomIcons/components/ArrowLeft.js +2 -9
- package/dist/Molecular/CustomIcons/components/ArrowRight.js +2 -9
- package/dist/Molecular/CustomIcons/components/ArrowUp.js +2 -9
- package/dist/Molecular/CustomIcons/components/Bell.js +2 -9
- package/dist/Molecular/CustomIcons/components/Button.js +2 -9
- package/dist/Molecular/CustomIcons/components/Campaigns.js +2 -9
- package/dist/Molecular/CustomIcons/components/Check.js +2 -9
- package/dist/Molecular/CustomIcons/components/Check2.js +2 -9
- package/dist/Molecular/CustomIcons/components/ChevronDown.js +2 -9
- package/dist/Molecular/CustomIcons/components/ChevronDownDisabled.js +2 -9
- package/dist/Molecular/CustomIcons/components/ChevronLeft.js +2 -9
- package/dist/Molecular/CustomIcons/components/ChevronRight.js +2 -9
- package/dist/Molecular/CustomIcons/components/ChevronUp.js +2 -9
- package/dist/Molecular/CustomIcons/components/ChevronUpDown.js +2 -9
- package/dist/Molecular/CustomIcons/components/Close.js +2 -9
- package/dist/Molecular/CustomIcons/components/ColumnsOrder.js +2 -9
- package/dist/Molecular/CustomIcons/components/Delete.js +2 -9
- package/dist/Molecular/CustomIcons/components/Edit.js +2 -9
- package/dist/Molecular/CustomIcons/components/Email.js +2 -9
- package/dist/Molecular/CustomIcons/components/FinturfLogo.js +2 -9
- package/dist/Molecular/CustomIcons/components/FinturfLogo2.js +2 -9
- package/dist/Molecular/CustomIcons/components/Flows.js +2 -9
- package/dist/Molecular/CustomIcons/components/Gift.js +2 -9
- package/dist/Molecular/CustomIcons/components/GoogleAuth.js +2 -9
- package/dist/Molecular/CustomIcons/components/GooglePlay.js +2 -9
- package/dist/Molecular/CustomIcons/components/HelpCircle.js +2 -9
- package/dist/Molecular/CustomIcons/components/HelpCircle2.js +2 -9
- package/dist/Molecular/CustomIcons/components/HelpCircleFilled.js +2 -9
- package/dist/Molecular/CustomIcons/components/Home.js +2 -9
- package/dist/Molecular/CustomIcons/components/Home2.js +2 -9
- package/dist/Molecular/CustomIcons/components/Key.js +2 -9
- package/dist/Molecular/CustomIcons/components/Landers.js +2 -9
- package/dist/Molecular/CustomIcons/components/Lock.js +2 -9
- package/dist/Molecular/CustomIcons/components/Mail.js +2 -9
- package/dist/Molecular/CustomIcons/components/Mastercard.js +2 -9
- package/dist/Molecular/CustomIcons/components/Minus.js +2 -9
- package/dist/Molecular/CustomIcons/components/Offers.js +2 -9
- package/dist/Molecular/CustomIcons/components/Pause.js +2 -9
- package/dist/Molecular/CustomIcons/components/PayPal.js +2 -9
- package/dist/Molecular/CustomIcons/components/PayPalLightLarge.js +2 -9
- package/dist/Molecular/CustomIcons/components/Phone.js +2 -9
- package/dist/Molecular/CustomIcons/components/Play.js +2 -9
- package/dist/Molecular/CustomIcons/components/Plus.js +2 -9
- package/dist/Molecular/CustomIcons/components/Profile.js +2 -9
- package/dist/Molecular/CustomIcons/components/QRCode.js +2 -9
- package/dist/Molecular/CustomIcons/components/Rectangle.js +2 -9
- package/dist/Molecular/CustomIcons/components/Revert.js +2 -9
- package/dist/Molecular/CustomIcons/components/Star.js +2 -9
- package/dist/Molecular/CustomIcons/components/Star2.js +2 -9
- package/dist/Molecular/CustomIcons/components/TrafficSources.js +2 -9
- package/dist/Molecular/CustomIcons/components/Trash.js +2 -9
- package/dist/Molecular/CustomIcons/components/TrashRed.js +2 -9
- package/dist/Molecular/CustomIcons/components/Triggers.js +2 -9
- package/dist/Molecular/CustomIcons/components/User.js +2 -9
- package/dist/Molecular/CustomIcons/components/Visa.js +2 -9
- package/dist/Molecular/CustomIcons/components/X.js +2 -9
- package/dist/Molecular/CustomIcons/index.js +0 -122
- package/dist/Molecular/FormElement/FormElement.js +1 -12
- package/dist/Molecular/FormWithDependOn/FormWithDependOn.js +30 -31
- package/dist/Molecular/FormWithDependOn/partials/_utils.js +9 -12
- package/dist/Molecular/InputAddress/InputAddress.js +65 -114
- package/dist/Molecular/InputPassword/InputPassword.js +5 -19
- package/dist/index.js +0 -2
- package/package.json +1 -1
- package/dist/Atomic/FormElements/UserContacts/partial/defaultIcons.js +0 -91
|
@@ -1,42 +1,27 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports.default = void 0;
|
|
9
|
-
|
|
10
8
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
11
|
-
|
|
12
9
|
var _react = _interopRequireWildcard(require("react"));
|
|
13
|
-
|
|
14
10
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
15
|
-
|
|
16
11
|
var _momentTimezone = _interopRequireDefault(require("moment-timezone"));
|
|
17
|
-
|
|
18
12
|
var _useIsMobile = _interopRequireDefault(require("../../../Functions/useIsMobile"));
|
|
19
|
-
|
|
20
13
|
var _Arrow = _interopRequireDefault(require("../../UI/Arrow/Arrow"));
|
|
21
|
-
|
|
22
14
|
var _OpenedPart = _interopRequireDefault(require("./components/OpenedPart"));
|
|
23
|
-
|
|
24
15
|
var _dependencies = require("./dependencies");
|
|
25
|
-
|
|
26
16
|
require("./InputDateRange.scss");
|
|
27
|
-
|
|
28
|
-
function
|
|
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
|
-
|
|
17
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
18
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
32
19
|
const checkFormat = (date, format) => {
|
|
33
20
|
const momentObj = (0, _momentTimezone.default)(date, format);
|
|
34
21
|
return momentObj.isValid() ? momentObj.format(format) : null;
|
|
35
22
|
};
|
|
36
|
-
|
|
37
23
|
const InputDateRange = props => {
|
|
38
24
|
var _ref, _INTERVALS$actualValu;
|
|
39
|
-
|
|
40
25
|
const {
|
|
41
26
|
txt,
|
|
42
27
|
id,
|
|
@@ -80,7 +65,6 @@ const InputDateRange = props => {
|
|
|
80
65
|
const ref = !isUseAbs && !isMobile ? (0, _dependencies.useClickOutside)(toggleOff, dropdownContainers) : (0, _react.useRef)(null);
|
|
81
66
|
const internalContainerRef = (0, _react.useRef)(null);
|
|
82
67
|
const [dateRangeContainerId, setDateRangeContainerId] = (0, _react.useState)(Math.random().toString(16).slice(2));
|
|
83
|
-
|
|
84
68
|
const handleChange = input => {
|
|
85
69
|
const newValue = (0, _dependencies.getActualDateRange)(input);
|
|
86
70
|
const formatedValue = {
|
|
@@ -100,15 +84,12 @@ const InputDateRange = props => {
|
|
|
100
84
|
onChange(formatedValue);
|
|
101
85
|
return formatedValue;
|
|
102
86
|
};
|
|
103
|
-
|
|
104
87
|
const Range = () => {
|
|
105
88
|
const SYMBOLS_QUANTITY_IF_TIME_ADDED = 13;
|
|
106
|
-
|
|
107
89
|
if (!actualValues.start && value.start) {
|
|
108
90
|
actualValues.start = value.start;
|
|
109
91
|
actualValues.end = value.end || "";
|
|
110
92
|
}
|
|
111
|
-
|
|
112
93
|
const {
|
|
113
94
|
start,
|
|
114
95
|
end
|
|
@@ -118,21 +99,17 @@ const InputDateRange = props => {
|
|
|
118
99
|
const endTime = (0, _momentTimezone.default)(end).format(_dependencies.MAIN_TIME_FORMAT);
|
|
119
100
|
const firstPart = "".concat((0, _momentTimezone.default)(start).format("ll"), " ").concat(startTime !== "00:00" ? "(".concat(startTime, ")") : "");
|
|
120
101
|
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
|
-
|
|
122
102
|
const getClasses = base => (0, _classnames.default)("date-range-input__range-text", {
|
|
123
103
|
"date-range-input__range-text_little": base.length > SYMBOLS_QUANTITY_IF_TIME_ADDED
|
|
124
104
|
});
|
|
125
|
-
|
|
126
105
|
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("span", {
|
|
127
106
|
className: getClasses(firstPart)
|
|
128
107
|
}, 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", {
|
|
129
108
|
className: getClasses(secondPart)
|
|
130
109
|
}, secondPart));
|
|
131
110
|
};
|
|
132
|
-
|
|
133
111
|
const slideInterval = function () {
|
|
134
112
|
var _getActualDateRange;
|
|
135
|
-
|
|
136
113
|
let direction = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "forward";
|
|
137
114
|
const {
|
|
138
115
|
start,
|
|
@@ -143,7 +120,6 @@ const InputDateRange = props => {
|
|
|
143
120
|
let newStart;
|
|
144
121
|
const endHours = (0, _momentTimezone.default)(end).hours();
|
|
145
122
|
const startHours = (0, _momentTimezone.default)(start).hours();
|
|
146
|
-
|
|
147
123
|
if (direction === "forward") {
|
|
148
124
|
newStart = (0, _momentTimezone.default)(end).add(endHours === 0 ? 0 : 1, "day").hours(startHours).toDate();
|
|
149
125
|
newEnd = (0, _momentTimezone.default)(newStart).add(intervalHoursCount, "hours");
|
|
@@ -151,10 +127,10 @@ const InputDateRange = props => {
|
|
|
151
127
|
newEnd = (0, _momentTimezone.default)(start).subtract(endHours === 0 ? 0 : 1, "day").hours(endHours).toDate();
|
|
152
128
|
newStart = (0, _momentTimezone.default)(newEnd).subtract(intervalHoursCount, "hours");
|
|
153
129
|
}
|
|
154
|
-
|
|
155
130
|
const startPrevDate = (0, _momentTimezone.default)(newStart).subtract(intervalHoursCount, "hours").subtract(1, "seconds");
|
|
156
131
|
const endPrevDate = (0, _momentTimezone.default)(newEnd).subtract(1, "seconds");
|
|
157
|
-
handleChange({
|
|
132
|
+
handleChange({
|
|
133
|
+
...value,
|
|
158
134
|
intervalKey: (_getActualDateRange = (0, _dependencies.getActualDateRange)({
|
|
159
135
|
start: newStart,
|
|
160
136
|
end: newEnd
|
|
@@ -165,38 +141,30 @@ const InputDateRange = props => {
|
|
|
165
141
|
endPrevDate
|
|
166
142
|
});
|
|
167
143
|
};
|
|
168
|
-
|
|
169
144
|
const handleArrowClick = type => {
|
|
170
145
|
slideInterval(type === "right" ? "forward" : "back");
|
|
171
146
|
toggleOff();
|
|
172
147
|
};
|
|
173
|
-
|
|
174
148
|
const getParentNode = () => {
|
|
175
149
|
var _document$querySelect;
|
|
176
|
-
|
|
177
150
|
return (_document$querySelect = document.querySelector("div#root")) !== null && _document$querySelect !== void 0 ? _document$querySelect : document.querySelector("div#app");
|
|
178
151
|
};
|
|
179
|
-
|
|
180
152
|
const initDateRangeContainer = () => {
|
|
181
153
|
var _document$getElementB;
|
|
182
|
-
|
|
183
|
-
(_document$getElementB = document.getElementById(dateRangeContainerId)) === null || _document$getElementB === void 0 ? void 0 : _document$getElementB.remove();
|
|
154
|
+
(_document$getElementB = document.getElementById(dateRangeContainerId)) === null || _document$getElementB === void 0 || _document$getElementB.remove();
|
|
184
155
|
const dateRangeContainer = document.createElement("div");
|
|
185
156
|
dateRangeContainer.setAttribute("id", dateRangeContainerId);
|
|
186
157
|
dateRangeContainer.classList.add("input-date-range__mobile-container");
|
|
187
158
|
getParentNode().append(dateRangeContainer);
|
|
188
159
|
};
|
|
189
|
-
|
|
190
160
|
const getDateRangeContainer = () => {
|
|
191
161
|
return document.getElementById(dateRangeContainerId);
|
|
192
162
|
};
|
|
193
|
-
|
|
194
163
|
(0, _react.useLayoutEffect)(() => {
|
|
195
164
|
initDateRangeContainer();
|
|
196
165
|
return () => {
|
|
197
166
|
var _getDateRangeContaine;
|
|
198
|
-
|
|
199
|
-
(_getDateRangeContaine = getDateRangeContainer()) === null || _getDateRangeContaine === void 0 ? void 0 : _getDateRangeContaine.remove();
|
|
167
|
+
(_getDateRangeContaine = getDateRangeContainer()) === null || _getDateRangeContaine === void 0 || _getDateRangeContaine.remove();
|
|
200
168
|
};
|
|
201
169
|
}, []);
|
|
202
170
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
@@ -271,7 +239,4 @@ const InputDateRange = props => {
|
|
|
271
239
|
className: "date-range-input__error-block"
|
|
272
240
|
}, error));
|
|
273
241
|
};
|
|
274
|
-
|
|
275
|
-
var _default = /*#__PURE__*/_react.default.memo(InputDateRange);
|
|
276
|
-
|
|
277
|
-
exports.default = _default;
|
|
242
|
+
var _default = exports.default = /*#__PURE__*/_react.default.memo(InputDateRange);
|
|
@@ -1,34 +1,24 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports.default = void 0;
|
|
9
|
-
|
|
10
8
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
11
|
-
|
|
12
9
|
var _react = _interopRequireDefault(require("react"));
|
|
13
|
-
|
|
14
10
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
15
|
-
|
|
16
11
|
var _momentTimezone = _interopRequireDefault(require("moment-timezone"));
|
|
17
|
-
|
|
18
12
|
var _mobileKeyboardTypesPresets = require("../../../../Functions/presets/mobileKeyboardTypesPresets");
|
|
19
|
-
|
|
20
13
|
var _Input = _interopRequireDefault(require("../../Input/Input"));
|
|
21
|
-
|
|
22
14
|
const handleDateInputOnChange = value => {
|
|
23
15
|
const replace = val => val === null || val === void 0 ? void 0 : val.replace(/[^0-9\/]/g, "");
|
|
24
|
-
|
|
25
16
|
const input = replace(value);
|
|
26
17
|
const lastSymbol = input ? input.slice(-1) : "";
|
|
27
18
|
const previousValue = input ? input.slice(0, input.length - 1) : "";
|
|
28
19
|
if (value.length > 10 || lastSymbol === "/") return previousValue;
|
|
29
20
|
return previousValue.length === 2 || previousValue.length === 5 ? previousValue + "/" + lastSymbol : input;
|
|
30
21
|
};
|
|
31
|
-
|
|
32
22
|
const DateInput = (props, ref) => {
|
|
33
23
|
const {
|
|
34
24
|
RC,
|
|
@@ -45,16 +35,11 @@ const DateInput = (props, ref) => {
|
|
|
45
35
|
onBlur,
|
|
46
36
|
onKeyUp
|
|
47
37
|
} = props;
|
|
48
|
-
|
|
49
|
-
const preparedDate = (() => {
|
|
50
|
-
var _prepareDate, _output$toString;
|
|
51
|
-
|
|
38
|
+
const preparedDate = ((_prepareDate, _output$toString) => {
|
|
52
39
|
const prepareDateDefault = date => (0, _momentTimezone.default)(date).format("MM/DD/YYYY");
|
|
53
|
-
|
|
54
40
|
const output = (_prepareDate = prepareDate === null || prepareDate === void 0 ? void 0 : prepareDate(date)) !== null && _prepareDate !== void 0 ? _prepareDate : prepareDateDefault(date);
|
|
55
|
-
return ((output === null || output === void 0
|
|
41
|
+
return ((output === null || output === void 0 || (_output$toString = output.toString) === null || _output$toString === void 0 ? void 0 : _output$toString.call(output).toLowerCase()) || "") !== "invalid date" ? output : "";
|
|
56
42
|
})();
|
|
57
|
-
|
|
58
43
|
return isFocused ? /*#__PURE__*/_react.default.createElement(_Input.default, (0, _extends2.default)({
|
|
59
44
|
ref: ref,
|
|
60
45
|
testId: testId,
|
|
@@ -73,7 +58,4 @@ const DateInput = (props, ref) => {
|
|
|
73
58
|
className: (0, _classnames.default)("")
|
|
74
59
|
}, preparedDate));
|
|
75
60
|
};
|
|
76
|
-
|
|
77
|
-
var _default = /*#__PURE__*/_react.default.forwardRef(DateInput);
|
|
78
|
-
|
|
79
|
-
exports.default = _default;
|
|
61
|
+
var _default = exports.default = /*#__PURE__*/_react.default.forwardRef(DateInput);
|
|
@@ -1,44 +1,30 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports.default = void 0;
|
|
9
|
-
|
|
10
8
|
var _react = _interopRequireWildcard(require("react"));
|
|
11
|
-
|
|
12
9
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
13
|
-
|
|
14
10
|
var _momentTimezone = _interopRequireDefault(require("moment-timezone"));
|
|
15
|
-
|
|
16
11
|
var _Button = _interopRequireDefault(require("../../../UI/Button/Button"));
|
|
17
|
-
|
|
18
12
|
var _Dropdown = _interopRequireDefault(require("../../Dropdown/Dropdown"));
|
|
19
|
-
|
|
20
13
|
var _RangeCalendar = _interopRequireDefault(require("../../RangeCalendar/RangeCalendar"));
|
|
21
|
-
|
|
22
14
|
var _Switcher = _interopRequireDefault(require("../../Switcher/Switcher"));
|
|
23
|
-
|
|
24
15
|
var _dependencies = require("../dependencies");
|
|
25
|
-
|
|
26
16
|
var _DateInput = _interopRequireDefault(require("./DateInput"));
|
|
27
|
-
|
|
28
|
-
function
|
|
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
|
-
|
|
17
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
18
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
32
19
|
// eslint-disable-next-line no-unused-vars
|
|
20
|
+
|
|
33
21
|
const outsideScope = {
|
|
34
22
|
handleHoverTimerId: null
|
|
35
23
|
};
|
|
36
24
|
const DATE_INPUT_FORMAT = "MM/DD/YYYY";
|
|
37
|
-
|
|
38
25
|
const padTime = time => {
|
|
39
26
|
return "".concat(time.toString().padStart(2, "0"), ":00");
|
|
40
27
|
};
|
|
41
|
-
|
|
42
28
|
const Datepicker = props => {
|
|
43
29
|
const {
|
|
44
30
|
txt,
|
|
@@ -83,12 +69,15 @@ const Datepicker = props => {
|
|
|
83
69
|
const [isStartFocused, setIsStartFocused] = (0, _react.useState)(false);
|
|
84
70
|
const [isEndFocused, setIsEndFocused] = (0, _react.useState)(false);
|
|
85
71
|
const [startHour, setStartHour] = (0, _react.useState)(start ? (0, _momentTimezone.default)(start).hour() : 0);
|
|
86
|
-
const [endHour, setEndHour] = (0, _react.useState)(end ? (0, _momentTimezone.default)(end).hour() : 0);
|
|
72
|
+
const [endHour, setEndHour] = (0, _react.useState)(end ? (0, _momentTimezone.default)(end).hour() : 0);
|
|
87
73
|
|
|
74
|
+
// eslint-disable-next-line no-unused-vars
|
|
88
75
|
const [isCompare, setIsCompare] = (0, _react.useState)(compare);
|
|
89
76
|
const [date1, setDate1] = (0, _react.useState)(start ? (0, _momentTimezone.default)(start) : (0, _momentTimezone.default)().subtract(1, "month"));
|
|
90
77
|
const [date2, setDate2] = (0, _react.useState)(end ? (0, _momentTimezone.default)(end) : (0, _momentTimezone.default)());
|
|
91
|
-
const [hoverStatus, setHoverStatus] = (0, _react.useState)(null);
|
|
78
|
+
const [hoverStatus, setHoverStatus] = (0, _react.useState)(null);
|
|
79
|
+
|
|
80
|
+
// ********************
|
|
92
81
|
// Constants
|
|
93
82
|
// ********************
|
|
94
83
|
|
|
@@ -110,33 +99,32 @@ const Datepicker = props => {
|
|
|
110
99
|
if (isCompare && !isCompareHidden && startDate && endDate) {
|
|
111
100
|
return "".concat((0, _momentTimezone.default)(startPrevDate).format("ll"), " (").concat((0, _momentTimezone.default)(startPrevDate).format(_dependencies.MAIN_TIME_FORMAT), ") - ").concat((0, _momentTimezone.default)(endPrevDate).format("ll"), " (").concat((0, _momentTimezone.default)(endPrevDate).format(_dependencies.MAIN_TIME_FORMAT), ")");
|
|
112
101
|
} else return "";
|
|
113
|
-
}, [startDate, endDate, isCompare]);
|
|
102
|
+
}, [startDate, endDate, isCompare]);
|
|
103
|
+
|
|
104
|
+
// ********************
|
|
114
105
|
// Methods
|
|
115
106
|
// ********************
|
|
116
107
|
|
|
117
108
|
const subtractDay = date => endHour === 0 ? (0, _momentTimezone.default)(date).subtract(1, "days") : (0, _momentTimezone.default)(date);
|
|
118
|
-
|
|
119
109
|
const addDay = date => endHour === 0 ? (0, _momentTimezone.default)(date).add(1, "days") : (0, _momentTimezone.default)(date);
|
|
120
|
-
|
|
121
110
|
const getCorrectedDateForDateInput = (key, date) => {
|
|
122
|
-
if (key === "startDateInput") return (0, _momentTimezone.default)(date);
|
|
123
|
-
|
|
111
|
+
if (key === "startDateInput") return (0, _momentTimezone.default)(date);
|
|
112
|
+
// return moment(date).subtract(1, 'm');
|
|
124
113
|
return subtractDay((0, _momentTimezone.default)(date));
|
|
125
114
|
};
|
|
126
|
-
|
|
127
115
|
const setInterval = () => {
|
|
128
116
|
setActiveInterval((0, _dependencies.getActualDateRange)({
|
|
129
117
|
start: startDate,
|
|
130
118
|
end: endDate
|
|
131
119
|
}).intervalKey);
|
|
132
|
-
};
|
|
120
|
+
};
|
|
121
|
+
|
|
122
|
+
// ********************
|
|
133
123
|
// Handlers
|
|
134
124
|
// ********************
|
|
135
125
|
|
|
136
|
-
|
|
137
126
|
const handleClick = date => {
|
|
138
127
|
prevEndHour.current = 0;
|
|
139
|
-
|
|
140
128
|
if (!startDate || startDate && endDate && !((0, _momentTimezone.default)(startDate).add(1, "d").isSame(endDate, "day") && endHour === 0)) {
|
|
141
129
|
setStartDate((0, _momentTimezone.default)(date).startOf("day"));
|
|
142
130
|
setEndDate((0, _momentTimezone.default)(date).add(1, "d").startOf("day"));
|
|
@@ -148,37 +136,30 @@ const Datepicker = props => {
|
|
|
148
136
|
} else if ((0, _momentTimezone.default)(date).isAfter((0, _momentTimezone.default)(startDate), "day")) {
|
|
149
137
|
setEndDate((0, _momentTimezone.default)(date).add(1, "d").startOf("day"));
|
|
150
138
|
}
|
|
151
|
-
|
|
152
139
|
setHoverStatus(null);
|
|
153
140
|
};
|
|
154
|
-
|
|
155
141
|
const handleHover = date => {
|
|
156
142
|
if (outsideScope.handleHoverTimerId) clearTimeout(outsideScope.handleHoverTimerId);
|
|
157
|
-
|
|
158
143
|
if (!date) {
|
|
159
144
|
outsideScope.handleHoverTimerId = setTimeout(() => {
|
|
160
145
|
setHoverStatus(null);
|
|
161
146
|
}, 400);
|
|
162
147
|
return;
|
|
163
148
|
}
|
|
164
|
-
|
|
165
149
|
if ((0, _momentTimezone.default)(startDate).add(1, "d").isSame(endDate, "day") && endHour === 0) {
|
|
166
150
|
if ((0, _momentTimezone.default)(date).isAfter((0, _momentTimezone.default)(startDate), "day")) setHoverStatus("end");else if ((0, _momentTimezone.default)(date).isBefore((0, _momentTimezone.default)(startDate), "day")) setHoverStatus("start");else setHoverStatus(null);
|
|
167
151
|
} else {
|
|
168
152
|
setHoverStatus("start");
|
|
169
153
|
}
|
|
170
154
|
};
|
|
171
|
-
|
|
172
155
|
const handleChangeStartHour = val => {
|
|
173
156
|
setStartHour(Number(val));
|
|
174
157
|
setStartDate((0, _momentTimezone.default)(startDate || (0, _momentTimezone.default)()).set("hour", Number(val)));
|
|
175
158
|
};
|
|
176
|
-
|
|
177
159
|
const handleChangeEndHour = val => {
|
|
178
160
|
const newHour = Number(val);
|
|
179
161
|
setEndHour(newHour);
|
|
180
162
|
let newEndDate = (0, _momentTimezone.default)();
|
|
181
|
-
|
|
182
163
|
if (endDate) {
|
|
183
164
|
if (prevEndHour.current === 0 && newHour !== 0) {
|
|
184
165
|
newEndDate = (0, _momentTimezone.default)(endDate).subtract(1, "days");
|
|
@@ -186,16 +167,19 @@ const Datepicker = props => {
|
|
|
186
167
|
newEndDate = (0, _momentTimezone.default)(endDate).add(1, "days");
|
|
187
168
|
}
|
|
188
169
|
}
|
|
189
|
-
|
|
190
170
|
prevEndHour.current = newHour;
|
|
191
171
|
setEndDate((0, _momentTimezone.default)(newEndDate).set("hour", newHour));
|
|
192
|
-
};
|
|
172
|
+
};
|
|
173
|
+
|
|
174
|
+
// const doBlur = (type, e) => {
|
|
193
175
|
// const executor = type === 'start' ? setIsStartFocused : setIsEndFocused;
|
|
194
176
|
// e.target.blur();
|
|
195
177
|
// executor(false);
|
|
196
178
|
// };
|
|
179
|
+
|
|
197
180
|
// const handleStartDateBlur = e => {
|
|
198
181
|
// let newDate;
|
|
182
|
+
|
|
199
183
|
// if (!moment(startDateInput).isValid()) {
|
|
200
184
|
// newDate = moment(startDate);
|
|
201
185
|
// } else {
|
|
@@ -206,15 +190,19 @@ const Datepicker = props => {
|
|
|
206
190
|
// else newDate = moment(startDateInput);
|
|
207
191
|
// } else newDate = moment(startDateInput);
|
|
208
192
|
// }
|
|
193
|
+
|
|
209
194
|
// setStartDateInput(newDate.format(format));
|
|
210
195
|
// setStartDate(newDate.set('hour', parseInt(startHour, 10)).toDate());
|
|
196
|
+
|
|
211
197
|
// doBlur('start', e);
|
|
212
198
|
// setDate1(
|
|
213
199
|
// moment(newDate).isSameOrAfter(moment(date2), 'month') ? moment(date2).subtract(1, 'month') : moment(newDate),
|
|
214
200
|
// );
|
|
215
201
|
// };
|
|
202
|
+
|
|
216
203
|
// const handleEndDateBlur = e => {
|
|
217
204
|
// let newDate;
|
|
205
|
+
|
|
218
206
|
// if (!moment(endDateInput).isValid()) {
|
|
219
207
|
// newDate = moment(endDate);
|
|
220
208
|
// } else {
|
|
@@ -225,13 +213,14 @@ const Datepicker = props => {
|
|
|
225
213
|
// else newDate = moment(startDateInput);
|
|
226
214
|
// } else newDate = moment(startDateInput);
|
|
227
215
|
// }
|
|
216
|
+
|
|
228
217
|
// setEndDate(addDay(newDate.set('hour', parseInt(endHour, 10)).toDate()));
|
|
229
218
|
// setEndDateInput(newDate.format(format));
|
|
219
|
+
|
|
230
220
|
// doBlur('end', e);
|
|
231
221
|
// setDate2(newDate);
|
|
232
222
|
// };
|
|
233
223
|
|
|
234
|
-
|
|
235
224
|
const handleDateInputFocus = (key, e) => {
|
|
236
225
|
const changeFlag = key === "startDateInput" ? setIsStartFocused : setIsEndFocused;
|
|
237
226
|
const set = key === "startDateInput" ? setStartDateInput : setEndDateInput;
|
|
@@ -240,24 +229,25 @@ const Datepicker = props => {
|
|
|
240
229
|
set(date ? getCorrectedDateForDateInput(key, date).format("L") : "");
|
|
241
230
|
setTimeout(() => {
|
|
242
231
|
var _e$target;
|
|
243
|
-
|
|
244
232
|
const defaultTarget = key === "startDateInput" ? startDateInputRef.current : endDateInputRef.current;
|
|
245
233
|
const target = (_e$target = e === null || e === void 0 ? void 0 : e.target) !== null && _e$target !== void 0 ? _e$target : defaultTarget;
|
|
246
|
-
target.select();
|
|
234
|
+
target.select();
|
|
235
|
+
|
|
236
|
+
//? Для инпут-маск, почему-то нужно пропустить 2 эвентлупа
|
|
247
237
|
// setTimeout(() => {
|
|
248
238
|
// target.select();
|
|
249
239
|
// }, 0);
|
|
250
240
|
}, 0);
|
|
251
241
|
};
|
|
252
|
-
|
|
253
242
|
const doBlur = (type, e) => {
|
|
254
243
|
const executor = type === "startDateInput" ? setIsStartFocused : setIsEndFocused;
|
|
255
244
|
e.target.blur();
|
|
256
245
|
executor(false);
|
|
257
246
|
};
|
|
258
|
-
|
|
259
247
|
const processOverflow = (newDateAsString, valueForRollback, key) => {
|
|
260
|
-
const newDateAsMomentObj = (0, _momentTimezone.default)(newDateAsString, DATE_INPUT_FORMAT);
|
|
248
|
+
const newDateAsMomentObj = (0, _momentTimezone.default)(newDateAsString, DATE_INPUT_FORMAT);
|
|
249
|
+
|
|
250
|
+
// console.log('processOverflow - newDateAsString - ', newDateAsString);
|
|
261
251
|
// console.log('processOverflow - valueForRollback - ', valueForRollback);
|
|
262
252
|
// console.log('----------');
|
|
263
253
|
// console.log('processOverflow - minDate - ', minDate);
|
|
@@ -268,21 +258,26 @@ const Datepicker = props => {
|
|
|
268
258
|
// console.log('----------');
|
|
269
259
|
// console.log('processOverflow - newDateAsMomentObj - ', newDateAsMomentObj);
|
|
270
260
|
// console.log('*********');
|
|
271
|
-
//? Если значение не валидно...
|
|
272
261
|
|
|
262
|
+
//? Если значение не валидно...
|
|
273
263
|
if (!newDateAsMomentObj.isValid()) {
|
|
274
264
|
//? ... то откатываем к дате до набора руками
|
|
275
265
|
return valueForRollback;
|
|
276
266
|
} else {
|
|
277
267
|
const beforeOfFuture = (0, _momentTimezone.default)().endOf("day");
|
|
278
268
|
const hour = key === "startDateInput" ? startHour : endHour;
|
|
279
|
-
let output;
|
|
269
|
+
let output;
|
|
280
270
|
|
|
281
|
-
|
|
282
|
-
|
|
271
|
+
//? Если есть минимальная дата и введенная меньше минимальной, то ставим минимальную
|
|
272
|
+
if (minDate && newDateAsMomentObj.isBefore(momentMinDate)) output = momentMinDate;
|
|
273
|
+
//? Если есть максимальная дата и введенная больше максимальной, то ставим максимальную
|
|
274
|
+
else if (maxDate && newDateAsMomentObj.isAfter(momentMaxDate)) output = momentMaxDate;
|
|
275
|
+
//? Если нет установки не ограничивать дату по будущему...
|
|
283
276
|
else if (!isDontLimitFuture && newDateAsMomentObj.isAfter(beforeOfFuture)) {
|
|
284
277
|
output = beforeOfFuture.startOf("day");
|
|
285
|
-
} else output = newDateAsMomentObj;
|
|
278
|
+
} else output = newDateAsMomentObj;
|
|
279
|
+
|
|
280
|
+
// if (key === 'startDateInput') {
|
|
286
281
|
// console.log('endDate - ', endDate.format('YYYY-MM-DDTHH:mm'));
|
|
287
282
|
// console.log('endDate.subtract(1, d) - ', endDate.subtract(1, 'd').format('YYYY-MM-DDTHH:mm'));
|
|
288
283
|
// if (output.isAfter(endDate.subtract(1, 'd'))) output = endDate.subtract(1, 'd');
|
|
@@ -292,62 +287,56 @@ const Datepicker = props => {
|
|
|
292
287
|
// console.log('startDate - ', startDate.format('YYYY-MM-DDTHH:mm'));
|
|
293
288
|
// if (output.isBefore(startDate)) output = startDate.add(1, 'd');
|
|
294
289
|
output = addDay(output);
|
|
295
|
-
}
|
|
296
|
-
// console.log('************');
|
|
290
|
+
}
|
|
297
291
|
|
|
292
|
+
// console.log('output - ', output.format('YYYY-MM-DDTHH:mm'));
|
|
293
|
+
// console.log('************');
|
|
298
294
|
|
|
299
295
|
return output.set("hour", parseInt(hour, 10));
|
|
300
296
|
}
|
|
301
297
|
};
|
|
302
|
-
|
|
303
298
|
const handleDateInputBlur = (key, e) => {
|
|
304
299
|
var _e$target$value, _e$target2;
|
|
305
|
-
|
|
306
300
|
const reserveValue = key === "startDateInput" ? startDateInput : endDateInput;
|
|
307
301
|
const valueForRollback = key === "startDateInput" ? startDate : endDate;
|
|
308
302
|
const execute = key === "startDateInput" ? setStartDate : setEndDate;
|
|
309
303
|
const executeForCalendar = key === "startDateInput" ? setDate1 : setDate2;
|
|
310
|
-
|
|
311
304
|
const prepareValueForCalendar = newDate => {
|
|
312
305
|
if (key === "endDateInput") return newDate;
|
|
313
306
|
return (0, _momentTimezone.default)(newDate).isSameOrAfter((0, _momentTimezone.default)(date2), "month") ? (0, _momentTimezone.default)(date2).subtract(1, "month") : (0, _momentTimezone.default)(newDate);
|
|
314
307
|
};
|
|
315
|
-
|
|
316
|
-
const newDateValue = (_e$target$value = e === null || e === void 0 ? void 0 : (_e$target2 = e.target) === null || _e$target2 === void 0 ? void 0 : _e$target2.value) !== null && _e$target$value !== void 0 ? _e$target$value : reserveValue;
|
|
308
|
+
const newDateValue = (_e$target$value = e === null || e === void 0 || (_e$target2 = e.target) === null || _e$target2 === void 0 ? void 0 : _e$target2.value) !== null && _e$target$value !== void 0 ? _e$target$value : reserveValue;
|
|
317
309
|
const processedNewDate = processOverflow(newDateValue, valueForRollback, key);
|
|
318
310
|
execute(processedNewDate);
|
|
319
311
|
executeForCalendar(prepareValueForCalendar(processedNewDate));
|
|
320
312
|
doBlur(key, e);
|
|
321
313
|
};
|
|
322
|
-
|
|
323
314
|
const handleKeyPressed = (code, e, type) => {
|
|
324
315
|
if (code === 13) handleDateInputBlur(type, e);
|
|
325
316
|
if (code === 27) doBlur(type, e);
|
|
326
|
-
};
|
|
317
|
+
};
|
|
318
|
+
|
|
319
|
+
// ********************
|
|
327
320
|
// Render Functions
|
|
328
321
|
// ********************
|
|
329
322
|
|
|
330
|
-
|
|
331
323
|
const getStartHourItems = () => [...Array(24).keys()].map(hour => ({
|
|
332
324
|
label: padTime(hour),
|
|
333
325
|
value: hour,
|
|
334
326
|
disabled: (0, _momentTimezone.default)(startDate).isSame(endDate, "day") && endHour <= hour
|
|
335
327
|
}));
|
|
336
|
-
|
|
337
328
|
const getEndHourItems = () => [...Array(24).keys()].map(hour => ({
|
|
338
329
|
label: padTime(hour + 1),
|
|
339
330
|
value: hour === 23 ? 0 : hour + 1,
|
|
340
331
|
disabled: ((0, _momentTimezone.default)(startDate).isSame(endDate, "day") || (0, _momentTimezone.default)(startDate).isSame((0, _momentTimezone.default)(endDate).subtract(1, "days"), "day") && endHour === 0) && hour < startHour
|
|
341
332
|
}));
|
|
342
|
-
|
|
343
333
|
const renderButtons = () => {
|
|
344
334
|
var _txt$buttons, _txt$buttons2;
|
|
345
|
-
|
|
346
335
|
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Button.default, {
|
|
347
336
|
className: "date-picker__button",
|
|
348
337
|
onClick: () => onCancel(),
|
|
349
338
|
variant: buttonsTypes === null || buttonsTypes === void 0 ? void 0 : buttonsTypes.cancel
|
|
350
|
-
}, (txt === null || txt === void 0
|
|
339
|
+
}, (txt === null || txt === void 0 || (_txt$buttons = txt.buttons) === null || _txt$buttons === void 0 ? void 0 : _txt$buttons.cancel) || "Cancel"), /*#__PURE__*/_react.default.createElement(_Button.default, {
|
|
351
340
|
className: "date-picker__button",
|
|
352
341
|
variant: buttonsTypes === null || buttonsTypes === void 0 ? void 0 : buttonsTypes.apply,
|
|
353
342
|
disabled: !startDate || !endDate,
|
|
@@ -358,20 +347,19 @@ const Datepicker = props => {
|
|
|
358
347
|
endPrevDate: (0, _momentTimezone.default)(endPrevDate).format(_dependencies.MAIN_FORMAT),
|
|
359
348
|
compare: isCompare
|
|
360
349
|
})
|
|
361
|
-
}, (txt === null || txt === void 0
|
|
350
|
+
}, (txt === null || txt === void 0 || (_txt$buttons2 = txt.buttons) === null || _txt$buttons2 === void 0 ? void 0 : _txt$buttons2.apply) || "apply"));
|
|
362
351
|
};
|
|
363
|
-
|
|
364
352
|
const renderPreviousPeriod = () => {
|
|
365
353
|
var _txt$labels;
|
|
366
|
-
|
|
367
|
-
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, (txt === null || txt === void 0 ? void 0 : (_txt$labels = txt.labels) === null || _txt$labels === void 0 ? void 0 : _txt$labels.previousPeriod) || "", ":", " ", /*#__PURE__*/_react.default.createElement("span", {
|
|
354
|
+
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, (txt === null || txt === void 0 || (_txt$labels = txt.labels) === null || _txt$labels === void 0 ? void 0 : _txt$labels.previousPeriod) || "", ":", " ", /*#__PURE__*/_react.default.createElement("span", {
|
|
368
355
|
className: "date-picker__previous-period-interval"
|
|
369
356
|
}, title));
|
|
370
|
-
};
|
|
357
|
+
};
|
|
358
|
+
|
|
359
|
+
// ********************
|
|
371
360
|
// useEffects
|
|
372
361
|
// ********************
|
|
373
362
|
|
|
374
|
-
|
|
375
363
|
(0, _react.useEffect)(() => {
|
|
376
364
|
if ((0, _momentTimezone.default)(startDate).isSameOrAfter(endDate)) {
|
|
377
365
|
setStartDate((0, _momentTimezone.default)(endDate).subtract(1, "d"));
|
|
@@ -389,7 +377,6 @@ const Datepicker = props => {
|
|
|
389
377
|
setDate1((0, _momentTimezone.default)(startDate));
|
|
390
378
|
setDate2((0, _momentTimezone.default)(endDate));
|
|
391
379
|
}
|
|
392
|
-
|
|
393
380
|
setInterval();
|
|
394
381
|
}, [startDate, endDate]);
|
|
395
382
|
(0, _react.useEffect)(() => {
|
|
@@ -411,7 +398,6 @@ const Datepicker = props => {
|
|
|
411
398
|
});
|
|
412
399
|
}
|
|
413
400
|
}, [startDate, endDate, startPrevDate, endPrevDate, isCompare]);
|
|
414
|
-
|
|
415
401
|
const renderRowStart = () => {
|
|
416
402
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
417
403
|
className: "date-picker__date-row"
|
|
@@ -442,7 +428,6 @@ const Datepicker = props => {
|
|
|
442
428
|
withMobileLogic: withMobileLogic
|
|
443
429
|
}));
|
|
444
430
|
};
|
|
445
|
-
|
|
446
431
|
const renderRowEnd = () => {
|
|
447
432
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
448
433
|
className: "date-picker__date-row"
|
|
@@ -473,7 +458,6 @@ const Datepicker = props => {
|
|
|
473
458
|
withMobileLogic: withMobileLogic
|
|
474
459
|
}));
|
|
475
460
|
};
|
|
476
|
-
|
|
477
461
|
const renderCalendarStart = () => {
|
|
478
462
|
return /*#__PURE__*/_react.default.createElement(_RangeCalendar.default, {
|
|
479
463
|
testId: testId,
|
|
@@ -495,7 +479,6 @@ const Datepicker = props => {
|
|
|
495
479
|
momentMaxDate: momentMaxDate
|
|
496
480
|
});
|
|
497
481
|
};
|
|
498
|
-
|
|
499
482
|
const renderCalendarEnd = () => {
|
|
500
483
|
return /*#__PURE__*/_react.default.createElement(_RangeCalendar.default, {
|
|
501
484
|
className: "date-picker__calendar",
|
|
@@ -516,10 +499,8 @@ const Datepicker = props => {
|
|
|
516
499
|
isDontLimitFuture: isDontLimitFuture
|
|
517
500
|
});
|
|
518
501
|
};
|
|
519
|
-
|
|
520
502
|
const render = () => {
|
|
521
503
|
var _txt$labels2;
|
|
522
|
-
|
|
523
504
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
524
505
|
className: (0, _classnames.default)("date-picker", className)
|
|
525
506
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
@@ -544,7 +525,7 @@ const Datepicker = props => {
|
|
|
544
525
|
className: "mr5"
|
|
545
526
|
}, /*#__PURE__*/_react.default.createElement(_Switcher.default, {
|
|
546
527
|
dataTest: "datepicker_compare",
|
|
547
|
-
label: (txt === null || txt === void 0
|
|
528
|
+
label: (txt === null || txt === void 0 || (_txt$labels2 = txt.labels) === null || _txt$labels2 === void 0 ? void 0 : _txt$labels2.compare) || "Compare",
|
|
548
529
|
isSwitchOn: isCompare,
|
|
549
530
|
onChange: () => {
|
|
550
531
|
onChangeCompare(!isCompare);
|
|
@@ -554,7 +535,6 @@ const Datepicker = props => {
|
|
|
554
535
|
className: "date-picker__buttons-block"
|
|
555
536
|
}, renderButtons())));
|
|
556
537
|
};
|
|
557
|
-
|
|
558
538
|
const renderMobile = () => {
|
|
559
539
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
560
540
|
className: (0, _classnames.default)("date-picker", className)
|
|
@@ -572,9 +552,6 @@ const Datepicker = props => {
|
|
|
572
552
|
className: "date-picker__calendars-wrapper"
|
|
573
553
|
}, renderCalendarStart())));
|
|
574
554
|
};
|
|
575
|
-
|
|
576
555
|
return withMobileLogic ? renderMobile() : render();
|
|
577
556
|
};
|
|
578
|
-
|
|
579
|
-
var _default = Datepicker;
|
|
580
|
-
exports.default = _default;
|
|
557
|
+
var _default = exports.default = Datepicker;
|