@semcore/date-picker 4.56.0-prerelease.2 → 4.56.1-prerelease.2
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/components/Calendar.js +21 -21
- package/lib/cjs/components/DateRangeComparatorAbstract.js +29 -29
- package/lib/cjs/components/InputTrigger.js +29 -29
- package/lib/cjs/components/PickerAbstract.js +29 -29
- package/lib/cjs/components/RangePickerAbstract.js +29 -29
- package/lib/es6/components/Calendar.js +21 -21
- package/lib/es6/components/DateRangeComparatorAbstract.js +29 -29
- package/lib/es6/components/InputTrigger.js +29 -29
- package/lib/es6/components/PickerAbstract.js +29 -29
- package/lib/es6/components/RangePickerAbstract.js +29 -29
- package/lib/esm/components/Calendar.mjs +134 -134
- package/lib/esm/components/DateRangeComparatorAbstract.mjs +114 -114
- package/lib/esm/components/InputTrigger.mjs +150 -150
- package/lib/esm/components/PickerAbstract.mjs +58 -58
- package/lib/esm/components/RangePickerAbstract.mjs +46 -46
- package/package.json +16 -16
|
@@ -6,52 +6,52 @@ import R from "@babel/runtime/helpers/esm/classCallCheck";
|
|
|
6
6
|
import O from "@babel/runtime/helpers/esm/createClass";
|
|
7
7
|
import B from "@babel/runtime/helpers/esm/inherits";
|
|
8
8
|
import I from "@babel/runtime/helpers/esm/createSuper";
|
|
9
|
-
import
|
|
10
|
-
import
|
|
11
|
-
import { sstyled as
|
|
9
|
+
import u from "@babel/runtime/helpers/esm/defineProperty";
|
|
10
|
+
import v from "@babel/runtime/helpers/esm/objectSpread2";
|
|
11
|
+
import { sstyled as oe } from "@semcore/utils/lib/core/index";
|
|
12
12
|
import z, { sstyled as H, assignProps as w, Component as X } from "@semcore/core";
|
|
13
|
-
import
|
|
14
|
-
import
|
|
15
|
-
import
|
|
13
|
+
import h from "react";
|
|
14
|
+
import f from "dayjs";
|
|
15
|
+
import _e from "dayjs/plugin/isBetween";
|
|
16
16
|
import { ScreenReaderOnly as Z, Box as E } from "@semcore/flex-box";
|
|
17
17
|
import k from "@semcore/utils/lib/fire";
|
|
18
|
-
import { includesDate as
|
|
18
|
+
import { includesDate as de } from "../utils/includesDate.mjs";
|
|
19
19
|
import { formatDDMMYY as J, formatMMYY as le } from "../utils/formatDate.mjs";
|
|
20
20
|
import ge from "@semcore/utils/lib/enhances/keyboardFocusEnhance";
|
|
21
21
|
var ce = ["date"], ee = (
|
|
22
22
|
/*__reshadow_css_start__*/
|
|
23
|
-
(
|
|
23
|
+
(oe.insert(
|
|
24
24
|
/*__inner_css_start__*/
|
|
25
|
-
`.
|
|
25
|
+
`.___SCalendar_1r4m5_gg_{display:flex;flex-direction:column}.___SGridDays_1r4m5_gg_{display:grid;grid-template-columns:repeat(7,minmax(32px,auto));grid-template-rows:repeat(auto-fit,minmax(32px,auto))}.___SGridMonths_1r4m5_gg_{display:grid;grid-row-gap:var(--intergalactic-spacing-2x, 8px);grid-template-columns:repeat(3,minmax(60px,auto));grid-template-rows:repeat(4,minmax(32px,auto))}.___SWeekDays_1r4m5_gg_{display:grid;grid-template-columns:repeat(7,minmax(32px,auto))}.___SCalendarUnit_1r4m5_gg_,.___SWeekDay_1r4m5_gg_{align-items:center;display:flex;font-size:var(--intergalactic-fs-200, 14px);justify-content:center;min-height:32px;min-width:32px}.___SWeekDay_1r4m5_gg_{color:var(--intergalactic-text-secondary, #6c6e79);font-weight:var(--intergalactic-regular, 400);overflow:hidden}.___SCalendarUnit_1r4m5_gg_{font-family:inherit;font-weight:400;line-height:normal;-webkit-text-decoration:none;text-decoration:none;text-align:center;vertical-align:middle;border:1px solid transparent;color:var(--intergalactic-text-primary, #191b23);box-shadow:none;overflow:visible;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background-color:var(--intergalactic-date-picker-cell, #ffffff);border-radius:var(--intergalactic-control-rounded, 6px);box-sizing:border-box;cursor:pointer;position:relative;transition:color .15s,background .15s,box-shadow .15s,border-radius .15s .15s;outline:0;margin:4px 0 0}@media (hover:hover){.___SCalendarUnit_1r4m5_gg_:hover{color:var(--intergalactic-text-primary, #191b23);background-color:var(--intergalactic-date-picker-cell-hover, #e0e1e9)}}.___SCalendarUnit_1r4m5_gg_.__today_1r4m5_gg_:before{content:"";position:absolute;display:block;top:1px;left:1px;border-radius:var(--intergalactic-control-rounded, 6px);width:calc(100% - 2px);height:calc(100% - 2px);box-sizing:border-box;border:1px solid var(--intergalactic-date-picker-cell-current, #8a8e9b)}.___SCalendarUnit_1r4m5_gg_.___SCalendarUnit_1r4m5_gg_.__today_1r4m5_gg_.__endSelected_1r4m5_gg_:before,.___SCalendarUnit_1r4m5_gg_.___SCalendarUnit_1r4m5_gg_.__today_1r4m5_gg_.__startSelected_1r4m5_gg_:before{border-color:var(--intergalactic-border-secondary, #e0e1e9)}.___SCalendarUnit_1r4m5_gg_.__highlighted_1r4m5_gg_,.___SCalendarUnit_1r4m5_gg_.__selected_1r4m5_gg_{border-radius:0;transition:color .15s,background .15s,box-shadow .15s,border-radius 0s 0s;color:var(--intergalactic-text-primary, #191b23)}.___SCalendarUnit_1r4m5_gg_.__selected_1r4m5_gg_{background-color:var(--intergalactic-date-picker-cell-range, #c4e5fe)}@media (hover:hover){.___SCalendarUnit_1r4m5_gg_.__selected_1r4m5_gg_:hover{background-color:var(--intergalactic-date-picker-cell-range-hover, #8ecdff)}}.___SCalendarUnit_1r4m5_gg_.__highlighted_1r4m5_gg_{background-color:var(--intergalactic-date-picker-cell-range-hover, #8ecdff)}@media (hover:hover){.___SCalendarUnit_1r4m5_gg_.__highlighted_1r4m5_gg_:hover{background-color:var(--intergalactic-date-picker-cell-range-hover, #8ecdff)}}.___SCalendarUnit_1r4m5_gg_.__startSelected_1r4m5_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-date-picker-cell-active, #2bb3ff)}.___SCalendarUnit_1r4m5_gg_.__startSelected_1r4m5_gg_:not(.__highlighted_1r4m5_gg_){border-bottom-left-radius:var(--intergalactic-control-rounded, 6px);border-bottom-right-radius:0;border-top-left-radius:var(--intergalactic-control-rounded, 6px);border-top-right-radius:0}@media (hover:hover){.___SCalendarUnit_1r4m5_gg_.__startSelected_1r4m5_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-date-picker-cell-active-hover, #008ff8)}}.___SCalendarUnit_1r4m5_gg_.__endSelected_1r4m5_gg_{background-color:var(--intergalactic-date-picker-cell-active, #2bb3ff);color:var(--intergalactic-text-primary-invert, #ffffff)}.___SCalendarUnit_1r4m5_gg_.__endSelected_1r4m5_gg_:not(.__highlighted_1r4m5_gg_){border-bottom-left-radius:0;border-bottom-right-radius:var(--intergalactic-control-rounded, 6px);border-top-left-radius:0;border-top-right-radius:var(--intergalactic-control-rounded, 6px)}@media (hover:hover){.___SCalendarUnit_1r4m5_gg_.__endSelected_1r4m5_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-date-picker-cell-active-hover, #008ff8)}}.___SCalendarUnit_1r4m5_gg_.__startHighlighted_1r4m5_gg_:not(.__selected_1r4m5_gg_){border-bottom-left-radius:var(--intergalactic-control-rounded, 6px);border-bottom-right-radius:0;border-top-left-radius:var(--intergalactic-control-rounded, 6px);border-top-right-radius:0}.___SCalendarUnit_1r4m5_gg_.__endHighlighted_1r4m5_gg_:not(.__selected_1r4m5_gg_){border-bottom-left-radius:0;border-bottom-right-radius:var(--intergalactic-control-rounded, 6px);border-top-left-radius:0;border-top-right-radius:var(--intergalactic-control-rounded, 6px)}.___SCalendarUnit_1r4m5_gg_.__startHighlighted_1r4m5_gg_.___SCalendarUnit_1r4m5_gg_.__endHighlighted_1r4m5_gg_,.___SCalendarUnit_1r4m5_gg_.__startSelected_1r4m5_gg_.___SCalendarUnit_1r4m5_gg_.__endSelected_1r4m5_gg_{border-bottom-left-radius:var(--intergalactic-control-rounded, 6px);border-bottom-right-radius:var(--intergalactic-control-rounded, 6px);border-top-left-radius:var(--intergalactic-control-rounded, 6px);border-top-right-radius:var(--intergalactic-control-rounded, 6px)}.___SCalendarUnit_1r4m5_gg_.__compareHighlighted_1r4m5_gg_{border-top:2px dashed var(--intergalactic-date-picker-cell-comparison-active, #8649e1);border-bottom:2px dashed var(--intergalactic-date-picker-cell-comparison-active, #8649e1);border-radius:0;transition:none}.___SCalendarUnit_1r4m5_gg_.__compareEndHighlighted_1r4m5_gg_,.___SCalendarUnit_1r4m5_gg_.__compareStartHighlighted_1r4m5_gg_{border-left:2px dashed var(--intergalactic-date-picker-cell-comparison-active, #8649e1);border-right:2px dashed var(--intergalactic-date-picker-cell-comparison-active, #8649e1)}.___SCalendarUnit_1r4m5_gg_.__compareEnd_1r4m5_gg_,.___SCalendarUnit_1r4m5_gg_.__compareStart_1r4m5_gg_{border-radius:0;background-color:var(--intergalactic-date-picker-cell-comparison-active, #8649e1);color:var(--intergalactic-text-primary-invert, #ffffff)}@media (hover:hover){.___SCalendarUnit_1r4m5_gg_.__compareEnd_1r4m5_gg_:hover,.___SCalendarUnit_1r4m5_gg_.__compareStart_1r4m5_gg_:hover{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-date-picker-cell-comparison-active-hover, #5925ab)}}.___SCalendarUnit_1r4m5_gg_.__compareStartHighlighted_1r4m5_gg_{border-top-left-radius:var(--intergalactic-control-rounded, 6px);border-bottom-left-radius:var(--intergalactic-control-rounded, 6px)}.___SCalendarUnit_1r4m5_gg_.__compareEndHighlighted_1r4m5_gg_{border-top-right-radius:var(--intergalactic-control-rounded, 6px);border-bottom-right-radius:var(--intergalactic-control-rounded, 6px)}.___SCalendarUnit_1r4m5_gg_.__compareStart_1r4m5_gg_:not(.__compareHighlighted_1r4m5_gg_){border-top-left-radius:var(--intergalactic-control-rounded, 6px);border-bottom-left-radius:var(--intergalactic-control-rounded, 6px)}.___SCalendarUnit_1r4m5_gg_.__compareEnd_1r4m5_gg_:not(.__compareHighlighted_1r4m5_gg_){border-top-right-radius:var(--intergalactic-control-rounded, 6px);border-bottom-right-radius:var(--intergalactic-control-rounded, 6px)}.___SCalendarUnit_1r4m5_gg_.__outdated_1r4m5_gg_{opacity:.2}.___SCalendarUnit_1r4m5_gg_.__disabled_1r4m5_gg_{opacity:.4;cursor:default;pointer-events:none}.___SCalendar_1r4m5_gg_:focus{outline:0}.___SCalendar_1r4m5_gg_:focus .___SCalendarUnit_1r4m5_gg_.__highlighted_1r4m5_gg_{z-index:1;box-shadow:var(--intergalactic-keyboard-focus,
|
|
26
26
|
0px 0px 0px 3px rgba(0, 143, 248, 0.5)
|
|
27
|
-
)}.
|
|
27
|
+
)}.___SCalendar_1r4m5_gg_:focus:not(.___SCalendar_1r4m5_gg_:focus:has(.___SCalendarUnit_1r4m5_gg_.__highlighted_1r4m5_gg_)){box-shadow:var(--intergalactic-keyboard-focus,
|
|
28
28
|
0px 0px 0px 3px rgba(0, 143, 248, 0.5)
|
|
29
|
-
)}@media (prefers-reduced-motion){.
|
|
30
|
-
"
|
|
29
|
+
)}@media (prefers-reduced-motion){.___SCalendarUnit_1r4m5_gg_,.___SCalendarUnit_1r4m5_gg_.__highlighted_1r4m5_gg_,.___SCalendarUnit_1r4m5_gg_.__selected_1r4m5_gg_{transition:none}}`,
|
|
30
|
+
"1r4m5_gg_"
|
|
31
31
|
), {
|
|
32
|
-
__SCalendar: "
|
|
33
|
-
__SGridDays: "
|
|
34
|
-
__SGridMonths: "
|
|
35
|
-
__SWeekDays: "
|
|
36
|
-
__SWeekDay: "
|
|
37
|
-
__SCalendarUnit: "
|
|
38
|
-
_startHighlighted: "
|
|
39
|
-
_selected: "
|
|
40
|
-
_endHighlighted: "
|
|
41
|
-
_startSelected: "
|
|
42
|
-
_endSelected: "
|
|
43
|
-
_compareHighlighted: "
|
|
44
|
-
_compareStartHighlighted: "
|
|
45
|
-
_compareEndHighlighted: "
|
|
46
|
-
_compareStart: "
|
|
47
|
-
_compareEnd: "
|
|
48
|
-
_outdated: "
|
|
49
|
-
_disabled: "
|
|
50
|
-
_highlighted: "
|
|
51
|
-
_today: "
|
|
32
|
+
__SCalendar: "___SCalendar_1r4m5_gg_",
|
|
33
|
+
__SGridDays: "___SGridDays_1r4m5_gg_",
|
|
34
|
+
__SGridMonths: "___SGridMonths_1r4m5_gg_",
|
|
35
|
+
__SWeekDays: "___SWeekDays_1r4m5_gg_",
|
|
36
|
+
__SWeekDay: "___SWeekDay_1r4m5_gg_",
|
|
37
|
+
__SCalendarUnit: "___SCalendarUnit_1r4m5_gg_",
|
|
38
|
+
_startHighlighted: "__startHighlighted_1r4m5_gg_",
|
|
39
|
+
_selected: "__selected_1r4m5_gg_",
|
|
40
|
+
_endHighlighted: "__endHighlighted_1r4m5_gg_",
|
|
41
|
+
_startSelected: "__startSelected_1r4m5_gg_",
|
|
42
|
+
_endSelected: "__endSelected_1r4m5_gg_",
|
|
43
|
+
_compareHighlighted: "__compareHighlighted_1r4m5_gg_",
|
|
44
|
+
_compareStartHighlighted: "__compareStartHighlighted_1r4m5_gg_",
|
|
45
|
+
_compareEndHighlighted: "__compareEndHighlighted_1r4m5_gg_",
|
|
46
|
+
_compareStart: "__compareStart_1r4m5_gg_",
|
|
47
|
+
_compareEnd: "__compareEnd_1r4m5_gg_",
|
|
48
|
+
_outdated: "__outdated_1r4m5_gg_",
|
|
49
|
+
_disabled: "__disabled_1r4m5_gg_",
|
|
50
|
+
_highlighted: "__highlighted_1r4m5_gg_",
|
|
51
|
+
_today: "__today_1r4m5_gg_"
|
|
52
52
|
})
|
|
53
53
|
);
|
|
54
|
-
|
|
54
|
+
f.extend(_e);
|
|
55
55
|
var P = function(g, a) {
|
|
56
56
|
return Array.from({
|
|
57
57
|
length: g
|
|
@@ -59,15 +59,15 @@ var P = function(g, a) {
|
|
|
59
59
|
return a(e);
|
|
60
60
|
});
|
|
61
61
|
};
|
|
62
|
-
function re(
|
|
63
|
-
return
|
|
62
|
+
function re(_) {
|
|
63
|
+
return _.includes("en") || _.includes("ja") ? v({
|
|
64
64
|
weekStart: 0
|
|
65
|
-
},
|
|
65
|
+
}, f.Ls[_]) : v({
|
|
66
66
|
weekStart: 1
|
|
67
|
-
},
|
|
67
|
+
}, f.Ls[_]);
|
|
68
68
|
}
|
|
69
|
-
var G = /* @__PURE__ */ function(
|
|
70
|
-
B(a,
|
|
69
|
+
var G = /* @__PURE__ */ function(_) {
|
|
70
|
+
B(a, _);
|
|
71
71
|
var g = I(a);
|
|
72
72
|
function a() {
|
|
73
73
|
return R(this, a), g.apply(this, arguments);
|
|
@@ -75,16 +75,16 @@ var G = /* @__PURE__ */ function(o) {
|
|
|
75
75
|
return O(a, [{
|
|
76
76
|
key: "getDaysByWeek",
|
|
77
77
|
value: function() {
|
|
78
|
-
var e = this.asProps.locale, r =
|
|
78
|
+
var e = this.asProps.locale, r = f().locale(e, re(e)).startOf("week");
|
|
79
79
|
return P(7, function() {
|
|
80
80
|
var n = new Intl.DateTimeFormat(e, {
|
|
81
81
|
weekday: "short"
|
|
82
|
-
}).format(r.valueOf()),
|
|
82
|
+
}).format(r.valueOf()), o = new Intl.DateTimeFormat(e, {
|
|
83
83
|
weekday: "long"
|
|
84
84
|
}).format(r.valueOf());
|
|
85
85
|
return r = r.add(1, "day"), {
|
|
86
86
|
children: n,
|
|
87
|
-
"aria-label":
|
|
87
|
+
"aria-label": o
|
|
88
88
|
};
|
|
89
89
|
});
|
|
90
90
|
}
|
|
@@ -98,41 +98,41 @@ var G = /* @__PURE__ */ function(o) {
|
|
|
98
98
|
}, {
|
|
99
99
|
key: "render",
|
|
100
100
|
value: function() {
|
|
101
|
-
var e = this.asProps, r, n = E,
|
|
102
|
-
return r = H(i), /* @__PURE__ */
|
|
101
|
+
var e = this.asProps, r, n = E, o = this.asProps, d = o.Children, i = o.styles;
|
|
102
|
+
return r = H(i), /* @__PURE__ */ h.createElement(n, r.cn("SWeekDays", v({}, w({}, e))), /* @__PURE__ */ h.createElement(d, r.cn("Children", {})));
|
|
103
103
|
}
|
|
104
104
|
}]), a;
|
|
105
105
|
}(X);
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
106
|
+
u(G, "displayName", "CalendarWeekDays");
|
|
107
|
+
u(G, "style", ee);
|
|
108
|
+
u(G, "defaultProps", {
|
|
109
109
|
locale: "en",
|
|
110
110
|
children: function(g) {
|
|
111
111
|
var a = g.days;
|
|
112
112
|
return a.map(function(t, e) {
|
|
113
|
-
return /* @__PURE__ */
|
|
113
|
+
return /* @__PURE__ */ h.createElement(te.Unit, Y({
|
|
114
114
|
key: e
|
|
115
115
|
}, t));
|
|
116
116
|
});
|
|
117
117
|
}
|
|
118
118
|
});
|
|
119
|
-
function se(
|
|
120
|
-
var g = arguments[0], a, t =
|
|
121
|
-
return a = H(t), /* @__PURE__ */
|
|
119
|
+
function se(_) {
|
|
120
|
+
var g = arguments[0], a, t = _.styles, e = E;
|
|
121
|
+
return a = H(t), /* @__PURE__ */ h.createElement(e, a.cn("SWeekDay", v({}, w({
|
|
122
122
|
role: "columnheader"
|
|
123
123
|
}, g))));
|
|
124
124
|
}
|
|
125
|
-
function q(
|
|
126
|
-
var t = a[0] ?
|
|
125
|
+
function q(_, g, a) {
|
|
126
|
+
var t = a[0] ? f(a[0]) : null, e = a[1] ? f(a[1]) : t;
|
|
127
127
|
if (t && e) {
|
|
128
128
|
if (t > e) {
|
|
129
129
|
var r = [t, e];
|
|
130
130
|
e = r[0], t = r[1];
|
|
131
131
|
}
|
|
132
132
|
return {
|
|
133
|
-
highlighted:
|
|
134
|
-
startHighlighted: t &&
|
|
135
|
-
endHighlighted: e &&
|
|
133
|
+
highlighted: _.isBetween(t, e, g, "[]"),
|
|
134
|
+
startHighlighted: t && _.isSame(t, "date"),
|
|
135
|
+
endHighlighted: e && _.isSame(e, "date")
|
|
136
136
|
};
|
|
137
137
|
}
|
|
138
138
|
return {
|
|
@@ -141,50 +141,50 @@ function q(o, g, a) {
|
|
|
141
141
|
endHighlighted: void 0
|
|
142
142
|
};
|
|
143
143
|
}
|
|
144
|
-
function Q(
|
|
145
|
-
var t = a[0] ?
|
|
144
|
+
function Q(_, g, a) {
|
|
145
|
+
var t = a[0] ? f(a[0]) : null, e = a[1] ? f(a[1]) : null, r;
|
|
146
146
|
if (t && e) {
|
|
147
147
|
if (t > e) {
|
|
148
148
|
var n = [t, e];
|
|
149
149
|
e = n[0], t = n[1];
|
|
150
150
|
}
|
|
151
|
-
r =
|
|
151
|
+
r = _.isBetween(t, e, g, "()");
|
|
152
152
|
}
|
|
153
|
-
var
|
|
153
|
+
var o = t && _.isSame(t, g), d = e && _.isSame(e, g);
|
|
154
154
|
return {
|
|
155
155
|
selected: r,
|
|
156
|
-
startSelected:
|
|
157
|
-
endSelected:
|
|
156
|
+
startSelected: o,
|
|
157
|
+
endSelected: d
|
|
158
158
|
};
|
|
159
159
|
}
|
|
160
|
-
var A = /* @__PURE__ */ function(
|
|
161
|
-
B(a,
|
|
160
|
+
var A = /* @__PURE__ */ function(_) {
|
|
161
|
+
B(a, _);
|
|
162
162
|
var g = I(a);
|
|
163
163
|
function a() {
|
|
164
164
|
var t;
|
|
165
165
|
R(this, a);
|
|
166
166
|
for (var e = arguments.length, r = new Array(e), n = 0; n < e; n++)
|
|
167
167
|
r[n] = arguments[n];
|
|
168
|
-
return t = g.call.apply(g, [this].concat(r)),
|
|
169
|
-
var
|
|
170
|
-
k(D(t), "onHighlightedChange",
|
|
171
|
-
}),
|
|
168
|
+
return t = g.call.apply(g, [this].concat(r)), u(D(t), "today", new Date((/* @__PURE__ */ new Date()).setHours(0, 0, 0, 0))), u(D(t), "handleMouseLeave", function() {
|
|
169
|
+
var o = t.asProps.highlighted;
|
|
170
|
+
k(D(t), "onHighlightedChange", o.length ? [o[0]] : []);
|
|
171
|
+
}), u(D(t), "formatter", J), t;
|
|
172
172
|
}
|
|
173
173
|
return O(a, [{
|
|
174
174
|
key: "createUnit",
|
|
175
175
|
value: function(e, r) {
|
|
176
|
-
var n = this,
|
|
177
|
-
return
|
|
178
|
-
date: J(
|
|
179
|
-
dateKey: this.formatter(
|
|
176
|
+
var n = this, o = e.date, d = ne(e, ce), i = this, l = this.asProps, c = l.disabled, s = l.value, y = l.compare, S = l.highlighted, b = l.compareHighlighted, C = l.locale, m = q(o, r, S ?? []), $ = q(o, r, b ?? []), M = Q(o, r, s ?? []), L = Q(o, r, y ?? []), K = c.some(de(o, r));
|
|
177
|
+
return v({
|
|
178
|
+
date: J(o, C),
|
|
179
|
+
dateKey: this.formatter(o, C),
|
|
180
180
|
children: "",
|
|
181
181
|
role: "gridcell",
|
|
182
182
|
startSelected: M.startSelected,
|
|
183
183
|
endSelected: M.endSelected,
|
|
184
184
|
selected: M.selected,
|
|
185
|
-
highlighted:
|
|
186
|
-
startHighlighted:
|
|
187
|
-
endHighlighted:
|
|
185
|
+
highlighted: m.highlighted,
|
|
186
|
+
startHighlighted: m.startHighlighted,
|
|
187
|
+
endHighlighted: m.endHighlighted,
|
|
188
188
|
compareHighlighted: $.highlighted || L.selected,
|
|
189
189
|
compareStartHighlighted: $.startHighlighted,
|
|
190
190
|
compareEndHighlighted: $.endHighlighted,
|
|
@@ -192,31 +192,31 @@ var A = /* @__PURE__ */ function(o) {
|
|
|
192
192
|
compareEnd: L.endSelected,
|
|
193
193
|
"aria-selected": M.selected,
|
|
194
194
|
"aria-disabled": K,
|
|
195
|
-
"aria-current":
|
|
195
|
+
"aria-current": m.highlighted ? "date" : void 0,
|
|
196
196
|
disabled: K,
|
|
197
|
-
today:
|
|
197
|
+
today: o.isSame(i.today, r),
|
|
198
198
|
onClick: function() {
|
|
199
|
-
var U = n.asProps, W = U.range, x = U.highlighted,
|
|
200
|
-
x.length === 1 ?
|
|
199
|
+
var U = n.asProps, W = U.range, x = U.highlighted, p = [o.valueOf()];
|
|
200
|
+
x.length === 1 ? p = [x[0], o.valueOf()] : x.length >= 2 && (p = []), W === "compare" ? k(n, "onCompareHighlightedChange", p) : k(n, "onHighlightedChange", p), k(n, "onChange", o.toDate());
|
|
201
201
|
},
|
|
202
202
|
onMouseEnter: function() {
|
|
203
|
-
var U = n.asProps, W = U.range, x = U.highlighted,
|
|
204
|
-
if (x[0] || (
|
|
205
|
-
var ie = x[0] || (
|
|
203
|
+
var U = n.asProps, W = U.range, x = U.highlighted, p = W === "compare" ? n.asProps.compare : n.asProps.value;
|
|
204
|
+
if (x[0] || (p ?? []).length === 1) {
|
|
205
|
+
var ie = x[0] || (p ?? [])[0], N = [ie.valueOf(), o.valueOf()];
|
|
206
206
|
W === "compare" ? k(n, "onCompareHighlightedChange", N) : k(n, "onHighlightedChange", N);
|
|
207
207
|
}
|
|
208
208
|
}
|
|
209
|
-
},
|
|
209
|
+
}, d);
|
|
210
210
|
}
|
|
211
211
|
}, {
|
|
212
212
|
key: "getUnitProps",
|
|
213
213
|
value: function(e, r) {
|
|
214
|
-
var n = e.dateKey,
|
|
214
|
+
var n = e.dateKey, o = 7, d = this.asProps.unitRefs;
|
|
215
215
|
return {
|
|
216
|
-
"aria-colindex": r %
|
|
217
|
-
"aria-rowindex": Math.floor(r /
|
|
216
|
+
"aria-colindex": r % o + 1,
|
|
217
|
+
"aria-rowindex": Math.floor(r / o) + 1,
|
|
218
218
|
ref: function(l) {
|
|
219
|
-
n && (
|
|
219
|
+
n && (d[n] = l);
|
|
220
220
|
}
|
|
221
221
|
};
|
|
222
222
|
}
|
|
@@ -231,30 +231,30 @@ var A = /* @__PURE__ */ function(o) {
|
|
|
231
231
|
}, {
|
|
232
232
|
key: "describeValue",
|
|
233
233
|
value: function() {
|
|
234
|
-
var e = this, r = this.asProps, n = r.locale,
|
|
235
|
-
if (!
|
|
234
|
+
var e = this, r = this.asProps, n = r.locale, o = r.getI18nText, d = r.actionsDescribing, i = this.asProps.value || [], l = this.asProps.compare || [];
|
|
235
|
+
if (!d) return null;
|
|
236
236
|
var c = function(S, b) {
|
|
237
|
-
return
|
|
237
|
+
return o(S, b ? {
|
|
238
238
|
date: e.formatter(b, n)
|
|
239
239
|
} : void 0);
|
|
240
240
|
}, s = "";
|
|
241
|
-
return i.length === 1 || l.length === 1 ? s += c("selectingStarted") + ". " : (i.length === 2 || l.length === 2) && (s += c("selectingFinished") + ". "),
|
|
241
|
+
return i.length === 1 || l.length === 1 ? s += c("selectingStarted") + ". " : (i.length === 2 || l.length === 2) && (s += c("selectingFinished") + ". "), d === "range" ? ((i[0] || i[1]) && (s += c("dateRange") + " "), i[0] && (s += c("fromDate", i[0]) + ", "), i[1] && (s += c("toDate", i[1]) + ". ")) : d === "range-compare" && (l.length === 1 ? (s += c("dateRange2") + " ", l[0] && (s += c("fromDate", i[0]) + ", "), l[1] && (s += c("toDate", i[1]) + ". ")) : ((i[0] || i[1]) && (s += c("dateRange1") + " "), i[0] && (s += c("fromDate", i[0]) + ", "), i[1] && (s += c("toDate", i[1]) + ". "), l.length > 0 && (s += c("dateRange2") + " ", l[0] && (s += c("fromDate", l[0]) + ", "), l[1] && (s += c("toDate", l[1]) + ". ")))), s;
|
|
242
242
|
}
|
|
243
243
|
}]), a;
|
|
244
244
|
}(X);
|
|
245
|
-
|
|
246
|
-
function F(
|
|
247
|
-
var g = arguments[0], a, t =
|
|
248
|
-
return a = H(t), /* @__PURE__ */
|
|
249
|
-
"use:disabled":
|
|
245
|
+
u(A, "style", ee);
|
|
246
|
+
function F(_) {
|
|
247
|
+
var g = arguments[0], a, t = _.styles, e = _.date, r = _.long, n = _.outdated, o = _.disabled, d = _.highlighted, i = E;
|
|
248
|
+
return a = H(t), /* @__PURE__ */ h.createElement(i, a.cn("SCalendarUnit", v({}, w({
|
|
249
|
+
"use:disabled": o || n || !e,
|
|
250
250
|
"aria-hidden": !e,
|
|
251
251
|
"aria-label": r || e,
|
|
252
|
-
"use:tabIndex":
|
|
252
|
+
"use:tabIndex": d ? 0 : -1
|
|
253
253
|
}, g))));
|
|
254
254
|
}
|
|
255
255
|
F.enhance = [ge()];
|
|
256
|
-
var j = /* @__PURE__ */ function(
|
|
257
|
-
B(a,
|
|
256
|
+
var j = /* @__PURE__ */ function(_) {
|
|
257
|
+
B(a, _);
|
|
258
258
|
var g = I(a);
|
|
259
259
|
function a() {
|
|
260
260
|
return R(this, a), g.apply(this, arguments);
|
|
@@ -262,28 +262,28 @@ var j = /* @__PURE__ */ function(o) {
|
|
|
262
262
|
return O(a, [{
|
|
263
263
|
key: "getDaysByMonth",
|
|
264
264
|
value: function() {
|
|
265
|
-
var e = this, r = this.asProps, n = r.displayedPeriod,
|
|
266
|
-
var
|
|
265
|
+
var e = this, r = this.asProps, n = r.displayedPeriod, o = r.renderOutdated, d = r.locale, i = f(n).startOf("month"), l = i.subtract(1, "month"), c = i.add(1, "month"), s = i.locale(d, re(d)).startOf("week").get("d") ? (i.get("d") || 7) - 1 : i.get("d"), y = s ? P(l.daysInMonth(), function(C) {
|
|
266
|
+
var m = e.createUnit({
|
|
267
267
|
date: l,
|
|
268
268
|
outdated: !0,
|
|
269
269
|
i: C
|
|
270
270
|
}, "date");
|
|
271
|
-
return
|
|
271
|
+
return m.children = String(l.get("date")), l = l.add(1, "day"), m;
|
|
272
272
|
}).slice(-s) : [], S = P(i.daysInMonth(), function(C) {
|
|
273
|
-
var
|
|
273
|
+
var m = e.createUnit({
|
|
274
274
|
date: i,
|
|
275
275
|
i: C
|
|
276
276
|
}, "date");
|
|
277
|
-
return
|
|
277
|
+
return m.children = String(i.get("date")), i = i.add(1, "day"), m;
|
|
278
278
|
}), b = P(42 - y.length - S.length, function(C) {
|
|
279
|
-
var
|
|
279
|
+
var m = e.createUnit({
|
|
280
280
|
date: c,
|
|
281
281
|
outdated: !0,
|
|
282
282
|
i: C
|
|
283
283
|
}, "date");
|
|
284
|
-
return
|
|
284
|
+
return m.children = String(c.get("date")), c = c.add(1, "day"), m;
|
|
285
285
|
});
|
|
286
|
-
return
|
|
286
|
+
return o || (y = y.map(function() {
|
|
287
287
|
return {
|
|
288
288
|
disabled: !0,
|
|
289
289
|
children: ""
|
|
@@ -300,24 +300,24 @@ var j = /* @__PURE__ */ function(o) {
|
|
|
300
300
|
}, {
|
|
301
301
|
key: "render",
|
|
302
302
|
value: function() {
|
|
303
|
-
var e = this.asProps, r, n = E,
|
|
304
|
-
return r = H(l), /* @__PURE__ */
|
|
303
|
+
var e = this.asProps, r, n = E, o = "div", d = this.asProps, i = d.Children, l = d.styles, c = d.locale, s = this.describeValue();
|
|
304
|
+
return r = H(l), /* @__PURE__ */ h.createElement(n, r.cn("SCalendar", v({}, w(v({}, this.getRootProps()), e))), /* @__PURE__ */ h.createElement(te, r.cn("CalendarWeekDays", {
|
|
305
305
|
locale: c,
|
|
306
306
|
role: "row"
|
|
307
|
-
})), /* @__PURE__ */
|
|
307
|
+
})), /* @__PURE__ */ h.createElement(o, r.cn("SGridDays", {
|
|
308
308
|
onMouseLeave: this.handleMouseLeave,
|
|
309
309
|
role: "row"
|
|
310
|
-
}), /* @__PURE__ */
|
|
310
|
+
}), /* @__PURE__ */ h.createElement(i, r.cn("Children", {}))), /* @__PURE__ */ h.createElement(Z, r.cn("ScreenReaderOnly", {
|
|
311
311
|
role: "row"
|
|
312
|
-
}), /* @__PURE__ */
|
|
312
|
+
}), /* @__PURE__ */ h.createElement("span", r.cn("span", {
|
|
313
313
|
"aria-live": "polite",
|
|
314
314
|
role: "gridcell"
|
|
315
315
|
}), s)));
|
|
316
316
|
}
|
|
317
317
|
}]), a;
|
|
318
318
|
}(A);
|
|
319
|
-
|
|
320
|
-
|
|
319
|
+
u(j, "displayName", "CalendarDays");
|
|
320
|
+
u(j, "defaultProps", {
|
|
321
321
|
displayedPeriod: new Date((/* @__PURE__ */ new Date()).setHours(0, 0, 0, 0)),
|
|
322
322
|
disabled: [],
|
|
323
323
|
value: [],
|
|
@@ -325,36 +325,36 @@ h(j, "defaultProps", {
|
|
|
325
325
|
children: function(g) {
|
|
326
326
|
var a = g.days;
|
|
327
327
|
return a.map(function(t, e) {
|
|
328
|
-
return /* @__PURE__ */
|
|
328
|
+
return /* @__PURE__ */ h.createElement(he.Unit, Y({
|
|
329
329
|
key: e
|
|
330
330
|
}, t));
|
|
331
331
|
});
|
|
332
332
|
}
|
|
333
333
|
});
|
|
334
|
-
var V = /* @__PURE__ */ function(
|
|
335
|
-
B(a,
|
|
334
|
+
var V = /* @__PURE__ */ function(_) {
|
|
335
|
+
B(a, _);
|
|
336
336
|
var g = I(a);
|
|
337
337
|
function a() {
|
|
338
338
|
var t;
|
|
339
339
|
R(this, a);
|
|
340
340
|
for (var e = arguments.length, r = new Array(e), n = 0; n < e; n++)
|
|
341
341
|
r[n] = arguments[n];
|
|
342
|
-
return t = g.call.apply(g, [this].concat(r)),
|
|
342
|
+
return t = g.call.apply(g, [this].concat(r)), u(D(t), "formatter", le), t;
|
|
343
343
|
}
|
|
344
344
|
return O(a, [{
|
|
345
345
|
key: "getMonthsByYear",
|
|
346
346
|
value: function() {
|
|
347
|
-
var e = this, r = this.asProps, n = r.displayedPeriod,
|
|
347
|
+
var e = this, r = this.asProps, n = r.displayedPeriod, o = r.locale, d = f(n).startOf("year");
|
|
348
348
|
return P(12, function() {
|
|
349
349
|
var i = e.createUnit({
|
|
350
|
-
date:
|
|
350
|
+
date: d
|
|
351
351
|
}, "month");
|
|
352
|
-
return i.children = new Intl.DateTimeFormat(
|
|
352
|
+
return i.children = new Intl.DateTimeFormat(o, {
|
|
353
353
|
month: "short"
|
|
354
|
-
}).format(
|
|
354
|
+
}).format(d.valueOf()), i.long = new Intl.DateTimeFormat(o, {
|
|
355
355
|
month: "long",
|
|
356
356
|
year: "numeric"
|
|
357
|
-
}).format(
|
|
357
|
+
}).format(d.valueOf()), d = d.add(1, "month"), i;
|
|
358
358
|
});
|
|
359
359
|
}
|
|
360
360
|
}, {
|
|
@@ -367,26 +367,26 @@ var V = /* @__PURE__ */ function(o) {
|
|
|
367
367
|
}, {
|
|
368
368
|
key: "render",
|
|
369
369
|
value: function() {
|
|
370
|
-
var e = this.asProps, r, n = E,
|
|
371
|
-
return r = H(l), /* @__PURE__ */
|
|
370
|
+
var e = this.asProps, r, n = E, o = "div", d = this.asProps, i = d.Children, l = d.styles, c = this.describeValue();
|
|
371
|
+
return r = H(l), /* @__PURE__ */ h.createElement(n, r.cn("SCalendar", v({}, w(v({}, this.getRootProps()), e))), /* @__PURE__ */ h.createElement(o, r.cn("SGridMonths", {
|
|
372
372
|
onMouseLeave: this.handleMouseLeave,
|
|
373
373
|
role: "row"
|
|
374
|
-
}), /* @__PURE__ */
|
|
374
|
+
}), /* @__PURE__ */ h.createElement(i, r.cn("Children", {}))), /* @__PURE__ */ h.createElement(Z, r.cn("ScreenReaderOnly", {
|
|
375
375
|
role: "row"
|
|
376
|
-
}), /* @__PURE__ */
|
|
376
|
+
}), /* @__PURE__ */ h.createElement("span", r.cn("span", {
|
|
377
377
|
"aria-live": "polite",
|
|
378
378
|
role: "gridcell"
|
|
379
379
|
}), c)));
|
|
380
380
|
}
|
|
381
381
|
}]), a;
|
|
382
382
|
}(A);
|
|
383
|
-
|
|
384
|
-
|
|
383
|
+
u(V, "displayName", "CalendarMonths");
|
|
384
|
+
u(V, "defaultProps", {
|
|
385
385
|
locale: "en",
|
|
386
386
|
children: function(g) {
|
|
387
387
|
var a = g.months;
|
|
388
388
|
return a.map(function(t, e) {
|
|
389
|
-
return /* @__PURE__ */
|
|
389
|
+
return /* @__PURE__ */ h.createElement(me.Unit, Y({
|
|
390
390
|
key: e
|
|
391
391
|
}, t));
|
|
392
392
|
});
|
|
@@ -394,14 +394,14 @@ h(V, "defaultProps", {
|
|
|
394
394
|
});
|
|
395
395
|
var te = z(G, {
|
|
396
396
|
Unit: se
|
|
397
|
-
}),
|
|
397
|
+
}), he = z(j, {
|
|
398
398
|
Unit: F
|
|
399
|
-
}),
|
|
399
|
+
}), me = z(V, {
|
|
400
400
|
Unit: F
|
|
401
401
|
});
|
|
402
402
|
export {
|
|
403
|
-
|
|
404
|
-
|
|
403
|
+
he as CalendarDays,
|
|
404
|
+
me as CalendarMonths,
|
|
405
405
|
F as CalendarUnit,
|
|
406
406
|
te as CalendarWeekDays
|
|
407
407
|
};
|