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