@semcore/date-picker 4.58.0-prerelease.1 → 4.58.0-prerelease.5
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/lib/cjs/DatePicker.js +27 -36
- package/lib/cjs/DatePicker.js.map +1 -1
- package/lib/cjs/DateRangeComparator.js +38 -43
- package/lib/cjs/DateRangeComparator.js.map +1 -1
- package/lib/cjs/DateRangePicker.js +17 -22
- package/lib/cjs/DateRangePicker.js.map +1 -1
- package/lib/cjs/MonthDateRangeComparator.js +42 -47
- package/lib/cjs/MonthDateRangeComparator.js.map +1 -1
- package/lib/cjs/MonthPicker.js +16 -21
- package/lib/cjs/MonthPicker.js.map +1 -1
- package/lib/cjs/MonthRangePicker.js +18 -23
- package/lib/cjs/MonthRangePicker.js.map +1 -1
- package/lib/cjs/components/ButtonTrigger.js +8 -10
- package/lib/cjs/components/ButtonTrigger.js.map +1 -1
- package/lib/cjs/components/Calendar.js +109 -125
- package/lib/cjs/components/Calendar.js.map +1 -1
- package/lib/cjs/components/DateRangeComparatorAbstract.js +121 -104
- package/lib/cjs/components/DateRangeComparatorAbstract.js.map +1 -1
- package/lib/cjs/components/InputTrigger.js +179 -189
- package/lib/cjs/components/InputTrigger.js.map +1 -1
- package/lib/cjs/components/PickerAbstract.js +58 -57
- package/lib/cjs/components/PickerAbstract.js.map +1 -1
- package/lib/cjs/components/RangePickerAbstract.js +97 -76
- package/lib/cjs/components/RangePickerAbstract.js.map +1 -1
- package/lib/cjs/components/index.js +41 -46
- package/lib/cjs/components/index.js.map +1 -1
- package/lib/cjs/index.d.js.map +1 -1
- package/lib/cjs/index.js +2 -2
- package/lib/cjs/index.js.map +1 -1
- package/lib/cjs/style/calendar.shadow.css +19 -21
- package/lib/cjs/style/date-picker.shadow.css +7 -8
- package/lib/cjs/translations/__intergalactic-dynamic-locales.js +4 -5
- package/lib/cjs/translations/__intergalactic-dynamic-locales.js.map +1 -1
- package/lib/cjs/translations/de.json +6 -2
- package/lib/cjs/translations/es.json +6 -2
- package/lib/cjs/translations/fr.json +6 -2
- package/lib/cjs/translations/it.json +6 -2
- package/lib/cjs/translations/ja.json +6 -2
- package/lib/cjs/translations/ko.json +6 -2
- package/lib/cjs/translations/nl.json +6 -2
- package/lib/cjs/translations/pl.json +6 -2
- package/lib/cjs/translations/pt.json +6 -2
- package/lib/cjs/translations/sv.json +6 -2
- package/lib/cjs/translations/tr.json +6 -2
- package/lib/cjs/translations/vi.json +6 -2
- package/lib/cjs/translations/zh.json +6 -2
- package/lib/cjs/utils/cronTabScheduler.js +8 -5
- package/lib/cjs/utils/cronTabScheduler.js.map +1 -1
- package/lib/cjs/utils/datesIntersects.js +3 -4
- package/lib/cjs/utils/datesIntersects.js.map +1 -1
- package/lib/cjs/utils/formatDate.js +3 -5
- package/lib/cjs/utils/formatDate.js.map +1 -1
- package/lib/cjs/utils/includesDate.js +2 -3
- package/lib/cjs/utils/includesDate.js.map +1 -1
- package/lib/cjs/utils/isBetweenPlugin.js +21 -0
- package/lib/cjs/utils/isBetweenPlugin.js.map +1 -0
- package/lib/cjs/utils/shortDateRangeFormat.js +2 -2
- package/lib/cjs/utils/shortDateRangeFormat.js.map +1 -1
- package/lib/es6/DatePicker.js +22 -28
- package/lib/es6/DatePicker.js.map +1 -1
- package/lib/es6/DateRangeComparator.js +23 -27
- package/lib/es6/DateRangeComparator.js.map +1 -1
- package/lib/es6/DateRangePicker.js +13 -17
- package/lib/es6/DateRangePicker.js.map +1 -1
- package/lib/es6/MonthDateRangeComparator.js +28 -32
- package/lib/es6/MonthDateRangeComparator.js.map +1 -1
- package/lib/es6/MonthPicker.js +13 -17
- package/lib/es6/MonthPicker.js.map +1 -1
- package/lib/es6/MonthRangePicker.js +14 -18
- package/lib/es6/MonthRangePicker.js.map +1 -1
- package/lib/es6/components/ButtonTrigger.js +5 -5
- package/lib/es6/components/ButtonTrigger.js.map +1 -1
- package/lib/es6/components/Calendar.js +100 -112
- package/lib/es6/components/Calendar.js.map +1 -1
- package/lib/es6/components/DateRangeComparatorAbstract.js +120 -101
- package/lib/es6/components/DateRangeComparatorAbstract.js.map +1 -1
- package/lib/es6/components/InputTrigger.js +173 -180
- package/lib/es6/components/InputTrigger.js.map +1 -1
- package/lib/es6/components/PickerAbstract.js +58 -55
- package/lib/es6/components/PickerAbstract.js.map +1 -1
- package/lib/es6/components/RangePickerAbstract.js +94 -71
- package/lib/es6/components/RangePickerAbstract.js.map +1 -1
- package/lib/es6/components/index.js +35 -38
- package/lib/es6/components/index.js.map +1 -1
- package/lib/es6/index.d.js.map +1 -1
- package/lib/es6/index.js.map +1 -1
- package/lib/es6/style/calendar.shadow.css +19 -21
- package/lib/es6/style/date-picker.shadow.css +7 -8
- package/lib/es6/translations/__intergalactic-dynamic-locales.js +2 -2
- package/lib/es6/translations/__intergalactic-dynamic-locales.js.map +1 -1
- package/lib/es6/translations/de.json +6 -2
- package/lib/es6/translations/es.json +6 -2
- package/lib/es6/translations/fr.json +6 -2
- package/lib/es6/translations/it.json +6 -2
- package/lib/es6/translations/ja.json +6 -2
- package/lib/es6/translations/ko.json +6 -2
- package/lib/es6/translations/nl.json +6 -2
- package/lib/es6/translations/pl.json +6 -2
- package/lib/es6/translations/pt.json +6 -2
- package/lib/es6/translations/sv.json +6 -2
- package/lib/es6/translations/tr.json +6 -2
- package/lib/es6/translations/vi.json +6 -2
- package/lib/es6/translations/zh.json +6 -2
- package/lib/es6/utils/cronTabScheduler.js +7 -4
- package/lib/es6/utils/cronTabScheduler.js.map +1 -1
- package/lib/es6/utils/datesIntersects.js +1 -1
- package/lib/es6/utils/datesIntersects.js.map +1 -1
- package/lib/es6/utils/formatDate.js.map +1 -1
- package/lib/es6/utils/includesDate.js.map +1 -1
- package/lib/es6/utils/isBetweenPlugin.js +16 -0
- package/lib/es6/utils/isBetweenPlugin.js.map +1 -0
- package/lib/es6/utils/shortDateRangeFormat.js +1 -1
- package/lib/es6/utils/shortDateRangeFormat.js.map +1 -1
- package/lib/esm/DatePicker.mjs +27 -33
- package/lib/esm/DateRangeComparator.mjs +26 -30
- package/lib/esm/DateRangePicker.mjs +17 -21
- package/lib/esm/MonthDateRangeComparator.mjs +31 -35
- package/lib/esm/MonthPicker.mjs +16 -20
- package/lib/esm/MonthRangePicker.mjs +18 -22
- package/lib/esm/components/ButtonTrigger.mjs +5 -5
- package/lib/esm/components/Calendar.mjs +103 -115
- package/lib/esm/components/DateRangeComparatorAbstract.mjs +105 -89
- package/lib/esm/components/InputTrigger.mjs +143 -181
- package/lib/esm/components/PickerAbstract.mjs +61 -62
- package/lib/esm/components/RangePickerAbstract.mjs +94 -73
- package/lib/esm/components/index.mjs +29 -33
- package/lib/esm/style/calendar.shadow.css +19 -21
- package/lib/esm/style/date-picker.shadow.css +7 -8
- package/lib/esm/translations/__intergalactic-dynamic-locales.mjs +2 -2
- package/lib/esm/translations/de.json.mjs +18 -6
- package/lib/esm/translations/es.json.mjs +18 -6
- package/lib/esm/translations/fr.json.mjs +18 -6
- package/lib/esm/translations/it.json.mjs +18 -6
- package/lib/esm/translations/ja.json.mjs +18 -6
- package/lib/esm/translations/ko.json.mjs +18 -6
- package/lib/esm/translations/nl.json.mjs +18 -6
- package/lib/esm/translations/pl.json.mjs +18 -6
- package/lib/esm/translations/pt.json.mjs +18 -6
- package/lib/esm/translations/sv.json.mjs +18 -6
- package/lib/esm/translations/tr.json.mjs +18 -6
- package/lib/esm/translations/vi.json.mjs +18 -6
- package/lib/esm/translations/zh.json.mjs +18 -6
- package/lib/esm/utils/cronTabScheduler.mjs +4 -4
- package/lib/esm/utils/datesIntersects.mjs +1 -1
- package/lib/esm/utils/isBetweenPlugin.mjs +13 -0
- package/lib/esm/utils/shortDateRangeFormat.mjs +1 -2
- package/lib/types/index.d.ts +140 -171
- package/package.json +16 -16
|
@@ -1,32 +1,28 @@
|
|
|
1
1
|
import _objectSpread from "@babel/runtime/helpers/objectSpread2";
|
|
2
2
|
import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
|
|
3
3
|
import _createClass from "@babel/runtime/helpers/createClass";
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
|
|
4
|
+
import _callSuper from "@babel/runtime/helpers/callSuper";
|
|
5
|
+
import _superPropGet from "@babel/runtime/helpers/superPropGet";
|
|
7
6
|
import _inherits from "@babel/runtime/helpers/inherits";
|
|
8
|
-
import _createSuper from "@babel/runtime/helpers/createSuper";
|
|
9
7
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
10
|
-
import
|
|
8
|
+
import { createComponent } from '@semcore/core';
|
|
11
9
|
import dayjs from 'dayjs';
|
|
12
|
-
import
|
|
13
|
-
import shortDateRangeFormat from './utils/shortDateRangeFormat';
|
|
10
|
+
import React from 'react';
|
|
14
11
|
import { Header, Next, Period, Popper, Prev, Title, Trigger as ButtonTrigger, InputTrigger } from './components';
|
|
15
12
|
import { CalendarDays as Calendar } from './components/Calendar';
|
|
16
13
|
import RangePickerAbstract, { Apply, Reset } from './components/RangePickerAbstract';
|
|
14
|
+
import shortDateRangeFormat from './utils/shortDateRangeFormat';
|
|
17
15
|
var DateRangePickerRoot = /*#__PURE__*/function (_RangePickerAbstract) {
|
|
18
|
-
_inherits(DateRangePickerRoot, _RangePickerAbstract);
|
|
19
|
-
var _super = _createSuper(DateRangePickerRoot);
|
|
20
16
|
function DateRangePickerRoot() {
|
|
21
17
|
var _this;
|
|
22
18
|
_classCallCheck(this, DateRangePickerRoot);
|
|
23
19
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
24
20
|
args[_key] = arguments[_key];
|
|
25
21
|
}
|
|
26
|
-
_this =
|
|
27
|
-
_defineProperty(
|
|
28
|
-
_defineProperty(
|
|
29
|
-
_defineProperty(
|
|
22
|
+
_this = _callSuper(this, DateRangePickerRoot, [].concat(args));
|
|
23
|
+
_defineProperty(_this, "navigateStep", 'month');
|
|
24
|
+
_defineProperty(_this, "keyStep", 'day');
|
|
25
|
+
_defineProperty(_this, "keyDiff", {
|
|
30
26
|
ArrowLeft: -1,
|
|
31
27
|
ArrowUp: -7,
|
|
32
28
|
ArrowRight: 1,
|
|
@@ -34,7 +30,8 @@ var DateRangePickerRoot = /*#__PURE__*/function (_RangePickerAbstract) {
|
|
|
34
30
|
});
|
|
35
31
|
return _this;
|
|
36
32
|
}
|
|
37
|
-
|
|
33
|
+
_inherits(DateRangePickerRoot, _RangePickerAbstract);
|
|
34
|
+
return _createClass(DateRangePickerRoot, [{
|
|
38
35
|
key: "getDefaultPeriods",
|
|
39
36
|
value: function getDefaultPeriods() {
|
|
40
37
|
var getI18nText = this.asProps.getI18nText;
|
|
@@ -62,7 +59,7 @@ var DateRangePickerRoot = /*#__PURE__*/function (_RangePickerAbstract) {
|
|
|
62
59
|
var _this$asProps = this.asProps,
|
|
63
60
|
value = _this$asProps.value,
|
|
64
61
|
locale = _this$asProps.locale;
|
|
65
|
-
return _objectSpread(_objectSpread({},
|
|
62
|
+
return _objectSpread(_objectSpread({}, _superPropGet(DateRangePickerRoot, "getButtonTriggerProps", this, 3)([])), {}, {
|
|
66
63
|
placeholder: 'Select date period',
|
|
67
64
|
children: shortDateRangeFormat(value, {
|
|
68
65
|
locale: locale,
|
|
@@ -86,7 +83,7 @@ var DateRangePickerRoot = /*#__PURE__*/function (_RangePickerAbstract) {
|
|
|
86
83
|
getI18nText = _this$asProps2.getI18nText,
|
|
87
84
|
animationsDisabled = _this$asProps2.animationsDisabled;
|
|
88
85
|
var value = visible ? [preselectedValue[0] || this.asProps.value[0], preselectedValue[1] || this.asProps.value[1]] : this.asProps.value;
|
|
89
|
-
return _objectSpread(_objectSpread({},
|
|
86
|
+
return _objectSpread(_objectSpread({}, _superPropGet(DateRangePickerRoot, "getButtonTriggerProps", this, 3)([])), {}, {
|
|
90
87
|
value: value,
|
|
91
88
|
onChange: onChange,
|
|
92
89
|
onDisplayedPeriodChange: onDisplayedPeriodChange,
|
|
@@ -102,7 +99,6 @@ var DateRangePickerRoot = /*#__PURE__*/function (_RangePickerAbstract) {
|
|
|
102
99
|
});
|
|
103
100
|
}
|
|
104
101
|
}]);
|
|
105
|
-
return DateRangePickerRoot;
|
|
106
102
|
}(RangePickerAbstract);
|
|
107
103
|
_defineProperty(DateRangePickerRoot, "displayName", 'DateRangePicker');
|
|
108
104
|
_defineProperty(DateRangePickerRoot, "defaultProps", function (props) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DateRangePicker.js","names":["
|
|
1
|
+
{"version":3,"file":"DateRangePicker.js","names":["createComponent","dayjs","React","Header","Next","Period","Popper","Prev","Title","Trigger","ButtonTrigger","InputTrigger","CalendarDays","Calendar","RangePickerAbstract","Apply","Reset","shortDateRangeFormat","DateRangePickerRoot","_RangePickerAbstract","_this","_classCallCheck","_len","arguments","length","args","Array","_key","_callSuper","concat","_defineProperty","ArrowLeft","ArrowUp","ArrowRight","ArrowDown","_inherits","_createClass","key","value","getDefaultPeriods","getI18nText","asProps","today","Date","setHours","children","subtract","toDate","getButtonTriggerProps","_this$asProps","locale","_objectSpread","_superPropGet","placeholder","day","month","year","getTriggerProps","_this$asProps2","visible","preselectedValue","onChange","onDisplayedPeriodChange","disabled","disabledErrorText","animationsDisabled","disabledDates","createElement","DateRange","unit","keyStep","props","defaultProps","Fragment","DateRangePicker","parent"],"sources":["../../src/DateRangePicker.jsx"],"sourcesContent":["import { createComponent } from '@semcore/core';\nimport dayjs from 'dayjs';\nimport React from 'react';\n\nimport {\n Header,\n Next,\n Period,\n Popper,\n Prev,\n Title,\n Trigger as ButtonTrigger,\n InputTrigger,\n} from './components';\nimport { CalendarDays as Calendar } from './components/Calendar';\nimport RangePickerAbstract, { Apply, Reset } from './components/RangePickerAbstract';\nimport shortDateRangeFormat from './utils/shortDateRangeFormat';\n\nclass DateRangePickerRoot extends RangePickerAbstract {\n static displayName = 'DateRangePicker';\n static defaultProps = (props) => {\n return {\n ...RangePickerAbstract.defaultProps(props),\n children: (\n <>\n <DateRangePicker.Trigger />\n <DateRangePicker.Popper />\n </>\n ),\n };\n };\n\n navigateStep = 'month';\n keyStep = 'day';\n keyDiff = {\n ArrowLeft: -1,\n ArrowUp: -7,\n ArrowRight: 1,\n ArrowDown: 7,\n };\n\n getDefaultPeriods() {\n const { getI18nText } = this.asProps;\n const today = new Date(new Date().setHours(0, 0, 0, 0));\n return [\n {\n children: getI18nText('last2Days'),\n value: [dayjs(today).subtract(1, 'day').toDate(), today],\n },\n {\n children: getI18nText('lastWeek'),\n value: [dayjs(today).subtract(6, 'day').toDate(), today],\n },\n {\n children: getI18nText('last2Weeks'),\n value: [dayjs(today).subtract(13, 'day').toDate(), today],\n },\n {\n children: getI18nText('lastMonth'),\n value: [dayjs(today).subtract(1, 'month').toDate(), today],\n },\n {\n children: getI18nText('last2Months'),\n value: [dayjs(today).subtract(2, 'month').toDate(), today],\n },\n ];\n }\n\n getButtonTriggerProps() {\n const { value, locale } = this.asProps;\n return {\n ...super.getButtonTriggerProps(),\n placeholder: 'Select date period',\n children: shortDateRangeFormat(value, {\n locale,\n day: 'numeric',\n month: 'short',\n year: 'numeric',\n }),\n };\n }\n\n getTriggerProps() {\n const {\n visible,\n preselectedValue,\n onChange,\n onDisplayedPeriodChange,\n locale,\n disabled,\n disabledErrorText,\n getI18nText,\n animationsDisabled,\n } = this.asProps;\n const value = visible\n ? [preselectedValue[0] || this.asProps.value[0], preselectedValue[1] || this.asProps.value[1]]\n : this.asProps.value;\n\n return {\n ...super.getButtonTriggerProps(),\n value,\n onChange,\n onDisplayedPeriodChange,\n locale,\n disabledDates: disabled,\n disabledErrorText,\n children: () => <InputTrigger.DateRange />,\n getI18nText,\n animationsDisabled,\n unit: this.keyStep,\n };\n }\n}\n\nconst DateRangePicker = createComponent(\n DateRangePickerRoot,\n {\n Trigger: InputTrigger,\n ButtonTrigger,\n Popper,\n Header,\n Title,\n Prev,\n Next,\n Calendar,\n Period,\n Apply,\n Reset,\n },\n {\n parent: Calendar,\n },\n);\n\nexport default DateRangePicker;\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,20 +1,18 @@
|
|
|
1
1
|
import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
|
|
2
2
|
import _createClass from "@babel/runtime/helpers/createClass";
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
|
|
3
|
+
import _callSuper from "@babel/runtime/helpers/callSuper";
|
|
4
|
+
import _superPropGet from "@babel/runtime/helpers/superPropGet";
|
|
6
5
|
import _inherits from "@babel/runtime/helpers/inherits";
|
|
7
|
-
import _createSuper from "@babel/runtime/helpers/createSuper";
|
|
8
6
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
9
7
|
import _objectSpread from "@babel/runtime/helpers/objectSpread2";
|
|
10
8
|
import { assignProps as _assignProps } from "@semcore/core";
|
|
9
|
+
import { Box, Flex } from '@semcore/base-components';
|
|
10
|
+
import { createComponent, Root, sstyled } from '@semcore/core';
|
|
11
|
+
import Divider from '@semcore/divider';
|
|
12
|
+
import dayjs from 'dayjs';
|
|
11
13
|
import React from 'react';
|
|
12
|
-
import createComponent, { Root, sstyled } from '@semcore/core';
|
|
13
14
|
import { Header as CalendarHeader, Next, Period, Popper, Prev, Title } from './components';
|
|
14
15
|
import { CalendarMonths as Calendar } from './components/Calendar';
|
|
15
|
-
import { Box, Flex } from '@semcore/flex-box';
|
|
16
|
-
import dayjs from 'dayjs';
|
|
17
|
-
import Divider from '@semcore/divider';
|
|
18
16
|
import RangeComparatorAbstract, { Apply, Reset, Header, Trigger, CompareToggle, Body, Footer } from './components/DateRangeComparatorAbstract';
|
|
19
17
|
import InputTriggerBase from './components/InputTrigger';
|
|
20
18
|
var dateParts = {
|
|
@@ -50,36 +48,35 @@ RangeInput.DateRange = InputTriggerBase.DateRange;
|
|
|
50
48
|
RangeInput.DateRangeFromInput = InputTriggerBase.DateRangeFromInput;
|
|
51
49
|
RangeInput.DateRangeToInput = InputTriggerBase.DateRangeToInput;
|
|
52
50
|
var MonthDateRangeComparatorRoot = /*#__PURE__*/function (_RangeComparatorAbstr) {
|
|
53
|
-
_inherits(MonthDateRangeComparatorRoot, _RangeComparatorAbstr);
|
|
54
|
-
var _super = _createSuper(MonthDateRangeComparatorRoot);
|
|
55
51
|
function MonthDateRangeComparatorRoot() {
|
|
56
52
|
var _this;
|
|
57
53
|
_classCallCheck(this, MonthDateRangeComparatorRoot);
|
|
58
54
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
59
55
|
args[_key] = arguments[_key];
|
|
60
56
|
}
|
|
61
|
-
_this =
|
|
62
|
-
_defineProperty(
|
|
63
|
-
_defineProperty(
|
|
64
|
-
_defineProperty(
|
|
57
|
+
_this = _callSuper(this, MonthDateRangeComparatorRoot, [].concat(args));
|
|
58
|
+
_defineProperty(_this, "navigateStep", 'year');
|
|
59
|
+
_defineProperty(_this, "keyStep", 'month');
|
|
60
|
+
_defineProperty(_this, "keyDiff", {
|
|
65
61
|
ArrowLeft: -1,
|
|
66
62
|
ArrowUp: -3,
|
|
67
63
|
ArrowRight: 1,
|
|
68
64
|
ArrowDown: 3
|
|
69
65
|
});
|
|
70
|
-
_defineProperty(
|
|
66
|
+
_defineProperty(_this, "triggerFormattingProps", {
|
|
71
67
|
month: 'short',
|
|
72
68
|
year: 'numeric'
|
|
73
69
|
});
|
|
74
70
|
return _this;
|
|
75
71
|
}
|
|
76
|
-
|
|
72
|
+
_inherits(MonthDateRangeComparatorRoot, _RangeComparatorAbstr);
|
|
73
|
+
return _createClass(MonthDateRangeComparatorRoot, [{
|
|
77
74
|
key: "getTitleProps",
|
|
78
75
|
value: function getTitleProps(props, index) {
|
|
79
76
|
var _this$asProps = this.asProps,
|
|
80
77
|
displayedPeriod = _this$asProps.displayedPeriod,
|
|
81
78
|
locale = _this$asProps.locale;
|
|
82
|
-
return _objectSpread(_objectSpread({},
|
|
79
|
+
return _objectSpread(_objectSpread({}, _superPropGet(MonthDateRangeComparatorRoot, "getTitleProps", this, 3)([props, index])), {}, {
|
|
83
80
|
children: new Intl.DateTimeFormat(locale, {
|
|
84
81
|
year: 'numeric'
|
|
85
82
|
}).format(dayjs(displayedPeriod).add(index, this.navigateStep).startOf(this.navigateStep).toDate())
|
|
@@ -108,7 +105,7 @@ var MonthDateRangeComparatorRoot = /*#__PURE__*/function (_RangeComparatorAbstr)
|
|
|
108
105
|
}, {
|
|
109
106
|
key: "getValueDateRangeProps",
|
|
110
107
|
value: function getValueDateRangeProps() {
|
|
111
|
-
var props =
|
|
108
|
+
var props = _superPropGet(MonthDateRangeComparatorRoot, "getValueDateRangeProps", this, 3)([]);
|
|
112
109
|
return _objectSpread(_objectSpread({}, props), {}, {
|
|
113
110
|
w: props.w - 60
|
|
114
111
|
});
|
|
@@ -116,7 +113,7 @@ var MonthDateRangeComparatorRoot = /*#__PURE__*/function (_RangeComparatorAbstr)
|
|
|
116
113
|
}, {
|
|
117
114
|
key: "getCompareDateRangeProps",
|
|
118
115
|
value: function getCompareDateRangeProps() {
|
|
119
|
-
var props =
|
|
116
|
+
var props = _superPropGet(MonthDateRangeComparatorRoot, "getCompareDateRangeProps", this, 3)([]);
|
|
120
117
|
return _objectSpread(_objectSpread({}, props), {}, {
|
|
121
118
|
w: props.w - 60
|
|
122
119
|
});
|
|
@@ -124,7 +121,7 @@ var MonthDateRangeComparatorRoot = /*#__PURE__*/function (_RangeComparatorAbstr)
|
|
|
124
121
|
}, {
|
|
125
122
|
key: "getPopperProps",
|
|
126
123
|
value: function getPopperProps() {
|
|
127
|
-
return _objectSpread(_objectSpread({},
|
|
124
|
+
return _objectSpread(_objectSpread({}, _superPropGet(MonthDateRangeComparatorRoot, "getPopperProps", this, 3)([])), {}, {
|
|
128
125
|
children: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(MonthDateRangeComparator.Header, null), /*#__PURE__*/React.createElement(MonthDateRangeComparator.Body, {
|
|
129
126
|
showButtons: true
|
|
130
127
|
}))
|
|
@@ -139,8 +136,8 @@ var MonthDateRangeComparatorRoot = /*#__PURE__*/function (_RangeComparatorAbstr)
|
|
|
139
136
|
}
|
|
140
137
|
}, {
|
|
141
138
|
key: "getBodyProps",
|
|
142
|
-
value: function getBodyProps(
|
|
143
|
-
var showButtons =
|
|
139
|
+
value: function getBodyProps(_ref1) {
|
|
140
|
+
var showButtons = _ref1.showButtons;
|
|
144
141
|
return {
|
|
145
142
|
children: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(MonthDateRangeComparator.RangeCalendar, null), /*#__PURE__*/React.createElement(MonthDateRangeComparator.Periods, {
|
|
146
143
|
showButtons: showButtons
|
|
@@ -149,25 +146,24 @@ var MonthDateRangeComparatorRoot = /*#__PURE__*/function (_RangeComparatorAbstr)
|
|
|
149
146
|
}
|
|
150
147
|
}, {
|
|
151
148
|
key: "getPeriodsProps",
|
|
152
|
-
value: function getPeriodsProps(
|
|
153
|
-
var showButtons =
|
|
154
|
-
|
|
155
|
-
unclearable =
|
|
149
|
+
value: function getPeriodsProps(_ref10) {
|
|
150
|
+
var showButtons = _ref10.showButtons,
|
|
151
|
+
_ref10$unclearable = _ref10.unclearable,
|
|
152
|
+
unclearable = _ref10$unclearable === void 0 ? false : _ref10$unclearable;
|
|
156
153
|
return {
|
|
157
154
|
children: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(MonthDateRangeComparator.Periods.Divider, null), /*#__PURE__*/React.createElement(MonthDateRangeComparator.Periods.Column, null, /*#__PURE__*/React.createElement(MonthDateRangeComparator.Periods.Options, null), showButtons && /*#__PURE__*/React.createElement(MonthDateRangeComparator.Periods.Controls, null, /*#__PURE__*/React.createElement(MonthDateRangeComparator.Apply, null), !unclearable && /*#__PURE__*/React.createElement(MonthDateRangeComparator.Reset, null))))
|
|
158
155
|
};
|
|
159
156
|
}
|
|
160
157
|
}, {
|
|
161
158
|
key: "getFooterProps",
|
|
162
|
-
value: function getFooterProps(
|
|
163
|
-
var
|
|
164
|
-
unclearable =
|
|
159
|
+
value: function getFooterProps(_ref11) {
|
|
160
|
+
var _ref11$unclearable = _ref11.unclearable,
|
|
161
|
+
unclearable = _ref11$unclearable === void 0 ? false : _ref11$unclearable;
|
|
165
162
|
return {
|
|
166
163
|
children: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(MonthDateRangeComparator.Apply, null), !unclearable && /*#__PURE__*/React.createElement(MonthDateRangeComparator.Reset, null))
|
|
167
164
|
};
|
|
168
165
|
}
|
|
169
166
|
}]);
|
|
170
|
-
return MonthDateRangeComparatorRoot;
|
|
171
167
|
}(RangeComparatorAbstract);
|
|
172
168
|
_defineProperty(MonthDateRangeComparatorRoot, "displayName", 'MonthDateRangeComparator');
|
|
173
169
|
_defineProperty(MonthDateRangeComparatorRoot, "defaultProps", function (props) {
|
|
@@ -241,10 +237,10 @@ function PeriodsOptions(props) {
|
|
|
241
237
|
}));
|
|
242
238
|
}
|
|
243
239
|
function PeriodsControls(props) {
|
|
244
|
-
var
|
|
240
|
+
var _ref0;
|
|
245
241
|
var styles = props.styles,
|
|
246
242
|
SPeriodsControls = props.Root;
|
|
247
|
-
return
|
|
243
|
+
return _ref0 = sstyled(styles), /*#__PURE__*/React.createElement(SPeriodsControls, _ref0.cn("SPeriodsControls", {
|
|
248
244
|
"render": Flex,
|
|
249
245
|
"p": 4,
|
|
250
246
|
"gap": 2
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MonthDateRangeComparator.js","names":["React","createComponent","Root","sstyled","Header","CalendarHeader","Next","Period","Popper","Prev","Title","CalendarMonths","Calendar","Box","Flex","dayjs","Divider","RangeComparatorAbstract","Apply","Reset","Trigger","CompareToggle","Body","Footer","InputTriggerBase","dateParts","day","month","year","RangeInput","props","_ref","arguments[0]","_ref2","styles","SComparatorRangeInput","SRangeIndicator","createElement","cn","_objectSpread","_assignProps","DateRange","range","disabled","Indicator","FromMaskedInput","RangeSep","ToMaskedInput","MaskedInput","Addon","SingleDateInput","DateRangeFromInput","DateRangeToInput","MonthDateRangeComparatorRoot","_RangeComparatorAbstr","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","ArrowLeft","ArrowUp","ArrowRight","ArrowDown","_createClass","key","value","getTitleProps","index","_this$asProps","asProps","displayedPeriod","locale","_get","_getPrototypeOf","prototype","children","Intl","DateTimeFormat","format","add","navigateStep","startOf","toDate","getRangeInput","MonthDateRangeComparator","getRangeCalendarProps","Fragment","direction","tag","getValueDateRangeProps","w","getCompareDateRangeProps","getPopperProps","showButtons","getHeaderProps","ValueDateRange","CompareDateRange","getBodyProps","_ref11","RangeCalendar","Periods","getPeriodsProps","_ref12","_ref12$unclearable","unclearable","Column","Options","Controls","getFooterProps","_ref13","_ref13$unclearable","defaultProps","_ref3","SValueDateRange","_ref4","SCompareDateRange","_ref5","SRangeCalendar","Children","_ref6","SPeriods","PeriodsDivider","_ref7","SPeriodsDivider","PeriodsColumn","_ref8","SPeriodsColumn","PeriodsOptions","_ref9","SPeriodsList","PeriodsControls","_ref10","SPeriodsControls","parent"],"sources":["../../src/MonthDateRangeComparator.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Root, sstyled } from '@semcore/core';\nimport { Header as CalendarHeader, Next, Period, Popper, Prev, Title } from './components';\nimport { CalendarMonths as Calendar } from './components/Calendar';\nimport { Box, Flex } from '@semcore/flex-box';\nimport dayjs from 'dayjs';\nimport Divider from '@semcore/divider';\nimport RangeComparatorAbstract, {\n Apply,\n Reset,\n Header,\n Trigger,\n CompareToggle,\n Body,\n Footer,\n} from './components/DateRangeComparatorAbstract';\nimport InputTriggerBase from './components/InputTrigger';\n\nconst dateParts = { day: false, month: true, year: true };\n\nfunction RangeInput(props) {\n const { styles } = props;\n const SComparatorRangeInput = Root;\n const SRangeIndicator = Box;\n return sstyled(styles)(\n <SComparatorRangeInput\n data-name='SComparatorRangeInput'\n render={Box}\n tag={InputTriggerBase}\n parts={dateParts}\n unit='month'\n __excludeProps={['role', 'aria-haspopup', 'aria-expanded', 'onChange', 'value', 'id']}\n >\n <InputTriggerBase.DateRange>\n <SRangeIndicator range={props.range} disabled={props.disabled} w={12} h={12} ml={2} />\n <InputTriggerBase.DateRange.Indicator />\n <InputTriggerBase.DateRange.FromMaskedInput />\n <InputTriggerBase.DateRange.RangeSep />\n <InputTriggerBase.DateRange.ToMaskedInput />\n </InputTriggerBase.DateRange>\n </SComparatorRangeInput>,\n );\n}\nRangeInput.Indicator = InputTriggerBase.Indicator;\nRangeInput.MaskedInput = InputTriggerBase.MaskedInput;\nRangeInput.Addon = InputTriggerBase.Addon;\nRangeInput.SingleDateInput = InputTriggerBase.SingleDateInput;\nRangeInput.DateRange = InputTriggerBase.DateRange;\nRangeInput.DateRangeFromInput = InputTriggerBase.DateRangeFromInput;\nRangeInput.DateRangeToInput = InputTriggerBase.DateRangeToInput;\n\nclass MonthDateRangeComparatorRoot extends RangeComparatorAbstract {\n static displayName = 'MonthDateRangeComparator';\n static defaultProps = (props) => {\n return {\n ...RangeComparatorAbstract.defaultProps(props),\n children: (\n <>\n <MonthDateRangeComparator.Trigger />\n <MonthDateRangeComparator.Popper />\n </>\n ),\n };\n };\n\n navigateStep = 'year';\n keyStep = 'month';\n keyDiff = {\n ArrowLeft: -1,\n ArrowUp: -3,\n ArrowRight: 1,\n ArrowDown: 3,\n };\n\n triggerFormattingProps = {\n month: 'short',\n year: 'numeric',\n };\n\n getTitleProps(props, index) {\n const { displayedPeriod, locale } = this.asProps;\n return {\n ...super.getTitleProps(props, index),\n children: new Intl.DateTimeFormat(locale, { year: 'numeric' }).format(\n dayjs(displayedPeriod).add(index, this.navigateStep).startOf(this.navigateStep).toDate(),\n ),\n };\n }\n\n getRangeInput() {\n return <MonthDateRangeComparator.RangeInput.DateRange />;\n }\n\n getRangeCalendarProps() {\n return {\n children: (\n <>\n <Flex direction='column'>\n <MonthDateRangeComparator.CalendarHeader tag={Flex}>\n <MonthDateRangeComparator.Prev />\n <MonthDateRangeComparator.Title />\n </MonthDateRangeComparator.CalendarHeader>\n <MonthDateRangeComparator.Calendar />\n </Flex>\n <Flex direction='column'>\n <MonthDateRangeComparator.CalendarHeader tag={Flex}>\n <MonthDateRangeComparator.Title />\n <MonthDateRangeComparator.Next />\n </MonthDateRangeComparator.CalendarHeader>\n <MonthDateRangeComparator.Calendar />\n </Flex>\n </>\n ),\n };\n }\n\n getValueDateRangeProps() {\n const props = super.getValueDateRangeProps();\n return {\n ...props,\n w: props.w - 60,\n };\n }\n\n getCompareDateRangeProps() {\n const props = super.getCompareDateRangeProps();\n return {\n ...props,\n w: props.w - 60,\n };\n }\n\n getPopperProps() {\n return {\n ...super.getPopperProps(),\n children: (\n <>\n <MonthDateRangeComparator.Header />\n <MonthDateRangeComparator.Body showButtons={true} />\n </>\n ),\n };\n }\n\n getHeaderProps() {\n return {\n children: (\n <>\n <MonthDateRangeComparator.ValueDateRange />\n <MonthDateRangeComparator.CompareToggle />\n <MonthDateRangeComparator.CompareDateRange />\n </>\n ),\n };\n }\n\n getBodyProps({ showButtons }) {\n return {\n children: (\n <>\n <MonthDateRangeComparator.RangeCalendar />\n <MonthDateRangeComparator.Periods showButtons={showButtons} />\n </>\n ),\n };\n }\n\n getPeriodsProps({ showButtons, unclearable = false }) {\n return {\n children: (\n <>\n <MonthDateRangeComparator.Periods.Divider />\n <MonthDateRangeComparator.Periods.Column>\n <MonthDateRangeComparator.Periods.Options />\n {showButtons && (\n <MonthDateRangeComparator.Periods.Controls>\n <MonthDateRangeComparator.Apply />\n {!unclearable && <MonthDateRangeComparator.Reset />}\n </MonthDateRangeComparator.Periods.Controls>\n )}\n </MonthDateRangeComparator.Periods.Column>\n </>\n ),\n };\n }\n\n getFooterProps({ unclearable = false }) {\n return {\n children: (\n <>\n <MonthDateRangeComparator.Apply />\n {!unclearable && <MonthDateRangeComparator.Reset />}\n </>\n ),\n };\n }\n}\n\nfunction ValueDateRange(props) {\n const { Root: SValueDateRange, styles } = props;\n return sstyled(styles)(\n <SValueDateRange render={MonthDateRangeComparator.RangeInput} range='value' />,\n );\n}\n\nfunction CompareDateRange(props) {\n const { Root: SCompareDateRange, styles } = props;\n return sstyled(styles)(\n <SCompareDateRange render={MonthDateRangeComparator.RangeInput} range='compare' />,\n );\n}\n\nfunction RangeCalendar(props) {\n const { Root: SRangeCalendar, Children, styles } = props;\n return sstyled(styles)(\n <SRangeCalendar render={Flex} gap={8}>\n <Children />\n </SRangeCalendar>,\n );\n}\nfunction Periods(props) {\n const { Root: SPeriods, styles } = props;\n return sstyled(styles)(<SPeriods render={Flex} />);\n}\nfunction PeriodsDivider(props) {\n const { Root: SPeriodsDivider, styles } = props;\n return sstyled(styles)(<SPeriodsDivider orientation='vertical' h='auto' render={Divider} />);\n}\nfunction PeriodsColumn(props) {\n const { Root: SPeriodsColumn, styles } = props;\n return sstyled(styles)(\n <SPeriodsColumn render={Flex} direction='column' justifyContent='space-between' p={1} />,\n );\n}\nfunction PeriodsOptions(props) {\n const { styles, Root: SPeriodsList } = props;\n return sstyled(styles)(<SPeriodsList render={MonthDateRangeComparator.Period} />);\n}\nfunction PeriodsControls(props) {\n const { styles, Root: SPeriodsControls } = props;\n return sstyled(styles)(<SPeriodsControls render={Flex} p={4} gap={2} />);\n}\n\nconst MonthDateRangeComparator = createComponent(\n MonthDateRangeComparatorRoot,\n {\n Popper,\n CalendarHeader,\n Title,\n Header,\n Prev,\n Next,\n Calendar,\n Period,\n Apply,\n Reset,\n\n Trigger,\n ValueDateRange,\n CompareToggle,\n CompareDateRange,\n Body,\n RangeCalendar,\n Periods: [\n Periods,\n {\n Divider: PeriodsDivider,\n Column: PeriodsColumn,\n Options: PeriodsOptions,\n Controls: PeriodsControls,\n },\n ],\n Footer,\n RangeInput,\n },\n {\n parent: Calendar,\n },\n);\n\nexport default MonthDateRangeComparator;\n"],"mappings":";;;;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,eAAe,IAAIC,IAAI,EAAEC,OAAO,QAAQ,eAAe;AAC9D,SAASC,MAAM,IAAIC,cAAc,EAAEC,IAAI,EAAEC,MAAM,EAAEC,MAAM,EAAEC,IAAI,EAAEC,KAAK,QAAQ,cAAc;AAC1F,SAASC,cAAc,IAAIC,QAAQ,QAAQ,uBAAuB;AAClE,SAASC,GAAG,EAAEC,IAAI,QAAQ,mBAAmB;AAC7C,OAAOC,KAAK,MAAM,OAAO;AACzB,OAAOC,OAAO,MAAM,kBAAkB;AACtC,OAAOC,uBAAuB,IAC5BC,KAAK,EACLC,KAAK,EACLf,MAAM,EACNgB,OAAO,EACPC,aAAa,EACbC,IAAI,EACJC,MAAM,QACD,0CAA0C;AACjD,OAAOC,gBAAgB,MAAM,2BAA2B;AAExD,IAAMC,SAAS,GAAG;EAAEC,GAAG,EAAE,KAAK;EAAEC,KAAK,EAAE,IAAI;EAAEC,IAAI,EAAE;AAAK,CAAC;AAEzD,SAASC,UAAUA,CAACC,KAAK,EAAE;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EACzB,IAAQC,MAAM,GAAKJ,KAAK,CAAhBI,MAAM;EACd,IAAMC,qBAAqB,GAKftB,GAAG;EAJf,IAAMuB,eAAe,GAAGvB,GAAG;EAC3B,OAAAoB,KAAA,GAAO9B,OAAO,CAAC+B,MAAM,CAAC,eACpBlC,KAAA,CAAAqC,aAAA,CAACF,qBAAqB,EAAAF,KAAA,CAAAK,EAAA,0BAAAC,aAAA,KAAAC,YAAA;IAAA,aACV,uBAAuB;IAAA,OAE5BhB,gBAAgB;IAAA,SACdC,SAAS;IAAA,QACX,OAAO;IAAA,kBACI,CAAC,MAAM,EAAE,eAAe,EAAE,eAAe,EAAE,UAAU,EAAE,OAAO,EAAE,IAAI;EAAC,GAAAM,IAAA,kBAErF/B,KAAA,CAAAqC,aAAA,CAACb,gBAAgB,CAACiB,SAAS,qBACzBzC,KAAA,CAAAqC,aAAA,CAACD,eAAe,EAAAH,KAAA,CAAAK,EAAA;IAAA,SAAQR,KAAK,CAACY,KAAK;IAAA,YAAYZ,KAAK,CAACa,QAAQ;IAAA,KAAK,EAAE;IAAA,KAAK,EAAE;IAAA,MAAM;EAAC,GAAI,eACtF3C,KAAA,CAAAqC,aAAA,CAACb,gBAAgB,CAACiB,SAAS,CAACG,SAAS,OAAG,eACxC5C,KAAA,CAAAqC,aAAA,CAACb,gBAAgB,CAACiB,SAAS,CAACI,eAAe,OAAG,eAC9C7C,KAAA,CAAAqC,aAAA,CAACb,gBAAgB,CAACiB,SAAS,CAACK,QAAQ,OAAG,eACvC9C,KAAA,CAAAqC,aAAA,CAACb,gBAAgB,CAACiB,SAAS,CAACM,aAAa,OAAG,CACjB,CACP;AAE5B;AACAlB,UAAU,CAACe,SAAS,GAAGpB,gBAAgB,CAACoB,SAAS;AACjDf,UAAU,CAACmB,WAAW,GAAGxB,gBAAgB,CAACwB,WAAW;AACrDnB,UAAU,CAACoB,KAAK,GAAGzB,gBAAgB,CAACyB,KAAK;AACzCpB,UAAU,CAACqB,eAAe,GAAG1B,gBAAgB,CAAC0B,eAAe;AAC7DrB,UAAU,CAACY,SAAS,GAAGjB,gBAAgB,CAACiB,SAAS;AACjDZ,UAAU,CAACsB,kBAAkB,GAAG3B,gBAAgB,CAAC2B,kBAAkB;AACnEtB,UAAU,CAACuB,gBAAgB,GAAG5B,gBAAgB,CAAC4B,gBAAgB;AAAC,IAE1DC,4BAA4B,0BAAAC,qBAAA;EAAAC,SAAA,CAAAF,4BAAA,EAAAC,qBAAA;EAAA,IAAAE,MAAA,GAAAC,YAAA,CAAAJ,4BAAA;EAAA,SAAAA,6BAAA;IAAA,IAAAK,KAAA;IAAAC,eAAA,OAAAN,4BAAA;IAAA,SAAAO,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA;MAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA;IAAA;IAAAP,KAAA,GAAAF,MAAA,CAAAU,IAAA,CAAAC,KAAA,CAAAX,MAAA,SAAAY,MAAA,CAAAL,IAAA;IAAAM,eAAA,CAAAC,sBAAA,CAAAZ,KAAA,mBAcjB,MAAM;IAAAW,eAAA,CAAAC,sBAAA,CAAAZ,KAAA,cACX,OAAO;IAAAW,eAAA,CAAAC,sBAAA,CAAAZ,KAAA,cACP;MACRa,SAAS,EAAE,CAAC,CAAC;MACbC,OAAO,EAAE,CAAC,CAAC;MACXC,UAAU,EAAE,CAAC;MACbC,SAAS,EAAE;IACb,CAAC;IAAAL,eAAA,CAAAC,sBAAA,CAAAZ,KAAA,6BAEwB;MACvB/B,KAAK,EAAE,OAAO;MACdC,IAAI,EAAE;IACR,CAAC;IAAA,OAAA8B,KAAA;EAAA;EAAAiB,YAAA,CAAAtB,4BAAA;IAAAuB,GAAA;IAAAC,KAAA,EAED,SAAAC,cAAchD,KAAK,EAAEiD,KAAK,EAAE;MAC1B,IAAAC,aAAA,GAAoC,IAAI,CAACC,OAAO;QAAxCC,eAAe,GAAAF,aAAA,CAAfE,eAAe;QAAEC,MAAM,GAAAH,aAAA,CAANG,MAAM;MAC/B,OAAA5C,aAAA,CAAAA,aAAA,KAAA6C,IAAA,CAAAC,eAAA,CAAAhC,4BAAA,CAAAiC,SAAA,0BAAApB,IAAA,OACyBpC,KAAK,EAAEiD,KAAK;QACnCQ,QAAQ,EAAE,IAAIC,IAAI,CAACC,cAAc,CAACN,MAAM,EAAE;UAAEvD,IAAI,EAAE;QAAU,CAAC,CAAC,CAAC8D,MAAM,CACnE3E,KAAK,CAACmE,eAAe,CAAC,CAACS,GAAG,CAACZ,KAAK,EAAE,IAAI,CAACa,YAAY,CAAC,CAACC,OAAO,CAAC,IAAI,CAACD,YAAY,CAAC,CAACE,MAAM,EAAE;MACzF;IAEL;EAAC;IAAAlB,GAAA;IAAAC,KAAA,EAED,SAAAkB,cAAA,EAAgB;MACd,oBAAO/F,KAAA,CAAAqC,aAAA,CAAC2D,wBAAwB,CAACnE,UAAU,CAACY,SAAS,OAAG;IAC1D;EAAC;IAAAmC,GAAA;IAAAC,KAAA,EAED,SAAAoB,sBAAA,EAAwB;MACtB,OAAO;QACLV,QAAQ,eACNvF,KAAA,CAAAqC,aAAA,CAAArC,KAAA,CAAAkG,QAAA,qBACElG,KAAA,CAAAqC,aAAA,CAACvB,IAAI;UAACqF,SAAS,EAAC;QAAQ,gBACtBnG,KAAA,CAAAqC,aAAA,CAAC2D,wBAAwB,CAAC3F,cAAc;UAAC+F,GAAG,EAAEtF;QAAK,gBACjDd,KAAA,CAAAqC,aAAA,CAAC2D,wBAAwB,CAACvF,IAAI,OAAG,eACjCT,KAAA,CAAAqC,aAAA,CAAC2D,wBAAwB,CAACtF,KAAK,OAAG,CACM,eAC1CV,KAAA,CAAAqC,aAAA,CAAC2D,wBAAwB,CAACpF,QAAQ,OAAG,CAChC,eACPZ,KAAA,CAAAqC,aAAA,CAACvB,IAAI;UAACqF,SAAS,EAAC;QAAQ,gBACtBnG,KAAA,CAAAqC,aAAA,CAAC2D,wBAAwB,CAAC3F,cAAc;UAAC+F,GAAG,EAAEtF;QAAK,gBACjDd,KAAA,CAAAqC,aAAA,CAAC2D,wBAAwB,CAACtF,KAAK,OAAG,eAClCV,KAAA,CAAAqC,aAAA,CAAC2D,wBAAwB,CAAC1F,IAAI,OAAG,CACO,eAC1CN,KAAA,CAAAqC,aAAA,CAAC2D,wBAAwB,CAACpF,QAAQ,OAAG,CAChC;MAGb,CAAC;IACH;EAAC;IAAAgE,GAAA;IAAAC,KAAA,EAED,SAAAwB,uBAAA,EAAyB;MACvB,IAAMvE,KAAK,GAAAsD,IAAA,CAAAC,eAAA,CAAAhC,4BAAA,CAAAiC,SAAA,mCAAApB,IAAA,MAAiC;MAC5C,OAAA3B,aAAA,CAAAA,aAAA,KACKT,KAAK;QACRwE,CAAC,EAAExE,KAAK,CAACwE,CAAC,GAAG;MAAE;IAEnB;EAAC;IAAA1B,GAAA;IAAAC,KAAA,EAED,SAAA0B,yBAAA,EAA2B;MACzB,IAAMzE,KAAK,GAAAsD,IAAA,CAAAC,eAAA,CAAAhC,4BAAA,CAAAiC,SAAA,qCAAApB,IAAA,MAAmC;MAC9C,OAAA3B,aAAA,CAAAA,aAAA,KACKT,KAAK;QACRwE,CAAC,EAAExE,KAAK,CAACwE,CAAC,GAAG;MAAE;IAEnB;EAAC;IAAA1B,GAAA;IAAAC,KAAA,EAED,SAAA2B,eAAA,EAAiB;MACf,OAAAjE,aAAA,CAAAA,aAAA,KAAA6C,IAAA,CAAAC,eAAA,CAAAhC,4BAAA,CAAAiC,SAAA,2BAAApB,IAAA;QAEEqB,QAAQ,eACNvF,KAAA,CAAAqC,aAAA,CAAArC,KAAA,CAAAkG,QAAA,qBACElG,KAAA,CAAAqC,aAAA,CAAC2D,wBAAwB,CAAC5F,MAAM,OAAG,eACnCJ,KAAA,CAAAqC,aAAA,CAAC2D,wBAAwB,CAAC1E,IAAI;UAACmF,WAAW,EAAE;QAAK,EAAG;MAEvD;IAEL;EAAC;IAAA7B,GAAA;IAAAC,KAAA,EAED,SAAA6B,eAAA,EAAiB;MACf,OAAO;QACLnB,QAAQ,eACNvF,KAAA,CAAAqC,aAAA,CAAArC,KAAA,CAAAkG,QAAA,qBACElG,KAAA,CAAAqC,aAAA,CAAC2D,wBAAwB,CAACW,cAAc,OAAG,eAC3C3G,KAAA,CAAAqC,aAAA,CAAC2D,wBAAwB,CAAC3E,aAAa,OAAG,eAC1CrB,KAAA,CAAAqC,aAAA,CAAC2D,wBAAwB,CAACY,gBAAgB,OAAG;MAGnD,CAAC;IACH;EAAC;IAAAhC,GAAA;IAAAC,KAAA,EAED,SAAAgC,aAAAC,MAAA,EAA8B;MAAA,IAAfL,WAAW,GAAAK,MAAA,CAAXL,WAAW;MACxB,OAAO;QACLlB,QAAQ,eACNvF,KAAA,CAAAqC,aAAA,CAAArC,KAAA,CAAAkG,QAAA,qBACElG,KAAA,CAAAqC,aAAA,CAAC2D,wBAAwB,CAACe,aAAa,OAAG,eAC1C/G,KAAA,CAAAqC,aAAA,CAAC2D,wBAAwB,CAACgB,OAAO;UAACP,WAAW,EAAEA;QAAY,EAAG;MAGpE,CAAC;IACH;EAAC;IAAA7B,GAAA;IAAAC,KAAA,EAED,SAAAoC,gBAAAC,MAAA,EAAsD;MAAA,IAApCT,WAAW,GAAAS,MAAA,CAAXT,WAAW;QAAAU,kBAAA,GAAAD,MAAA,CAAEE,WAAW;QAAXA,WAAW,GAAAD,kBAAA,cAAG,KAAK,GAAAA,kBAAA;MAChD,OAAO;QACL5B,QAAQ,eACNvF,KAAA,CAAAqC,aAAA,CAAArC,KAAA,CAAAkG,QAAA,qBACElG,KAAA,CAAAqC,aAAA,CAAC2D,wBAAwB,CAACgB,OAAO,CAAChG,OAAO,OAAG,eAC5ChB,KAAA,CAAAqC,aAAA,CAAC2D,wBAAwB,CAACgB,OAAO,CAACK,MAAM,qBACtCrH,KAAA,CAAAqC,aAAA,CAAC2D,wBAAwB,CAACgB,OAAO,CAACM,OAAO,OAAG,EAC3Cb,WAAW,iBACVzG,KAAA,CAAAqC,aAAA,CAAC2D,wBAAwB,CAACgB,OAAO,CAACO,QAAQ,qBACxCvH,KAAA,CAAAqC,aAAA,CAAC2D,wBAAwB,CAAC9E,KAAK,OAAG,EACjC,CAACkG,WAAW,iBAAIpH,KAAA,CAAAqC,aAAA,CAAC2D,wBAAwB,CAAC7E,KAAK,OAAG,CAEtD,CACuC;MAGhD,CAAC;IACH;EAAC;IAAAyD,GAAA;IAAAC,KAAA,EAED,SAAA2C,eAAAC,MAAA,EAAwC;MAAA,IAAAC,kBAAA,GAAAD,MAAA,CAAvBL,WAAW;QAAXA,WAAW,GAAAM,kBAAA,cAAG,KAAK,GAAAA,kBAAA;MAClC,OAAO;QACLnC,QAAQ,eACNvF,KAAA,CAAAqC,aAAA,CAAArC,KAAA,CAAAkG,QAAA,qBACElG,KAAA,CAAAqC,aAAA,CAAC2D,wBAAwB,CAAC9E,KAAK,OAAG,EACjC,CAACkG,WAAW,iBAAIpH,KAAA,CAAAqC,aAAA,CAAC2D,wBAAwB,CAAC7E,KAAK,OAAG;MAGzD,CAAC;IACH;EAAC;EAAA,OAAAkC,4BAAA;AAAA,EAhJwCpC,uBAAuB;AAAAoD,eAAA,CAA5DhB,4BAA4B,iBACX,0BAA0B;AAAAgB,eAAA,CAD3ChB,4BAA4B,kBAEV,UAACvB,KAAK,EAAK;EAC/B,OAAAS,aAAA,CAAAA,aAAA,KACKtB,uBAAuB,CAAC0G,YAAY,CAAC7F,KAAK,CAAC;IAC9CyD,QAAQ,eACNvF,KAAA,CAAAqC,aAAA,CAAArC,KAAA,CAAAkG,QAAA,qBACElG,KAAA,CAAAqC,aAAA,CAAC2D,wBAAwB,CAAC5E,OAAO,OAAG,eACpCpB,KAAA,CAAAqC,aAAA,CAAC2D,wBAAwB,CAACxF,MAAM,OAAG;EAEtC;AAEL,CAAC;AAuIH,SAASmG,cAAcA,CAAC7E,KAAK,EAAE;EAAA,IAAA8F,KAAA;EAC7B,IAAcC,eAAe,GAAa/F,KAAK,CAAvC5B,IAAI;IAAmBgC,MAAM,GAAKJ,KAAK,CAAhBI,MAAM;EACrC,OAAA0F,KAAA,GAAOzH,OAAO,CAAC+B,MAAM,CAAC,eACpBlC,KAAA,CAAAqC,aAAA,CAACwF,eAAe,EAAAD,KAAA,CAAAtF,EAAA;IAAA,UAAS0D,wBAAwB,CAACnE,UAAU;IAAA,SAAQ;EAAO,GAAG;AAElF;AAEA,SAAS+E,gBAAgBA,CAAC9E,KAAK,EAAE;EAAA,IAAAgG,KAAA;EAC/B,IAAcC,iBAAiB,GAAajG,KAAK,CAAzC5B,IAAI;IAAqBgC,MAAM,GAAKJ,KAAK,CAAhBI,MAAM;EACvC,OAAA4F,KAAA,GAAO3H,OAAO,CAAC+B,MAAM,CAAC,eACpBlC,KAAA,CAAAqC,aAAA,CAAC0F,iBAAiB,EAAAD,KAAA,CAAAxF,EAAA;IAAA,UAAS0D,wBAAwB,CAACnE,UAAU;IAAA,SAAQ;EAAS,GAAG;AAEtF;AAEA,SAASkF,aAAaA,CAACjF,KAAK,EAAE;EAAA,IAAAkG,KAAA;EAC5B,IAAcC,cAAc,GAAuBnG,KAAK,CAAhD5B,IAAI;IAAkBgI,QAAQ,GAAapG,KAAK,CAA1BoG,QAAQ;IAAEhG,MAAM,GAAKJ,KAAK,CAAhBI,MAAM;EAC9C,OAAA8F,KAAA,GAAO7H,OAAO,CAAC+B,MAAM,CAAC,eACpBlC,KAAA,CAAAqC,aAAA,CAAC4F,cAAc,EAAAD,KAAA,CAAA1F,EAAA;IAAA,UAASxB,IAAI;IAAA,OAAO;EAAC,iBAClCd,KAAA,CAAAqC,aAAA,CAAC6F,QAAQ,EAAAF,KAAA,CAAA1F,EAAA,iBAAG,CACG;AAErB;AACA,SAAS0E,OAAOA,CAAClF,KAAK,EAAE;EAAA,IAAAqG,KAAA;EACtB,IAAcC,QAAQ,GAAatG,KAAK,CAAhC5B,IAAI;IAAYgC,MAAM,GAAKJ,KAAK,CAAhBI,MAAM;EAC9B,OAAAiG,KAAA,GAAOhI,OAAO,CAAC+B,MAAM,CAAC,eAAClC,KAAA,CAAAqC,aAAA,CAAC+F,QAAQ,EAAAD,KAAA,CAAA7F,EAAA;IAAA,UAASxB;EAAI,GAAI;AACnD;AACA,SAASuH,cAAcA,CAACvG,KAAK,EAAE;EAAA,IAAAwG,KAAA;EAC7B,IAAcC,eAAe,GAAazG,KAAK,CAAvC5B,IAAI;IAAmBgC,MAAM,GAAKJ,KAAK,CAAhBI,MAAM;EACrC,OAAAoG,KAAA,GAAOnI,OAAO,CAAC+B,MAAM,CAAC,eAAClC,KAAA,CAAAqC,aAAA,CAACkG,eAAe,EAAAD,KAAA,CAAAhG,EAAA;IAAA,eAAa,UAAU;IAAA,KAAG,MAAM;IAAA,UAAStB;EAAO,GAAI;AAC7F;AACA,SAASwH,aAAaA,CAAC1G,KAAK,EAAE;EAAA,IAAA2G,KAAA;EAC5B,IAAcC,cAAc,GAAa5G,KAAK,CAAtC5B,IAAI;IAAkBgC,MAAM,GAAKJ,KAAK,CAAhBI,MAAM;EACpC,OAAAuG,KAAA,GAAOtI,OAAO,CAAC+B,MAAM,CAAC,eACpBlC,KAAA,CAAAqC,aAAA,CAACqG,cAAc,EAAAD,KAAA,CAAAnG,EAAA;IAAA,UAASxB,IAAI;IAAA,aAAY,QAAQ;IAAA,kBAAgB,eAAe;IAAA,KAAI;EAAC,GAAI;AAE5F;AACA,SAAS6H,cAAcA,CAAC7G,KAAK,EAAE;EAAA,IAAA8G,KAAA;EAC7B,IAAQ1G,MAAM,GAAyBJ,KAAK,CAApCI,MAAM;IAAQ2G,YAAY,GAAK/G,KAAK,CAA5B5B,IAAI;EACpB,OAAA0I,KAAA,GAAOzI,OAAO,CAAC+B,MAAM,CAAC,eAAClC,KAAA,CAAAqC,aAAA,CAACwG,YAAY,EAAAD,KAAA,CAAAtG,EAAA;IAAA,UAAS0D,wBAAwB,CAACzF;EAAM,GAAI;AAClF;AACA,SAASuI,eAAeA,CAAChH,KAAK,EAAE;EAAA,IAAAiH,MAAA;EAC9B,IAAQ7G,MAAM,GAA6BJ,KAAK,CAAxCI,MAAM;IAAQ8G,gBAAgB,GAAKlH,KAAK,CAAhC5B,IAAI;EACpB,OAAA6I,MAAA,GAAO5I,OAAO,CAAC+B,MAAM,CAAC,eAAClC,KAAA,CAAAqC,aAAA,CAAC2G,gBAAgB,EAAAD,MAAA,CAAAzG,EAAA;IAAA,UAASxB,IAAI;IAAA,KAAK,CAAC;IAAA,OAAO;EAAC,GAAI;AACzE;AAEA,IAAMkF,wBAAwB,GAAG/F,eAAe,CAC9CoD,4BAA4B,EAC5B;EACE7C,MAAM,EAANA,MAAM;EACNH,cAAc,EAAdA,cAAc;EACdK,KAAK,EAALA,KAAK;EACLN,MAAM,EAANA,MAAM;EACNK,IAAI,EAAJA,IAAI;EACJH,IAAI,EAAJA,IAAI;EACJM,QAAQ,EAARA,QAAQ;EACRL,MAAM,EAANA,MAAM;EACNW,KAAK,EAALA,KAAK;EACLC,KAAK,EAALA,KAAK;EAELC,OAAO,EAAPA,OAAO;EACPuF,cAAc,EAAdA,cAAc;EACdtF,aAAa,EAAbA,aAAa;EACbuF,gBAAgB,EAAhBA,gBAAgB;EAChBtF,IAAI,EAAJA,IAAI;EACJyF,aAAa,EAAbA,aAAa;EACbC,OAAO,EAAE,CACPA,OAAO,EACP;IACEhG,OAAO,EAAEqH,cAAc;IACvBhB,MAAM,EAAEmB,aAAa;IACrBlB,OAAO,EAAEqB,cAAc;IACvBpB,QAAQ,EAAEuB;EACZ,CAAC,CACF;EACDvH,MAAM,EAANA,MAAM;EACNM,UAAU,EAAVA;AACF,CAAC,EACD;EACEoH,MAAM,EAAErI;AACV,CAAC,CACF;AAED,eAAeoF,wBAAwB"}
|
|
1
|
+
{"version":3,"file":"MonthDateRangeComparator.js","names":["Box","Flex","createComponent","Root","sstyled","Divider","dayjs","React","Header","CalendarHeader","Next","Period","Popper","Prev","Title","CalendarMonths","Calendar","RangeComparatorAbstract","Apply","Reset","Trigger","CompareToggle","Body","Footer","InputTriggerBase","dateParts","day","month","year","RangeInput","props","_ref","arguments[0]","_ref2","styles","SComparatorRangeInput","SRangeIndicator","createElement","cn","_objectSpread","_assignProps","DateRange","range","disabled","Indicator","FromMaskedInput","RangeSep","ToMaskedInput","MaskedInput","Addon","SingleDateInput","DateRangeFromInput","DateRangeToInput","MonthDateRangeComparatorRoot","_RangeComparatorAbstr","_this","_classCallCheck","_len","arguments","length","args","Array","_key","_callSuper","concat","_defineProperty","ArrowLeft","ArrowUp","ArrowRight","ArrowDown","_inherits","_createClass","key","value","getTitleProps","index","_this$asProps","asProps","displayedPeriod","locale","_superPropGet","children","Intl","DateTimeFormat","format","add","navigateStep","startOf","toDate","getRangeInput","MonthDateRangeComparator","getRangeCalendarProps","Fragment","direction","tag","getValueDateRangeProps","w","getCompareDateRangeProps","getPopperProps","showButtons","getHeaderProps","ValueDateRange","CompareDateRange","getBodyProps","_ref1","RangeCalendar","Periods","getPeriodsProps","_ref10","_ref10$unclearable","unclearable","Column","Options","Controls","getFooterProps","_ref11","_ref11$unclearable","defaultProps","_ref3","SValueDateRange","_ref4","SCompareDateRange","_ref5","SRangeCalendar","Children","_ref6","SPeriods","PeriodsDivider","_ref7","SPeriodsDivider","PeriodsColumn","_ref8","SPeriodsColumn","PeriodsOptions","_ref9","SPeriodsList","PeriodsControls","_ref0","SPeriodsControls","parent"],"sources":["../../src/MonthDateRangeComparator.jsx"],"sourcesContent":["import { Box, Flex } from '@semcore/base-components';\nimport { createComponent, Root, sstyled } from '@semcore/core';\nimport Divider from '@semcore/divider';\nimport dayjs from 'dayjs';\nimport React from 'react';\n\nimport { Header as CalendarHeader, Next, Period, Popper, Prev, Title } from './components';\nimport { CalendarMonths as Calendar } from './components/Calendar';\nimport RangeComparatorAbstract, {\n Apply,\n Reset,\n Header,\n Trigger,\n CompareToggle,\n Body,\n Footer,\n} from './components/DateRangeComparatorAbstract';\nimport InputTriggerBase from './components/InputTrigger';\n\nconst dateParts = { day: false, month: true, year: true };\n\nfunction RangeInput(props) {\n const { styles } = props;\n const SComparatorRangeInput = Root;\n const SRangeIndicator = Box;\n return sstyled(styles)(\n <SComparatorRangeInput\n data-name='SComparatorRangeInput'\n render={Box}\n tag={InputTriggerBase}\n parts={dateParts}\n unit='month'\n __excludeProps={['role', 'aria-haspopup', 'aria-expanded', 'onChange', 'value', 'id']}\n >\n <InputTriggerBase.DateRange>\n <SRangeIndicator range={props.range} disabled={props.disabled} w={12} h={12} ml={2} />\n <InputTriggerBase.DateRange.Indicator />\n <InputTriggerBase.DateRange.FromMaskedInput />\n <InputTriggerBase.DateRange.RangeSep />\n <InputTriggerBase.DateRange.ToMaskedInput />\n </InputTriggerBase.DateRange>\n </SComparatorRangeInput>,\n );\n}\nRangeInput.Indicator = InputTriggerBase.Indicator;\nRangeInput.MaskedInput = InputTriggerBase.MaskedInput;\nRangeInput.Addon = InputTriggerBase.Addon;\nRangeInput.SingleDateInput = InputTriggerBase.SingleDateInput;\nRangeInput.DateRange = InputTriggerBase.DateRange;\nRangeInput.DateRangeFromInput = InputTriggerBase.DateRangeFromInput;\nRangeInput.DateRangeToInput = InputTriggerBase.DateRangeToInput;\n\nclass MonthDateRangeComparatorRoot extends RangeComparatorAbstract {\n static displayName = 'MonthDateRangeComparator';\n static defaultProps = (props) => {\n return {\n ...RangeComparatorAbstract.defaultProps(props),\n children: (\n <>\n <MonthDateRangeComparator.Trigger />\n <MonthDateRangeComparator.Popper />\n </>\n ),\n };\n };\n\n navigateStep = 'year';\n keyStep = 'month';\n keyDiff = {\n ArrowLeft: -1,\n ArrowUp: -3,\n ArrowRight: 1,\n ArrowDown: 3,\n };\n\n triggerFormattingProps = {\n month: 'short',\n year: 'numeric',\n };\n\n getTitleProps(props, index) {\n const { displayedPeriod, locale } = this.asProps;\n return {\n ...super.getTitleProps(props, index),\n children: new Intl.DateTimeFormat(locale, { year: 'numeric' }).format(\n dayjs(displayedPeriod).add(index, this.navigateStep).startOf(this.navigateStep).toDate(),\n ),\n };\n }\n\n getRangeInput() {\n return <MonthDateRangeComparator.RangeInput.DateRange />;\n }\n\n getRangeCalendarProps() {\n return {\n children: (\n <>\n <Flex direction='column'>\n <MonthDateRangeComparator.CalendarHeader tag={Flex}>\n <MonthDateRangeComparator.Prev />\n <MonthDateRangeComparator.Title />\n </MonthDateRangeComparator.CalendarHeader>\n <MonthDateRangeComparator.Calendar />\n </Flex>\n <Flex direction='column'>\n <MonthDateRangeComparator.CalendarHeader tag={Flex}>\n <MonthDateRangeComparator.Title />\n <MonthDateRangeComparator.Next />\n </MonthDateRangeComparator.CalendarHeader>\n <MonthDateRangeComparator.Calendar />\n </Flex>\n </>\n ),\n };\n }\n\n getValueDateRangeProps() {\n const props = super.getValueDateRangeProps();\n return {\n ...props,\n w: props.w - 60,\n };\n }\n\n getCompareDateRangeProps() {\n const props = super.getCompareDateRangeProps();\n return {\n ...props,\n w: props.w - 60,\n };\n }\n\n getPopperProps() {\n return {\n ...super.getPopperProps(),\n children: (\n <>\n <MonthDateRangeComparator.Header />\n <MonthDateRangeComparator.Body showButtons={true} />\n </>\n ),\n };\n }\n\n getHeaderProps() {\n return {\n children: (\n <>\n <MonthDateRangeComparator.ValueDateRange />\n <MonthDateRangeComparator.CompareToggle />\n <MonthDateRangeComparator.CompareDateRange />\n </>\n ),\n };\n }\n\n getBodyProps({ showButtons }) {\n return {\n children: (\n <>\n <MonthDateRangeComparator.RangeCalendar />\n <MonthDateRangeComparator.Periods showButtons={showButtons} />\n </>\n ),\n };\n }\n\n getPeriodsProps({ showButtons, unclearable = false }) {\n return {\n children: (\n <>\n <MonthDateRangeComparator.Periods.Divider />\n <MonthDateRangeComparator.Periods.Column>\n <MonthDateRangeComparator.Periods.Options />\n {showButtons && (\n <MonthDateRangeComparator.Periods.Controls>\n <MonthDateRangeComparator.Apply />\n {!unclearable && <MonthDateRangeComparator.Reset />}\n </MonthDateRangeComparator.Periods.Controls>\n )}\n </MonthDateRangeComparator.Periods.Column>\n </>\n ),\n };\n }\n\n getFooterProps({ unclearable = false }) {\n return {\n children: (\n <>\n <MonthDateRangeComparator.Apply />\n {!unclearable && <MonthDateRangeComparator.Reset />}\n </>\n ),\n };\n }\n}\n\nfunction ValueDateRange(props) {\n const { Root: SValueDateRange, styles } = props;\n return sstyled(styles)(\n <SValueDateRange render={MonthDateRangeComparator.RangeInput} range='value' />,\n );\n}\n\nfunction CompareDateRange(props) {\n const { Root: SCompareDateRange, styles } = props;\n return sstyled(styles)(\n <SCompareDateRange render={MonthDateRangeComparator.RangeInput} range='compare' />,\n );\n}\n\nfunction RangeCalendar(props) {\n const { Root: SRangeCalendar, Children, styles } = props;\n return sstyled(styles)(\n <SRangeCalendar render={Flex} gap={8}>\n <Children />\n </SRangeCalendar>,\n );\n}\nfunction Periods(props) {\n const { Root: SPeriods, styles } = props;\n return sstyled(styles)(<SPeriods render={Flex} />);\n}\nfunction PeriodsDivider(props) {\n const { Root: SPeriodsDivider, styles } = props;\n return sstyled(styles)(<SPeriodsDivider orientation='vertical' h='auto' render={Divider} />);\n}\nfunction PeriodsColumn(props) {\n const { Root: SPeriodsColumn, styles } = props;\n return sstyled(styles)(\n <SPeriodsColumn render={Flex} direction='column' justifyContent='space-between' p={1} />,\n );\n}\nfunction PeriodsOptions(props) {\n const { styles, Root: SPeriodsList } = props;\n return sstyled(styles)(<SPeriodsList render={MonthDateRangeComparator.Period} />);\n}\nfunction PeriodsControls(props) {\n const { styles, Root: SPeriodsControls } = props;\n return sstyled(styles)(<SPeriodsControls render={Flex} p={4} gap={2} />);\n}\n\nconst MonthDateRangeComparator = createComponent(\n MonthDateRangeComparatorRoot,\n {\n Popper,\n CalendarHeader,\n Title,\n Header,\n Prev,\n Next,\n Calendar,\n Period,\n Apply,\n Reset,\n\n Trigger,\n ValueDateRange,\n CompareToggle,\n CompareDateRange,\n Body,\n RangeCalendar,\n Periods: [\n Periods,\n {\n Divider: PeriodsDivider,\n Column: PeriodsColumn,\n Options: PeriodsOptions,\n Controls: PeriodsControls,\n },\n ],\n Footer,\n RangeInput,\n },\n {\n parent: Calendar,\n },\n);\n\nexport default MonthDateRangeComparator;\n"],"mappings":"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","ignoreList":[]}
|
package/lib/es6/MonthPicker.js
CHANGED
|
@@ -1,15 +1,13 @@
|
|
|
1
1
|
import _objectSpread from "@babel/runtime/helpers/objectSpread2";
|
|
2
2
|
import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
|
|
3
3
|
import _createClass from "@babel/runtime/helpers/createClass";
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
|
|
4
|
+
import _callSuper from "@babel/runtime/helpers/callSuper";
|
|
5
|
+
import _superPropGet from "@babel/runtime/helpers/superPropGet";
|
|
7
6
|
import _inherits from "@babel/runtime/helpers/inherits";
|
|
8
|
-
import _createSuper from "@babel/runtime/helpers/createSuper";
|
|
9
7
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
10
|
-
import
|
|
8
|
+
import { createComponent } from '@semcore/core';
|
|
11
9
|
import dayjs from 'dayjs';
|
|
12
|
-
import
|
|
10
|
+
import React from 'react';
|
|
13
11
|
import { Header, Next, Popper, Prev, Title, Trigger as ButtonTrigger, InputTrigger } from './components';
|
|
14
12
|
import { CalendarMonths as Calendar } from './components/Calendar';
|
|
15
13
|
import PickerAbstract from './components/PickerAbstract';
|
|
@@ -19,18 +17,16 @@ var dateParts = {
|
|
|
19
17
|
year: true
|
|
20
18
|
};
|
|
21
19
|
var MonthPickerRoot = /*#__PURE__*/function (_PickerAbstract) {
|
|
22
|
-
_inherits(MonthPickerRoot, _PickerAbstract);
|
|
23
|
-
var _super = _createSuper(MonthPickerRoot);
|
|
24
20
|
function MonthPickerRoot() {
|
|
25
21
|
var _this;
|
|
26
22
|
_classCallCheck(this, MonthPickerRoot);
|
|
27
23
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
28
24
|
args[_key] = arguments[_key];
|
|
29
25
|
}
|
|
30
|
-
_this =
|
|
31
|
-
_defineProperty(
|
|
32
|
-
_defineProperty(
|
|
33
|
-
_defineProperty(
|
|
26
|
+
_this = _callSuper(this, MonthPickerRoot, [].concat(args));
|
|
27
|
+
_defineProperty(_this, "navigateStep", 'year');
|
|
28
|
+
_defineProperty(_this, "keyStep", 'month');
|
|
29
|
+
_defineProperty(_this, "keyDiff", {
|
|
34
30
|
ArrowLeft: -1,
|
|
35
31
|
ArrowUp: -3,
|
|
36
32
|
ArrowRight: 1,
|
|
@@ -38,13 +34,14 @@ var MonthPickerRoot = /*#__PURE__*/function (_PickerAbstract) {
|
|
|
38
34
|
});
|
|
39
35
|
return _this;
|
|
40
36
|
}
|
|
41
|
-
|
|
37
|
+
_inherits(MonthPickerRoot, _PickerAbstract);
|
|
38
|
+
return _createClass(MonthPickerRoot, [{
|
|
42
39
|
key: "getButtonTriggerProps",
|
|
43
40
|
value: function getButtonTriggerProps() {
|
|
44
41
|
var _this$asProps = this.asProps,
|
|
45
42
|
value = _this$asProps.value,
|
|
46
43
|
locale = _this$asProps.locale;
|
|
47
|
-
return _objectSpread(_objectSpread({},
|
|
44
|
+
return _objectSpread(_objectSpread({}, _superPropGet(MonthPickerRoot, "getButtonTriggerProps", this, 3)([])), {}, {
|
|
48
45
|
placeholder: 'Select month',
|
|
49
46
|
children: value ? new Intl.DateTimeFormat(locale, {
|
|
50
47
|
month: 'short',
|
|
@@ -64,7 +61,7 @@ var MonthPickerRoot = /*#__PURE__*/function (_PickerAbstract) {
|
|
|
64
61
|
disabledErrorText = _this$asProps2.disabledErrorText,
|
|
65
62
|
getI18nText = _this$asProps2.getI18nText,
|
|
66
63
|
animationsDisabled = _this$asProps2.animationsDisabled;
|
|
67
|
-
return _objectSpread(_objectSpread({},
|
|
64
|
+
return _objectSpread(_objectSpread({}, _superPropGet(MonthPickerRoot, "getButtonTriggerProps", this, 3)([])), {}, {
|
|
68
65
|
value: value,
|
|
69
66
|
onChange: onChange,
|
|
70
67
|
onDisplayedPeriodChange: onDisplayedPeriodChange,
|
|
@@ -86,14 +83,13 @@ var MonthPickerRoot = /*#__PURE__*/function (_PickerAbstract) {
|
|
|
86
83
|
var _this$asProps3 = this.asProps,
|
|
87
84
|
displayedPeriod = _this$asProps3.displayedPeriod,
|
|
88
85
|
locale = _this$asProps3.locale;
|
|
89
|
-
return _objectSpread(_objectSpread({},
|
|
86
|
+
return _objectSpread(_objectSpread({}, _superPropGet(MonthPickerRoot, "getTitleProps", this, 3)([])), {}, {
|
|
90
87
|
children: new Intl.DateTimeFormat(locale, {
|
|
91
88
|
year: 'numeric'
|
|
92
89
|
}).format(dayjs(displayedPeriod).startOf('year').toDate())
|
|
93
90
|
});
|
|
94
91
|
}
|
|
95
92
|
}]);
|
|
96
|
-
return MonthPickerRoot;
|
|
97
93
|
}(PickerAbstract);
|
|
98
94
|
_defineProperty(MonthPickerRoot, "displayName", 'MonthPicker');
|
|
99
95
|
_defineProperty(MonthPickerRoot, "defaultProps", function (props) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MonthPicker.js","names":["
|
|
1
|
+
{"version":3,"file":"MonthPicker.js","names":["createComponent","dayjs","React","Header","Next","Popper","Prev","Title","Trigger","ButtonTrigger","InputTrigger","CalendarMonths","Calendar","PickerAbstract","dateParts","day","month","year","MonthPickerRoot","_PickerAbstract","_this","_classCallCheck","_len","arguments","length","args","Array","_key","_callSuper","concat","_defineProperty","ArrowLeft","ArrowUp","ArrowRight","ArrowDown","_inherits","_createClass","key","value","getButtonTriggerProps","_this$asProps","asProps","locale","_objectSpread","_superPropGet","placeholder","children","Intl","DateTimeFormat","format","toDate","getTriggerProps","_this$asProps2","onChange","onDisplayedPeriodChange","disabled","disabledErrorText","getI18nText","animationsDisabled","parts","disabledDates","createElement","SingleDateInput","unit","keyStep","getTitleProps","_this$asProps3","displayedPeriod","startOf","props","defaultProps","Fragment","MonthPicker","parent"],"sources":["../../src/MonthPicker.jsx"],"sourcesContent":["import { createComponent } from '@semcore/core';\nimport dayjs from 'dayjs';\nimport React from 'react';\n\nimport {\n Header,\n Next,\n Popper,\n Prev,\n Title,\n Trigger as ButtonTrigger,\n InputTrigger,\n} from './components';\nimport { CalendarMonths as Calendar } from './components/Calendar';\nimport PickerAbstract from './components/PickerAbstract';\n\nconst dateParts = { day: false, month: true, year: true };\n\nclass MonthPickerRoot extends PickerAbstract {\n static displayName = 'MonthPicker';\n\n static defaultProps = (props) => ({\n ...PickerAbstract.defaultProps(props),\n children: (\n <>\n <MonthPicker.Trigger />\n <MonthPicker.Popper />\n </>\n ),\n });\n\n navigateStep = 'year';\n keyStep = 'month';\n keyDiff = {\n ArrowLeft: -1,\n ArrowUp: -3,\n ArrowRight: 1,\n ArrowDown: 3,\n };\n\n getButtonTriggerProps() {\n const { value, locale } = this.asProps;\n return {\n ...super.getButtonTriggerProps(),\n placeholder: 'Select month',\n children: value\n ? new Intl.DateTimeFormat(locale, {\n month: 'short',\n year: 'numeric',\n }).format(dayjs(value).toDate())\n : null,\n };\n }\n\n getTriggerProps() {\n const {\n value,\n onChange,\n onDisplayedPeriodChange,\n locale,\n disabled,\n disabledErrorText,\n getI18nText,\n animationsDisabled,\n } = this.asProps;\n\n return {\n ...super.getButtonTriggerProps(),\n value,\n onChange,\n onDisplayedPeriodChange,\n locale,\n parts: dateParts,\n disabledDates: disabled,\n disabledErrorText,\n children: () => <InputTrigger.SingleDateInput />,\n getI18nText,\n animationsDisabled,\n unit: this.keyStep,\n };\n }\n\n getTitleProps() {\n const { displayedPeriod, locale } = this.asProps;\n return {\n ...super.getTitleProps(),\n children: new Intl.DateTimeFormat(locale, { year: 'numeric' }).format(\n dayjs(displayedPeriod).startOf('year').toDate(),\n ),\n };\n }\n}\n\nconst MonthPicker = createComponent(\n MonthPickerRoot,\n {\n Trigger: InputTrigger,\n ButtonTrigger,\n Popper,\n Header,\n Title,\n Prev,\n Next,\n Calendar,\n },\n {\n parent: Calendar,\n },\n);\n\nexport default MonthPicker;\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,37 +1,33 @@
|
|
|
1
1
|
import _objectSpread from "@babel/runtime/helpers/objectSpread2";
|
|
2
2
|
import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
|
|
3
3
|
import _createClass from "@babel/runtime/helpers/createClass";
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
|
|
4
|
+
import _callSuper from "@babel/runtime/helpers/callSuper";
|
|
5
|
+
import _superPropGet from "@babel/runtime/helpers/superPropGet";
|
|
7
6
|
import _inherits from "@babel/runtime/helpers/inherits";
|
|
8
|
-
import _createSuper from "@babel/runtime/helpers/createSuper";
|
|
9
7
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
10
|
-
import
|
|
8
|
+
import { createComponent } from '@semcore/core';
|
|
11
9
|
import dayjs from 'dayjs';
|
|
12
|
-
import
|
|
13
|
-
import shortDateRangeFormat from './utils/shortDateRangeFormat';
|
|
10
|
+
import React from 'react';
|
|
14
11
|
import { Header, Next, Period, Popper, Prev, Title, Trigger as ButtonTrigger, InputTrigger } from './components';
|
|
15
12
|
import { CalendarMonths as Calendar } from './components/Calendar';
|
|
16
13
|
import RangePickerAbstract, { Apply, Reset } from './components/RangePickerAbstract';
|
|
14
|
+
import shortDateRangeFormat from './utils/shortDateRangeFormat';
|
|
17
15
|
var dateParts = {
|
|
18
16
|
day: false,
|
|
19
17
|
month: true,
|
|
20
18
|
year: true
|
|
21
19
|
};
|
|
22
20
|
var MonthRangePickerRoot = /*#__PURE__*/function (_RangePickerAbstract) {
|
|
23
|
-
_inherits(MonthRangePickerRoot, _RangePickerAbstract);
|
|
24
|
-
var _super = _createSuper(MonthRangePickerRoot);
|
|
25
21
|
function MonthRangePickerRoot() {
|
|
26
22
|
var _this;
|
|
27
23
|
_classCallCheck(this, MonthRangePickerRoot);
|
|
28
24
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
29
25
|
args[_key] = arguments[_key];
|
|
30
26
|
}
|
|
31
|
-
_this =
|
|
32
|
-
_defineProperty(
|
|
33
|
-
_defineProperty(
|
|
34
|
-
_defineProperty(
|
|
27
|
+
_this = _callSuper(this, MonthRangePickerRoot, [].concat(args));
|
|
28
|
+
_defineProperty(_this, "navigateStep", 'year');
|
|
29
|
+
_defineProperty(_this, "keyStep", 'month');
|
|
30
|
+
_defineProperty(_this, "keyDiff", {
|
|
35
31
|
ArrowLeft: -1,
|
|
36
32
|
ArrowUp: -3,
|
|
37
33
|
ArrowRight: 1,
|
|
@@ -39,7 +35,8 @@ var MonthRangePickerRoot = /*#__PURE__*/function (_RangePickerAbstract) {
|
|
|
39
35
|
});
|
|
40
36
|
return _this;
|
|
41
37
|
}
|
|
42
|
-
|
|
38
|
+
_inherits(MonthRangePickerRoot, _RangePickerAbstract);
|
|
39
|
+
return _createClass(MonthRangePickerRoot, [{
|
|
43
40
|
key: "getDefaultPeriods",
|
|
44
41
|
value: function getDefaultPeriods() {
|
|
45
42
|
var getI18nText = this.asProps.getI18nText;
|
|
@@ -64,7 +61,7 @@ var MonthRangePickerRoot = /*#__PURE__*/function (_RangePickerAbstract) {
|
|
|
64
61
|
var _this$asProps = this.asProps,
|
|
65
62
|
value = _this$asProps.value,
|
|
66
63
|
locale = _this$asProps.locale;
|
|
67
|
-
return _objectSpread(_objectSpread({},
|
|
64
|
+
return _objectSpread(_objectSpread({}, _superPropGet(MonthRangePickerRoot, "getButtonTriggerProps", this, 3)([])), {}, {
|
|
68
65
|
placeholder: 'Select month period',
|
|
69
66
|
children: shortDateRangeFormat(value, {
|
|
70
67
|
locale: locale,
|
|
@@ -87,7 +84,7 @@ var MonthRangePickerRoot = /*#__PURE__*/function (_RangePickerAbstract) {
|
|
|
87
84
|
getI18nText = _this$asProps2.getI18nText,
|
|
88
85
|
animationsDisabled = _this$asProps2.animationsDisabled;
|
|
89
86
|
var value = visible ? [preselectedValue[0] || this.asProps.value[0], preselectedValue[1] || this.asProps.value[1]] : this.asProps.value;
|
|
90
|
-
return _objectSpread(_objectSpread({},
|
|
87
|
+
return _objectSpread(_objectSpread({}, _superPropGet(MonthRangePickerRoot, "getButtonTriggerProps", this, 3)([])), {}, {
|
|
91
88
|
value: value,
|
|
92
89
|
onChange: onChange,
|
|
93
90
|
onDisplayedPeriodChange: onDisplayedPeriodChange,
|
|
@@ -109,14 +106,13 @@ var MonthRangePickerRoot = /*#__PURE__*/function (_RangePickerAbstract) {
|
|
|
109
106
|
var _this$asProps3 = this.asProps,
|
|
110
107
|
displayedPeriod = _this$asProps3.displayedPeriod,
|
|
111
108
|
locale = _this$asProps3.locale;
|
|
112
|
-
return _objectSpread(_objectSpread({},
|
|
109
|
+
return _objectSpread(_objectSpread({}, _superPropGet(MonthRangePickerRoot, "getTitleProps", this, 3)([props, index])), {}, {
|
|
113
110
|
children: new Intl.DateTimeFormat(locale, {
|
|
114
111
|
year: 'numeric'
|
|
115
112
|
}).format(dayjs(displayedPeriod).add(index, this.navigateStep).startOf(this.navigateStep).toDate())
|
|
116
113
|
});
|
|
117
114
|
}
|
|
118
115
|
}]);
|
|
119
|
-
return MonthRangePickerRoot;
|
|
120
116
|
}(RangePickerAbstract);
|
|
121
117
|
_defineProperty(MonthRangePickerRoot, "displayName", 'MonthRangePicker');
|
|
122
118
|
_defineProperty(MonthRangePickerRoot, "defaultProps", function (props) {
|