@semcore/date-picker 16.2.4 → 17.0.0-prerelease.18
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/CHANGELOG.md +6 -0
- package/lib/cjs/DatePicker.js +116 -139
- package/lib/cjs/DatePicker.js.map +1 -1
- package/lib/cjs/DateRangeComparator.js +144 -149
- package/lib/cjs/DateRangeComparator.js.map +1 -1
- package/lib/cjs/DateRangePicker.js +86 -101
- package/lib/cjs/DateRangePicker.js.map +1 -1
- package/lib/cjs/MonthDateRangeComparator.js +173 -180
- package/lib/cjs/MonthDateRangeComparator.js.map +1 -1
- package/lib/cjs/MonthPicker.js +70 -87
- package/lib/cjs/MonthPicker.js.map +1 -1
- package/lib/cjs/MonthRangePicker.js +96 -111
- package/lib/cjs/MonthRangePicker.js.map +1 -1
- package/lib/cjs/components/ButtonTrigger.js +12 -11
- package/lib/cjs/components/ButtonTrigger.js.map +1 -1
- package/lib/cjs/components/Calendar.js +409 -466
- package/lib/cjs/components/Calendar.js.map +1 -1
- package/lib/cjs/components/DateRangeComparatorAbstract.js +574 -626
- package/lib/cjs/components/DateRangeComparatorAbstract.js.map +1 -1
- package/lib/cjs/components/InputTrigger.js +585 -677
- package/lib/cjs/components/InputTrigger.js.map +1 -1
- package/lib/cjs/components/PickerAbstract.js +254 -273
- package/lib/cjs/components/PickerAbstract.js.map +1 -1
- package/lib/cjs/components/RangePickerAbstract.js +407 -439
- package/lib/cjs/components/RangePickerAbstract.js.map +1 -1
- package/lib/cjs/components/index.js +92 -102
- package/lib/cjs/components/index.js.map +1 -1
- package/lib/cjs/index.d.js.map +1 -1
- package/lib/cjs/index.js +15 -15
- package/lib/cjs/index.js.map +1 -1
- package/lib/cjs/translations/__intergalactic-dynamic-locales.js +17 -17
- package/lib/cjs/translations/__intergalactic-dynamic-locales.js.map +1 -1
- package/lib/cjs/utils/cronTabScheduler.js +13 -22
- package/lib/cjs/utils/cronTabScheduler.js.map +1 -1
- package/lib/cjs/utils/datesIntersects.js +12 -19
- package/lib/cjs/utils/datesIntersects.js.map +1 -1
- package/lib/cjs/utils/formatDate.js +11 -9
- package/lib/cjs/utils/formatDate.js.map +1 -1
- package/lib/cjs/utils/includesDate.js +11 -16
- package/lib/cjs/utils/includesDate.js.map +1 -1
- package/lib/cjs/utils/isBetweenPlugin.js +6 -6
- package/lib/cjs/utils/isBetweenPlugin.js.map +1 -1
- package/lib/cjs/utils/shortDateRangeFormat.js +29 -33
- package/lib/cjs/utils/shortDateRangeFormat.js.map +1 -1
- package/lib/es6/DatePicker.js +117 -141
- package/lib/es6/DatePicker.js.map +1 -1
- package/lib/es6/DateRangeComparator.js +130 -135
- package/lib/es6/DateRangeComparator.js.map +1 -1
- package/lib/es6/DateRangePicker.js +87 -102
- package/lib/es6/DateRangePicker.js.map +1 -1
- package/lib/es6/MonthDateRangeComparator.js +159 -166
- package/lib/es6/MonthDateRangeComparator.js.map +1 -1
- package/lib/es6/MonthPicker.js +72 -89
- package/lib/es6/MonthPicker.js.map +1 -1
- package/lib/es6/MonthRangePicker.js +97 -112
- package/lib/es6/MonthRangePicker.js.map +1 -1
- package/lib/es6/components/ButtonTrigger.js +4 -3
- package/lib/es6/components/ButtonTrigger.js.map +1 -1
- package/lib/es6/components/Calendar.js +400 -457
- package/lib/es6/components/Calendar.js.map +1 -1
- package/lib/es6/components/DateRangeComparatorAbstract.js +552 -604
- package/lib/es6/components/DateRangeComparatorAbstract.js.map +1 -1
- package/lib/es6/components/InputTrigger.js +568 -660
- package/lib/es6/components/InputTrigger.js.map +1 -1
- package/lib/es6/components/PickerAbstract.js +246 -265
- package/lib/es6/components/PickerAbstract.js.map +1 -1
- package/lib/es6/components/RangePickerAbstract.js +397 -429
- package/lib/es6/components/RangePickerAbstract.js.map +1 -1
- package/lib/es6/components/index.js +74 -85
- package/lib/es6/components/index.js.map +1 -1
- package/lib/es6/index.d.js.map +1 -1
- package/lib/es6/translations/__intergalactic-dynamic-locales.js +16 -16
- package/lib/es6/translations/__intergalactic-dynamic-locales.js.map +1 -1
- package/lib/es6/utils/cronTabScheduler.js +13 -21
- package/lib/es6/utils/cronTabScheduler.js.map +1 -1
- package/lib/es6/utils/datesIntersects.js +10 -18
- package/lib/es6/utils/datesIntersects.js.map +1 -1
- package/lib/es6/utils/formatDate.js +6 -6
- package/lib/es6/utils/formatDate.js.map +1 -1
- package/lib/es6/utils/includesDate.js +10 -15
- package/lib/es6/utils/includesDate.js.map +1 -1
- package/lib/es6/utils/isBetweenPlugin.js +4 -4
- package/lib/es6/utils/isBetweenPlugin.js.map +1 -1
- package/lib/es6/utils/shortDateRangeFormat.js +27 -31
- package/lib/es6/utils/shortDateRangeFormat.js.map +1 -1
- package/lib/esm/DatePicker.mjs +109 -114
- package/lib/esm/DateRangeComparator.mjs +112 -105
- package/lib/esm/DateRangePicker.mjs +76 -80
- package/lib/esm/MonthDateRangeComparator.mjs +141 -134
- package/lib/esm/MonthPicker.mjs +65 -70
- package/lib/esm/MonthRangePicker.mjs +86 -88
- package/lib/esm/components/ButtonTrigger.mjs +4 -3
- package/lib/esm/components/Calendar.mjs +397 -423
- package/lib/esm/components/DateRangeComparatorAbstract.mjs +559 -516
- package/lib/esm/components/InputTrigger.mjs +550 -557
- package/lib/esm/components/PickerAbstract.mjs +249 -244
- package/lib/esm/components/RangePickerAbstract.mjs +400 -384
- package/lib/esm/components/index.mjs +73 -69
- package/lib/esm/translations/__intergalactic-dynamic-locales.mjs +1 -1
- package/lib/esm/utils/cronTabScheduler.mjs +13 -18
- package/lib/esm/utils/datesIntersects.mjs +10 -14
- package/lib/esm/utils/formatDate.mjs +6 -6
- package/lib/esm/utils/includesDate.mjs +10 -13
- package/lib/esm/utils/isBetweenPlugin.mjs +4 -4
- package/lib/esm/utils/shortDateRangeFormat.mjs +27 -27
- package/lib/types/index.d.ts +2 -44
- package/package.json +16 -17
package/lib/es6/MonthPicker.js
CHANGED
|
@@ -1,9 +1,3 @@
|
|
|
1
|
-
import _objectSpread from "@babel/runtime/helpers/objectSpread2";
|
|
2
|
-
import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
|
|
3
|
-
import _createClass from "@babel/runtime/helpers/createClass";
|
|
4
|
-
import _callSuper from "@babel/runtime/helpers/callSuper";
|
|
5
|
-
import _superPropGet from "@babel/runtime/helpers/superPropGet";
|
|
6
|
-
import _inherits from "@babel/runtime/helpers/inherits";
|
|
7
1
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
8
2
|
import { createComponent } from '@semcore/core';
|
|
9
3
|
import dayjs from 'dayjs';
|
|
@@ -11,101 +5,90 @@ import React from 'react';
|
|
|
11
5
|
import { Header, Next, Popper, Prev, Title, Trigger as ButtonTrigger, InputTrigger } from './components';
|
|
12
6
|
import { CalendarMonths as Calendar } from './components/Calendar';
|
|
13
7
|
import PickerAbstract from './components/PickerAbstract';
|
|
14
|
-
|
|
8
|
+
const dateParts = {
|
|
15
9
|
day: false,
|
|
16
10
|
month: true,
|
|
17
11
|
year: true
|
|
18
12
|
};
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
}
|
|
26
|
-
_this = _callSuper(this, MonthPickerRoot, [].concat(args));
|
|
27
|
-
_defineProperty(_this, "navigateStep", 'year');
|
|
28
|
-
_defineProperty(_this, "keyStep", 'month');
|
|
29
|
-
_defineProperty(_this, "keyDiff", {
|
|
13
|
+
class MonthPickerRoot extends PickerAbstract {
|
|
14
|
+
constructor(...args) {
|
|
15
|
+
super(...args);
|
|
16
|
+
_defineProperty(this, "navigateStep", 'year');
|
|
17
|
+
_defineProperty(this, "keyStep", 'month');
|
|
18
|
+
_defineProperty(this, "keyDiff", {
|
|
30
19
|
ArrowLeft: -1,
|
|
31
20
|
ArrowUp: -3,
|
|
32
21
|
ArrowRight: 1,
|
|
33
22
|
ArrowDown: 3
|
|
34
23
|
});
|
|
35
|
-
return _this;
|
|
36
24
|
}
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
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
|
-
}(PickerAbstract);
|
|
25
|
+
getButtonTriggerProps() {
|
|
26
|
+
const {
|
|
27
|
+
value,
|
|
28
|
+
locale
|
|
29
|
+
} = this.asProps;
|
|
30
|
+
return {
|
|
31
|
+
...super.getButtonTriggerProps(),
|
|
32
|
+
placeholder: 'Select month',
|
|
33
|
+
children: value ? new Intl.DateTimeFormat(locale, {
|
|
34
|
+
month: 'short',
|
|
35
|
+
year: 'numeric'
|
|
36
|
+
}).format(dayjs(value).toDate()) : null
|
|
37
|
+
};
|
|
38
|
+
}
|
|
39
|
+
getTriggerProps() {
|
|
40
|
+
const {
|
|
41
|
+
value,
|
|
42
|
+
onChange,
|
|
43
|
+
onDisplayedPeriodChange,
|
|
44
|
+
locale,
|
|
45
|
+
disabled,
|
|
46
|
+
disabledErrorText,
|
|
47
|
+
getI18nText,
|
|
48
|
+
animationsDisabled
|
|
49
|
+
} = this.asProps;
|
|
50
|
+
return {
|
|
51
|
+
...super.getButtonTriggerProps(),
|
|
52
|
+
value,
|
|
53
|
+
onChange,
|
|
54
|
+
onDisplayedPeriodChange,
|
|
55
|
+
locale,
|
|
56
|
+
parts: dateParts,
|
|
57
|
+
disabledDates: disabled,
|
|
58
|
+
disabledErrorText,
|
|
59
|
+
children: () => /*#__PURE__*/React.createElement(InputTrigger.SingleDateInput, null),
|
|
60
|
+
getI18nText,
|
|
61
|
+
animationsDisabled,
|
|
62
|
+
unit: this.keyStep
|
|
63
|
+
};
|
|
64
|
+
}
|
|
65
|
+
getTitleProps() {
|
|
66
|
+
const {
|
|
67
|
+
displayedPeriod,
|
|
68
|
+
locale
|
|
69
|
+
} = this.asProps;
|
|
70
|
+
return {
|
|
71
|
+
...super.getTitleProps(),
|
|
72
|
+
children: new Intl.DateTimeFormat(locale, {
|
|
73
|
+
year: 'numeric'
|
|
74
|
+
}).format(dayjs(displayedPeriod).startOf('year').toDate())
|
|
75
|
+
};
|
|
76
|
+
}
|
|
77
|
+
}
|
|
94
78
|
_defineProperty(MonthPickerRoot, "displayName", 'MonthPicker');
|
|
95
|
-
_defineProperty(MonthPickerRoot, "defaultProps",
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
var MonthPicker = createComponent(MonthPickerRoot, {
|
|
79
|
+
_defineProperty(MonthPickerRoot, "defaultProps", props => ({
|
|
80
|
+
...PickerAbstract.defaultProps(props),
|
|
81
|
+
children: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(MonthPicker.Trigger, null), /*#__PURE__*/React.createElement(MonthPicker.Popper, null))
|
|
82
|
+
}));
|
|
83
|
+
const MonthPicker = createComponent(MonthPickerRoot, {
|
|
101
84
|
Trigger: InputTrigger,
|
|
102
|
-
ButtonTrigger
|
|
103
|
-
Popper
|
|
104
|
-
Header
|
|
105
|
-
Title
|
|
106
|
-
Prev
|
|
107
|
-
Next
|
|
108
|
-
Calendar
|
|
85
|
+
ButtonTrigger,
|
|
86
|
+
Popper,
|
|
87
|
+
Header,
|
|
88
|
+
Title,
|
|
89
|
+
Prev,
|
|
90
|
+
Next,
|
|
91
|
+
Calendar
|
|
109
92
|
}, {
|
|
110
93
|
parent: Calendar
|
|
111
94
|
});
|
|
@@ -1 +1 @@
|
|
|
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","
|
|
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","constructor","args","_defineProperty","ArrowLeft","ArrowUp","ArrowRight","ArrowDown","getButtonTriggerProps","value","locale","asProps","placeholder","children","Intl","DateTimeFormat","format","toDate","getTriggerProps","onChange","onDisplayedPeriodChange","disabled","disabledErrorText","getI18nText","animationsDisabled","parts","disabledDates","createElement","SingleDateInput","unit","keyStep","getTitleProps","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":";AAAA,SAASA,eAAe,QAAQ,eAAe;AAC/C,OAAOC,KAAK,MAAM,OAAO;AACzB,OAAOC,KAAK,MAAM,OAAO;AAEzB,SACEC,MAAM,EACNC,IAAI,EACJC,MAAM,EACNC,IAAI,EACJC,KAAK,EACLC,OAAO,IAAIC,aAAa,EACxBC,YAAY,QACP,cAAc;AACrB,SAASC,cAAc,IAAIC,QAAQ,QAAQ,uBAAuB;AAClE,OAAOC,cAAc,MAAM,6BAA6B;AAExD,MAAMC,SAAS,GAAG;EAAEC,GAAG,EAAE,KAAK;EAAEC,KAAK,EAAE,IAAI;EAAEC,IAAI,EAAE;AAAK,CAAC;AAEzD,MAAMC,eAAe,SAASL,cAAc,CAAC;EAAAM,YAAA,GAAAC,IAAA;IAAA,SAAAA,IAAA;IAAAC,eAAA,uBAa5B,MAAM;IAAAA,eAAA,kBACX,OAAO;IAAAA,eAAA,kBACP;MACRC,SAAS,EAAE,CAAC,CAAC;MACbC,OAAO,EAAE,CAAC,CAAC;MACXC,UAAU,EAAE,CAAC;MACbC,SAAS,EAAE;IACb,CAAC;EAAA;EAEDC,qBAAqBA,CAAA,EAAG;IACtB,MAAM;MAAEC,KAAK;MAAEC;IAAO,CAAC,GAAG,IAAI,CAACC,OAAO;IACtC,OAAO;MACL,GAAG,KAAK,CAACH,qBAAqB,CAAC,CAAC;MAChCI,WAAW,EAAE,cAAc;MAC3BC,QAAQ,EAAEJ,KAAK,GACX,IAAIK,IAAI,CAACC,cAAc,CAACL,MAAM,EAAE;QAC9BZ,KAAK,EAAE,OAAO;QACdC,IAAI,EAAE;MACR,CAAC,CAAC,CAACiB,MAAM,CAACjC,KAAK,CAAC0B,KAAK,CAAC,CAACQ,MAAM,CAAC,CAAC,CAAC,GAChC;IACN,CAAC;EACH;EAEAC,eAAeA,CAAA,EAAG;IAChB,MAAM;MACJT,KAAK;MACLU,QAAQ;MACRC,uBAAuB;MACvBV,MAAM;MACNW,QAAQ;MACRC,iBAAiB;MACjBC,WAAW;MACXC;IACF,CAAC,GAAG,IAAI,CAACb,OAAO;IAEhB,OAAO;MACL,GAAG,KAAK,CAACH,qBAAqB,CAAC,CAAC;MAChCC,KAAK;MACLU,QAAQ;MACRC,uBAAuB;MACvBV,MAAM;MACNe,KAAK,EAAE7B,SAAS;MAChB8B,aAAa,EAAEL,QAAQ;MACvBC,iBAAiB;MACjBT,QAAQ,EAAEA,CAAA,kBAAM7B,KAAA,CAAA2C,aAAA,CAACnC,YAAY,CAACoC,eAAe,MAAE,CAAC;MAChDL,WAAW;MACXC,kBAAkB;MAClBK,IAAI,EAAE,IAAI,CAACC;IACb,CAAC;EACH;EAEAC,aAAaA,CAAA,EAAG;IACd,MAAM;MAAEC,eAAe;MAAEtB;IAAO,CAAC,GAAG,IAAI,CAACC,OAAO;IAChD,OAAO;MACL,GAAG,KAAK,CAACoB,aAAa,CAAC,CAAC;MACxBlB,QAAQ,EAAE,IAAIC,IAAI,CAACC,cAAc,CAACL,MAAM,EAAE;QAAEX,IAAI,EAAE;MAAU,CAAC,CAAC,CAACiB,MAAM,CACnEjC,KAAK,CAACiD,eAAe,CAAC,CAACC,OAAO,CAAC,MAAM,CAAC,CAAChB,MAAM,CAAC,CAChD;IACF,CAAC;EACH;AACF;AAACd,eAAA,CAzEKH,eAAe,iBACE,aAAa;AAAAG,eAAA,CAD9BH,eAAe,kBAGIkC,KAAK,KAAM;EAChC,GAAGvC,cAAc,CAACwC,YAAY,CAACD,KAAK,CAAC;EACrCrB,QAAQ,eACN7B,KAAA,CAAA2C,aAAA,CAAA3C,KAAA,CAAAoD,QAAA,qBACEpD,KAAA,CAAA2C,aAAA,CAACU,WAAW,CAAC/C,OAAO,MAAE,CAAC,eACvBN,KAAA,CAAA2C,aAAA,CAACU,WAAW,CAAClD,MAAM,MAAE,CACrB;AAEN,CAAC,CAAC;AAgEJ,MAAMkD,WAAW,GAAGvD,eAAe,CACjCkB,eAAe,EACf;EACEV,OAAO,EAAEE,YAAY;EACrBD,aAAa;EACbJ,MAAM;EACNF,MAAM;EACNI,KAAK;EACLD,IAAI;EACJF,IAAI;EACJQ;AACF,CAAC,EACD;EACE4C,MAAM,EAAE5C;AACV,CACF,CAAC;AAED,eAAe2C,WAAW","ignoreList":[]}
|
|
@@ -1,9 +1,3 @@
|
|
|
1
|
-
import _objectSpread from "@babel/runtime/helpers/objectSpread2";
|
|
2
|
-
import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
|
|
3
|
-
import _createClass from "@babel/runtime/helpers/createClass";
|
|
4
|
-
import _callSuper from "@babel/runtime/helpers/callSuper";
|
|
5
|
-
import _superPropGet from "@babel/runtime/helpers/superPropGet";
|
|
6
|
-
import _inherits from "@babel/runtime/helpers/inherits";
|
|
7
1
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
8
2
|
import { createComponent } from '@semcore/core';
|
|
9
3
|
import dayjs from 'dayjs';
|
|
@@ -12,126 +6,117 @@ import { Header, Next, Period, Popper, Prev, Title, Trigger as ButtonTrigger, In
|
|
|
12
6
|
import { CalendarMonths as Calendar } from './components/Calendar';
|
|
13
7
|
import RangePickerAbstract, { Apply, Reset } from './components/RangePickerAbstract';
|
|
14
8
|
import shortDateRangeFormat from './utils/shortDateRangeFormat';
|
|
15
|
-
|
|
9
|
+
const dateParts = {
|
|
16
10
|
day: false,
|
|
17
11
|
month: true,
|
|
18
12
|
year: true
|
|
19
13
|
};
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
}
|
|
27
|
-
_this = _callSuper(this, MonthRangePickerRoot, [].concat(args));
|
|
28
|
-
_defineProperty(_this, "navigateStep", 'year');
|
|
29
|
-
_defineProperty(_this, "keyStep", 'month');
|
|
30
|
-
_defineProperty(_this, "keyDiff", {
|
|
14
|
+
class MonthRangePickerRoot extends RangePickerAbstract {
|
|
15
|
+
constructor(...args) {
|
|
16
|
+
super(...args);
|
|
17
|
+
_defineProperty(this, "navigateStep", 'year');
|
|
18
|
+
_defineProperty(this, "keyStep", 'month');
|
|
19
|
+
_defineProperty(this, "keyDiff", {
|
|
31
20
|
ArrowLeft: -1,
|
|
32
21
|
ArrowUp: -3,
|
|
33
22
|
ArrowRight: 1,
|
|
34
23
|
ArrowDown: 3
|
|
35
24
|
});
|
|
36
|
-
return _this;
|
|
37
25
|
}
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
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
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
});
|
|
114
|
-
}
|
|
115
|
-
}]);
|
|
116
|
-
}(RangePickerAbstract);
|
|
26
|
+
getDefaultPeriods() {
|
|
27
|
+
const {
|
|
28
|
+
getI18nText
|
|
29
|
+
} = this.asProps;
|
|
30
|
+
const today = new Date(new Date().setHours(0, 0, 0, 0));
|
|
31
|
+
return [{
|
|
32
|
+
children: getI18nText('lastMonth'),
|
|
33
|
+
value: [dayjs(today).subtract(1, 'month').startOf('month').toDate(), dayjs(today).startOf('month').toDate()]
|
|
34
|
+
}, {
|
|
35
|
+
children: getI18nText('last3Months'),
|
|
36
|
+
value: [dayjs(today).subtract(2, 'month').startOf('month').toDate(), dayjs(today).startOf('month').toDate()]
|
|
37
|
+
}, {
|
|
38
|
+
children: getI18nText('last6Months'),
|
|
39
|
+
value: [dayjs(today).subtract(5, 'month').startOf('month').toDate(), dayjs(today).startOf('month').toDate()]
|
|
40
|
+
}, {
|
|
41
|
+
children: getI18nText('last12Months'),
|
|
42
|
+
value: [dayjs(today).subtract(11, 'month').startOf('month').toDate(), dayjs(today).startOf('month').toDate()]
|
|
43
|
+
}];
|
|
44
|
+
}
|
|
45
|
+
getButtonTriggerProps() {
|
|
46
|
+
const {
|
|
47
|
+
value,
|
|
48
|
+
locale
|
|
49
|
+
} = this.asProps;
|
|
50
|
+
return {
|
|
51
|
+
...super.getButtonTriggerProps(),
|
|
52
|
+
placeholder: 'Select month period',
|
|
53
|
+
children: shortDateRangeFormat(value, {
|
|
54
|
+
locale,
|
|
55
|
+
month: 'short',
|
|
56
|
+
year: 'numeric'
|
|
57
|
+
})
|
|
58
|
+
};
|
|
59
|
+
}
|
|
60
|
+
getTriggerProps() {
|
|
61
|
+
const {
|
|
62
|
+
visible,
|
|
63
|
+
preselectedValue,
|
|
64
|
+
onChange,
|
|
65
|
+
onDisplayedPeriodChange,
|
|
66
|
+
locale,
|
|
67
|
+
disabled,
|
|
68
|
+
disabledErrorText,
|
|
69
|
+
getI18nText,
|
|
70
|
+
animationsDisabled
|
|
71
|
+
} = this.asProps;
|
|
72
|
+
const value = visible ? [preselectedValue[0] || this.asProps.value[0], preselectedValue[1] || this.asProps.value[1]] : this.asProps.value;
|
|
73
|
+
return {
|
|
74
|
+
...super.getButtonTriggerProps(),
|
|
75
|
+
value,
|
|
76
|
+
onChange,
|
|
77
|
+
onDisplayedPeriodChange,
|
|
78
|
+
locale,
|
|
79
|
+
parts: dateParts,
|
|
80
|
+
disabledDates: disabled,
|
|
81
|
+
disabledErrorText,
|
|
82
|
+
children: () => /*#__PURE__*/React.createElement(InputTrigger.DateRange, null),
|
|
83
|
+
getI18nText,
|
|
84
|
+
animationsDisabled,
|
|
85
|
+
unit: this.keyStep
|
|
86
|
+
};
|
|
87
|
+
}
|
|
88
|
+
getTitleProps(props, index) {
|
|
89
|
+
const {
|
|
90
|
+
displayedPeriod,
|
|
91
|
+
locale
|
|
92
|
+
} = this.asProps;
|
|
93
|
+
return {
|
|
94
|
+
...super.getTitleProps(props, index),
|
|
95
|
+
children: new Intl.DateTimeFormat(locale, {
|
|
96
|
+
year: 'numeric'
|
|
97
|
+
}).format(dayjs(displayedPeriod).add(index, this.navigateStep).startOf(this.navigateStep).toDate())
|
|
98
|
+
};
|
|
99
|
+
}
|
|
100
|
+
}
|
|
117
101
|
_defineProperty(MonthRangePickerRoot, "displayName", 'MonthRangePicker');
|
|
118
|
-
_defineProperty(MonthRangePickerRoot, "defaultProps",
|
|
119
|
-
return
|
|
102
|
+
_defineProperty(MonthRangePickerRoot, "defaultProps", props => {
|
|
103
|
+
return {
|
|
104
|
+
...RangePickerAbstract.defaultProps(props),
|
|
120
105
|
children: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(MonthRangePicker.Trigger, null), /*#__PURE__*/React.createElement(MonthRangePicker.Popper, null))
|
|
121
|
-
}
|
|
106
|
+
};
|
|
122
107
|
});
|
|
123
|
-
|
|
108
|
+
const MonthRangePicker = createComponent(MonthRangePickerRoot, {
|
|
124
109
|
Trigger: InputTrigger,
|
|
125
|
-
ButtonTrigger
|
|
126
|
-
Popper
|
|
127
|
-
Header
|
|
128
|
-
Title
|
|
129
|
-
Prev
|
|
130
|
-
Next
|
|
131
|
-
Calendar
|
|
132
|
-
Period
|
|
133
|
-
Apply
|
|
134
|
-
Reset
|
|
110
|
+
ButtonTrigger,
|
|
111
|
+
Popper,
|
|
112
|
+
Header,
|
|
113
|
+
Title,
|
|
114
|
+
Prev,
|
|
115
|
+
Next,
|
|
116
|
+
Calendar,
|
|
117
|
+
Period,
|
|
118
|
+
Apply,
|
|
119
|
+
Reset
|
|
135
120
|
}, {
|
|
136
121
|
parent: Calendar
|
|
137
122
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MonthRangePicker.js","names":["createComponent","dayjs","React","Header","Next","Period","Popper","Prev","Title","Trigger","ButtonTrigger","InputTrigger","CalendarMonths","Calendar","RangePickerAbstract","Apply","Reset","shortDateRangeFormat","dateParts","day","month","year","MonthRangePickerRoot","_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","startOf","toDate","getButtonTriggerProps","_this$asProps","locale","_objectSpread","_superPropGet","placeholder","getTriggerProps","_this$asProps2","visible","preselectedValue","onChange","onDisplayedPeriodChange","disabled","disabledErrorText","animationsDisabled","parts","disabledDates","createElement","DateRange","unit","keyStep","getTitleProps","props","index","_this$asProps3","displayedPeriod","Intl","DateTimeFormat","format","add","navigateStep","defaultProps","Fragment","MonthRangePicker","parent"],"sources":["../../src/MonthRangePicker.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 { CalendarMonths as Calendar } from './components/Calendar';\nimport RangePickerAbstract, { Apply, Reset } from './components/RangePickerAbstract';\nimport shortDateRangeFormat from './utils/shortDateRangeFormat';\n\nconst dateParts = { day: false, month: true, year: true };\n\nclass MonthRangePickerRoot extends RangePickerAbstract {\n static displayName = 'MonthRangePicker';\n static defaultProps = (props) => {\n return {\n ...RangePickerAbstract.defaultProps(props),\n children: (\n <>\n <MonthRangePicker.Trigger />\n <MonthRangePicker.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 getDefaultPeriods() {\n const { getI18nText } = this.asProps;\n const today = new Date(new Date().setHours(0, 0, 0, 0));\n return [\n {\n children: getI18nText('lastMonth'),\n value: [\n dayjs(today).subtract(1, 'month').startOf('month').toDate(),\n dayjs(today).startOf('month').toDate(),\n ],\n },\n {\n children: getI18nText('last3Months'),\n value: [\n dayjs(today).subtract(2, 'month').startOf('month').toDate(),\n dayjs(today).startOf('month').toDate(),\n ],\n },\n {\n children: getI18nText('last6Months'),\n value: [\n dayjs(today).subtract(5, 'month').startOf('month').toDate(),\n dayjs(today).startOf('month').toDate(),\n ],\n },\n {\n children: getI18nText('last12Months'),\n value: [\n dayjs(today).subtract(11, 'month').startOf('month').toDate(),\n dayjs(today).startOf('month').toDate(),\n ],\n },\n ];\n }\n\n getButtonTriggerProps() {\n const { value, locale } = this.asProps;\n return {\n ...super.getButtonTriggerProps(),\n placeholder: 'Select month period',\n children: shortDateRangeFormat(value, {\n locale,\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 parts: dateParts,\n disabledDates: disabled,\n disabledErrorText,\n children: () => <InputTrigger.DateRange />,\n getI18nText,\n animationsDisabled,\n unit: this.keyStep,\n };\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\nconst MonthRangePicker = createComponent(\n MonthRangePickerRoot,\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 MonthRangePicker;\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"MonthRangePicker.js","names":["createComponent","dayjs","React","Header","Next","Period","Popper","Prev","Title","Trigger","ButtonTrigger","InputTrigger","CalendarMonths","Calendar","RangePickerAbstract","Apply","Reset","shortDateRangeFormat","dateParts","day","month","year","MonthRangePickerRoot","constructor","args","_defineProperty","ArrowLeft","ArrowUp","ArrowRight","ArrowDown","getDefaultPeriods","getI18nText","asProps","today","Date","setHours","children","value","subtract","startOf","toDate","getButtonTriggerProps","locale","placeholder","getTriggerProps","visible","preselectedValue","onChange","onDisplayedPeriodChange","disabled","disabledErrorText","animationsDisabled","parts","disabledDates","createElement","DateRange","unit","keyStep","getTitleProps","props","index","displayedPeriod","Intl","DateTimeFormat","format","add","navigateStep","defaultProps","Fragment","MonthRangePicker","parent"],"sources":["../../src/MonthRangePicker.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 { CalendarMonths as Calendar } from './components/Calendar';\nimport RangePickerAbstract, { Apply, Reset } from './components/RangePickerAbstract';\nimport shortDateRangeFormat from './utils/shortDateRangeFormat';\n\nconst dateParts = { day: false, month: true, year: true };\n\nclass MonthRangePickerRoot extends RangePickerAbstract {\n static displayName = 'MonthRangePicker';\n static defaultProps = (props) => {\n return {\n ...RangePickerAbstract.defaultProps(props),\n children: (\n <>\n <MonthRangePicker.Trigger />\n <MonthRangePicker.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 getDefaultPeriods() {\n const { getI18nText } = this.asProps;\n const today = new Date(new Date().setHours(0, 0, 0, 0));\n return [\n {\n children: getI18nText('lastMonth'),\n value: [\n dayjs(today).subtract(1, 'month').startOf('month').toDate(),\n dayjs(today).startOf('month').toDate(),\n ],\n },\n {\n children: getI18nText('last3Months'),\n value: [\n dayjs(today).subtract(2, 'month').startOf('month').toDate(),\n dayjs(today).startOf('month').toDate(),\n ],\n },\n {\n children: getI18nText('last6Months'),\n value: [\n dayjs(today).subtract(5, 'month').startOf('month').toDate(),\n dayjs(today).startOf('month').toDate(),\n ],\n },\n {\n children: getI18nText('last12Months'),\n value: [\n dayjs(today).subtract(11, 'month').startOf('month').toDate(),\n dayjs(today).startOf('month').toDate(),\n ],\n },\n ];\n }\n\n getButtonTriggerProps() {\n const { value, locale } = this.asProps;\n return {\n ...super.getButtonTriggerProps(),\n placeholder: 'Select month period',\n children: shortDateRangeFormat(value, {\n locale,\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 parts: dateParts,\n disabledDates: disabled,\n disabledErrorText,\n children: () => <InputTrigger.DateRange />,\n getI18nText,\n animationsDisabled,\n unit: this.keyStep,\n };\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\nconst MonthRangePicker = createComponent(\n MonthRangePickerRoot,\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 MonthRangePicker;\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -4,15 +4,16 @@ import { createComponent, Root } from '@semcore/core';
|
|
|
4
4
|
import addonTextChildren from '@semcore/core/lib/utils/addonTextChildren';
|
|
5
5
|
import Calendar from '@semcore/icon/Calendar/m';
|
|
6
6
|
import React from 'react';
|
|
7
|
-
function ButtonTriggerRoot(
|
|
7
|
+
function ButtonTriggerRoot({
|
|
8
|
+
Children
|
|
9
|
+
}) {
|
|
8
10
|
var _ref = arguments[0];
|
|
9
|
-
var Children = _ref2.Children;
|
|
10
11
|
return /*#__PURE__*/React.createElement(BaseTrigger, _assignProps({}, _ref), /*#__PURE__*/React.createElement(ButtonTrigger.Addon, {
|
|
11
12
|
tag: Calendar
|
|
12
13
|
}), addonTextChildren(Children, ButtonTrigger.Text, ButtonTrigger.Addon, true));
|
|
13
14
|
}
|
|
14
15
|
ButtonTriggerRoot.displayName = 'ButtonTrigger';
|
|
15
|
-
|
|
16
|
+
const ButtonTrigger = createComponent(ButtonTriggerRoot, {
|
|
16
17
|
Text: BaseTrigger.Text,
|
|
17
18
|
Addon: BaseTrigger.Addon
|
|
18
19
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonTrigger.js","names":["BaseTrigger","createComponent","Root","addonTextChildren","Calendar","React","ButtonTriggerRoot","
|
|
1
|
+
{"version":3,"file":"ButtonTrigger.js","names":["BaseTrigger","createComponent","Root","addonTextChildren","Calendar","React","ButtonTriggerRoot","Children","_ref","arguments[0]","createElement","_assignProps","ButtonTrigger","Addon","tag","Text","displayName"],"sources":["../../../src/components/ButtonTrigger.jsx"],"sourcesContent":["import BaseTrigger from '@semcore/base-trigger';\nimport { createComponent, Root } from '@semcore/core';\nimport addonTextChildren from '@semcore/core/lib/utils/addonTextChildren';\nimport Calendar from '@semcore/icon/Calendar/m';\nimport React from 'react';\n\nfunction ButtonTriggerRoot({ Children }) {\n return (\n <Root render={BaseTrigger}>\n <ButtonTrigger.Addon tag={Calendar} />\n {addonTextChildren(Children, ButtonTrigger.Text, ButtonTrigger.Addon, true)}\n </Root>\n );\n}\n\nButtonTriggerRoot.displayName = 'ButtonTrigger';\n\nconst ButtonTrigger = createComponent(ButtonTriggerRoot, {\n Text: BaseTrigger.Text,\n Addon: BaseTrigger.Addon,\n});\n\nexport default ButtonTrigger;\n"],"mappings":";AAAA,OAAOA,WAAW,MAAM,uBAAuB;AAC/C,SAASC,eAAe,EAAEC,IAAI,QAAQ,eAAe;AACrD,OAAOC,iBAAiB,MAAM,2CAA2C;AACzE,OAAOC,QAAQ,MAAM,0BAA0B;AAC/C,OAAOC,KAAK,MAAM,OAAO;AAEzB,SAASC,iBAAiBA,CAAC;EAAEC;AAAS,CAAC,EAAE;EAAA,IAAAC,IAAA,GAAAC,YAAA;EACvC,oBACEJ,KAAA,CAAAK,aAAA,CAAcV,WAAW,EAAAW,YAAA,KAAAH,IAAA,gBACvBH,KAAA,CAAAK,aAAA,CAACE,aAAa,CAACC,KAAK;IAACC,GAAG,EAAEV;EAAS,CAAE,CAAC,EACrCD,iBAAiB,CAACI,QAAQ,EAAEK,aAAa,CAACG,IAAI,EAAEH,aAAa,CAACC,KAAK,EAAE,IAAI,CACtE,CAAC;AAEX;AAEAP,iBAAiB,CAACU,WAAW,GAAG,eAAe;AAE/C,MAAMJ,aAAa,GAAGX,eAAe,CAACK,iBAAiB,EAAE;EACvDS,IAAI,EAAEf,WAAW,CAACe,IAAI;EACtBF,KAAK,EAAEb,WAAW,CAACa;AACrB,CAAC,CAAC;AAEF,eAAeD,aAAa","ignoreList":[]}
|