intelicoreact 1.4.82 → 1.4.83
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 +13 -13
- package/dist/Atomic/FormElements/AdvancedStatus/AdvancedStatus.js +12 -13
- package/dist/Atomic/FormElements/Calendar/Calendar.js +103 -68
- package/dist/Atomic/FormElements/CheckboxInput/CheckboxInput.js +26 -26
- package/dist/Atomic/FormElements/CheckboxesLine/CheckboxesLine.js +27 -23
- package/dist/Atomic/FormElements/Datepicker/Datepicker.js +201 -114
- package/dist/Atomic/FormElements/Datepicker/components/Calendar.js +69 -46
- package/dist/Atomic/FormElements/Dropdown/Dropdown.js +301 -230
- package/dist/Atomic/FormElements/Dropdown/components/DropdownLoader.js +2 -4
- package/dist/Atomic/FormElements/DropdownLiveSearch/DropdownLiveSearch.js +201 -145
- package/dist/Atomic/FormElements/FileLoader/FileLoader.js +54 -41
- package/dist/Atomic/FormElements/FileLoader/partial/LoadZone.js +112 -45
- package/dist/Atomic/FormElements/FileLoader/partial/LoadedContent.js +63 -34
- package/dist/Atomic/FormElements/FileLoaderDescription/FileLoaderDescription.js +153 -82
- package/dist/Atomic/FormElements/FileLoaderLocal/FileLoaderLocal.js +56 -54
- package/dist/Atomic/FormElements/FileLoaderLocalGroup/FileLoaderLocalGroup.js +98 -66
- package/dist/Atomic/FormElements/FormattedRawSSN/FormattedRawSSN.js +48 -27
- package/dist/Atomic/FormElements/Input/Input.js +209 -148
- package/dist/Atomic/FormElements/InputCalendar/InputCalendar.js +77 -50
- package/dist/Atomic/FormElements/InputColor/InputColor.js +28 -23
- package/dist/Atomic/FormElements/InputCurrency/InputCurrency.js +53 -38
- package/dist/Atomic/FormElements/InputDateRange/InputDateRange.js +139 -106
- package/dist/Atomic/FormElements/InputDateRange/components/DateInput.js +38 -31
- package/dist/Atomic/FormElements/InputDateRange/components/Datepicker.js +230 -135
- package/dist/Atomic/FormElements/InputDateRange/components/OpenedPart.js +122 -85
- package/dist/Atomic/FormElements/InputDateRange/components/SelectItem.js +8 -10
- package/dist/Atomic/FormElements/InputDateRange/dependencies.js +159 -72
- package/dist/Atomic/FormElements/InputLink/InputLink.js +39 -30
- package/dist/Atomic/FormElements/InputMask/InputCarretPosition.js +8 -8
- package/dist/Atomic/FormElements/InputMask/InputMask.js +800 -521
- package/dist/Atomic/FormElements/InputMask/config.js +1 -1
- package/dist/Atomic/FormElements/InputMask/functions.js +15 -15
- package/dist/Atomic/FormElements/InputMask2/InputMask2.js +294 -234
- package/dist/Atomic/FormElements/InputMask2/config.js +1 -1
- package/dist/Atomic/FormElements/InputMask2/functions.js +15 -15
- package/dist/Atomic/FormElements/InputMask3/InputMask3.js +332 -265
- package/dist/Atomic/FormElements/InputMask3/config.js +1 -1
- package/dist/Atomic/FormElements/InputMask3/functions.js +15 -15
- package/dist/Atomic/FormElements/InputWithAction/InputWithAction.js +101 -53
- package/dist/Atomic/FormElements/InputsRow/InputsRow.js +99 -64
- package/dist/Atomic/FormElements/Label/Label.js +15 -13
- package/dist/Atomic/FormElements/MobileCalendar/MobileCalendar.js +284 -190
- package/dist/Atomic/FormElements/MultiSelect/MultiSelect.js +34 -24
- package/dist/Atomic/FormElements/NumericInput/NumericInput.js +170 -117
- package/dist/Atomic/FormElements/RadioGroup/RadioGroup.js +50 -28
- package/dist/Atomic/FormElements/RadioGroupWithInput/RadioGroupWithInput.js +29 -18
- package/dist/Atomic/FormElements/RadioInput/RadioInput.js +24 -22
- package/dist/Atomic/FormElements/RadioRowSwitcher/RadioRowSwitcher.js +31 -19
- package/dist/Atomic/FormElements/RangeCalendar/RangeCalendar.js +83 -56
- package/dist/Atomic/FormElements/RangeInputs/RangeInputs.js +75 -49
- package/dist/Atomic/FormElements/RangeList/RangeList.js +129 -87
- package/dist/Atomic/FormElements/RangeList/partial/RangeListRow.js +18 -22
- package/dist/Atomic/FormElements/RangeSlider/RangeSlider.js +250 -143
- package/dist/Atomic/FormElements/RangeSlider2/RangeSlider2.js +477 -367
- package/dist/Atomic/FormElements/SwitchableRow/SwitchableRow.js +15 -14
- package/dist/Atomic/FormElements/Switcher/Switcher.js +20 -24
- package/dist/Atomic/FormElements/SwitcherCheckbox/SwitcherCheckbox.js +30 -24
- package/dist/Atomic/FormElements/SwitcherHide/SwitcherHide.js +23 -20
- package/dist/Atomic/FormElements/SwitcherRadio/SwitcherRadio.js +40 -32
- package/dist/Atomic/FormElements/SwitcherRange/SwitcherRange.js +31 -25
- package/dist/Atomic/FormElements/SwitcherRangeList/SwitcherRangeList.js +22 -22
- package/dist/Atomic/FormElements/SwitcherTagsDropdown/SwitcherTagsDropdown.js +98 -52
- package/dist/Atomic/FormElements/SwitcherTextarea/SwitcherTextarea.js +34 -22
- package/dist/Atomic/FormElements/TagListToDropdown/TagListToDropdown.js +81 -47
- package/dist/Atomic/FormElements/TagsDropdown/TagsDropdown.js +525 -415
- package/dist/Atomic/FormElements/Text/Text.js +39 -39
- package/dist/Atomic/FormElements/TextSwitcher/TextSwitcher.js +23 -21
- package/dist/Atomic/FormElements/Textarea/Textarea.js +33 -28
- package/dist/Atomic/FormElements/TieredCheckboxes/TieredCheckboxes.js +98 -67
- package/dist/Atomic/FormElements/TieredCheckboxes/partial/AccordionWithCheckbox.js +24 -22
- package/dist/Atomic/FormElements/TimeRange/TimeRange.js +57 -34
- package/dist/Atomic/FormElements/UserContacts/UserContacts.js +94 -56
- package/dist/Atomic/FormElements/UserContacts/partial/defaultIcons.js +102 -74
- package/dist/Atomic/FormElements/VariantsListRadio/VariantsListRadio.js +69 -50
- package/dist/Atomic/FormElements/VariantsListRadio/partials/VariantsListRadioItem.js +33 -30
- package/dist/Atomic/FormElements/WidgetPseudoTable/WidgetPseudoTable.js +50 -38
- package/dist/Atomic/FormElements/WidgetPseudoTable/partial/constructor.js +1 -1
- package/dist/Atomic/FormElements/WidgetWithSwitchableRows/WidgetWithSwitchableRows.js +59 -47
- package/dist/Atomic/FormElements/WidgetWithSwitchableRows/partial/constructor.js +1 -1
- package/dist/Atomic/Layout/Header/Header.js +37 -22
- package/dist/Atomic/Layout/MainMenu/MainMenu.js +59 -34
- package/dist/Atomic/Layout/Spinner/Spinner.js +6 -7
- package/dist/Atomic/UI/Accordion/Accordion.js +31 -17
- package/dist/Atomic/UI/Accordion/AccordionItem.js +41 -30
- package/dist/Atomic/UI/AccordionTable/AccordionTable.js +81 -50
- package/dist/Atomic/UI/AccordionText/AccordionText.js +39 -20
- package/dist/Atomic/UI/AdvancedTag/AdvTag.js +74 -46
- package/dist/Atomic/UI/AdvancedTag/AdvancedTags.js +37 -21
- package/dist/Atomic/UI/Alert/Alert.js +36 -23
- package/dist/Atomic/UI/Arrow/Arrow.js +21 -14
- package/dist/Atomic/UI/Box/Box.js +12 -11
- package/dist/Atomic/UI/Button/Button.js +26 -26
- package/dist/Atomic/UI/ButtonsBar/ButtonsBar.js +21 -21
- package/dist/Atomic/UI/Chart/Chart.js +60 -44
- package/dist/Atomic/UI/Chart/partial/Chart.constants.js +13 -11
- package/dist/Atomic/UI/Chart/partial/ChartTypeSwitcherIcon/ChartTypeSwitcherIcon.js +10 -12
- package/dist/Atomic/UI/Chart/partial/datasetSetters.js +82 -60
- package/dist/Atomic/UI/Chart/partial/optionsConstructor.js +124 -116
- package/dist/Atomic/UI/Chart/partial/optionsSetters.js +30 -18
- package/dist/Atomic/UI/Chart/partial/utils.js +30 -16
- package/dist/Atomic/UI/CircleProgressBar/CircleProgressBar.js +31 -21
- package/dist/Atomic/UI/DateTime/DateTime.js +29 -25
- package/dist/Atomic/UI/DebugContainer/DebugContainer.js +23 -11
- package/dist/Atomic/UI/DebugContainer/useDebugContainer.js +12 -4
- package/dist/Atomic/UI/DoubleString/DoubleString.js +53 -36
- package/dist/Atomic/UI/DynamicIcon/DynamicIcon.js +55 -14
- package/dist/Atomic/UI/ExampleChartIntegration/ExampleChartIntegration.js +114 -54
- package/dist/Atomic/UI/ExampleChartIntegration/partial/utils.js +88 -53
- package/dist/Atomic/UI/Hint/Hint.js +87 -58
- package/dist/Atomic/UI/Hint/partials/_utils.js +10 -10
- package/dist/Atomic/UI/Modal/Modal.js +159 -144
- package/dist/Atomic/UI/Modal/ModalHOC.js +17 -14
- package/dist/Atomic/UI/Modal/partials/ModalFooter.js +5 -6
- package/dist/Atomic/UI/Modal/partials/ModalTitle.js +13 -16
- package/dist/Atomic/UI/Modal/partials/useMobileModal.js +118 -73
- package/dist/Atomic/UI/MonoAccordion/MonoAccordion.js +48 -33
- package/dist/Atomic/UI/NavLine/NavLine.js +166 -104
- package/dist/Atomic/UI/PageTitle/PageTitle.js +8 -12
- package/dist/Atomic/UI/PieChart/PieChart.js +11 -10
- package/dist/Atomic/UI/Price/Price.js +5 -7
- package/dist/Atomic/UI/PriceRange/PriceRange.js +4 -6
- package/dist/Atomic/UI/ProgressLine/ProgressLine.js +42 -27
- package/dist/Atomic/UI/Status/Status.js +22 -18
- package/dist/Atomic/UI/Table/Partials/TdCell.js +47 -28
- package/dist/Atomic/UI/Table/Partials/TdHeader.js +5 -6
- package/dist/Atomic/UI/Table/Partials/TdRow.js +53 -29
- package/dist/Atomic/UI/Table/Partials/TdTitle.js +28 -15
- package/dist/Atomic/UI/Table/Table.js +36 -27
- package/dist/Atomic/UI/Table/TdTypes/TdActions.js +32 -18
- package/dist/Atomic/UI/Table/TdTypes/TdPriority.js +10 -8
- package/dist/Atomic/UI/Table/TdTypes/TdRange.js +2 -4
- package/dist/Atomic/UI/Table/TdTypes/TdWeight.js +26 -21
- package/dist/Atomic/UI/Tag/Tag.js +72 -52
- package/dist/Atomic/UI/TagList/TagList.js +102 -65
- package/dist/Atomic/UI/UserBox/UserBox.js +13 -13
- package/dist/Atomic/UI/WizardStepper/constructor.js +6 -6
- package/dist/Atomic/UI/WizardStepper/ui/StateIcon/StateIcon.js +16 -20
- package/dist/Atomic/UI/WizardStepper/ui/StepRow/StepRow.js +25 -27
- package/dist/Atomic/UI/WizardStepper/ui/StepWrapper/StepWrapper.js +27 -22
- package/dist/Atomic/UI/WizardStepper/ui/icons.js +41 -39
- package/dist/Classes/AbortableFetch.js +393 -311
- package/dist/Classes/AnimatedHandler.js +53 -45
- package/dist/Classes/RESTAPI/index.js +431 -152
- package/dist/Classes/RESTAPI/partials/AbortableFetch.js +400 -320
- package/dist/Classes/RESTAPI/partials/ApiBase.js +59 -24
- package/dist/Classes/RESTAPI/partials/ApiRequestCreators.js +338 -76
- package/dist/Classes/RESTAPI/partials/ApiUtils.js +378 -143
- package/dist/Classes/RESTAPI/partials/CredentialsProcessing.js +375 -159
- package/dist/Classes/RESTAPI/partials/Utils.js +128 -87
- package/dist/Classes/RESTAPI/partials/_utils.js +388 -116
- package/dist/Constants/index.constants.js +7 -7
- package/dist/Functions/Portal.js +19 -11
- package/dist/Functions/customEventListener.js +7 -5
- package/dist/Functions/fieldValueFormatters.js +131 -109
- package/dist/Functions/hooks/useFormFieldsChangesManager.js +128 -69
- package/dist/Functions/locale/createTranslator.js +21 -11
- package/dist/Functions/operations.js +27 -23
- package/dist/Functions/presets/inputMaskPreset.js +176 -0
- package/dist/Functions/presets/inputMaskPresets.js +17 -17
- package/dist/Functions/presets/inputPresets.js +15 -15
- package/dist/Functions/presets/mobileKeyboardTypesPresets.js +3 -3
- package/dist/Functions/schemas.js +7 -5
- package/dist/Functions/useBodyScrollLock.js +3 -3
- package/dist/Functions/useClickOutside.js +3 -3
- package/dist/Functions/useDebounce.js +20 -11
- package/dist/Functions/useFieldFocus.js +51 -38
- package/dist/Functions/useFormTools/form-drivers/ArrayWithObjects.js +46 -36
- package/dist/Functions/useFormTools/form-drivers/ObjectWithIterableObjects.js +78 -68
- package/dist/Functions/useFormTools/form-drivers/ObjectWithNamedKeyObjects.js +81 -54
- package/dist/Functions/useFormTools/functions/General.js +80 -71
- package/dist/Functions/useFormTools/functions/RenderFields.js +63 -45
- package/dist/Functions/useFormTools/functions/usePrevious.js +2 -2
- package/dist/Functions/useFormTools/index.js +467 -314
- package/dist/Functions/useInputHighlightError.js +42 -26
- package/dist/Functions/useIsMobile.js +29 -11
- package/dist/Functions/useKeyPress/useHandleKeyPress.js +8 -9
- package/dist/Functions/useKeyPress/useKeyPress.js +26 -17
- package/dist/Functions/useLocalStorage.js +13 -6
- package/dist/Functions/useLocationParams.js +24 -14
- package/dist/Functions/useMediaQuery.js +18 -7
- package/dist/Functions/useMetaInfo.js +40 -16
- package/dist/Functions/useMouseUpOutside.js +2 -2
- package/dist/Functions/useOnlineStatus.js +17 -6
- package/dist/Functions/usePasswordChecker.js +61 -42
- package/dist/Functions/usePrevious.js +2 -2
- package/dist/Functions/useResize.js +24 -12
- package/dist/Functions/useScrollTo.js +13 -4
- package/dist/Functions/useToggle.js +25 -9
- package/dist/Functions/utils.js +272 -147
- package/dist/Molecular/CustomIcons/components/AffiliateNetworks.js +27 -23
- package/dist/Molecular/CustomIcons/components/AlertCircle.js +27 -23
- package/dist/Molecular/CustomIcons/components/AppStore.js +31 -27
- package/dist/Molecular/CustomIcons/components/Arrow.js +37 -33
- package/dist/Molecular/CustomIcons/components/ArrowDown.js +19 -15
- package/dist/Molecular/CustomIcons/components/ArrowLeft.js +22 -18
- package/dist/Molecular/CustomIcons/components/ArrowRight.js +22 -18
- package/dist/Molecular/CustomIcons/components/ArrowUp.js +19 -15
- package/dist/Molecular/CustomIcons/components/Bell.js +17 -13
- package/dist/Molecular/CustomIcons/components/Button.js +17 -13
- package/dist/Molecular/CustomIcons/components/Campaigns.js +18 -14
- package/dist/Molecular/CustomIcons/components/Check.js +18 -14
- package/dist/Molecular/CustomIcons/components/Check2.js +17 -13
- package/dist/Molecular/CustomIcons/components/ChevronDown.js +17 -13
- package/dist/Molecular/CustomIcons/components/ChevronDownDisabled.js +17 -13
- package/dist/Molecular/CustomIcons/components/ChevronLeft.js +17 -13
- package/dist/Molecular/CustomIcons/components/ChevronRight.js +17 -13
- package/dist/Molecular/CustomIcons/components/ChevronUp.js +17 -13
- package/dist/Molecular/CustomIcons/components/ChevronUpDown.js +32 -28
- package/dist/Molecular/CustomIcons/components/Close.js +19 -15
- package/dist/Molecular/CustomIcons/components/ColumnsOrder.js +44 -40
- package/dist/Molecular/CustomIcons/components/Delete.js +18 -14
- package/dist/Molecular/CustomIcons/components/Edit.js +17 -13
- package/dist/Molecular/CustomIcons/components/Email.js +35 -31
- package/dist/Molecular/CustomIcons/components/FinturfLogo.js +25 -21
- package/dist/Molecular/CustomIcons/components/FinturfLogo2.js +33 -29
- package/dist/Molecular/CustomIcons/components/Flows.js +17 -13
- package/dist/Molecular/CustomIcons/components/Gift.js +22 -18
- package/dist/Molecular/CustomIcons/components/GoogleAuth.js +31 -27
- package/dist/Molecular/CustomIcons/components/GooglePlay.js +31 -27
- package/dist/Molecular/CustomIcons/components/HelpCircle.js +20 -16
- package/dist/Molecular/CustomIcons/components/HelpCircle2.js +21 -17
- package/dist/Molecular/CustomIcons/components/HelpCircleFilled.js +20 -16
- package/dist/Molecular/CustomIcons/components/Home.js +20 -16
- package/dist/Molecular/CustomIcons/components/Home2.js +23 -19
- package/dist/Molecular/CustomIcons/components/Key.js +25 -21
- package/dist/Molecular/CustomIcons/components/Landers.js +21 -17
- package/dist/Molecular/CustomIcons/components/Lock.js +17 -13
- package/dist/Molecular/CustomIcons/components/Mail.js +25 -21
- package/dist/Molecular/CustomIcons/components/Mastercard.js +65 -61
- package/dist/Molecular/CustomIcons/components/Minus.js +30 -26
- package/dist/Molecular/CustomIcons/components/Offers.js +18 -14
- package/dist/Molecular/CustomIcons/components/Pause.js +30 -26
- package/dist/Molecular/CustomIcons/components/PayPal.js +44 -40
- package/dist/Molecular/CustomIcons/components/PayPalLightLarge.js +31 -27
- package/dist/Molecular/CustomIcons/components/Phone.js +32 -28
- package/dist/Molecular/CustomIcons/components/Play.js +30 -26
- package/dist/Molecular/CustomIcons/components/Plus.js +30 -26
- package/dist/Molecular/CustomIcons/components/Profile.js +22 -18
- package/dist/Molecular/CustomIcons/components/QRCode.js +32 -28
- package/dist/Molecular/CustomIcons/components/Rectangle.js +17 -13
- package/dist/Molecular/CustomIcons/components/Revert.js +20 -16
- package/dist/Molecular/CustomIcons/components/Star.js +14 -10
- package/dist/Molecular/CustomIcons/components/Star2.js +18 -14
- package/dist/Molecular/CustomIcons/components/TrafficSources.js +20 -16
- package/dist/Molecular/CustomIcons/components/Trash.js +17 -13
- package/dist/Molecular/CustomIcons/components/TrashRed.js +17 -13
- package/dist/Molecular/CustomIcons/components/Triggers.js +17 -13
- package/dist/Molecular/CustomIcons/components/User.js +22 -18
- package/dist/Molecular/CustomIcons/components/Visa.js +33 -29
- package/dist/Molecular/CustomIcons/components/X.js +17 -13
- package/dist/Molecular/CustomIcons/index.js +61 -61
- package/dist/Molecular/FormElement/FormElement.js +17 -19
- package/dist/Molecular/FormWithDependOn/FormWithDependOn.js +93 -73
- package/dist/Molecular/FormWithDependOn/partials/_utils.js +27 -28
- package/dist/Molecular/InputAddress/InputAddress.js +213 -126
- package/dist/Molecular/InputPassword/InputPassword.js +23 -13
- package/dist/index.js +1 -1
- package/package.json +1 -1
|
@@ -2,11 +2,17 @@
|
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
4
|
|
|
5
|
+
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
6
|
+
|
|
5
7
|
Object.defineProperty(exports, "__esModule", {
|
|
6
8
|
value: true
|
|
7
9
|
});
|
|
8
10
|
exports.default = void 0;
|
|
9
11
|
|
|
12
|
+
var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
|
|
13
|
+
|
|
14
|
+
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
15
|
+
|
|
10
16
|
var _react = _interopRequireWildcard(require("react"));
|
|
11
17
|
|
|
12
18
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
@@ -31,100 +37,171 @@ var _Calendar = _interopRequireDefault(require("./components/Calendar"));
|
|
|
31
37
|
|
|
32
38
|
require("./Datepicker.scss");
|
|
33
39
|
|
|
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); }
|
|
40
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
35
41
|
|
|
36
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null ||
|
|
42
|
+
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
43
|
|
|
38
|
-
|
|
44
|
+
var padTime = function padTime(time) {
|
|
39
45
|
return "".concat(time.toString().padStart(2, "0"), ":00");
|
|
40
46
|
};
|
|
41
47
|
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
48
|
+
var Datepicker = function Datepicker(props) {
|
|
49
|
+
var isCompareHidden = props.isCompareHidden,
|
|
50
|
+
limitRange = props.limitRange,
|
|
51
|
+
_props$onChange = props.onChange,
|
|
52
|
+
onChange = _props$onChange === void 0 ? function () {} : _props$onChange,
|
|
53
|
+
_props$values = props.values,
|
|
54
|
+
values = _props$values === void 0 ? {} : _props$values,
|
|
55
|
+
_props$onChangeCompar = props.onChangeCompare,
|
|
56
|
+
onChangeCompare = _props$onChangeCompar === void 0 ? function () {} : _props$onChangeCompar,
|
|
57
|
+
_props$onCancel = props.onCancel,
|
|
58
|
+
onCancel = _props$onCancel === void 0 ? function () {} : _props$onCancel,
|
|
59
|
+
_props$getSelectedMod = props.getSelectedMode,
|
|
60
|
+
getSelectedMode = _props$getSelectedMod === void 0 ? function () {} : _props$getSelectedMod,
|
|
61
|
+
_props$onChangeInterv = props.onChangeInterval,
|
|
62
|
+
onChangeInterval = _props$onChangeInterv === void 0 ? function () {} : _props$onChangeInterv;
|
|
63
|
+
var _values$start = values.start,
|
|
64
|
+
start = _values$start === void 0 ? null : _values$start,
|
|
65
|
+
_values$end = values.end,
|
|
66
|
+
end = _values$end === void 0 ? null : _values$end,
|
|
67
|
+
_values$compare = values.compare,
|
|
68
|
+
compare = _values$compare === void 0 ? false : _values$compare;
|
|
69
|
+
var txt = _Langs.default[global.lng];
|
|
70
|
+
var startDateInputRef = (0, _react.useRef)(null);
|
|
71
|
+
var endDateInputRef = (0, _react.useRef)(null);
|
|
72
|
+
|
|
73
|
+
var _useState = (0, _react.useState)(start),
|
|
74
|
+
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
|
75
|
+
startDate = _useState2[0],
|
|
76
|
+
setStartDate = _useState2[1];
|
|
77
|
+
|
|
78
|
+
var _useState3 = (0, _react.useState)(end),
|
|
79
|
+
_useState4 = (0, _slicedToArray2.default)(_useState3, 2),
|
|
80
|
+
endDate = _useState4[0],
|
|
81
|
+
setEndDate = _useState4[1];
|
|
82
|
+
|
|
83
|
+
var dateInterval = getSelectedMode({
|
|
64
84
|
start: startDate,
|
|
65
85
|
end: endDate
|
|
66
86
|
});
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
87
|
+
|
|
88
|
+
var _useState5 = (0, _react.useState)(start),
|
|
89
|
+
_useState6 = (0, _slicedToArray2.default)(_useState5, 2),
|
|
90
|
+
startDateInput = _useState6[0],
|
|
91
|
+
setStartDateInput = _useState6[1];
|
|
92
|
+
|
|
93
|
+
var _useState7 = (0, _react.useState)(end),
|
|
94
|
+
_useState8 = (0, _slicedToArray2.default)(_useState7, 2),
|
|
95
|
+
endDateInput = _useState8[0],
|
|
96
|
+
setEndDateInput = _useState8[1];
|
|
97
|
+
|
|
98
|
+
var _useState9 = (0, _react.useState)(start ? (0, _moment.default)(start).hour() : 0),
|
|
99
|
+
_useState10 = (0, _slicedToArray2.default)(_useState9, 2),
|
|
100
|
+
startHour = _useState10[0],
|
|
101
|
+
setStartHour = _useState10[1];
|
|
102
|
+
|
|
103
|
+
var _useState11 = (0, _react.useState)(end ? (0, _moment.default)(end).hour() : 0),
|
|
104
|
+
_useState12 = (0, _slicedToArray2.default)(_useState11, 2),
|
|
105
|
+
endHour = _useState12[0],
|
|
106
|
+
setEndHour = _useState12[1]; // eslint-disable-next-line no-unused-vars
|
|
107
|
+
|
|
108
|
+
|
|
109
|
+
var _useState13 = (0, _react.useState)(compare),
|
|
110
|
+
_useState14 = (0, _slicedToArray2.default)(_useState13, 2),
|
|
111
|
+
isCompare = _useState14[0],
|
|
112
|
+
setIsCompare = _useState14[1];
|
|
113
|
+
|
|
114
|
+
var _useState15 = (0, _react.useState)(start ? (0, _moment.default)(start).toDate() : (0, _moment.default)().subtract(1, "month").toDate()),
|
|
115
|
+
_useState16 = (0, _slicedToArray2.default)(_useState15, 2),
|
|
116
|
+
date1 = _useState16[0],
|
|
117
|
+
setDate1 = _useState16[1];
|
|
118
|
+
|
|
119
|
+
var _useState17 = (0, _react.useState)(end ? (0, _moment.default)(end).toDate() : (0, _moment.default)().toDate()),
|
|
120
|
+
_useState18 = (0, _slicedToArray2.default)(_useState17, 2),
|
|
121
|
+
date2 = _useState18[0],
|
|
122
|
+
setDate2 = _useState18[1];
|
|
123
|
+
|
|
124
|
+
var _useState19 = (0, _react.useState)(false),
|
|
125
|
+
_useState20 = (0, _slicedToArray2.default)(_useState19, 2),
|
|
126
|
+
isStartFocused = _useState20[0],
|
|
127
|
+
setIsStartFocused = _useState20[1];
|
|
128
|
+
|
|
129
|
+
var _useState21 = (0, _react.useState)(false),
|
|
130
|
+
_useState22 = (0, _slicedToArray2.default)(_useState21, 2),
|
|
131
|
+
isEndFocused = _useState22[0],
|
|
132
|
+
setIsEndFocused = _useState22[1];
|
|
133
|
+
|
|
134
|
+
var _useState23 = (0, _react.useState)(null),
|
|
135
|
+
_useState24 = (0, _slicedToArray2.default)(_useState23, 2),
|
|
136
|
+
hoverStatus = _useState24[0],
|
|
137
|
+
setHoverStatus = _useState24[1];
|
|
138
|
+
|
|
139
|
+
var isNearby = (0, _react.useMemo)(function () {
|
|
140
|
+
return (0, _moment.default)(date2).subtract(1, "month").isSame((0, _moment.default)(date1), "month");
|
|
141
|
+
}, [date1, date2]);
|
|
142
|
+
var isPreviousPeriodShowed = (0, _react.useMemo)(function () {
|
|
143
|
+
return isCompare && !isCompareHidden && startDate && endDate;
|
|
144
|
+
}, [startDate, endDate, isCompare]);
|
|
145
|
+
var prevEndHour = (0, _react.useRef)(endHour);
|
|
146
|
+
|
|
147
|
+
var getStartHourItems = function getStartHourItems() {
|
|
148
|
+
return (0, _toConsumableArray2.default)(Array(24).keys()).map(function (hour) {
|
|
149
|
+
return {
|
|
150
|
+
label: padTime(hour),
|
|
151
|
+
value: hour,
|
|
152
|
+
disabled: (0, _moment.default)(startDate).isSame(endDate, "day") && endHour <= hour
|
|
153
|
+
};
|
|
154
|
+
});
|
|
155
|
+
};
|
|
156
|
+
|
|
157
|
+
var getEndHourItems = function getEndHourItems() {
|
|
158
|
+
return (0, _toConsumableArray2.default)(Array(24).keys()).map(function (hour) {
|
|
159
|
+
return {
|
|
160
|
+
label: padTime(hour + 1),
|
|
161
|
+
value: hour === 23 ? 0 : hour + 1,
|
|
162
|
+
disabled: ((0, _moment.default)(startDate).isSame(endDate, "day") || (0, _moment.default)(startDate).isSame((0, _moment.default)(endDate).subtract(1, "days"), "day") && endHour === 0) && hour < startHour
|
|
163
|
+
};
|
|
164
|
+
});
|
|
165
|
+
};
|
|
166
|
+
|
|
167
|
+
var startPrevDate = (0, _react.useMemo)(function () {
|
|
95
168
|
if (isPreviousPeriodShowed) {
|
|
96
|
-
|
|
169
|
+
var intervalHoursCount = (0, _moment.default)(endDate).diff(startDate, "hours");
|
|
97
170
|
return (0, _moment.default)(startDate).subtract(intervalHoursCount, "hours").toDate();
|
|
98
171
|
} else return null;
|
|
99
172
|
}, [startDate, endDate, isCompare]);
|
|
100
|
-
|
|
173
|
+
var endPrevDate = (0, _react.useMemo)(function () {
|
|
101
174
|
if (isPreviousPeriodShowed) {
|
|
102
175
|
return startDate;
|
|
103
176
|
} else return null;
|
|
104
177
|
}, [startDate, endDate, isCompare]);
|
|
105
|
-
|
|
178
|
+
var title = (0, _react.useMemo)(function () {
|
|
106
179
|
if (isCompare && !isCompareHidden && startDate && endDate) {
|
|
107
180
|
return "".concat((0, _moment.default)(startPrevDate).format("ll"), " (").concat((0, _moment.default)(startPrevDate).format("HH:mm"), ") - ").concat((0, _moment.default)(endPrevDate).format("ll"), " (").concat((0, _moment.default)(endPrevDate).format("HH:mm"), ")");
|
|
108
181
|
} else return "";
|
|
109
182
|
}, [startDate, endDate, isCompare]);
|
|
110
183
|
|
|
111
|
-
|
|
184
|
+
var subtractDay = function subtractDay(date) {
|
|
185
|
+
return endHour === 0 ? (0, _moment.default)(date).subtract(1, "days") : date;
|
|
186
|
+
};
|
|
112
187
|
|
|
113
|
-
|
|
188
|
+
var addDay = function addDay(date) {
|
|
189
|
+
return endHour === 0 ? (0, _moment.default)(date).add(1, "days") : date;
|
|
190
|
+
};
|
|
114
191
|
|
|
115
|
-
(0, _react.useEffect)(()
|
|
192
|
+
(0, _react.useEffect)(function () {
|
|
116
193
|
if ((0, _moment.default)(startDate).isSameOrAfter(endDate)) {
|
|
117
194
|
setStartDate((0, _moment.default)(endDate).subtract(1, "d").toDate());
|
|
118
195
|
setDate1((0, _moment.default)(endDate).subtract(1, "d"));
|
|
119
196
|
}
|
|
120
197
|
}, [startDate]);
|
|
121
|
-
(0, _react.useEffect)(()
|
|
198
|
+
(0, _react.useEffect)(function () {
|
|
122
199
|
if ((0, _moment.default)(endDate).isSameOrBefore(startDate)) {
|
|
123
200
|
setEndDate((0, _moment.default)(startDate).add(1, "d").toDate());
|
|
124
201
|
setDate2((0, _moment.default)(startDate).add(1, "d"));
|
|
125
202
|
}
|
|
126
203
|
}, [endDate]);
|
|
127
|
-
(0, _react.useEffect)(()
|
|
204
|
+
(0, _react.useEffect)(function () {
|
|
128
205
|
setStartDateInput(startDate);
|
|
129
206
|
setEndDateInput(endDate);
|
|
130
207
|
|
|
@@ -133,16 +210,16 @@ const Datepicker = props => {
|
|
|
133
210
|
setDate2((0, _moment.default)(endDate));
|
|
134
211
|
}
|
|
135
212
|
}, [startDate, endDate]);
|
|
136
|
-
(0, _react.useEffect)(()
|
|
213
|
+
(0, _react.useEffect)(function () {
|
|
137
214
|
if ((0, _moment.default)(date1).isSameOrAfter((0, _moment.default)(date2), "month")) {
|
|
138
215
|
setDate1((0, _moment.default)(date2).subtract(1, "month"));
|
|
139
216
|
}
|
|
140
217
|
}, [date1, date2]);
|
|
141
|
-
(0, _react.useEffect)(()
|
|
218
|
+
(0, _react.useEffect)(function () {
|
|
142
219
|
onChangeInterval(dateInterval);
|
|
143
220
|
}, [dateInterval]);
|
|
144
221
|
|
|
145
|
-
|
|
222
|
+
var handleClick = function handleClick(date) {
|
|
146
223
|
prevEndHour.current = 0;
|
|
147
224
|
|
|
148
225
|
if (!startDate || startDate && endDate && !((0, _moment.default)(startDate).add(1, "d").isSame(endDate, "day") && endHour === 0)) {
|
|
@@ -160,11 +237,11 @@ const Datepicker = props => {
|
|
|
160
237
|
setHoverStatus(null);
|
|
161
238
|
};
|
|
162
239
|
|
|
163
|
-
|
|
240
|
+
var timerId;
|
|
164
241
|
|
|
165
|
-
|
|
242
|
+
var handleHover = function handleHover(date) {
|
|
166
243
|
if (!date) {
|
|
167
|
-
timerId = setTimeout(()
|
|
244
|
+
timerId = setTimeout(function () {
|
|
168
245
|
setHoverStatus(null);
|
|
169
246
|
}, 400);
|
|
170
247
|
return;
|
|
@@ -179,25 +256,17 @@ const Datepicker = props => {
|
|
|
179
256
|
}
|
|
180
257
|
};
|
|
181
258
|
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
target: {
|
|
185
|
-
value: val
|
|
186
|
-
}
|
|
187
|
-
} = _ref;
|
|
259
|
+
var handleChangeStartHour = function handleChangeStartHour(_ref) {
|
|
260
|
+
var val = _ref.target.value;
|
|
188
261
|
setStartHour(Number(val));
|
|
189
262
|
setStartDate((0, _moment.default)(startDate).set("hour", Number(val)).toDate());
|
|
190
263
|
};
|
|
191
264
|
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
value: val
|
|
196
|
-
}
|
|
197
|
-
} = _ref2;
|
|
198
|
-
const newHour = Number(val);
|
|
265
|
+
var handleChangeEndHour = function handleChangeEndHour(_ref2) {
|
|
266
|
+
var val = _ref2.target.value;
|
|
267
|
+
var newHour = Number(val);
|
|
199
268
|
setEndHour(newHour);
|
|
200
|
-
|
|
269
|
+
var newEndDate;
|
|
201
270
|
|
|
202
271
|
if (prevEndHour.current === 0 && newHour !== 0) {
|
|
203
272
|
newEndDate = (0, _moment.default)(endDate).subtract(1, "days");
|
|
@@ -211,33 +280,41 @@ const Datepicker = props => {
|
|
|
211
280
|
setEndDate((0, _moment.default)(newEndDate).set("hour", newHour).toDate());
|
|
212
281
|
};
|
|
213
282
|
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
|
|
283
|
+
var renderButtons = function renderButtons() {
|
|
284
|
+
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Button.default, {
|
|
285
|
+
className: "plr15 mr5",
|
|
286
|
+
onClick: function onClick() {
|
|
287
|
+
return onCancel();
|
|
288
|
+
}
|
|
289
|
+
}, txt.buttons.cancel), /*#__PURE__*/_react.default.createElement(_Button.default, {
|
|
290
|
+
className: "plr20",
|
|
291
|
+
type: "filled",
|
|
292
|
+
disabled: !startDate || !endDate,
|
|
293
|
+
onClick: function onClick() {
|
|
294
|
+
return onChange({
|
|
295
|
+
start: startDate,
|
|
296
|
+
end: endDate,
|
|
297
|
+
startPrevDate: startPrevDate,
|
|
298
|
+
endPrevDate: endPrevDate,
|
|
299
|
+
compare: isCompare
|
|
300
|
+
});
|
|
301
|
+
}
|
|
302
|
+
}, txt.buttons.apply));
|
|
303
|
+
};
|
|
304
|
+
|
|
305
|
+
var renderPreviousPeriod = function renderPreviousPeriod() {
|
|
306
|
+
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, txt.labels.previousPeriod, ":", " ", /*#__PURE__*/_react.default.createElement("span", {
|
|
307
|
+
className: "date-picker__previous-period-interval"
|
|
308
|
+
}, title));
|
|
309
|
+
};
|
|
310
|
+
|
|
311
|
+
var handleStartDateFocus = function handleStartDateFocus() {
|
|
235
312
|
setIsStartFocused(true);
|
|
236
313
|
setStartDateInput((0, _moment.default)(startDate).format("L"));
|
|
237
314
|
};
|
|
238
315
|
|
|
239
|
-
|
|
240
|
-
|
|
316
|
+
var handleStartDateBlur = function handleStartDateBlur() {
|
|
317
|
+
var newDate;
|
|
241
318
|
|
|
242
319
|
if ((0, _moment.default)(startDateInput).isValid()) {
|
|
243
320
|
newDate = (0, _moment.default)(startDateInput).set("hour", parseInt(startHour, 10)).toDate();
|
|
@@ -252,13 +329,13 @@ const Datepicker = props => {
|
|
|
252
329
|
setDate1((0, _moment.default)(newDate).isSameOrAfter((0, _moment.default)(date2), "month") ? (0, _moment.default)(date2).subtract(1, "month") : (0, _moment.default)(newDate));
|
|
253
330
|
};
|
|
254
331
|
|
|
255
|
-
|
|
332
|
+
var handleEndDateFocus = function handleEndDateFocus() {
|
|
256
333
|
setIsEndFocused(true);
|
|
257
334
|
setEndDateInput((0, _moment.default)(subtractDay(endDateInput)).format("L"));
|
|
258
335
|
};
|
|
259
336
|
|
|
260
|
-
|
|
261
|
-
|
|
337
|
+
var handleEndDateBlur = function handleEndDateBlur() {
|
|
338
|
+
var newDate;
|
|
262
339
|
|
|
263
340
|
if ((0, _moment.default)(endDateInput).isValid()) {
|
|
264
341
|
newDate = (0, _moment.default)(endDateInput).set("hour", parseInt(endHour, 10)).toDate();
|
|
@@ -274,7 +351,7 @@ const Datepicker = props => {
|
|
|
274
351
|
setEndDateInput();
|
|
275
352
|
};
|
|
276
353
|
|
|
277
|
-
|
|
354
|
+
var handleKeyPressed = function handleKeyPressed(e, handleDateBlur) {
|
|
278
355
|
if (e.key === "Enter") handleDateBlur();
|
|
279
356
|
};
|
|
280
357
|
|
|
@@ -289,10 +366,14 @@ const Datepicker = props => {
|
|
|
289
366
|
}),
|
|
290
367
|
value: isStartFocused ? startDateInput : (0, _moment.default)(startDate).format("ll"),
|
|
291
368
|
disabled: !startDate,
|
|
292
|
-
onChange:
|
|
369
|
+
onChange: function onChange(e) {
|
|
370
|
+
return setStartDateInput(e.target.value);
|
|
371
|
+
},
|
|
293
372
|
onFocus: handleStartDateFocus,
|
|
294
373
|
onBlur: handleStartDateBlur,
|
|
295
|
-
onKeyPress:
|
|
374
|
+
onKeyPress: function onKeyPress(e) {
|
|
375
|
+
return handleKeyPressed(e, handleStartDateBlur);
|
|
376
|
+
},
|
|
296
377
|
ref: startDateInputRef
|
|
297
378
|
}), /*#__PURE__*/_react.default.createElement(_Dropdown.default, {
|
|
298
379
|
dataTest: "datepicker_start-hour-select-input",
|
|
@@ -310,10 +391,14 @@ const Datepicker = props => {
|
|
|
310
391
|
}),
|
|
311
392
|
value: isEndFocused ? endDateInput : (0, _moment.default)(subtractDay(endDate)).format("ll"),
|
|
312
393
|
disabled: !endDate,
|
|
313
|
-
onChange:
|
|
394
|
+
onChange: function onChange(e) {
|
|
395
|
+
return setEndDateInput(e.target.value);
|
|
396
|
+
},
|
|
314
397
|
onFocus: handleEndDateFocus,
|
|
315
398
|
onBlur: handleEndDateBlur,
|
|
316
|
-
onKeyPress:
|
|
399
|
+
onKeyPress: function onKeyPress(e) {
|
|
400
|
+
return handleKeyPressed(e, handleEndDateBlur);
|
|
401
|
+
},
|
|
317
402
|
ref: endDateInputRef
|
|
318
403
|
}), /*#__PURE__*/_react.default.createElement(_Dropdown.default, {
|
|
319
404
|
dataTest: "datepicker_end-hour-select-input",
|
|
@@ -357,9 +442,11 @@ const Datepicker = props => {
|
|
|
357
442
|
dataTest: "datepicker_compare",
|
|
358
443
|
label: txt.labels.compare,
|
|
359
444
|
isSwitchOn: isCompare,
|
|
360
|
-
onChange: ()
|
|
445
|
+
onChange: function onChange() {
|
|
361
446
|
onChangeCompare(!isCompare);
|
|
362
|
-
setIsCompare(
|
|
447
|
+
setIsCompare(function (state) {
|
|
448
|
+
return !state;
|
|
449
|
+
});
|
|
363
450
|
}
|
|
364
451
|
}))) : /*#__PURE__*/_react.default.createElement("div", null), /*#__PURE__*/_react.default.createElement("div", null, renderButtons())));
|
|
365
452
|
};
|
|
@@ -2,11 +2,17 @@
|
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
4
|
|
|
5
|
+
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
6
|
+
|
|
5
7
|
Object.defineProperty(exports, "__esModule", {
|
|
6
8
|
value: true
|
|
7
9
|
});
|
|
8
10
|
exports.default = void 0;
|
|
9
11
|
|
|
12
|
+
var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
|
|
13
|
+
|
|
14
|
+
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
15
|
+
|
|
10
16
|
var _react = _interopRequireWildcard(require("react"));
|
|
11
17
|
|
|
12
18
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
@@ -15,33 +21,40 @@ var _moment = _interopRequireDefault(require("moment"));
|
|
|
15
21
|
|
|
16
22
|
var Icon = _interopRequireWildcard(require("react-feather"));
|
|
17
23
|
|
|
18
|
-
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); }
|
|
19
|
-
|
|
20
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null ||
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
24
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
25
|
+
|
|
26
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
27
|
+
|
|
28
|
+
var Calendar = function Calendar(props) {
|
|
29
|
+
var date = props.date,
|
|
30
|
+
setDate = props.setDate,
|
|
31
|
+
startDate = props.startDate,
|
|
32
|
+
endDate = props.endDate,
|
|
33
|
+
_props$allowPrev = props.allowPrev,
|
|
34
|
+
allowPrev = _props$allowPrev === void 0 ? true : _props$allowPrev,
|
|
35
|
+
_props$allowNext = props.allowNext,
|
|
36
|
+
allowNext = _props$allowNext === void 0 ? true : _props$allowNext,
|
|
37
|
+
onClick = props.onClick,
|
|
38
|
+
onHover = props.onHover,
|
|
39
|
+
startPrevDate = props.startPrevDate,
|
|
40
|
+
endPrevDate = props.endPrevDate,
|
|
41
|
+
limitRange = props.limitRange;
|
|
42
|
+
|
|
43
|
+
var _useState = (0, _react.useState)({}),
|
|
44
|
+
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
|
45
|
+
days = _useState2[0],
|
|
46
|
+
setDays = _useState2[1];
|
|
47
|
+
|
|
48
|
+
var title = (0, _react.useMemo)(function () {
|
|
49
|
+
return "".concat((0, _moment.default)(date).format("MMM"), " ").concat((0, _moment.default)(date).format("YYYY"));
|
|
50
|
+
}, [date]);
|
|
51
|
+
(0, _react.useEffect)(function () {
|
|
52
|
+
var result = {};
|
|
53
|
+
var day = (0, _moment.default)(date).startOf("month");
|
|
54
|
+
var daysInMonth = day.daysInMonth();
|
|
55
|
+
|
|
56
|
+
for (var d = 0; d < daysInMonth; d += 1) {
|
|
57
|
+
var week = day.week();
|
|
45
58
|
if (day.month() === 11 && week === 1) week = 53;
|
|
46
59
|
if (day.month() === 0 && week === 53) week = 0;
|
|
47
60
|
|
|
@@ -58,15 +71,15 @@ const Calendar = props => {
|
|
|
58
71
|
setDays(result);
|
|
59
72
|
}, [date]);
|
|
60
73
|
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
74
|
+
var renderDay = function renderDay(week, dayOfWeek) {
|
|
75
|
+
var day = days[week][dayOfWeek];
|
|
76
|
+
var isFutureDay = day && (0, _moment.default)(day.date).isAfter((0, _moment.default)(), "day");
|
|
77
|
+
var isPastDay = limitRange ? day && (0, _moment.default)(day.date).isBefore((0, _moment.default)().subtract(limitRange, "days"), "day") : null;
|
|
78
|
+
var isRangeEnd = day && ((0, _moment.default)(day.date).isSame(startDate, "day") || (0, _moment.default)(day.date).isSame((0, _moment.default)(endDate).subtract(1, "hour"), "day"));
|
|
79
|
+
var isRangeInside = day && startDate && endDate && (0, _moment.default)(day.date).isAfter(startDate, "day") && (0, _moment.default)(day.date).isBefore((0, _moment.default)(endDate).subtract(1, "hour"), "day");
|
|
80
|
+
var isPrevRangeEnd = day && ((0, _moment.default)(day.date).isSame(startPrevDate, "day") || (0, _moment.default)(day.date).isSame((0, _moment.default)(endPrevDate).subtract(1, "day"), "day"));
|
|
81
|
+
var isPrevRangeInside = day && startPrevDate && endPrevDate && (0, _moment.default)(day.date).isAfter(startPrevDate, "day") && (0, _moment.default)(day.date).isBefore((0, _moment.default)(endPrevDate).subtract(1, "day"), "day");
|
|
82
|
+
var classNames = (0, _classnames.default)("calendar__day", {
|
|
70
83
|
"calendar__day--clickable": day
|
|
71
84
|
}, {
|
|
72
85
|
"calendar__day--disabled": isFutureDay
|
|
@@ -84,17 +97,23 @@ const Calendar = props => {
|
|
|
84
97
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
85
98
|
key: "".concat(week, "_").concat(dayOfWeek),
|
|
86
99
|
className: classNames,
|
|
87
|
-
onClick: day && !isFutureDay ?
|
|
88
|
-
|
|
89
|
-
|
|
100
|
+
onClick: day && !isFutureDay ? function () {
|
|
101
|
+
return onClick(day.date);
|
|
102
|
+
} : null,
|
|
103
|
+
onMouseOver: day && !isFutureDay ? function () {
|
|
104
|
+
return onHover(day.date);
|
|
105
|
+
} : null,
|
|
106
|
+
onMouseLeave: function onMouseLeave() {
|
|
107
|
+
return onHover(null);
|
|
108
|
+
}
|
|
90
109
|
}, day && day.date.getDate());
|
|
91
110
|
};
|
|
92
111
|
|
|
93
|
-
|
|
112
|
+
var handlePrev = function handlePrev() {
|
|
94
113
|
setDate((0, _moment.default)(date).subtract(1, "month").toDate());
|
|
95
114
|
};
|
|
96
115
|
|
|
97
|
-
|
|
116
|
+
var handleNext = function handleNext() {
|
|
98
117
|
setDate((0, _moment.default)(date).add(1, "month").toDate());
|
|
99
118
|
};
|
|
100
119
|
|
|
@@ -118,15 +137,19 @@ const Calendar = props => {
|
|
|
118
137
|
size: 16
|
|
119
138
|
})))), /*#__PURE__*/_react.default.createElement("div", {
|
|
120
139
|
className: "calendar__week"
|
|
121
|
-
},
|
|
140
|
+
}, (0, _toConsumableArray2.default)(Array(7).keys()).map(function (dayOfWeek) {
|
|
122
141
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
123
142
|
key: "day-of-week_".concat(dayOfWeek),
|
|
124
143
|
className: "calendar__day calendar__day--title"
|
|
125
144
|
}, (0, _moment.default)().weekday(dayOfWeek).format("dd").charAt(0));
|
|
126
|
-
})), Object.keys(days).map((week, index)
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
145
|
+
})), Object.keys(days).map(function (week, index) {
|
|
146
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
147
|
+
key: "week_".concat(index),
|
|
148
|
+
className: "calendar__week"
|
|
149
|
+
}, (0, _toConsumableArray2.default)(Array(7).keys()).map(function (dayOfWeek) {
|
|
150
|
+
return renderDay(week, dayOfWeek);
|
|
151
|
+
}));
|
|
152
|
+
}));
|
|
130
153
|
};
|
|
131
154
|
|
|
132
155
|
var _default = Calendar;
|