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