@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,139 +1,139 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
import
|
|
1
|
+
import G from "@babel/runtime/helpers/esm/classCallCheck";
|
|
2
|
+
import U from "@babel/runtime/helpers/esm/createClass";
|
|
3
|
+
import u from "@babel/runtime/helpers/esm/assertThisInitialized";
|
|
4
4
|
import J from "@babel/runtime/helpers/esm/inherits";
|
|
5
5
|
import Q from "@babel/runtime/helpers/esm/createSuper";
|
|
6
6
|
import g from "@babel/runtime/helpers/esm/defineProperty";
|
|
7
|
-
import
|
|
7
|
+
import T from "@babel/runtime/helpers/esm/slicedToArray";
|
|
8
8
|
import { sstyled as W } from "@semcore/utils/lib/core/index";
|
|
9
|
-
import { CORE_INSTANCE as
|
|
9
|
+
import { CORE_INSTANCE as M, sstyled as X, assignProps as E, Component as Z } from "@semcore/core";
|
|
10
10
|
import r from "react";
|
|
11
|
-
import
|
|
12
|
-
import
|
|
13
|
-
import { Flex as
|
|
14
|
-
import
|
|
11
|
+
import h from "dayjs";
|
|
12
|
+
import N from "@semcore/button";
|
|
13
|
+
import { Flex as S, Box as A } from "@semcore/flex-box";
|
|
14
|
+
import z from "@semcore/divider";
|
|
15
15
|
import ee from "@semcore/dropdown";
|
|
16
16
|
import ae from "@semcore/utils/lib/enhances/i18nEnhance";
|
|
17
|
-
import { localizedMessages as
|
|
17
|
+
import { localizedMessages as F } from "../translations/__intergalactic-dynamic-locales.mjs";
|
|
18
18
|
import { includesDate as te } from "../utils/includesDate.mjs";
|
|
19
19
|
import { formatMMYY as re, formatDDMMYY as _e } from "../utils/formatDate.mjs";
|
|
20
20
|
var ie = (
|
|
21
21
|
/*__reshadow_css_start__*/
|
|
22
22
|
(W.insert(
|
|
23
23
|
/*__inner_css_start__*/
|
|
24
|
-
".
|
|
25
|
-
"
|
|
24
|
+
".___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}}",
|
|
25
|
+
"182qj_gg_"
|
|
26
26
|
), {
|
|
27
|
-
__SHeader: "
|
|
28
|
-
__STitle: "
|
|
29
|
-
__SToday: "
|
|
30
|
-
__SPeriod: "
|
|
31
|
-
__SButton: "
|
|
32
|
-
__SInner: "
|
|
33
|
-
__SInputMask: "
|
|
34
|
-
_animationsDisabled: "
|
|
35
|
-
__SValue: "
|
|
36
|
-
__SIndicator: "
|
|
37
|
-
__SRangeIndicator: "
|
|
38
|
-
_range_value: "
|
|
39
|
-
_range_compare: "
|
|
40
|
-
_disabled: "
|
|
41
|
-
__SHumanizedDate: "
|
|
42
|
-
__SMask: "
|
|
43
|
-
__SSingleDateInput: "
|
|
44
|
-
__SDateRange: "
|
|
45
|
-
_noHumanizedDate: "
|
|
46
|
-
__SRangeSep: "
|
|
47
|
-
_fulfilled: "
|
|
48
|
-
__SRangeComparatorHeader: "
|
|
49
|
-
__SRangeCalendar: "
|
|
50
|
-
__SFooter: "
|
|
51
|
-
__SPeriodsList: "
|
|
52
|
-
__STooltip: "
|
|
53
|
-
__SCompareToggle: "
|
|
54
|
-
__SPopper: "
|
|
27
|
+
__SHeader: "___SHeader_182qj_gg_",
|
|
28
|
+
__STitle: "___STitle_182qj_gg_",
|
|
29
|
+
__SToday: "___SToday_182qj_gg_",
|
|
30
|
+
__SPeriod: "___SPeriod_182qj_gg_",
|
|
31
|
+
__SButton: "___SButton_182qj_gg_",
|
|
32
|
+
__SInner: "___SInner_182qj_gg_",
|
|
33
|
+
__SInputMask: "___SInputMask_182qj_gg_",
|
|
34
|
+
_animationsDisabled: "__animationsDisabled_182qj_gg_",
|
|
35
|
+
__SValue: "___SValue_182qj_gg_",
|
|
36
|
+
__SIndicator: "___SIndicator_182qj_gg_",
|
|
37
|
+
__SRangeIndicator: "___SRangeIndicator_182qj_gg_",
|
|
38
|
+
_range_value: "_range_value_182qj_gg_",
|
|
39
|
+
_range_compare: "_range_compare_182qj_gg_",
|
|
40
|
+
_disabled: "__disabled_182qj_gg_",
|
|
41
|
+
__SHumanizedDate: "___SHumanizedDate_182qj_gg_",
|
|
42
|
+
__SMask: "___SMask_182qj_gg_",
|
|
43
|
+
__SSingleDateInput: "___SSingleDateInput_182qj_gg_",
|
|
44
|
+
__SDateRange: "___SDateRange_182qj_gg_",
|
|
45
|
+
_noHumanizedDate: "__noHumanizedDate_182qj_gg_",
|
|
46
|
+
__SRangeSep: "___SRangeSep_182qj_gg_",
|
|
47
|
+
_fulfilled: "__fulfilled_182qj_gg_",
|
|
48
|
+
__SRangeComparatorHeader: "___SRangeComparatorHeader_182qj_gg_",
|
|
49
|
+
__SRangeCalendar: "___SRangeCalendar_182qj_gg_",
|
|
50
|
+
__SFooter: "___SFooter_182qj_gg_",
|
|
51
|
+
__SPeriodsList: "___SPeriodsList_182qj_gg_",
|
|
52
|
+
__STooltip: "___STooltip_182qj_gg_",
|
|
53
|
+
__SCompareToggle: "___SCompareToggle_182qj_gg_",
|
|
54
|
+
__SPopper: "___SPopper_182qj_gg_"
|
|
55
55
|
})
|
|
56
56
|
), ne = ["INPUT"], le = ["ArrowDown", "Enter", " "], oe = new Date((/* @__PURE__ */ new Date()).setHours(0, 0, 0, 0));
|
|
57
|
-
function
|
|
58
|
-
if (!Array.isArray(
|
|
59
|
-
var
|
|
57
|
+
function D(c) {
|
|
58
|
+
if (!Array.isArray(c)) return null;
|
|
59
|
+
var p = T(c, 2), s = p[0], a = p[1], e = a === void 0 ? s : a;
|
|
60
60
|
return e;
|
|
61
61
|
}
|
|
62
|
-
var
|
|
63
|
-
J(s,
|
|
64
|
-
var
|
|
62
|
+
var q = /* @__PURE__ */ function(c) {
|
|
63
|
+
J(s, c);
|
|
64
|
+
var p = Q(s);
|
|
65
65
|
function s() {
|
|
66
66
|
var a;
|
|
67
|
-
|
|
67
|
+
G(this, s);
|
|
68
68
|
for (var e = arguments.length, i = new Array(e), n = 0; n < e; n++)
|
|
69
69
|
i[n] = arguments[n];
|
|
70
|
-
return a =
|
|
71
|
-
var _ = a.asProps.displayedPeriod, l = t >= 1 ? "add" : "subtract", o =
|
|
70
|
+
return a = p.call.apply(p, [this].concat(i)), g(u(a), "popperRef", /* @__PURE__ */ r.createRef()), g(u(a), "unitRefs", {}), g(u(a), "navigateStep", void 0), g(u(a), "keyDiff", void 0), g(u(a), "keyStep", void 0), g(u(a), "navigateView", function(t) {
|
|
71
|
+
var _ = a.asProps.displayedPeriod, l = t >= 1 ? "add" : "subtract", o = h(_)[l](1, a.navigateStep).toDate();
|
|
72
72
|
a.handlers.displayedPeriod(o);
|
|
73
|
-
}), g(
|
|
73
|
+
}), g(u(a), "bindHandlerNavigateClick", function(t) {
|
|
74
74
|
return function() {
|
|
75
75
|
return a.navigateView(t);
|
|
76
76
|
};
|
|
77
|
-
}), g(
|
|
77
|
+
}), g(u(a), "handlerKeyDown", function(t) {
|
|
78
78
|
return function(_) {
|
|
79
|
-
var l = a.asProps, o = l.displayedPeriod,
|
|
80
|
-
t === "trigger" && le.includes(
|
|
81
|
-
var
|
|
82
|
-
|
|
79
|
+
var l = a.asProps, o = l.displayedPeriod, d = l.highlighted, m = l.preselectedValue, x = l.visible, P = _.key;
|
|
80
|
+
t === "trigger" && le.includes(P) && (_.stopPropagation(), a.handlers.visible(!x), setTimeout(function() {
|
|
81
|
+
var k = a.popperRef.current;
|
|
82
|
+
k && k.focus();
|
|
83
83
|
}, 0));
|
|
84
|
-
var
|
|
85
|
-
var
|
|
86
|
-
a.navigateStep === "month" && (
|
|
87
|
-
var
|
|
88
|
-
return
|
|
84
|
+
var y = a.keyDiff[P], Y = function($) {
|
|
85
|
+
var V = T($, 2), O = V[0], L = V[1], v = L || O, I = o == null ? void 0 : o.getDate(), C = v == null ? void 0 : v.getDate();
|
|
86
|
+
a.navigateStep === "month" && (I = o == null ? void 0 : o.getMonth(), C = v == null ? void 0 : v.getMonth()), a.navigateStep === "year" && (I = o == null ? void 0 : o.getYear(), C = v == null ? void 0 : v.getYear());
|
|
87
|
+
var H = C - I;
|
|
88
|
+
return H < 0 || H > 1 ? v : o;
|
|
89
89
|
};
|
|
90
90
|
if (t === "popper" && _.key === "Enter" && (_.metaKey || _.ctrlKey))
|
|
91
91
|
return a.handleApplyClick();
|
|
92
|
-
if (t === "popper" && _.key === " " &&
|
|
93
|
-
var
|
|
94
|
-
a.isDisabled(
|
|
92
|
+
if (t === "popper" && _.key === " " && d.length) {
|
|
93
|
+
var R = d[1] || d[0];
|
|
94
|
+
a.isDisabled(R) || a.handleChange(R), _.preventDefault();
|
|
95
95
|
}
|
|
96
|
-
var
|
|
97
|
-
if (
|
|
96
|
+
var j = void 0;
|
|
97
|
+
if (y) {
|
|
98
98
|
if (ne.includes(_.target.tagName)) return;
|
|
99
|
-
if (
|
|
100
|
-
var
|
|
101
|
-
|
|
99
|
+
if (d.length) {
|
|
100
|
+
var f;
|
|
101
|
+
m.length === 1 ? (f = [m[0], h(d[1] || d[0]).add(y, a.keyStep).toDate()], j = f[1]) : (f = [h(d[0]).add(y, a.keyStep).toDate()], j = f[0]), a.handlers.highlighted(f), a.handlers.displayedPeriod(Y(f));
|
|
102
102
|
} else {
|
|
103
|
-
var
|
|
104
|
-
a.handlers.highlighted(
|
|
103
|
+
var w = [o || h().toDate()];
|
|
104
|
+
a.handlers.highlighted(w), j = w[0];
|
|
105
105
|
}
|
|
106
|
-
if (_.preventDefault(),
|
|
107
|
-
var
|
|
108
|
-
(
|
|
106
|
+
if (_.preventDefault(), j) {
|
|
107
|
+
var b, K = a.keyStep === "month" ? re : _e, B = K(j, a.asProps.locale);
|
|
108
|
+
(b = a.unitRefs[B]) === null || b === void 0 || b.focus();
|
|
109
109
|
}
|
|
110
110
|
}
|
|
111
111
|
};
|
|
112
|
-
}), g(
|
|
113
|
-
var _ =
|
|
114
|
-
a.handleChange([]), a.handlers.value([l,
|
|
115
|
-
}), g(
|
|
112
|
+
}), g(u(a), "handleApply", function(t) {
|
|
113
|
+
var _ = T(t, 2), l = _[0], o = _[1], d = o === void 0 ? l : o;
|
|
114
|
+
a.handleChange([]), a.handlers.value([l, d]), a.handlers.visible(!1);
|
|
115
|
+
}), g(u(a), "handleChange", function(t) {
|
|
116
116
|
var _ = a.asProps.preselectedValue, l = [];
|
|
117
117
|
Array.isArray(t) ? _ = t : _.length ? _.length >= 2 ? (_ = [t], l = [t]) : _[0] > t ? _ = [t, _[0]] : _ = [_[0], t] : (_ = [t], l = [t]), a.handlers.preselectedValue(_), a.handlers.highlighted(l);
|
|
118
|
-
}), g(
|
|
118
|
+
}), g(u(a), "handleApplyClick", function() {
|
|
119
119
|
var t = a.asProps, _ = t.value, l = t.preselectedValue;
|
|
120
120
|
return a.handleApply(l.length ? l : _);
|
|
121
121
|
}), a;
|
|
122
122
|
}
|
|
123
|
-
return
|
|
123
|
+
return U(s, [{
|
|
124
124
|
key: "uncontrolledProps",
|
|
125
125
|
value: function() {
|
|
126
126
|
var e = this;
|
|
127
127
|
return {
|
|
128
128
|
displayedPeriod: null,
|
|
129
129
|
visible: [null, function(i) {
|
|
130
|
-
var n = e.asProps, t = n.value, _ = n.displayedPeriod, l =
|
|
130
|
+
var n = e.asProps, t = n.value, _ = n.displayedPeriod, l = D(t ?? void 0);
|
|
131
131
|
if (i || (e.handlers.highlighted([]), e.handlers.preselectedValue([])), i) {
|
|
132
132
|
if (l && l !== _)
|
|
133
133
|
e.handlers.displayedPeriod(l);
|
|
134
134
|
else if (!l) {
|
|
135
|
-
var o = e.props,
|
|
136
|
-
e.handlers.displayedPeriod(
|
|
135
|
+
var o = e.props, d = o.displayedPeriod, m = o.defaultDisplayedPeriod;
|
|
136
|
+
e.handlers.displayedPeriod(d || m);
|
|
137
137
|
}
|
|
138
138
|
}
|
|
139
139
|
}],
|
|
@@ -142,7 +142,7 @@ var x = /* @__PURE__ */ function(p) {
|
|
|
142
142
|
value: [null, function(i) {
|
|
143
143
|
if (i[0] !== null || i[1] !== null) {
|
|
144
144
|
var n, t;
|
|
145
|
-
e.handlers.displayedPeriod(
|
|
145
|
+
e.handlers.displayedPeriod(D([(n = i[0]) !== null && n !== void 0 ? n : void 0, (t = i[1]) !== null && t !== void 0 ? t : void 0]));
|
|
146
146
|
}
|
|
147
147
|
}]
|
|
148
148
|
};
|
|
@@ -151,7 +151,7 @@ var x = /* @__PURE__ */ function(p) {
|
|
|
151
151
|
key: "isDisabled",
|
|
152
152
|
value: function(e) {
|
|
153
153
|
var i = this.asProps.disabled;
|
|
154
|
-
return i.some(te(
|
|
154
|
+
return i.some(te(h(e), "date"));
|
|
155
155
|
}
|
|
156
156
|
}, {
|
|
157
157
|
key: "getDefaultPeriods",
|
|
@@ -172,32 +172,32 @@ var x = /* @__PURE__ */ function(p) {
|
|
|
172
172
|
}, {
|
|
173
173
|
key: "getPopperProps",
|
|
174
174
|
value: function() {
|
|
175
|
-
var e = this[
|
|
175
|
+
var e = this[M], i = this.asProps, n = i.periods, t = n === void 0 ? this.getDefaultPeriods() : n, _ = i.unclearable, l = /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(e.Apply, null), !_ && /* @__PURE__ */ r.createElement(e.Reset, {
|
|
176
176
|
ml: 2
|
|
177
177
|
}));
|
|
178
178
|
return {
|
|
179
179
|
tabIndex: 0,
|
|
180
180
|
ref: this.popperRef,
|
|
181
181
|
onKeyDown: this.handlerKeyDown("popper"),
|
|
182
|
-
children: /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(
|
|
182
|
+
children: /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(S, null, /* @__PURE__ */ r.createElement(S, null, /* @__PURE__ */ r.createElement(A, {
|
|
183
183
|
mr: 2
|
|
184
|
-
}, /* @__PURE__ */ r.createElement(e.Header, null, /* @__PURE__ */ r.createElement(e.Prev, null), /* @__PURE__ */ r.createElement(e.Title, null)), /* @__PURE__ */ r.createElement(e.Calendar, null)), /* @__PURE__ */ r.createElement(
|
|
184
|
+
}, /* @__PURE__ */ r.createElement(e.Header, null, /* @__PURE__ */ r.createElement(e.Prev, null), /* @__PURE__ */ r.createElement(e.Title, null)), /* @__PURE__ */ r.createElement(e.Calendar, null)), /* @__PURE__ */ r.createElement(A, {
|
|
185
185
|
ml: 2
|
|
186
186
|
}, /* @__PURE__ */ r.createElement(e.Header, null, /* @__PURE__ */ r.createElement(e.Title, {
|
|
187
187
|
"aria-live": void 0
|
|
188
|
-
}), /* @__PURE__ */ r.createElement(e.Next, null)), /* @__PURE__ */ r.createElement(e.Calendar, null))), t.length > 0 && /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(
|
|
188
|
+
}), /* @__PURE__ */ r.createElement(e.Next, null)), /* @__PURE__ */ r.createElement(e.Calendar, null))), t.length > 0 && /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(z, {
|
|
189
189
|
m: "-16px 16px",
|
|
190
190
|
orientation: "vertical",
|
|
191
191
|
h: "auto"
|
|
192
|
-
}), /* @__PURE__ */ r.createElement(
|
|
192
|
+
}), /* @__PURE__ */ r.createElement(S, {
|
|
193
193
|
direction: "column"
|
|
194
|
-
}, /* @__PURE__ */ r.createElement(e.Period, null), /* @__PURE__ */ r.createElement(
|
|
194
|
+
}, /* @__PURE__ */ r.createElement(e.Period, null), /* @__PURE__ */ r.createElement(S, {
|
|
195
195
|
mt: "auto"
|
|
196
|
-
}, l)))), t.length === 0 && /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(
|
|
196
|
+
}, l)))), t.length === 0 && /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(z, {
|
|
197
197
|
m: "16px -16px",
|
|
198
198
|
orientation: "horizontal",
|
|
199
199
|
w: "auto"
|
|
200
|
-
}), /* @__PURE__ */ r.createElement(
|
|
200
|
+
}), /* @__PURE__ */ r.createElement(S, null, /* @__PURE__ */ r.createElement(e.Period, null), /* @__PURE__ */ r.createElement(S, {
|
|
201
201
|
mt: "auto"
|
|
202
202
|
}, l))))
|
|
203
203
|
};
|
|
@@ -205,7 +205,7 @@ var x = /* @__PURE__ */ function(p) {
|
|
|
205
205
|
}, {
|
|
206
206
|
key: "getHeaderProps",
|
|
207
207
|
value: function() {
|
|
208
|
-
var e = this[
|
|
208
|
+
var e = this[M];
|
|
209
209
|
return {
|
|
210
210
|
children: /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(e.Prev, null), /* @__PURE__ */ r.createElement(e.Title, null), /* @__PURE__ */ r.createElement(e.Next, null))
|
|
211
211
|
};
|
|
@@ -218,7 +218,7 @@ var x = /* @__PURE__ */ function(p) {
|
|
|
218
218
|
children: new Intl.DateTimeFormat(t, {
|
|
219
219
|
month: "long",
|
|
220
220
|
year: "numeric"
|
|
221
|
-
}).format(
|
|
221
|
+
}).format(h(_).add(i, this.navigateStep).startOf(this.navigateStep).toDate())
|
|
222
222
|
};
|
|
223
223
|
}
|
|
224
224
|
}, {
|
|
@@ -244,18 +244,18 @@ var x = /* @__PURE__ */ function(p) {
|
|
|
244
244
|
}, {
|
|
245
245
|
key: "getCalendarProps",
|
|
246
246
|
value: function(e, i) {
|
|
247
|
-
var n = this.asProps, t = n.locale, _ = n.displayedPeriod, l = n.disabled, o = n.value,
|
|
247
|
+
var n = this.asProps, t = n.locale, _ = n.displayedPeriod, l = n.disabled, o = n.value, d = n.highlighted, m = n.onHighlightedChange, x = n.onVisibleChange, P = n.preselectedValue, y = n.getI18nText;
|
|
248
248
|
return {
|
|
249
249
|
locale: t,
|
|
250
|
-
displayedPeriod:
|
|
250
|
+
displayedPeriod: h(_).add(i, this.navigateStep).startOf(this.navigateStep).toDate(),
|
|
251
251
|
disabled: l,
|
|
252
|
-
highlighted:
|
|
253
|
-
onHighlightedChange:
|
|
254
|
-
onVisibleChange:
|
|
255
|
-
value:
|
|
252
|
+
highlighted: d,
|
|
253
|
+
onHighlightedChange: m,
|
|
254
|
+
onVisibleChange: x,
|
|
255
|
+
value: P.length ? P : o,
|
|
256
256
|
onChange: this.handleChange,
|
|
257
257
|
unitRefs: this.unitRefs,
|
|
258
|
-
getI18nText:
|
|
258
|
+
getI18nText: y,
|
|
259
259
|
actionsDescribing: i === 0 ? "range" : null,
|
|
260
260
|
tabIndex: i === 0 ? 0 : -1
|
|
261
261
|
};
|
|
@@ -263,7 +263,7 @@ var x = /* @__PURE__ */ function(p) {
|
|
|
263
263
|
}, {
|
|
264
264
|
key: "getPeriodProps",
|
|
265
265
|
value: function() {
|
|
266
|
-
var e = this.asProps, i = e.periods, n = i === void 0 ? this.getDefaultPeriods() : i, t = e.value, _ = e.onHighlightedChange, l = e.onDisplayedPeriodChange, o = e.preselectedValue,
|
|
266
|
+
var e = this.asProps, i = e.periods, n = i === void 0 ? this.getDefaultPeriods() : i, t = e.value, _ = e.onHighlightedChange, l = e.onDisplayedPeriodChange, o = e.preselectedValue, d = e.getI18nText;
|
|
267
267
|
return {
|
|
268
268
|
periods: n,
|
|
269
269
|
value: o.length ? o : t,
|
|
@@ -271,7 +271,7 @@ var x = /* @__PURE__ */ function(p) {
|
|
|
271
271
|
onHighlightedChange: _,
|
|
272
272
|
onDisplayedPeriodChange: l,
|
|
273
273
|
role: "listbox",
|
|
274
|
-
"aria-label":
|
|
274
|
+
"aria-label": d("periods")
|
|
275
275
|
};
|
|
276
276
|
}
|
|
277
277
|
}, {
|
|
@@ -298,7 +298,7 @@ var x = /* @__PURE__ */ function(p) {
|
|
|
298
298
|
key: "render",
|
|
299
299
|
value: function() {
|
|
300
300
|
var e = this.asProps, i, n = this.asProps, t = n.Children, _ = n.styles, l = n["aria-label"];
|
|
301
|
-
return /* @__PURE__ */ r.createElement(r.Fragment, null, (i = X(_), /* @__PURE__ */ r.createElement(ee,
|
|
301
|
+
return /* @__PURE__ */ r.createElement(r.Fragment, null, (i = X(_), /* @__PURE__ */ r.createElement(ee, E({
|
|
302
302
|
"use:aria-label": l,
|
|
303
303
|
__excludeProps: ["onChange", "value"]
|
|
304
304
|
}, e), /* @__PURE__ */ r.createElement(t, i.cn("Children", {})))));
|
|
@@ -308,9 +308,9 @@ var x = /* @__PURE__ */ function(p) {
|
|
|
308
308
|
value: function(e) {
|
|
309
309
|
var i = e.value, n = e.defaultValue;
|
|
310
310
|
return {
|
|
311
|
-
i18n:
|
|
311
|
+
i18n: F,
|
|
312
312
|
locale: "en",
|
|
313
|
-
defaultDisplayedPeriod:
|
|
313
|
+
defaultDisplayedPeriod: D(i) || D(n) || oe,
|
|
314
314
|
defaultValue: [],
|
|
315
315
|
defaultHighlighted: [],
|
|
316
316
|
defaultVisible: !1,
|
|
@@ -321,32 +321,32 @@ var x = /* @__PURE__ */ function(p) {
|
|
|
321
321
|
}
|
|
322
322
|
}]), s;
|
|
323
323
|
}(Z);
|
|
324
|
-
g(
|
|
325
|
-
g(
|
|
326
|
-
g(
|
|
327
|
-
g(
|
|
328
|
-
return
|
|
324
|
+
g(q, "displayName", "DatePicker");
|
|
325
|
+
g(q, "style", ie);
|
|
326
|
+
g(q, "enhance", [ae(F)]);
|
|
327
|
+
g(q, "add", function(c, p, s) {
|
|
328
|
+
return h(c).add(p, s).toDate();
|
|
329
329
|
});
|
|
330
|
-
g(
|
|
331
|
-
return
|
|
330
|
+
g(q, "subtract", function(c, p, s) {
|
|
331
|
+
return h(c).subtract(p, s).toDate();
|
|
332
332
|
});
|
|
333
|
-
function
|
|
334
|
-
var
|
|
335
|
-
return /* @__PURE__ */ r.createElement(
|
|
333
|
+
function Ie(c) {
|
|
334
|
+
var p = arguments[0], s = c.getI18nText;
|
|
335
|
+
return /* @__PURE__ */ r.createElement(N, E({
|
|
336
336
|
use: "primary",
|
|
337
337
|
children: s("apply")
|
|
338
|
-
},
|
|
338
|
+
}, p));
|
|
339
339
|
}
|
|
340
|
-
function
|
|
341
|
-
var
|
|
342
|
-
return /* @__PURE__ */ r.createElement(
|
|
340
|
+
function Ce(c) {
|
|
341
|
+
var p = arguments[0], s = c.getI18nText;
|
|
342
|
+
return /* @__PURE__ */ r.createElement(N, E({
|
|
343
343
|
use: "tertiary",
|
|
344
344
|
theme: "muted",
|
|
345
345
|
children: s("reset")
|
|
346
|
-
},
|
|
346
|
+
}, p));
|
|
347
347
|
}
|
|
348
348
|
export {
|
|
349
|
-
|
|
350
|
-
|
|
351
|
-
|
|
349
|
+
Ie as Apply,
|
|
350
|
+
Ce as Reset,
|
|
351
|
+
q as default
|
|
352
352
|
};
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@semcore/date-picker",
|
|
3
3
|
"description": "Semrush DatePicker Component",
|
|
4
|
-
"version": "4.
|
|
4
|
+
"version": "4.57.0",
|
|
5
5
|
"main": "lib/cjs/index.js",
|
|
6
6
|
"module": "lib/es6/index.js",
|
|
7
7
|
"typings": "lib/types/index.d.ts",
|
|
@@ -15,16 +15,16 @@
|
|
|
15
15
|
},
|
|
16
16
|
"dependencies": {
|
|
17
17
|
"@semcore/utils": "4.48.2",
|
|
18
|
-
"@semcore/base-trigger": "4.
|
|
18
|
+
"@semcore/base-trigger": "4.53.0",
|
|
19
19
|
"@semcore/button": "5.43.1",
|
|
20
20
|
"@semcore/divider": "4.40.2",
|
|
21
21
|
"@semcore/dropdown": "4.43.2",
|
|
22
22
|
"@semcore/flex-box": "5.41.2",
|
|
23
|
-
"@semcore/icon": "4.
|
|
23
|
+
"@semcore/icon": "4.61.0",
|
|
24
24
|
"@semcore/input": "4.42.2",
|
|
25
25
|
"@semcore/input-mask": "5.43.2",
|
|
26
26
|
"@semcore/neighbor-location": "4.40.2",
|
|
27
|
-
"@semcore/typography": "5.
|
|
27
|
+
"@semcore/typography": "5.53.0",
|
|
28
28
|
"@semcore/checkbox": "7.44.2",
|
|
29
29
|
"@semcore/popper": "5.46.2",
|
|
30
30
|
"@semcore/tooltip": "6.49.2",
|