@semcore/date-picker 4.58.0-prerelease.0 → 4.58.0-prerelease.1
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 +36 -27
- package/lib/cjs/DatePicker.js.map +1 -1
- package/lib/cjs/DateRangeComparator.js +43 -38
- package/lib/cjs/DateRangeComparator.js.map +1 -1
- package/lib/cjs/DateRangePicker.js +22 -17
- package/lib/cjs/DateRangePicker.js.map +1 -1
- package/lib/cjs/MonthDateRangeComparator.js +47 -42
- package/lib/cjs/MonthDateRangeComparator.js.map +1 -1
- package/lib/cjs/MonthPicker.js +21 -16
- package/lib/cjs/MonthPicker.js.map +1 -1
- package/lib/cjs/MonthRangePicker.js +23 -18
- package/lib/cjs/MonthRangePicker.js.map +1 -1
- package/lib/cjs/components/ButtonTrigger.js +10 -8
- package/lib/cjs/components/ButtonTrigger.js.map +1 -1
- package/lib/cjs/components/Calendar.js +125 -109
- package/lib/cjs/components/Calendar.js.map +1 -1
- package/lib/cjs/components/DateRangeComparatorAbstract.js +104 -121
- package/lib/cjs/components/DateRangeComparatorAbstract.js.map +1 -1
- package/lib/cjs/components/InputTrigger.js +189 -179
- package/lib/cjs/components/InputTrigger.js.map +1 -1
- package/lib/cjs/components/PickerAbstract.js +57 -58
- package/lib/cjs/components/PickerAbstract.js.map +1 -1
- package/lib/cjs/components/RangePickerAbstract.js +76 -97
- package/lib/cjs/components/RangePickerAbstract.js.map +1 -1
- package/lib/cjs/components/index.js +46 -41
- 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 +14 -12
- package/lib/cjs/style/date-picker.shadow.css +7 -6
- package/lib/cjs/translations/__intergalactic-dynamic-locales.js +5 -4
- package/lib/cjs/translations/__intergalactic-dynamic-locales.js.map +1 -1
- package/lib/cjs/translations/de.json +2 -6
- package/lib/cjs/translations/es.json +2 -6
- package/lib/cjs/translations/fr.json +2 -6
- package/lib/cjs/translations/it.json +2 -6
- package/lib/cjs/translations/ja.json +2 -6
- package/lib/cjs/translations/ko.json +2 -6
- package/lib/cjs/translations/nl.json +2 -6
- package/lib/cjs/translations/pl.json +2 -6
- package/lib/cjs/translations/pt.json +2 -6
- package/lib/cjs/translations/sv.json +2 -6
- package/lib/cjs/translations/tr.json +2 -6
- package/lib/cjs/translations/vi.json +2 -6
- package/lib/cjs/translations/zh.json +2 -6
- package/lib/cjs/utils/cronTabScheduler.js +5 -8
- package/lib/cjs/utils/cronTabScheduler.js.map +1 -1
- package/lib/cjs/utils/datesIntersects.js +4 -3
- package/lib/cjs/utils/datesIntersects.js.map +1 -1
- package/lib/cjs/utils/formatDate.js +5 -3
- package/lib/cjs/utils/formatDate.js.map +1 -1
- package/lib/cjs/utils/includesDate.js +3 -2
- package/lib/cjs/utils/includesDate.js.map +1 -1
- package/lib/cjs/utils/shortDateRangeFormat.js +2 -2
- package/lib/cjs/utils/shortDateRangeFormat.js.map +1 -1
- package/lib/es6/DatePicker.js +28 -22
- package/lib/es6/DatePicker.js.map +1 -1
- package/lib/es6/DateRangeComparator.js +27 -23
- package/lib/es6/DateRangeComparator.js.map +1 -1
- package/lib/es6/DateRangePicker.js +17 -13
- package/lib/es6/DateRangePicker.js.map +1 -1
- package/lib/es6/MonthDateRangeComparator.js +32 -28
- package/lib/es6/MonthDateRangeComparator.js.map +1 -1
- package/lib/es6/MonthPicker.js +17 -13
- package/lib/es6/MonthPicker.js.map +1 -1
- package/lib/es6/MonthRangePicker.js +18 -14
- 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 +112 -100
- package/lib/es6/components/Calendar.js.map +1 -1
- package/lib/es6/components/DateRangeComparatorAbstract.js +101 -120
- package/lib/es6/components/DateRangeComparatorAbstract.js.map +1 -1
- package/lib/es6/components/InputTrigger.js +180 -173
- package/lib/es6/components/InputTrigger.js.map +1 -1
- package/lib/es6/components/PickerAbstract.js +55 -58
- package/lib/es6/components/PickerAbstract.js.map +1 -1
- package/lib/es6/components/RangePickerAbstract.js +71 -94
- package/lib/es6/components/RangePickerAbstract.js.map +1 -1
- package/lib/es6/components/index.js +38 -35
- 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 +14 -12
- package/lib/es6/style/date-picker.shadow.css +7 -6
- 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 +2 -6
- package/lib/es6/translations/es.json +2 -6
- package/lib/es6/translations/fr.json +2 -6
- package/lib/es6/translations/it.json +2 -6
- package/lib/es6/translations/ja.json +2 -6
- package/lib/es6/translations/ko.json +2 -6
- package/lib/es6/translations/nl.json +2 -6
- package/lib/es6/translations/pl.json +2 -6
- package/lib/es6/translations/pt.json +2 -6
- package/lib/es6/translations/sv.json +2 -6
- package/lib/es6/translations/tr.json +2 -6
- package/lib/es6/translations/vi.json +2 -6
- package/lib/es6/translations/zh.json +2 -6
- package/lib/es6/utils/cronTabScheduler.js +4 -7
- 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/shortDateRangeFormat.js +1 -1
- package/lib/es6/utils/shortDateRangeFormat.js.map +1 -1
- package/lib/esm/DatePicker.mjs +33 -27
- package/lib/esm/DateRangeComparator.mjs +30 -26
- package/lib/esm/DateRangePicker.mjs +21 -17
- package/lib/esm/MonthDateRangeComparator.mjs +35 -31
- package/lib/esm/MonthPicker.mjs +20 -16
- package/lib/esm/MonthRangePicker.mjs +22 -18
- package/lib/esm/components/ButtonTrigger.mjs +5 -5
- package/lib/esm/components/Calendar.mjs +115 -103
- package/lib/esm/components/DateRangeComparatorAbstract.mjs +89 -105
- package/lib/esm/components/InputTrigger.mjs +181 -143
- package/lib/esm/components/PickerAbstract.mjs +62 -61
- package/lib/esm/components/RangePickerAbstract.mjs +73 -94
- package/lib/esm/components/index.mjs +33 -29
- package/lib/esm/style/calendar.shadow.css +14 -12
- package/lib/esm/style/date-picker.shadow.css +7 -6
- package/lib/esm/translations/__intergalactic-dynamic-locales.mjs +2 -2
- package/lib/esm/translations/de.json.mjs +6 -18
- package/lib/esm/translations/es.json.mjs +6 -18
- package/lib/esm/translations/fr.json.mjs +6 -18
- package/lib/esm/translations/it.json.mjs +6 -18
- package/lib/esm/translations/ja.json.mjs +6 -18
- package/lib/esm/translations/ko.json.mjs +6 -18
- package/lib/esm/translations/nl.json.mjs +6 -18
- package/lib/esm/translations/pl.json.mjs +6 -18
- package/lib/esm/translations/pt.json.mjs +6 -18
- package/lib/esm/translations/sv.json.mjs +6 -18
- package/lib/esm/translations/tr.json.mjs +6 -18
- package/lib/esm/translations/vi.json.mjs +6 -18
- package/lib/esm/translations/zh.json.mjs +6 -18
- package/lib/esm/utils/cronTabScheduler.mjs +4 -4
- package/lib/esm/utils/datesIntersects.mjs +1 -1
- package/lib/esm/utils/shortDateRangeFormat.mjs +2 -1
- package/lib/types/index.d.ts +171 -140
- package/package.json +16 -16
- package/lib/cjs/utils/isBetweenPlugin.js +0 -21
- package/lib/cjs/utils/isBetweenPlugin.js.map +0 -1
- package/lib/es6/utils/isBetweenPlugin.js +0 -16
- package/lib/es6/utils/isBetweenPlugin.js.map +0 -1
- package/lib/esm/utils/isBetweenPlugin.mjs +0 -13
|
@@ -1,28 +1,32 @@
|
|
|
1
1
|
import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
|
|
2
2
|
import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
|
|
3
3
|
import _createClass from "@babel/runtime/helpers/esm/createClass";
|
|
4
|
-
import
|
|
5
|
-
import
|
|
4
|
+
import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
|
|
5
|
+
import _get from "@babel/runtime/helpers/esm/get";
|
|
6
|
+
import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
|
|
6
7
|
import _inherits from "@babel/runtime/helpers/esm/inherits";
|
|
8
|
+
import _createSuper from "@babel/runtime/helpers/esm/createSuper";
|
|
7
9
|
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
8
|
-
import { createComponent } from "@semcore/core";
|
|
9
|
-
import dayjs from "dayjs";
|
|
10
10
|
import React from "react";
|
|
11
|
-
import
|
|
12
|
-
import
|
|
13
|
-
import RangePickerAbstract, { Reset, Apply } from "./components/RangePickerAbstract.mjs";
|
|
11
|
+
import dayjs from "dayjs";
|
|
12
|
+
import createComponent from "@semcore/core";
|
|
14
13
|
import shortDateRangeFormat from "./utils/shortDateRangeFormat.mjs";
|
|
15
|
-
|
|
14
|
+
import { InputTrigger, Trigger, Popper, Header, Title, Prev, Next, Period } from "./components/index.mjs";
|
|
15
|
+
import { CalendarDays } from "./components/Calendar.mjs";
|
|
16
|
+
import RangePickerAbstract, { Apply, Reset } from "./components/RangePickerAbstract.mjs";
|
|
17
|
+
var DateRangePickerRoot = /* @__PURE__ */ function(_RangePickerAbstract) {
|
|
18
|
+
_inherits(DateRangePickerRoot2, _RangePickerAbstract);
|
|
19
|
+
var _super = _createSuper(DateRangePickerRoot2);
|
|
16
20
|
function DateRangePickerRoot2() {
|
|
17
21
|
var _this;
|
|
18
22
|
_classCallCheck(this, DateRangePickerRoot2);
|
|
19
23
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
20
24
|
args[_key] = arguments[_key];
|
|
21
25
|
}
|
|
22
|
-
_this =
|
|
23
|
-
_defineProperty(_this, "navigateStep", "month");
|
|
24
|
-
_defineProperty(_this, "keyStep", "day");
|
|
25
|
-
_defineProperty(_this, "keyDiff", {
|
|
26
|
+
_this = _super.call.apply(_super, [this].concat(args));
|
|
27
|
+
_defineProperty(_assertThisInitialized(_this), "navigateStep", "month");
|
|
28
|
+
_defineProperty(_assertThisInitialized(_this), "keyStep", "day");
|
|
29
|
+
_defineProperty(_assertThisInitialized(_this), "keyDiff", {
|
|
26
30
|
ArrowLeft: -1,
|
|
27
31
|
ArrowUp: -7,
|
|
28
32
|
ArrowRight: 1,
|
|
@@ -30,8 +34,7 @@ var DateRangePickerRoot = /* @__PURE__ */ (function(_RangePickerAbstract) {
|
|
|
30
34
|
});
|
|
31
35
|
return _this;
|
|
32
36
|
}
|
|
33
|
-
|
|
34
|
-
return _createClass(DateRangePickerRoot2, [{
|
|
37
|
+
_createClass(DateRangePickerRoot2, [{
|
|
35
38
|
key: "getDefaultPeriods",
|
|
36
39
|
value: function getDefaultPeriods() {
|
|
37
40
|
var getI18nText = this.asProps.getI18nText;
|
|
@@ -57,7 +60,7 @@ var DateRangePickerRoot = /* @__PURE__ */ (function(_RangePickerAbstract) {
|
|
|
57
60
|
key: "getButtonTriggerProps",
|
|
58
61
|
value: function getButtonTriggerProps() {
|
|
59
62
|
var _this$asProps = this.asProps, value = _this$asProps.value, locale = _this$asProps.locale;
|
|
60
|
-
return _objectSpread(_objectSpread({},
|
|
63
|
+
return _objectSpread(_objectSpread({}, _get(_getPrototypeOf(DateRangePickerRoot2.prototype), "getButtonTriggerProps", this).call(this)), {}, {
|
|
61
64
|
placeholder: "Select date period",
|
|
62
65
|
children: shortDateRangeFormat(value, {
|
|
63
66
|
locale,
|
|
@@ -72,7 +75,7 @@ var DateRangePickerRoot = /* @__PURE__ */ (function(_RangePickerAbstract) {
|
|
|
72
75
|
value: function getTriggerProps() {
|
|
73
76
|
var _this$asProps2 = this.asProps, visible = _this$asProps2.visible, preselectedValue = _this$asProps2.preselectedValue, onChange = _this$asProps2.onChange, onDisplayedPeriodChange = _this$asProps2.onDisplayedPeriodChange, locale = _this$asProps2.locale, disabled = _this$asProps2.disabled, disabledErrorText = _this$asProps2.disabledErrorText, getI18nText = _this$asProps2.getI18nText, animationsDisabled = _this$asProps2.animationsDisabled;
|
|
74
77
|
var value = visible ? [preselectedValue[0] || this.asProps.value[0], preselectedValue[1] || this.asProps.value[1]] : this.asProps.value;
|
|
75
|
-
return _objectSpread(_objectSpread({},
|
|
78
|
+
return _objectSpread(_objectSpread({}, _get(_getPrototypeOf(DateRangePickerRoot2.prototype), "getButtonTriggerProps", this).call(this)), {}, {
|
|
76
79
|
value,
|
|
77
80
|
onChange,
|
|
78
81
|
onDisplayedPeriodChange,
|
|
@@ -88,7 +91,8 @@ var DateRangePickerRoot = /* @__PURE__ */ (function(_RangePickerAbstract) {
|
|
|
88
91
|
});
|
|
89
92
|
}
|
|
90
93
|
}]);
|
|
91
|
-
|
|
94
|
+
return DateRangePickerRoot2;
|
|
95
|
+
}(RangePickerAbstract);
|
|
92
96
|
_defineProperty(DateRangePickerRoot, "displayName", "DateRangePicker");
|
|
93
97
|
_defineProperty(DateRangePickerRoot, "defaultProps", function(props) {
|
|
94
98
|
return _objectSpread(_objectSpread({}, RangePickerAbstract.defaultProps(props)), {}, {
|
|
@@ -1,18 +1,20 @@
|
|
|
1
1
|
import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
|
|
2
2
|
import _createClass from "@babel/runtime/helpers/esm/createClass";
|
|
3
|
-
import
|
|
4
|
-
import
|
|
3
|
+
import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
|
|
4
|
+
import _get from "@babel/runtime/helpers/esm/get";
|
|
5
|
+
import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
|
|
5
6
|
import _inherits from "@babel/runtime/helpers/esm/inherits";
|
|
7
|
+
import _createSuper from "@babel/runtime/helpers/esm/createSuper";
|
|
6
8
|
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
7
9
|
import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
|
|
8
|
-
import { sstyled, assignProps
|
|
9
|
-
import { Box, Flex } from "@semcore/base-components";
|
|
10
|
-
import Divider from "@semcore/divider";
|
|
11
|
-
import dayjs from "dayjs";
|
|
10
|
+
import createComponent, { sstyled, assignProps } from "@semcore/core";
|
|
12
11
|
import React from "react";
|
|
13
|
-
import {
|
|
12
|
+
import { Popper, Header, Title, Prev, Next, Period } from "./components/index.mjs";
|
|
14
13
|
import { CalendarMonths } from "./components/Calendar.mjs";
|
|
15
|
-
import
|
|
14
|
+
import { Flex, Box } from "@semcore/flex-box";
|
|
15
|
+
import dayjs from "dayjs";
|
|
16
|
+
import Divider from "@semcore/divider";
|
|
17
|
+
import DateRangeComparatorAbstract, { Header as Header$1, Apply, Reset, Trigger, CompareToggle, Body, Footer } from "./components/DateRangeComparatorAbstract.mjs";
|
|
16
18
|
import InputTrigger from "./components/InputTrigger.mjs";
|
|
17
19
|
var dateParts = {
|
|
18
20
|
day: false,
|
|
@@ -45,34 +47,35 @@ RangeInput.SingleDateInput = InputTrigger.SingleDateInput;
|
|
|
45
47
|
RangeInput.DateRange = InputTrigger.DateRange;
|
|
46
48
|
RangeInput.DateRangeFromInput = InputTrigger.DateRangeFromInput;
|
|
47
49
|
RangeInput.DateRangeToInput = InputTrigger.DateRangeToInput;
|
|
48
|
-
var MonthDateRangeComparatorRoot = /* @__PURE__ */
|
|
50
|
+
var MonthDateRangeComparatorRoot = /* @__PURE__ */ function(_RangeComparatorAbstr) {
|
|
51
|
+
_inherits(MonthDateRangeComparatorRoot2, _RangeComparatorAbstr);
|
|
52
|
+
var _super = _createSuper(MonthDateRangeComparatorRoot2);
|
|
49
53
|
function MonthDateRangeComparatorRoot2() {
|
|
50
54
|
var _this;
|
|
51
55
|
_classCallCheck(this, MonthDateRangeComparatorRoot2);
|
|
52
56
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
53
57
|
args[_key] = arguments[_key];
|
|
54
58
|
}
|
|
55
|
-
_this =
|
|
56
|
-
_defineProperty(_this, "navigateStep", "year");
|
|
57
|
-
_defineProperty(_this, "keyStep", "month");
|
|
58
|
-
_defineProperty(_this, "keyDiff", {
|
|
59
|
+
_this = _super.call.apply(_super, [this].concat(args));
|
|
60
|
+
_defineProperty(_assertThisInitialized(_this), "navigateStep", "year");
|
|
61
|
+
_defineProperty(_assertThisInitialized(_this), "keyStep", "month");
|
|
62
|
+
_defineProperty(_assertThisInitialized(_this), "keyDiff", {
|
|
59
63
|
ArrowLeft: -1,
|
|
60
64
|
ArrowUp: -3,
|
|
61
65
|
ArrowRight: 1,
|
|
62
66
|
ArrowDown: 3
|
|
63
67
|
});
|
|
64
|
-
_defineProperty(_this, "triggerFormattingProps", {
|
|
68
|
+
_defineProperty(_assertThisInitialized(_this), "triggerFormattingProps", {
|
|
65
69
|
month: "short",
|
|
66
70
|
year: "numeric"
|
|
67
71
|
});
|
|
68
72
|
return _this;
|
|
69
73
|
}
|
|
70
|
-
|
|
71
|
-
return _createClass(MonthDateRangeComparatorRoot2, [{
|
|
74
|
+
_createClass(MonthDateRangeComparatorRoot2, [{
|
|
72
75
|
key: "getTitleProps",
|
|
73
76
|
value: function getTitleProps(props, index) {
|
|
74
77
|
var _this$asProps = this.asProps, displayedPeriod = _this$asProps.displayedPeriod, locale = _this$asProps.locale;
|
|
75
|
-
return _objectSpread(_objectSpread({},
|
|
78
|
+
return _objectSpread(_objectSpread({}, _get(_getPrototypeOf(MonthDateRangeComparatorRoot2.prototype), "getTitleProps", this).call(this, props, index)), {}, {
|
|
76
79
|
children: new Intl.DateTimeFormat(locale, {
|
|
77
80
|
year: "numeric"
|
|
78
81
|
}).format(dayjs(displayedPeriod).add(index, this.navigateStep).startOf(this.navigateStep).toDate())
|
|
@@ -101,7 +104,7 @@ var MonthDateRangeComparatorRoot = /* @__PURE__ */ (function(_RangeComparatorAbs
|
|
|
101
104
|
}, {
|
|
102
105
|
key: "getValueDateRangeProps",
|
|
103
106
|
value: function getValueDateRangeProps() {
|
|
104
|
-
var props =
|
|
107
|
+
var props = _get(_getPrototypeOf(MonthDateRangeComparatorRoot2.prototype), "getValueDateRangeProps", this).call(this);
|
|
105
108
|
return _objectSpread(_objectSpread({}, props), {}, {
|
|
106
109
|
w: props.w - 60
|
|
107
110
|
});
|
|
@@ -109,7 +112,7 @@ var MonthDateRangeComparatorRoot = /* @__PURE__ */ (function(_RangeComparatorAbs
|
|
|
109
112
|
}, {
|
|
110
113
|
key: "getCompareDateRangeProps",
|
|
111
114
|
value: function getCompareDateRangeProps() {
|
|
112
|
-
var props =
|
|
115
|
+
var props = _get(_getPrototypeOf(MonthDateRangeComparatorRoot2.prototype), "getCompareDateRangeProps", this).call(this);
|
|
113
116
|
return _objectSpread(_objectSpread({}, props), {}, {
|
|
114
117
|
w: props.w - 60
|
|
115
118
|
});
|
|
@@ -117,7 +120,7 @@ var MonthDateRangeComparatorRoot = /* @__PURE__ */ (function(_RangeComparatorAbs
|
|
|
117
120
|
}, {
|
|
118
121
|
key: "getPopperProps",
|
|
119
122
|
value: function getPopperProps() {
|
|
120
|
-
return _objectSpread(_objectSpread({},
|
|
123
|
+
return _objectSpread(_objectSpread({}, _get(_getPrototypeOf(MonthDateRangeComparatorRoot2.prototype), "getPopperProps", this).call(this)), {}, {
|
|
121
124
|
children: /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(MonthDateRangeComparator.Header, null), /* @__PURE__ */ React.createElement(MonthDateRangeComparator.Body, {
|
|
122
125
|
showButtons: true
|
|
123
126
|
}))
|
|
@@ -132,8 +135,8 @@ var MonthDateRangeComparatorRoot = /* @__PURE__ */ (function(_RangeComparatorAbs
|
|
|
132
135
|
}
|
|
133
136
|
}, {
|
|
134
137
|
key: "getBodyProps",
|
|
135
|
-
value: function getBodyProps(
|
|
136
|
-
var showButtons =
|
|
138
|
+
value: function getBodyProps(_ref11) {
|
|
139
|
+
var showButtons = _ref11.showButtons;
|
|
137
140
|
return {
|
|
138
141
|
children: /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(MonthDateRangeComparator.RangeCalendar, null), /* @__PURE__ */ React.createElement(MonthDateRangeComparator.Periods, {
|
|
139
142
|
showButtons
|
|
@@ -142,22 +145,23 @@ var MonthDateRangeComparatorRoot = /* @__PURE__ */ (function(_RangeComparatorAbs
|
|
|
142
145
|
}
|
|
143
146
|
}, {
|
|
144
147
|
key: "getPeriodsProps",
|
|
145
|
-
value: function getPeriodsProps(
|
|
146
|
-
var showButtons =
|
|
148
|
+
value: function getPeriodsProps(_ref12) {
|
|
149
|
+
var showButtons = _ref12.showButtons, _ref12$unclearable = _ref12.unclearable, unclearable = _ref12$unclearable === void 0 ? false : _ref12$unclearable;
|
|
147
150
|
return {
|
|
148
151
|
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))))
|
|
149
152
|
};
|
|
150
153
|
}
|
|
151
154
|
}, {
|
|
152
155
|
key: "getFooterProps",
|
|
153
|
-
value: function getFooterProps(
|
|
154
|
-
var
|
|
156
|
+
value: function getFooterProps(_ref13) {
|
|
157
|
+
var _ref13$unclearable = _ref13.unclearable, unclearable = _ref13$unclearable === void 0 ? false : _ref13$unclearable;
|
|
155
158
|
return {
|
|
156
159
|
children: /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(MonthDateRangeComparator.Apply, null), !unclearable && /* @__PURE__ */ React.createElement(MonthDateRangeComparator.Reset, null))
|
|
157
160
|
};
|
|
158
161
|
}
|
|
159
162
|
}]);
|
|
160
|
-
|
|
163
|
+
return MonthDateRangeComparatorRoot2;
|
|
164
|
+
}(DateRangeComparatorAbstract);
|
|
161
165
|
_defineProperty(MonthDateRangeComparatorRoot, "displayName", "MonthDateRangeComparator");
|
|
162
166
|
_defineProperty(MonthDateRangeComparatorRoot, "defaultProps", function(props) {
|
|
163
167
|
return _objectSpread(_objectSpread({}, DateRangeComparatorAbstract.defaultProps(props)), {}, {
|
|
@@ -222,9 +226,9 @@ function PeriodsOptions(props) {
|
|
|
222
226
|
}));
|
|
223
227
|
}
|
|
224
228
|
function PeriodsControls(props) {
|
|
225
|
-
var
|
|
229
|
+
var _ref10;
|
|
226
230
|
var styles = props.styles, SPeriodsControls = props.Root;
|
|
227
|
-
return
|
|
231
|
+
return _ref10 = sstyled(styles), /* @__PURE__ */ React.createElement(SPeriodsControls, _ref10.cn("SPeriodsControls", {
|
|
228
232
|
"render": Flex,
|
|
229
233
|
"p": 4,
|
|
230
234
|
"gap": 2
|
|
@@ -232,9 +236,9 @@ function PeriodsControls(props) {
|
|
|
232
236
|
}
|
|
233
237
|
var MonthDateRangeComparator = createComponent(MonthDateRangeComparatorRoot, {
|
|
234
238
|
Popper,
|
|
235
|
-
CalendarHeader: Header
|
|
239
|
+
CalendarHeader: Header,
|
|
236
240
|
Title,
|
|
237
|
-
Header,
|
|
241
|
+
Header: Header$1,
|
|
238
242
|
Prev,
|
|
239
243
|
Next,
|
|
240
244
|
Calendar: CalendarMonths,
|
package/lib/esm/MonthPicker.mjs
CHANGED
|
@@ -1,14 +1,16 @@
|
|
|
1
1
|
import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
|
|
2
2
|
import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
|
|
3
3
|
import _createClass from "@babel/runtime/helpers/esm/createClass";
|
|
4
|
-
import
|
|
5
|
-
import
|
|
4
|
+
import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
|
|
5
|
+
import _get from "@babel/runtime/helpers/esm/get";
|
|
6
|
+
import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
|
|
6
7
|
import _inherits from "@babel/runtime/helpers/esm/inherits";
|
|
8
|
+
import _createSuper from "@babel/runtime/helpers/esm/createSuper";
|
|
7
9
|
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
8
|
-
import { createComponent } from "@semcore/core";
|
|
9
|
-
import dayjs from "dayjs";
|
|
10
10
|
import React from "react";
|
|
11
|
-
import
|
|
11
|
+
import dayjs from "dayjs";
|
|
12
|
+
import createComponent from "@semcore/core";
|
|
13
|
+
import { InputTrigger, Trigger, Popper, Header, Title, Prev, Next } from "./components/index.mjs";
|
|
12
14
|
import { CalendarMonths } from "./components/Calendar.mjs";
|
|
13
15
|
import PickerAbstract from "./components/PickerAbstract.mjs";
|
|
14
16
|
var dateParts = {
|
|
@@ -16,17 +18,19 @@ var dateParts = {
|
|
|
16
18
|
month: true,
|
|
17
19
|
year: true
|
|
18
20
|
};
|
|
19
|
-
var MonthPickerRoot = /* @__PURE__ */
|
|
21
|
+
var MonthPickerRoot = /* @__PURE__ */ function(_PickerAbstract) {
|
|
22
|
+
_inherits(MonthPickerRoot2, _PickerAbstract);
|
|
23
|
+
var _super = _createSuper(MonthPickerRoot2);
|
|
20
24
|
function MonthPickerRoot2() {
|
|
21
25
|
var _this;
|
|
22
26
|
_classCallCheck(this, MonthPickerRoot2);
|
|
23
27
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
24
28
|
args[_key] = arguments[_key];
|
|
25
29
|
}
|
|
26
|
-
_this =
|
|
27
|
-
_defineProperty(_this, "navigateStep", "year");
|
|
28
|
-
_defineProperty(_this, "keyStep", "month");
|
|
29
|
-
_defineProperty(_this, "keyDiff", {
|
|
30
|
+
_this = _super.call.apply(_super, [this].concat(args));
|
|
31
|
+
_defineProperty(_assertThisInitialized(_this), "navigateStep", "year");
|
|
32
|
+
_defineProperty(_assertThisInitialized(_this), "keyStep", "month");
|
|
33
|
+
_defineProperty(_assertThisInitialized(_this), "keyDiff", {
|
|
30
34
|
ArrowLeft: -1,
|
|
31
35
|
ArrowUp: -3,
|
|
32
36
|
ArrowRight: 1,
|
|
@@ -34,12 +38,11 @@ var MonthPickerRoot = /* @__PURE__ */ (function(_PickerAbstract) {
|
|
|
34
38
|
});
|
|
35
39
|
return _this;
|
|
36
40
|
}
|
|
37
|
-
|
|
38
|
-
return _createClass(MonthPickerRoot2, [{
|
|
41
|
+
_createClass(MonthPickerRoot2, [{
|
|
39
42
|
key: "getButtonTriggerProps",
|
|
40
43
|
value: function getButtonTriggerProps() {
|
|
41
44
|
var _this$asProps = this.asProps, value = _this$asProps.value, locale = _this$asProps.locale;
|
|
42
|
-
return _objectSpread(_objectSpread({},
|
|
45
|
+
return _objectSpread(_objectSpread({}, _get(_getPrototypeOf(MonthPickerRoot2.prototype), "getButtonTriggerProps", this).call(this)), {}, {
|
|
43
46
|
placeholder: "Select month",
|
|
44
47
|
children: value ? new Intl.DateTimeFormat(locale, {
|
|
45
48
|
month: "short",
|
|
@@ -51,7 +54,7 @@ var MonthPickerRoot = /* @__PURE__ */ (function(_PickerAbstract) {
|
|
|
51
54
|
key: "getTriggerProps",
|
|
52
55
|
value: function getTriggerProps() {
|
|
53
56
|
var _this$asProps2 = this.asProps, value = _this$asProps2.value, onChange = _this$asProps2.onChange, onDisplayedPeriodChange = _this$asProps2.onDisplayedPeriodChange, locale = _this$asProps2.locale, disabled = _this$asProps2.disabled, disabledErrorText = _this$asProps2.disabledErrorText, getI18nText = _this$asProps2.getI18nText, animationsDisabled = _this$asProps2.animationsDisabled;
|
|
54
|
-
return _objectSpread(_objectSpread({},
|
|
57
|
+
return _objectSpread(_objectSpread({}, _get(_getPrototypeOf(MonthPickerRoot2.prototype), "getButtonTriggerProps", this).call(this)), {}, {
|
|
55
58
|
value,
|
|
56
59
|
onChange,
|
|
57
60
|
onDisplayedPeriodChange,
|
|
@@ -71,14 +74,15 @@ var MonthPickerRoot = /* @__PURE__ */ (function(_PickerAbstract) {
|
|
|
71
74
|
key: "getTitleProps",
|
|
72
75
|
value: function getTitleProps() {
|
|
73
76
|
var _this$asProps3 = this.asProps, displayedPeriod = _this$asProps3.displayedPeriod, locale = _this$asProps3.locale;
|
|
74
|
-
return _objectSpread(_objectSpread({},
|
|
77
|
+
return _objectSpread(_objectSpread({}, _get(_getPrototypeOf(MonthPickerRoot2.prototype), "getTitleProps", this).call(this)), {}, {
|
|
75
78
|
children: new Intl.DateTimeFormat(locale, {
|
|
76
79
|
year: "numeric"
|
|
77
80
|
}).format(dayjs(displayedPeriod).startOf("year").toDate())
|
|
78
81
|
});
|
|
79
82
|
}
|
|
80
83
|
}]);
|
|
81
|
-
|
|
84
|
+
return MonthPickerRoot2;
|
|
85
|
+
}(PickerAbstract);
|
|
82
86
|
_defineProperty(MonthPickerRoot, "displayName", "MonthPicker");
|
|
83
87
|
_defineProperty(MonthPickerRoot, "defaultProps", function(props) {
|
|
84
88
|
return _objectSpread(_objectSpread({}, PickerAbstract.defaultProps(props)), {}, {
|
|
@@ -1,33 +1,37 @@
|
|
|
1
1
|
import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
|
|
2
2
|
import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
|
|
3
3
|
import _createClass from "@babel/runtime/helpers/esm/createClass";
|
|
4
|
-
import
|
|
5
|
-
import
|
|
4
|
+
import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
|
|
5
|
+
import _get from "@babel/runtime/helpers/esm/get";
|
|
6
|
+
import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
|
|
6
7
|
import _inherits from "@babel/runtime/helpers/esm/inherits";
|
|
8
|
+
import _createSuper from "@babel/runtime/helpers/esm/createSuper";
|
|
7
9
|
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
8
|
-
import { createComponent } from "@semcore/core";
|
|
9
|
-
import dayjs from "dayjs";
|
|
10
10
|
import React from "react";
|
|
11
|
-
import
|
|
12
|
-
import
|
|
13
|
-
import RangePickerAbstract, { Reset, Apply } from "./components/RangePickerAbstract.mjs";
|
|
11
|
+
import dayjs from "dayjs";
|
|
12
|
+
import createComponent from "@semcore/core";
|
|
14
13
|
import shortDateRangeFormat from "./utils/shortDateRangeFormat.mjs";
|
|
14
|
+
import { InputTrigger, Trigger, Popper, Header, Title, Prev, Next, Period } from "./components/index.mjs";
|
|
15
|
+
import { CalendarMonths } from "./components/Calendar.mjs";
|
|
16
|
+
import RangePickerAbstract, { Apply, Reset } from "./components/RangePickerAbstract.mjs";
|
|
15
17
|
var dateParts = {
|
|
16
18
|
day: false,
|
|
17
19
|
month: true,
|
|
18
20
|
year: true
|
|
19
21
|
};
|
|
20
|
-
var MonthRangePickerRoot = /* @__PURE__ */
|
|
22
|
+
var MonthRangePickerRoot = /* @__PURE__ */ function(_RangePickerAbstract) {
|
|
23
|
+
_inherits(MonthRangePickerRoot2, _RangePickerAbstract);
|
|
24
|
+
var _super = _createSuper(MonthRangePickerRoot2);
|
|
21
25
|
function MonthRangePickerRoot2() {
|
|
22
26
|
var _this;
|
|
23
27
|
_classCallCheck(this, MonthRangePickerRoot2);
|
|
24
28
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
25
29
|
args[_key] = arguments[_key];
|
|
26
30
|
}
|
|
27
|
-
_this =
|
|
28
|
-
_defineProperty(_this, "navigateStep", "year");
|
|
29
|
-
_defineProperty(_this, "keyStep", "month");
|
|
30
|
-
_defineProperty(_this, "keyDiff", {
|
|
31
|
+
_this = _super.call.apply(_super, [this].concat(args));
|
|
32
|
+
_defineProperty(_assertThisInitialized(_this), "navigateStep", "year");
|
|
33
|
+
_defineProperty(_assertThisInitialized(_this), "keyStep", "month");
|
|
34
|
+
_defineProperty(_assertThisInitialized(_this), "keyDiff", {
|
|
31
35
|
ArrowLeft: -1,
|
|
32
36
|
ArrowUp: -3,
|
|
33
37
|
ArrowRight: 1,
|
|
@@ -35,8 +39,7 @@ var MonthRangePickerRoot = /* @__PURE__ */ (function(_RangePickerAbstract) {
|
|
|
35
39
|
});
|
|
36
40
|
return _this;
|
|
37
41
|
}
|
|
38
|
-
|
|
39
|
-
return _createClass(MonthRangePickerRoot2, [{
|
|
42
|
+
_createClass(MonthRangePickerRoot2, [{
|
|
40
43
|
key: "getDefaultPeriods",
|
|
41
44
|
value: function getDefaultPeriods() {
|
|
42
45
|
var getI18nText = this.asProps.getI18nText;
|
|
@@ -59,7 +62,7 @@ var MonthRangePickerRoot = /* @__PURE__ */ (function(_RangePickerAbstract) {
|
|
|
59
62
|
key: "getButtonTriggerProps",
|
|
60
63
|
value: function getButtonTriggerProps() {
|
|
61
64
|
var _this$asProps = this.asProps, value = _this$asProps.value, locale = _this$asProps.locale;
|
|
62
|
-
return _objectSpread(_objectSpread({},
|
|
65
|
+
return _objectSpread(_objectSpread({}, _get(_getPrototypeOf(MonthRangePickerRoot2.prototype), "getButtonTriggerProps", this).call(this)), {}, {
|
|
63
66
|
placeholder: "Select month period",
|
|
64
67
|
children: shortDateRangeFormat(value, {
|
|
65
68
|
locale,
|
|
@@ -73,7 +76,7 @@ var MonthRangePickerRoot = /* @__PURE__ */ (function(_RangePickerAbstract) {
|
|
|
73
76
|
value: function getTriggerProps() {
|
|
74
77
|
var _this$asProps2 = this.asProps, visible = _this$asProps2.visible, preselectedValue = _this$asProps2.preselectedValue, onChange = _this$asProps2.onChange, onDisplayedPeriodChange = _this$asProps2.onDisplayedPeriodChange, locale = _this$asProps2.locale, disabled = _this$asProps2.disabled, disabledErrorText = _this$asProps2.disabledErrorText, getI18nText = _this$asProps2.getI18nText, animationsDisabled = _this$asProps2.animationsDisabled;
|
|
75
78
|
var value = visible ? [preselectedValue[0] || this.asProps.value[0], preselectedValue[1] || this.asProps.value[1]] : this.asProps.value;
|
|
76
|
-
return _objectSpread(_objectSpread({},
|
|
79
|
+
return _objectSpread(_objectSpread({}, _get(_getPrototypeOf(MonthRangePickerRoot2.prototype), "getButtonTriggerProps", this).call(this)), {}, {
|
|
77
80
|
value,
|
|
78
81
|
onChange,
|
|
79
82
|
onDisplayedPeriodChange,
|
|
@@ -93,14 +96,15 @@ var MonthRangePickerRoot = /* @__PURE__ */ (function(_RangePickerAbstract) {
|
|
|
93
96
|
key: "getTitleProps",
|
|
94
97
|
value: function getTitleProps(props, index) {
|
|
95
98
|
var _this$asProps3 = this.asProps, displayedPeriod = _this$asProps3.displayedPeriod, locale = _this$asProps3.locale;
|
|
96
|
-
return _objectSpread(_objectSpread({},
|
|
99
|
+
return _objectSpread(_objectSpread({}, _get(_getPrototypeOf(MonthRangePickerRoot2.prototype), "getTitleProps", this).call(this, props, index)), {}, {
|
|
97
100
|
children: new Intl.DateTimeFormat(locale, {
|
|
98
101
|
year: "numeric"
|
|
99
102
|
}).format(dayjs(displayedPeriod).add(index, this.navigateStep).startOf(this.navigateStep).toDate())
|
|
100
103
|
});
|
|
101
104
|
}
|
|
102
105
|
}]);
|
|
103
|
-
|
|
106
|
+
return MonthRangePickerRoot2;
|
|
107
|
+
}(RangePickerAbstract);
|
|
104
108
|
_defineProperty(MonthRangePickerRoot, "displayName", "MonthRangePicker");
|
|
105
109
|
_defineProperty(MonthRangePickerRoot, "defaultProps", function(props) {
|
|
106
110
|
return _objectSpread(_objectSpread({}, RangePickerAbstract.defaultProps(props)), {}, {
|
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
import { assignProps
|
|
1
|
+
import createComponent, { assignProps } from "@semcore/core";
|
|
2
|
+
import React from "react";
|
|
2
3
|
import BaseTrigger from "@semcore/base-trigger";
|
|
3
|
-
import addonTextChildren from "@semcore/
|
|
4
|
+
import addonTextChildren from "@semcore/utils/lib/addonTextChildren";
|
|
4
5
|
import Calendar from "@semcore/icon/Calendar/m";
|
|
5
|
-
|
|
6
|
-
function ButtonTriggerRoot(_ref2) {
|
|
6
|
+
var ButtonTriggerRoot = function ButtonTriggerRoot2(_ref2) {
|
|
7
7
|
var _ref = arguments[0];
|
|
8
8
|
var Children = _ref2.Children;
|
|
9
9
|
return /* @__PURE__ */ React.createElement(BaseTrigger, assignProps({}, _ref), /* @__PURE__ */ React.createElement(ButtonTrigger.Addon, {
|
|
10
10
|
tag: Calendar
|
|
11
11
|
}), addonTextChildren(Children, ButtonTrigger.Text, ButtonTrigger.Addon, true));
|
|
12
|
-
}
|
|
12
|
+
};
|
|
13
13
|
ButtonTriggerRoot.displayName = "ButtonTrigger";
|
|
14
14
|
var ButtonTrigger = createComponent(ButtonTriggerRoot, {
|
|
15
15
|
Text: BaseTrigger.Text,
|