intelicoreact 1.4.13 → 1.4.14
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 +51 -144
- package/dist/Atomic/FormElements/Dropdown/components/DropdownLoader.js +1 -7
- package/dist/Atomic/FormElements/DropdownLiveSearch/DropdownLiveSearch.js +25 -91
- 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 +25 -60
- 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 -29
- package/dist/Atomic/FormElements/InputDateRange/InputDateRange.js +8 -43
- 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 +21 -51
- 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 -85
- package/dist/Atomic/FormElements/RangeSlider2/RangeSlider2.js +43 -132
- 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/TagListToDropdown/TagListToDropdown.js +8 -30
- package/dist/Atomic/FormElements/TagsDropdown/TagsDropdown.js +96 -187
- 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 +3 -17
- 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 -19
- 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 -31
- package/dist/Atomic/UI/Modal/Modal.js +6 -28
- package/dist/Atomic/UI/Modal/ModalHOC.js +1 -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/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 +7 -19
- package/dist/Atomic/UI/TagList/TagList.js +20 -38
- 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 -44
- 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 +24 -32
- package/dist/Classes/RESTAPI/partials/ApiUtils.js +34 -41
- 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 -13
- 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/useMediaQuery.js +3 -9
- 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 +56 -131
- 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
- package/dist/Atomic/UI/ModalBackup/Modal.js +0 -174
- package/dist/Atomic/UI/ModalBackup/Modal.scss +0 -333
- package/dist/Atomic/UI/ModalBackup/ModalHOC.js +0 -51
- package/dist/Atomic/UI/ModalBackup/partials/ModalFooter.js +0 -24
- package/dist/Atomic/UI/ModalBackup/partials/ModalTitle.js +0 -41
|
@@ -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;
|
|
@@ -1,42 +1,25 @@
|
|
|
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 _momentTimezone = _interopRequireDefault(require("moment-timezone"));
|
|
13
|
-
|
|
14
10
|
var _reactDom = require("react-dom");
|
|
15
|
-
|
|
16
11
|
var _useIsMobile = _interopRequireDefault(require("../../../../Functions/useIsMobile"));
|
|
17
|
-
|
|
18
12
|
var _useResize = require("../../../../Functions/useResize");
|
|
19
|
-
|
|
20
13
|
var _utils = require("../../../../Functions/utils");
|
|
21
|
-
|
|
22
14
|
var _Modal = _interopRequireDefault(require("../../../UI/Modal/Modal"));
|
|
23
|
-
|
|
24
15
|
var _Dropdown = _interopRequireDefault(require("../../Dropdown/Dropdown"));
|
|
25
|
-
|
|
26
16
|
var _dependencies = require("../dependencies");
|
|
27
|
-
|
|
28
17
|
var _Datepicker = _interopRequireDefault(require("./Datepicker"));
|
|
29
|
-
|
|
30
18
|
var _SelectItem = _interopRequireDefault(require("./SelectItem"));
|
|
31
|
-
|
|
32
19
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
33
|
-
|
|
34
|
-
function
|
|
35
|
-
|
|
36
|
-
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; }
|
|
37
|
-
|
|
20
|
+
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); }
|
|
21
|
+
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; }
|
|
38
22
|
const classNames = require("classnames");
|
|
39
|
-
|
|
40
23
|
const OpenedPart = (props, ref) => {
|
|
41
24
|
const {
|
|
42
25
|
dateRangeContainerId,
|
|
@@ -85,7 +68,6 @@ const OpenedPart = (props, ref) => {
|
|
|
85
68
|
});
|
|
86
69
|
const items = isCompact ? [...Object.keys(_dependencies.INTERVALS)] : [...Object.keys(_dependencies.INTERVALS), _dependencies.CUSTOM_INTERVAL_KEY];
|
|
87
70
|
const [activeInterval, setActiveInterval] = (0, _react.useState)(actualValues.intervalKey);
|
|
88
|
-
|
|
89
71
|
const handleItemClick = item => {
|
|
90
72
|
if (item !== _dependencies.CUSTOM_INTERVAL_KEY) {
|
|
91
73
|
onChange({
|
|
@@ -94,29 +76,23 @@ const OpenedPart = (props, ref) => {
|
|
|
94
76
|
});
|
|
95
77
|
setTimeout(() => toggleOff(), 0);
|
|
96
78
|
}
|
|
97
|
-
|
|
98
79
|
setCurrent(item);
|
|
99
80
|
};
|
|
100
|
-
|
|
101
81
|
const getSelectedMode = newValues => {
|
|
102
82
|
const {
|
|
103
83
|
start,
|
|
104
84
|
end
|
|
105
85
|
} = newValues;
|
|
106
|
-
|
|
107
86
|
if ((0, _momentTimezone.default)(start).get("hour") !== 0 || (0, _momentTimezone.default)(end).get("hour") !== 0) {
|
|
108
87
|
return _dependencies.CUSTOM_INTERVAL_KEY;
|
|
109
88
|
}
|
|
110
|
-
|
|
111
89
|
for (const [key, interval] of Object.entries(_dependencies.INTERVALS)) {
|
|
112
90
|
if ((0, _momentTimezone.default)(start).isSame(interval.start()) && (0, _momentTimezone.default)(end).isSame(interval.end())) {
|
|
113
91
|
return key;
|
|
114
92
|
}
|
|
115
93
|
}
|
|
116
|
-
|
|
117
94
|
return _dependencies.CUSTOM_INTERVAL_KEY;
|
|
118
95
|
};
|
|
119
|
-
|
|
120
96
|
const renderDatepicker = () => {
|
|
121
97
|
return /*#__PURE__*/_react.default.createElement(_Datepicker.default, {
|
|
122
98
|
mainId: mainId,
|
|
@@ -148,7 +124,6 @@ const OpenedPart = (props, ref) => {
|
|
|
148
124
|
withMobileLogic: withMobileLogic && isMobile
|
|
149
125
|
});
|
|
150
126
|
};
|
|
151
|
-
|
|
152
127
|
const renderOpenedPart = () => {
|
|
153
128
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
154
129
|
className: openedPartClass,
|
|
@@ -158,8 +133,7 @@ const OpenedPart = (props, ref) => {
|
|
|
158
133
|
}, !isIntervalsHidden && /*#__PURE__*/_react.default.createElement("div", {
|
|
159
134
|
className: (0, _classnames.default)("opened-part__intervals-list")
|
|
160
135
|
}, items.map((item, index) => {
|
|
161
|
-
var _intervals$item, _intervals$item2, _intervals$item3, _intervals$item3$star, _intervals$item3$star2
|
|
162
|
-
|
|
136
|
+
var _intervals$item, _intervals$item2, _intervals$item3, _intervals$item3$star, _intervals$item3$star2;
|
|
163
137
|
if ((_intervals$item = _dependencies.INTERVALS[item]) !== null && _intervals$item !== void 0 && _intervals$item.isHidden) return null;
|
|
164
138
|
return /*#__PURE__*/_react.default.createElement(_SelectItem.default, {
|
|
165
139
|
testId: testId,
|
|
@@ -168,14 +142,12 @@ const OpenedPart = (props, ref) => {
|
|
|
168
142
|
label: (txt === null || txt === void 0 ? void 0 : txt.labels) && (txt === null || txt === void 0 ? void 0 : txt.labels[item]) || ((_intervals$item2 = _dependencies.INTERVALS[item]) === null || _intervals$item2 === void 0 ? void 0 : _intervals$item2.label) || (item === _dependencies.CUSTOM_INTERVAL_KEY ? _dependencies.CUSTOM_INTERVAL_KEY_TEXT : item),
|
|
169
143
|
isActive: activeInterval === item,
|
|
170
144
|
onItemClick: () => handleItemClick(item.value || item),
|
|
171
|
-
disabled: item === _dependencies.CUSTOM_INTERVAL_KEY || minDate && ((_intervals$item3 = _dependencies.INTERVALS[item]) === null || _intervals$item3 === void 0
|
|
145
|
+
disabled: item === _dependencies.CUSTOM_INTERVAL_KEY || minDate && ((_intervals$item3 = _dependencies.INTERVALS[item]) === null || _intervals$item3 === void 0 || (_intervals$item3$star = _intervals$item3.start) === null || _intervals$item3$star === void 0 || (_intervals$item3$star = _intervals$item3$star.call(_intervals$item3)) === null || _intervals$item3$star === void 0 || (_intervals$item3$star2 = _intervals$item3$star.isBefore) === null || _intervals$item3$star2 === void 0 ? void 0 : _intervals$item3$star2.call(_intervals$item3$star, momentMinDate))
|
|
172
146
|
});
|
|
173
147
|
})), !isCompact && renderDatepicker()));
|
|
174
148
|
};
|
|
175
|
-
|
|
176
149
|
const renderMobileOpenedPart = () => {
|
|
177
150
|
var _items$filter;
|
|
178
|
-
|
|
179
151
|
return /*#__PURE__*/_react.default.createElement(_Modal.default, {
|
|
180
152
|
zIndex: 101,
|
|
181
153
|
variant: "title",
|
|
@@ -206,9 +178,8 @@ const OpenedPart = (props, ref) => {
|
|
|
206
178
|
value: activeInterval,
|
|
207
179
|
className: "dropdown-fin",
|
|
208
180
|
onChange: v => handleItemClick(v),
|
|
209
|
-
options: items === null || items === void 0
|
|
181
|
+
options: items === null || items === void 0 || (_items$filter = items.filter(item => !(item !== null && item !== void 0 && item.isHidden))) === null || _items$filter === void 0 ? void 0 : _items$filter.map(item => {
|
|
210
182
|
var _intervals$item4;
|
|
211
|
-
|
|
212
183
|
return {
|
|
213
184
|
label: (0, _utils.capitalized)((txt === null || txt === void 0 ? void 0 : txt.labels) && (txt === null || txt === void 0 ? void 0 : txt.labels[item]) || ((_intervals$item4 = _dependencies.INTERVALS[item]) === null || _intervals$item4 === void 0 ? void 0 : _intervals$item4.label) || (item === _dependencies.CUSTOM_INTERVAL_KEY ? _dependencies.CUSTOM_INTERVAL_KEY_TEXT : item)),
|
|
214
185
|
value: item
|
|
@@ -218,20 +189,14 @@ const OpenedPart = (props, ref) => {
|
|
|
218
189
|
sortAlphabetical: false
|
|
219
190
|
}), renderDatepicker());
|
|
220
191
|
};
|
|
221
|
-
|
|
222
192
|
const getDateRangeContainer = () => {
|
|
223
193
|
return document.getElementById(dateRangeContainerId);
|
|
224
194
|
};
|
|
225
|
-
|
|
226
195
|
const renderDateRangeMobileContainer = () => {
|
|
227
196
|
const dateRangeContainer = getDateRangeContainer();
|
|
228
197
|
if (!dateRangeContainer) return null;
|
|
229
198
|
return /*#__PURE__*/(0, _reactDom.createPortal)(renderMobileOpenedPart(), dateRangeContainer);
|
|
230
199
|
};
|
|
231
|
-
|
|
232
200
|
return withMobileLogic && isMobile ? renderDateRangeMobileContainer() : renderOpenedPart();
|
|
233
201
|
};
|
|
234
|
-
|
|
235
|
-
var _default = /*#__PURE__*/_react.default.forwardRef(OpenedPart);
|
|
236
|
-
|
|
237
|
-
exports.default = _default;
|
|
202
|
+
var _default = exports.default = /*#__PURE__*/_react.default.forwardRef(OpenedPart);
|
|
@@ -1,18 +1,13 @@
|
|
|
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 = _interopRequireDefault(require("react"));
|
|
11
|
-
|
|
12
9
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
13
|
-
|
|
14
10
|
var _CustomIcons = require("../../../../Molecular/CustomIcons");
|
|
15
|
-
|
|
16
11
|
const SelectItem = _ref => {
|
|
17
12
|
let {
|
|
18
13
|
item,
|
|
@@ -36,6 +31,4 @@ const SelectItem = _ref => {
|
|
|
36
31
|
className: (0, _classnames.default)("opened-part__intervals-item-icon-active")
|
|
37
32
|
}), label);
|
|
38
33
|
};
|
|
39
|
-
|
|
40
|
-
var _default = SelectItem;
|
|
41
|
-
exports.default = _default;
|
|
34
|
+
var _default = exports.default = SelectItem;
|