@semcore/date-picker 4.56.1 → 4.57.0
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 +151 -151
- package/lib/esm/components/DateRangeComparatorAbstract.mjs +158 -158
- package/lib/esm/components/InputTrigger.mjs +232 -232
- package/lib/esm/components/PickerAbstract.mjs +89 -89
- package/lib/esm/components/RangePickerAbstract.mjs +124 -124
- package/package.json +4 -4
|
@@ -1,95 +1,95 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
1
|
+
import R from "@babel/runtime/helpers/esm/classCallCheck";
|
|
2
|
+
import T from "@babel/runtime/helpers/esm/createClass";
|
|
3
|
+
import d from "@babel/runtime/helpers/esm/assertThisInitialized";
|
|
4
|
+
import H from "@babel/runtime/helpers/esm/inherits";
|
|
5
|
+
import M from "@babel/runtime/helpers/esm/createSuper";
|
|
6
6
|
import o from "@babel/runtime/helpers/esm/defineProperty";
|
|
7
|
-
import { sstyled as
|
|
8
|
-
import { CORE_INSTANCE as
|
|
7
|
+
import { sstyled as z } from "@semcore/utils/lib/core/index";
|
|
8
|
+
import { CORE_INSTANCE as y, sstyled as E, assignProps as V, Component as N } from "@semcore/core";
|
|
9
9
|
import g from "react";
|
|
10
|
-
import
|
|
11
|
-
import
|
|
12
|
-
import
|
|
13
|
-
import { localizedMessages as
|
|
14
|
-
import { includesDate as
|
|
15
|
-
import { formatMMYY as
|
|
16
|
-
var
|
|
10
|
+
import u from "dayjs";
|
|
11
|
+
import A from "@semcore/dropdown";
|
|
12
|
+
import F from "@semcore/utils/lib/enhances/i18nEnhance";
|
|
13
|
+
import { localizedMessages as b } from "../translations/__intergalactic-dynamic-locales.mjs";
|
|
14
|
+
import { includesDate as Y } from "../utils/includesDate.mjs";
|
|
15
|
+
import { formatMMYY as K, formatDDMMYY as B } from "../utils/formatDate.mjs";
|
|
16
|
+
var L = (
|
|
17
17
|
/*__reshadow_css_start__*/
|
|
18
|
-
(
|
|
18
|
+
(z.insert(
|
|
19
19
|
/*__inner_css_start__*/
|
|
20
|
-
".
|
|
21
|
-
"
|
|
20
|
+
".___SPopper_182qj_gg_{padding:var(--intergalactic-spacing-4x, 16px);outline:0}.___SPopper_182qj_gg_::-moz-focus-inner{border:0;padding:0}.___SPopper_182qj_gg_:active,.___SPopper_182qj_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SPopper_182qj_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SPopper_182qj_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SHeader_182qj_gg_,.___STitle_182qj_gg_{display:flex;align-items:center}.___STitle_182qj_gg_{font-size:var(--intergalactic-fs-200, 14px);color:var(--intergalactic-text-primary, #191b23);height:32px;width:100%;justify-content:center}.___SToday_182qj_gg_{display:flex;margin-top:var(--intergalactic-spacing-3x, 12px);justify-content:center}.___SPeriod_182qj_gg_{display:flex;flex-direction:column;margin-bottom:var(--intergalactic-spacing-2x, 8px)}.___SButton_182qj_gg_ .___SInner_182qj_gg_{justify-content:flex-start}.___SInputMask_182qj_gg_{color:var(--intergalactic-text-primary, #191b23);line-height:normal;padding-right:var(--intergalactic-spacing-2x, 8px);transition:width calc(var(--intergalactic-duration-medium, 300)*1ms) ease,min-width calc(var(--intergalactic-duration-medium, 300)*1ms) ease}.___SInputMask_182qj_gg_.__animationsDisabled_182qj_gg_{transition:none}.___SInputMask_182qj_gg_ .___SValue_182qj_gg_{letter-spacing:0}.___SIndicator_182qj_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}.___SRangeIndicator_182qj_gg_{border-radius:50%;flex-shrink:0}.___SRangeIndicator_182qj_gg_._range_value_182qj_gg_{background-color:var(--intergalactic-date-picker-cell-active, #2bb3ff)}.___SRangeIndicator_182qj_gg_._range_compare_182qj_gg_{background-color:var(--intergalactic-date-picker-cell-comparison-active, #8649e1)}.___SRangeIndicator_182qj_gg_.__disabled_182qj_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3)}.___SHumanizedDate_182qj_gg_{position:absolute;pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.___SMask_182qj_gg_{letter-spacing:0;white-space:nowrap;overflow:hidden}.___SDateRange_182qj_gg_ .___SMask_182qj_gg_,.___SDateRange_182qj_gg_ .___SValue_182qj_gg_,.___SSingleDateInput_182qj_gg_ .___SMask_182qj_gg_,.___SSingleDateInput_182qj_gg_ .___SValue_182qj_gg_{opacity:0}.___SSingleDateInput_182qj_gg_:focus-within .___SHumanizedDate_182qj_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SSingleDateInput_182qj_gg_:focus-within .___SMask_182qj_gg_,.___SSingleDateInput_182qj_gg_:focus-within .___SValue_182qj_gg_{opacity:1}.___SDateRange_182qj_gg_:focus-within .___SHumanizedDate_182qj_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SDateRange_182qj_gg_:focus-within .___SMask_182qj_gg_,.___SDateRange_182qj_gg_:focus-within .___SValue_182qj_gg_{opacity:1}.___SInputMask_182qj_gg_.__noHumanizedDate_182qj_gg_ .___SMask_182qj_gg_,.___SInputMask_182qj_gg_.__noHumanizedDate_182qj_gg_ .___SValue_182qj_gg_{opacity:1}.___SDateRange_182qj_gg_ .___SInputMask_182qj_gg_:focus-within .___SMask_182qj_gg_{background-color:var(--intergalactic-bg-highlight-focus, rgba(0, 143, 248, 0.2))}.___SDateRange_182qj_gg_:focus-within .___SRangeSep_182qj_gg_,.___SRangeSep_182qj_gg_.__fulfilled_182qj_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SRangeComparatorHeader_182qj_gg_{border-bottom:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___SRangeCalendar_182qj_gg_,.___SRangeComparatorHeader_182qj_gg_{padding:var(--intergalactic-spacing-4x, 16px)}.___SFooter_182qj_gg_{border-top:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___SFooter_182qj_gg_,.___SPeriodsList_182qj_gg_{padding:var(--intergalactic-spacing-4x, 16px)}.___STooltip_182qj_gg_{padding:var(--intergalactic-spacing-3x, 12px)}.___SCompareToggle_182qj_gg_{white-space:nowrap}@media (prefers-reduced-motion){.___SInputMask_182qj_gg_{transition:none}}",
|
|
21
|
+
"182qj_gg_"
|
|
22
22
|
), {
|
|
23
|
-
__SHeader: "
|
|
24
|
-
__STitle: "
|
|
25
|
-
__SToday: "
|
|
26
|
-
__SPeriod: "
|
|
27
|
-
__SButton: "
|
|
28
|
-
__SInner: "
|
|
29
|
-
__SInputMask: "
|
|
30
|
-
_animationsDisabled: "
|
|
31
|
-
__SValue: "
|
|
32
|
-
__SIndicator: "
|
|
33
|
-
__SRangeIndicator: "
|
|
34
|
-
_range_value: "
|
|
35
|
-
_range_compare: "
|
|
36
|
-
_disabled: "
|
|
37
|
-
__SHumanizedDate: "
|
|
38
|
-
__SMask: "
|
|
39
|
-
__SSingleDateInput: "
|
|
40
|
-
__SDateRange: "
|
|
41
|
-
_noHumanizedDate: "
|
|
42
|
-
__SRangeSep: "
|
|
43
|
-
_fulfilled: "
|
|
44
|
-
__SRangeComparatorHeader: "
|
|
45
|
-
__SRangeCalendar: "
|
|
46
|
-
__SFooter: "
|
|
47
|
-
__SPeriodsList: "
|
|
48
|
-
__STooltip: "
|
|
49
|
-
__SCompareToggle: "
|
|
50
|
-
__SPopper: "
|
|
23
|
+
__SHeader: "___SHeader_182qj_gg_",
|
|
24
|
+
__STitle: "___STitle_182qj_gg_",
|
|
25
|
+
__SToday: "___SToday_182qj_gg_",
|
|
26
|
+
__SPeriod: "___SPeriod_182qj_gg_",
|
|
27
|
+
__SButton: "___SButton_182qj_gg_",
|
|
28
|
+
__SInner: "___SInner_182qj_gg_",
|
|
29
|
+
__SInputMask: "___SInputMask_182qj_gg_",
|
|
30
|
+
_animationsDisabled: "__animationsDisabled_182qj_gg_",
|
|
31
|
+
__SValue: "___SValue_182qj_gg_",
|
|
32
|
+
__SIndicator: "___SIndicator_182qj_gg_",
|
|
33
|
+
__SRangeIndicator: "___SRangeIndicator_182qj_gg_",
|
|
34
|
+
_range_value: "_range_value_182qj_gg_",
|
|
35
|
+
_range_compare: "_range_compare_182qj_gg_",
|
|
36
|
+
_disabled: "__disabled_182qj_gg_",
|
|
37
|
+
__SHumanizedDate: "___SHumanizedDate_182qj_gg_",
|
|
38
|
+
__SMask: "___SMask_182qj_gg_",
|
|
39
|
+
__SSingleDateInput: "___SSingleDateInput_182qj_gg_",
|
|
40
|
+
__SDateRange: "___SDateRange_182qj_gg_",
|
|
41
|
+
_noHumanizedDate: "__noHumanizedDate_182qj_gg_",
|
|
42
|
+
__SRangeSep: "___SRangeSep_182qj_gg_",
|
|
43
|
+
_fulfilled: "__fulfilled_182qj_gg_",
|
|
44
|
+
__SRangeComparatorHeader: "___SRangeComparatorHeader_182qj_gg_",
|
|
45
|
+
__SRangeCalendar: "___SRangeCalendar_182qj_gg_",
|
|
46
|
+
__SFooter: "___SFooter_182qj_gg_",
|
|
47
|
+
__SPeriodsList: "___SPeriodsList_182qj_gg_",
|
|
48
|
+
__STooltip: "___STooltip_182qj_gg_",
|
|
49
|
+
__SCompareToggle: "___SCompareToggle_182qj_gg_",
|
|
50
|
+
__SPopper: "___SPopper_182qj_gg_"
|
|
51
51
|
})
|
|
52
|
-
),
|
|
53
|
-
|
|
54
|
-
var
|
|
52
|
+
), O = ["INPUT"], G = ["ArrowDown", "Enter", " "], U = new Date((/* @__PURE__ */ new Date()).setHours(0, 0, 0, 0)), f = /* @__PURE__ */ function(v) {
|
|
53
|
+
H(l, v);
|
|
54
|
+
var S = M(l);
|
|
55
55
|
function l() {
|
|
56
56
|
var _;
|
|
57
|
-
|
|
57
|
+
R(this, l);
|
|
58
58
|
for (var e = arguments.length, a = new Array(e), t = 0; t < e; t++)
|
|
59
59
|
a[t] = arguments[t];
|
|
60
|
-
return _ =
|
|
61
|
-
var r = _.asProps.displayedPeriod, n = i >= 1 ? "add" : "subtract",
|
|
62
|
-
_.handlers.displayedPeriod(
|
|
63
|
-
}), o(
|
|
60
|
+
return _ = S.call.apply(S, [this].concat(a)), o(d(_), "popperRef", /* @__PURE__ */ g.createRef()), o(d(_), "unitRefs", {}), o(d(_), "navigateStep", void 0), o(d(_), "keyDiff", void 0), o(d(_), "keyStep", void 0), o(d(_), "navigateView", function(i) {
|
|
61
|
+
var r = _.asProps.displayedPeriod, n = i >= 1 ? "add" : "subtract", p = u(r)[n](1, _.navigateStep).toDate();
|
|
62
|
+
_.handlers.displayedPeriod(p);
|
|
63
|
+
}), o(d(_), "bindHandlerNavigateClick", function(i) {
|
|
64
64
|
return function() {
|
|
65
65
|
_.navigateView(i);
|
|
66
66
|
};
|
|
67
|
-
}), o(
|
|
67
|
+
}), o(d(_), "handlerKeyDown", function(i) {
|
|
68
68
|
return function(r) {
|
|
69
|
-
var n = _.asProps,
|
|
69
|
+
var n = _.asProps, p = n.value, c = n.displayedPeriod, s = n.highlighted;
|
|
70
70
|
n.disabled;
|
|
71
|
-
var
|
|
72
|
-
i === "trigger" &&
|
|
71
|
+
var D = n.visible, k = r.key;
|
|
72
|
+
i === "trigger" && G.includes(k) && (r.stopPropagation(), _.handlers.visible(!D), setTimeout(function() {
|
|
73
73
|
var m = _.popperRef.current;
|
|
74
74
|
m && m.focus();
|
|
75
75
|
}, 0));
|
|
76
|
-
var
|
|
77
|
-
return
|
|
76
|
+
var q = _.keyDiff[r.key], P = function(C) {
|
|
77
|
+
return C.toDate();
|
|
78
78
|
};
|
|
79
|
-
if (i === "popper" && (r.key === " " || r.key === "Enter" &&
|
|
80
|
-
if (
|
|
81
|
-
var
|
|
82
|
-
if (
|
|
83
|
-
var
|
|
84
|
-
_.handlers.highlighted([
|
|
85
|
-
var
|
|
86
|
-
(
|
|
79
|
+
if (i === "popper" && (r.key === " " || r.key === "Enter" && s.length) && (_.isDisabled(s[0]) || _.handlers.value(s[0]), r.preventDefault()), q) {
|
|
80
|
+
if (O.includes(r.target.tagName)) return;
|
|
81
|
+
var x = !s[0] && !p ? u(s[0] || c) : u(c).add(q, _.keyStep), h = P(x) || P(u(s[0] || c));
|
|
82
|
+
if (h) {
|
|
83
|
+
var j;
|
|
84
|
+
_.handlers.highlighted([h]), _.handlers.displayedPeriod(h), r.preventDefault();
|
|
85
|
+
var I = _.keyStep === "month" ? K : B, w = I(h, _.asProps.locale);
|
|
86
|
+
(j = _.unitRefs[w]) === null || j === void 0 || j.focus();
|
|
87
87
|
}
|
|
88
88
|
}
|
|
89
89
|
};
|
|
90
90
|
}), _;
|
|
91
91
|
}
|
|
92
|
-
return
|
|
92
|
+
return T(l, [{
|
|
93
93
|
key: "uncontrolledProps",
|
|
94
94
|
value: function() {
|
|
95
95
|
var e = this;
|
|
@@ -101,8 +101,8 @@ var O = (
|
|
|
101
101
|
if (i && i !== r)
|
|
102
102
|
e.handlers.displayedPeriod(i);
|
|
103
103
|
else if (!i) {
|
|
104
|
-
var n = e.props,
|
|
105
|
-
e.handlers.displayedPeriod(
|
|
104
|
+
var n = e.props, p = n.displayedPeriod, c = n.defaultDisplayedPeriod;
|
|
105
|
+
e.handlers.displayedPeriod(p || c);
|
|
106
106
|
}
|
|
107
107
|
}
|
|
108
108
|
}],
|
|
@@ -116,7 +116,7 @@ var O = (
|
|
|
116
116
|
key: "isDisabled",
|
|
117
117
|
value: function(e) {
|
|
118
118
|
var a = this.asProps.disabled;
|
|
119
|
-
return a.some(
|
|
119
|
+
return a.some(Y(u(e), "date"));
|
|
120
120
|
}
|
|
121
121
|
}, {
|
|
122
122
|
key: "getButtonTriggerProps",
|
|
@@ -132,7 +132,7 @@ var O = (
|
|
|
132
132
|
}, {
|
|
133
133
|
key: "getPopperProps",
|
|
134
134
|
value: function() {
|
|
135
|
-
var e = this[
|
|
135
|
+
var e = this[y];
|
|
136
136
|
return {
|
|
137
137
|
tabIndex: 0,
|
|
138
138
|
ref: this.popperRef,
|
|
@@ -143,7 +143,7 @@ var O = (
|
|
|
143
143
|
}, {
|
|
144
144
|
key: "getHeaderProps",
|
|
145
145
|
value: function() {
|
|
146
|
-
var e = this[
|
|
146
|
+
var e = this[y];
|
|
147
147
|
return {
|
|
148
148
|
children: /* @__PURE__ */ g.createElement(g.Fragment, null, /* @__PURE__ */ g.createElement(e.Prev, null), /* @__PURE__ */ g.createElement(e.Title, null), /* @__PURE__ */ g.createElement(e.Next, null))
|
|
149
149
|
};
|
|
@@ -176,18 +176,18 @@ var O = (
|
|
|
176
176
|
}, {
|
|
177
177
|
key: "getCalendarProps",
|
|
178
178
|
value: function() {
|
|
179
|
-
var e = this.asProps, a = e.locale, t = e.displayedPeriod, i = e.disabled, r = e.value, n = e.highlighted,
|
|
179
|
+
var e = this.asProps, a = e.locale, t = e.displayedPeriod, i = e.disabled, r = e.value, n = e.highlighted, p = e.onVisibleChange, c = e.onChange, s = e.getI18nText;
|
|
180
180
|
return {
|
|
181
181
|
locale: a,
|
|
182
182
|
displayedPeriod: t,
|
|
183
183
|
disabled: i,
|
|
184
|
-
onChange:
|
|
184
|
+
onChange: c,
|
|
185
185
|
highlighted: n,
|
|
186
186
|
value: [r, r],
|
|
187
187
|
renderOutdated: !0,
|
|
188
|
-
onVisibleChange:
|
|
188
|
+
onVisibleChange: p,
|
|
189
189
|
unitRefs: this.unitRefs,
|
|
190
|
-
getI18nText:
|
|
190
|
+
getI18nText: s,
|
|
191
191
|
actionsDescribing: null
|
|
192
192
|
};
|
|
193
193
|
}
|
|
@@ -195,7 +195,7 @@ var O = (
|
|
|
195
195
|
key: "render",
|
|
196
196
|
value: function() {
|
|
197
197
|
var e = this.asProps, a, t = this.asProps, i = t.styles, r = t.Children, n = t["aria-label"];
|
|
198
|
-
return /* @__PURE__ */ g.createElement(g.Fragment, null, (a =
|
|
198
|
+
return /* @__PURE__ */ g.createElement(g.Fragment, null, (a = E(i), /* @__PURE__ */ g.createElement(A, V({
|
|
199
199
|
"use:aria-label": n,
|
|
200
200
|
__excludeProps: ["onChange", "value"]
|
|
201
201
|
}, e), /* @__PURE__ */ g.createElement(r, a.cn("Children", {})))));
|
|
@@ -205,9 +205,9 @@ var O = (
|
|
|
205
205
|
value: function(e) {
|
|
206
206
|
var a = e.value, t = e.defaultValue;
|
|
207
207
|
return {
|
|
208
|
-
i18n:
|
|
208
|
+
i18n: b,
|
|
209
209
|
locale: "en",
|
|
210
|
-
defaultDisplayedPeriod: a || t ||
|
|
210
|
+
defaultDisplayedPeriod: a || t || U,
|
|
211
211
|
defaultValue: null,
|
|
212
212
|
defaultVisible: !1,
|
|
213
213
|
defaultHighlighted: [],
|
|
@@ -216,16 +216,16 @@ var O = (
|
|
|
216
216
|
};
|
|
217
217
|
}
|
|
218
218
|
}]), l;
|
|
219
|
-
}(
|
|
220
|
-
o(
|
|
221
|
-
o(
|
|
222
|
-
o(
|
|
223
|
-
o(
|
|
224
|
-
return
|
|
219
|
+
}(N);
|
|
220
|
+
o(f, "displayName", "DatePicker");
|
|
221
|
+
o(f, "style", L);
|
|
222
|
+
o(f, "enhance", [F(b)]);
|
|
223
|
+
o(f, "add", function(v, S, l) {
|
|
224
|
+
return u(v).add(S, l).toDate();
|
|
225
225
|
});
|
|
226
|
-
o(
|
|
227
|
-
return
|
|
226
|
+
o(f, "subtract", function(v, S, l) {
|
|
227
|
+
return u(v).subtract(S, l).toDate();
|
|
228
228
|
});
|
|
229
229
|
export {
|
|
230
|
-
|
|
230
|
+
f as default
|
|
231
231
|
};
|