@ck-ui/component-library 1.0.16 → 1.0.17
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/dist/CalendarGrid-CsD34cNQ.js +232 -0
- package/dist/{DropdownFooter-CJnM_ECj.js → DropdownFooter-DL--mVls.js} +2 -3
- package/dist/{Grow-wzNsNKt2.js → Grow-gzixxVwK.js} +22 -27
- package/dist/ScrollDropdown-SqirjC7s.js +81 -0
- package/dist/assets/DateRangePicker-DLr3_fJA.css +1 -0
- package/dist/assets/ScrollDropdown-BAUrkqoH.css +1 -0
- package/dist/components/DateRangePicker/Calendar/CalendarGrid.d.ts +4 -0
- package/dist/components/DateRangePicker/Calendar/CalendarGrid.d.ts.map +1 -0
- package/dist/components/DateRangePicker/Calendar/CalendarGrid.js +10 -0
- package/dist/components/DateRangePicker/Calendar/ScrollDropdown.d.ts +4 -0
- package/dist/components/DateRangePicker/Calendar/ScrollDropdown.d.ts.map +1 -0
- package/dist/components/DateRangePicker/Calendar/ScrollDropdown.js +6 -0
- package/dist/components/DateRangePicker/Calendar/calendarGrid.types.d.ts +35 -0
- package/dist/components/DateRangePicker/Calendar/calendarGrid.types.d.ts.map +1 -0
- package/dist/components/DateRangePicker/Calendar/calendarGrid.types.js +1 -0
- package/dist/components/DateRangePicker/Calendar/calendarGrid.util.d.ts +15 -0
- package/dist/components/DateRangePicker/Calendar/calendarGrid.util.d.ts.map +1 -0
- package/dist/components/DateRangePicker/Calendar/calendarGrid.util.js +36 -0
- package/dist/components/DateRangePicker/DateRangePicker.d.ts.map +1 -1
- package/dist/components/DateRangePicker/DateRangePicker.js +216 -6067
- package/dist/components/DateRangePicker/_types/dateRangePicker.types.d.ts +3 -1
- package/dist/components/DateRangePicker/_types/dateRangePicker.types.d.ts.map +1 -1
- package/dist/components/DateRangePicker/{helper → _utils}/util.d.ts.map +1 -1
- package/dist/components/DateRangePicker/constants.d.ts +6 -0
- package/dist/components/DateRangePicker/constants.d.ts.map +1 -1
- package/dist/components/DateRangePicker/constants.js +5 -2
- package/dist/components/SingleSelectDropdown/_helpers/DropdownFooter.js +2 -3
- package/dist/components/SingleSelectDropdown/index.js +11 -12
- package/dist/components/Table/_helpers/TableFilterModal/RangeSelector.js +1 -1
- package/dist/components/TextField/index.js +6940 -690
- package/dist/components/Tooltip/index.js +2 -2
- package/dist/{useSlot-BiMlGawc.js → useSlot-BAOpgsKZ.js} +562 -606
- package/package.json +1 -1
- package/dist/Select-CiuwMSD7.js +0 -6350
- package/dist/assets/DateRangePicker-C72TW2vD.css +0 -1
- /package/dist/components/DateRangePicker/{helper → _utils}/util.d.ts +0 -0
- /package/dist/components/DateRangePicker/{helper → _utils}/util.js +0 -0
|
@@ -0,0 +1,232 @@
|
|
|
1
|
+
import { jsxs as y, jsx as i } from "react/jsx-runtime";
|
|
2
|
+
import * as V from "react";
|
|
3
|
+
import X, { useMemo as Y, useState as O, useEffect as Q } from "react";
|
|
4
|
+
import { MONTHS_SHORT as Z, ALL_MONTHS as oe, DROPDOWN_ITEM_FONT as x, WEEKDAYS as se } from "./components/DateRangePicker/constants.js";
|
|
5
|
+
import { isSameDay as B } from "./components/DateRangePicker/_utils/util.js";
|
|
6
|
+
import { toMonthIndex as u, getYearRange as ie, buildWeeks as le, isDateDisabled as J, isDateInRange as I, isMonthDisabled as ce } from "./components/DateRangePicker/Calendar/calendarGrid.util.js";
|
|
7
|
+
import { s as n, S as D } from "./ScrollDropdown-SqirjC7s.js";
|
|
8
|
+
const ee = (c) => /* @__PURE__ */ V.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 8, height: 5, viewBox: "0 0 8 5", fill: "none", ...c }, /* @__PURE__ */ V.createElement("path", { d: "M0.380156 0.380175L3.87759 3.86768L7.375 0.380176", stroke: "#2B2B2B", strokeWidth: 0.76, strokeLinecap: "round", strokeLinejoin: "round" })), ne = ({
|
|
9
|
+
year: c,
|
|
10
|
+
month: t,
|
|
11
|
+
startDate: M,
|
|
12
|
+
endDate: b,
|
|
13
|
+
hoverDate: d,
|
|
14
|
+
onDateClick: f,
|
|
15
|
+
onDateHover: w,
|
|
16
|
+
minDate: v,
|
|
17
|
+
maxDate: o,
|
|
18
|
+
onMonthChange: A,
|
|
19
|
+
showPrevArrow: a,
|
|
20
|
+
showNextArrow: _,
|
|
21
|
+
activeDropdown: p,
|
|
22
|
+
onDropdownToggle: R,
|
|
23
|
+
panelId: l,
|
|
24
|
+
otherPanelYear: $,
|
|
25
|
+
otherPanelMonth: C
|
|
26
|
+
}) => {
|
|
27
|
+
const P = `${l}-month`, F = `${l}-year`, k = p === P, H = p === F, E = X.useRef(null), T = X.useRef(null);
|
|
28
|
+
Q(() => {
|
|
29
|
+
if (k && E.current) {
|
|
30
|
+
const e = E.current.querySelector(`.${n["dropdown-item--active"]}`);
|
|
31
|
+
e && (E.current.scrollTop = e.offsetTop - E.current.clientHeight / 2 + e.clientHeight / 2);
|
|
32
|
+
}
|
|
33
|
+
}, [k]), Q(() => {
|
|
34
|
+
if (H && T.current) {
|
|
35
|
+
const e = T.current.querySelector(`.${n["dropdown-item--active"]}`);
|
|
36
|
+
e && (T.current.scrollTop = e.offsetTop - T.current.clientHeight / 2 + e.clientHeight / 2);
|
|
37
|
+
}
|
|
38
|
+
}, [H]);
|
|
39
|
+
const N = M && !b && d && d.getTime() >= M.getTime() ? d : b, G = (e) => ce(e, c, v, o) ? !0 : v && o && v.getFullYear() === o.getFullYear() && v.getMonth() === o.getMonth() ? e !== v.getMonth() : l === "left" && c === $ && e >= C || l === "right" && c === $ && e <= C, q = (e) => l === "left" && (e > $ || e === $ && t >= C) || l === "right" && (e < $ || e === $ && t <= C), r = () => {
|
|
40
|
+
R(null), A(t === 0 ? c - 1 : c, t === 0 ? 11 : t - 1);
|
|
41
|
+
}, s = () => {
|
|
42
|
+
R(null), A(t === 11 ? c + 1 : c, t === 11 ? 0 : t + 1);
|
|
43
|
+
}, K = Y(() => ie(v, o), [v, o]), z = Y(() => le(c, t), [c, t]), re = (e, h, j) => {
|
|
44
|
+
const m = [n.cell];
|
|
45
|
+
if (!h) return m.join(" ");
|
|
46
|
+
const W = J(e, v, o);
|
|
47
|
+
W && m.push(n["cell--disabled"]), (j === 0 || j === 6) && m.push(n["cell--weekend"]);
|
|
48
|
+
const g = !!(M && B(e, M)), S = !!(N && B(e, N)), L = !W && I(e, M, N);
|
|
49
|
+
return g && (m.push(n["cell--start"]), N && !B(e, N) && m.push(n["cell--in-range"])), S && !g && (m.push(n["cell--end"], n["cell--in-range"]), !b && d && m.push(n["cell--hover-end"])), L && !g && !S && m.push(n["cell--in-range"]), m.join(" ");
|
|
50
|
+
};
|
|
51
|
+
return /* @__PURE__ */ y("div", { className: n.panel, children: [
|
|
52
|
+
/* @__PURE__ */ y("div", { className: n.header, children: [
|
|
53
|
+
/* @__PURE__ */ i("button", { type: "button", className: n.nav, onClick: r, style: { visibility: a ? "visible" : "hidden" }, "aria-label": "Previous month", children: /* @__PURE__ */ i("svg", { width: "6", height: "10", viewBox: "0 0 6 10", fill: "none", children: /* @__PURE__ */ i("path", { d: "M5 1L1 5L5 9", stroke: "currentColor", strokeWidth: "1", strokeLinecap: "round", strokeLinejoin: "round" }) }) }),
|
|
54
|
+
/* @__PURE__ */ y("div", { className: n.selectors, children: [
|
|
55
|
+
/* @__PURE__ */ y("div", { className: n.dropdown, children: [
|
|
56
|
+
/* @__PURE__ */ y("button", { type: "button", className: n["dropdown-trigger"], onClick: (e) => {
|
|
57
|
+
e.stopPropagation(), R(k ? null : P);
|
|
58
|
+
}, children: [
|
|
59
|
+
Z[t],
|
|
60
|
+
/* @__PURE__ */ i(ee, { className: `${n["dropdown-chevron"]} ${k ? n["dropdown-chevron--open"] : ""}`, width: 10, height: 6 })
|
|
61
|
+
] }),
|
|
62
|
+
k && /* @__PURE__ */ i(D, { menuRef: E, children: oe.map((e) => {
|
|
63
|
+
const h = G(e);
|
|
64
|
+
return /* @__PURE__ */ i(
|
|
65
|
+
"div",
|
|
66
|
+
{
|
|
67
|
+
role: "option",
|
|
68
|
+
"aria-selected": e === t,
|
|
69
|
+
"aria-disabled": h,
|
|
70
|
+
className: `${n["dropdown-item"]} ${e === t ? n["dropdown-item--active"] : ""} ${h ? n["dropdown-item--disabled"] : ""}`,
|
|
71
|
+
style: x,
|
|
72
|
+
onClick: () => !h && (() => {
|
|
73
|
+
A(c, e), R(null);
|
|
74
|
+
})(),
|
|
75
|
+
children: Z[e]
|
|
76
|
+
},
|
|
77
|
+
e
|
|
78
|
+
);
|
|
79
|
+
}) })
|
|
80
|
+
] }),
|
|
81
|
+
/* @__PURE__ */ y("div", { className: n.dropdown, children: [
|
|
82
|
+
/* @__PURE__ */ y("button", { type: "button", className: n["dropdown-trigger"], onClick: (e) => {
|
|
83
|
+
e.stopPropagation(), R(H ? null : F);
|
|
84
|
+
}, children: [
|
|
85
|
+
c,
|
|
86
|
+
/* @__PURE__ */ i(ee, { className: `${n["dropdown-chevron"]} ${H ? n["dropdown-chevron--open"] : ""}`, width: 10, height: 6 })
|
|
87
|
+
] }),
|
|
88
|
+
H && /* @__PURE__ */ i(D, { menuRef: T, children: K.map((e) => {
|
|
89
|
+
const h = q(e);
|
|
90
|
+
return /* @__PURE__ */ i(
|
|
91
|
+
"div",
|
|
92
|
+
{
|
|
93
|
+
role: "option",
|
|
94
|
+
"aria-selected": e === c,
|
|
95
|
+
"aria-disabled": h,
|
|
96
|
+
className: `${n["dropdown-item"]} ${e === c ? n["dropdown-item--active"] : ""} ${h ? n["dropdown-item--disabled"] : ""}`,
|
|
97
|
+
style: x,
|
|
98
|
+
onClick: () => !h && (() => {
|
|
99
|
+
A(e, t), R(null);
|
|
100
|
+
})(),
|
|
101
|
+
children: e
|
|
102
|
+
},
|
|
103
|
+
e
|
|
104
|
+
);
|
|
105
|
+
}) })
|
|
106
|
+
] })
|
|
107
|
+
] }),
|
|
108
|
+
/* @__PURE__ */ i("button", { type: "button", className: n.nav, onClick: s, style: { visibility: _ ? "visible" : "hidden" }, "aria-label": "Next month", children: /* @__PURE__ */ i("svg", { width: "6", height: "10", viewBox: "0 0 6 10", fill: "none", children: /* @__PURE__ */ i("path", { d: "M1 1L5 5L1 9", stroke: "currentColor", strokeWidth: "1", strokeLinecap: "round", strokeLinejoin: "round" }) }) })
|
|
109
|
+
] }),
|
|
110
|
+
/* @__PURE__ */ i("div", { className: n.weekdays, children: se.map((e, h) => /* @__PURE__ */ i("span", { className: `${n.weekday} ${h === 0 || h === 6 ? n["weekday--weekend"] : ""}`, children: e }, e)) }),
|
|
111
|
+
/* @__PURE__ */ i("div", { className: n.grid, children: z.filter((e) => e.some(({ isCurrentMonth: h }) => h)).map((e, h) => {
|
|
112
|
+
const j = e.map(({ date: g, isCurrentMonth: S }) => !S || J(g, v, o) ? !1 : M && B(g, M) || N && B(g, N) ? !0 : I(g, M, N)), m = j.indexOf(!0), W = j.lastIndexOf(!0);
|
|
113
|
+
return /* @__PURE__ */ i("div", { className: n.row, children: e.map(({ date: g, isCurrentMonth: S }, L) => {
|
|
114
|
+
const U = !S || J(g, v, o), te = [
|
|
115
|
+
re(g, S, L),
|
|
116
|
+
L === m && j[L] ? n["cell--row-start"] : "",
|
|
117
|
+
L === W && j[L] ? n["cell--row-end"] : ""
|
|
118
|
+
].filter(Boolean).join(" ");
|
|
119
|
+
return S ? /* @__PURE__ */ i(
|
|
120
|
+
"div",
|
|
121
|
+
{
|
|
122
|
+
className: te,
|
|
123
|
+
onClick: () => !U && f(g),
|
|
124
|
+
onMouseEnter: () => !U && w(g),
|
|
125
|
+
children: /* @__PURE__ */ i("span", { className: n["cell-label"], children: g.getDate() })
|
|
126
|
+
},
|
|
127
|
+
L
|
|
128
|
+
) : /* @__PURE__ */ i("span", {}, L);
|
|
129
|
+
}) }, h);
|
|
130
|
+
}) })
|
|
131
|
+
] });
|
|
132
|
+
}, ge = ({
|
|
133
|
+
startDate: c,
|
|
134
|
+
endDate: t,
|
|
135
|
+
onDateClick: M,
|
|
136
|
+
minDate: b,
|
|
137
|
+
maxDate: d
|
|
138
|
+
}) => {
|
|
139
|
+
const f = Y(() => {
|
|
140
|
+
const r = c || b || /* @__PURE__ */ new Date();
|
|
141
|
+
return { year: r.getFullYear(), month: r.getMonth() };
|
|
142
|
+
}, []), w = Y(() => {
|
|
143
|
+
if (t) {
|
|
144
|
+
const K = u(t.getFullYear(), t.getMonth()), z = u(f.year, f.month);
|
|
145
|
+
if (K > z) return { year: t.getFullYear(), month: t.getMonth() };
|
|
146
|
+
}
|
|
147
|
+
const r = f.month === 11 ? 0 : f.month + 1, s = f.month === 11 ? f.year + 1 : f.year;
|
|
148
|
+
return d && u(s, r) > u(d.getFullYear(), d.getMonth()) ? { year: d.getFullYear(), month: d.getMonth() } : { year: s, month: r };
|
|
149
|
+
}, [f, t, d]), v = Y(() => {
|
|
150
|
+
if (u(f.year, f.month) >= u(w.year, w.month)) {
|
|
151
|
+
const r = w.month === 0 ? 11 : w.month - 1;
|
|
152
|
+
return { year: w.month === 0 ? w.year - 1 : w.year, month: r };
|
|
153
|
+
}
|
|
154
|
+
return f;
|
|
155
|
+
}, [f, w]), [o, A] = O(v.year), [a, _] = O(v.month), [p, R] = O(w.year), [l, $] = O(w.month), [C, P] = O(null), [F, k] = O(null);
|
|
156
|
+
Q(() => {
|
|
157
|
+
if (!F) return;
|
|
158
|
+
const r = () => k(null), s = setTimeout(() => document.addEventListener("click", r), 0);
|
|
159
|
+
return () => {
|
|
160
|
+
clearTimeout(s), document.removeEventListener("click", r);
|
|
161
|
+
};
|
|
162
|
+
}, [F]);
|
|
163
|
+
const H = Y(() => {
|
|
164
|
+
if (!b) return !0;
|
|
165
|
+
const r = a === 0 ? 11 : a - 1, s = a === 0 ? o - 1 : o;
|
|
166
|
+
return u(s, r) >= u(b.getFullYear(), b.getMonth());
|
|
167
|
+
}, [a, o, b]), E = Y(() => {
|
|
168
|
+
const r = a === 11 ? 0 : a + 1, s = a === 11 ? o + 1 : o;
|
|
169
|
+
return u(s, r) < u(p, l);
|
|
170
|
+
}, [a, o, p, l]), T = Y(() => {
|
|
171
|
+
const r = l === 0 ? 11 : l - 1, s = l === 0 ? p - 1 : p;
|
|
172
|
+
return u(s, r) > u(o, a);
|
|
173
|
+
}, [l, p, o, a]), N = Y(() => {
|
|
174
|
+
if (!d) return !0;
|
|
175
|
+
const r = l === 11 ? 0 : l + 1, s = l === 11 ? p + 1 : p;
|
|
176
|
+
return u(s, r) <= u(d.getFullYear(), d.getMonth());
|
|
177
|
+
}, [l, p, d]), G = (r, s) => {
|
|
178
|
+
u(r, s) >= u(p, l) || (A(r), _(s));
|
|
179
|
+
}, q = (r, s) => {
|
|
180
|
+
u(r, s) <= u(o, a) || (R(r), $(s));
|
|
181
|
+
};
|
|
182
|
+
return /* @__PURE__ */ y("div", { className: n["ckds-calendar"], children: [
|
|
183
|
+
/* @__PURE__ */ i(
|
|
184
|
+
ne,
|
|
185
|
+
{
|
|
186
|
+
year: o,
|
|
187
|
+
month: a,
|
|
188
|
+
startDate: c,
|
|
189
|
+
endDate: t,
|
|
190
|
+
hoverDate: C,
|
|
191
|
+
onDateClick: M,
|
|
192
|
+
onDateHover: P,
|
|
193
|
+
minDate: b,
|
|
194
|
+
maxDate: d,
|
|
195
|
+
onMonthChange: G,
|
|
196
|
+
showPrevArrow: H,
|
|
197
|
+
showNextArrow: E,
|
|
198
|
+
activeDropdown: F,
|
|
199
|
+
onDropdownToggle: k,
|
|
200
|
+
panelId: "left",
|
|
201
|
+
otherPanelYear: p,
|
|
202
|
+
otherPanelMonth: l
|
|
203
|
+
}
|
|
204
|
+
),
|
|
205
|
+
/* @__PURE__ */ i(
|
|
206
|
+
ne,
|
|
207
|
+
{
|
|
208
|
+
year: p,
|
|
209
|
+
month: l,
|
|
210
|
+
startDate: c,
|
|
211
|
+
endDate: t,
|
|
212
|
+
hoverDate: C,
|
|
213
|
+
onDateClick: M,
|
|
214
|
+
onDateHover: P,
|
|
215
|
+
minDate: b,
|
|
216
|
+
maxDate: d,
|
|
217
|
+
onMonthChange: q,
|
|
218
|
+
showPrevArrow: T,
|
|
219
|
+
showNextArrow: N,
|
|
220
|
+
activeDropdown: F,
|
|
221
|
+
onDropdownToggle: k,
|
|
222
|
+
panelId: "right",
|
|
223
|
+
otherPanelYear: o,
|
|
224
|
+
otherPanelMonth: a
|
|
225
|
+
}
|
|
226
|
+
)
|
|
227
|
+
] });
|
|
228
|
+
};
|
|
229
|
+
export {
|
|
230
|
+
ge as C,
|
|
231
|
+
ee as S
|
|
232
|
+
};
|
|
@@ -10,7 +10,6 @@ import "./components/GroupedMultiSelect/_helpers/TagContent.js";
|
|
|
10
10
|
import "./components/GroupedMultiSelect/_helpers/OptionRow.js";
|
|
11
11
|
import "./components/GroupedSingleSelect/_helpers/OptionRow.js";
|
|
12
12
|
import "./components/Pagination/index.js";
|
|
13
|
-
import "./components/DateRangePicker/DateRangePicker.js";
|
|
14
13
|
import "react-dom";
|
|
15
14
|
import "./components/Loader/index.js";
|
|
16
15
|
/* empty css */
|
|
@@ -50,7 +49,7 @@ const s = "_label_1n5ll_17", c = "_mandatory_1n5ll_31", d = "_trigger_1n5ll_37",
|
|
|
50
49
|
"helper-icon": "_helper-icon_1n5ll_233",
|
|
51
50
|
noData: z
|
|
52
51
|
};
|
|
53
|
-
function
|
|
52
|
+
function $({
|
|
54
53
|
selectedValue: n,
|
|
55
54
|
value: r,
|
|
56
55
|
showClearButton: e = !0,
|
|
@@ -92,6 +91,6 @@ function V({
|
|
|
92
91
|
] });
|
|
93
92
|
}
|
|
94
93
|
export {
|
|
95
|
-
|
|
94
|
+
$ as D,
|
|
96
95
|
l as s
|
|
97
96
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as f from "react";
|
|
2
2
|
import P from "react";
|
|
3
|
-
import { T as lt,
|
|
3
|
+
import { T as lt, r as ft, t as pt, v as dt, P as n, w as Et, x as mt, b as H, y as ht, d as U, q as Y } from "./useSlot-BAOpgsKZ.js";
|
|
4
4
|
import * as xt from "react-dom";
|
|
5
5
|
import L from "react-dom";
|
|
6
6
|
import { jsx as gt } from "react/jsx-runtime";
|
|
@@ -25,11 +25,11 @@ function Nt(e) {
|
|
|
25
25
|
}
|
|
26
26
|
};
|
|
27
27
|
}
|
|
28
|
-
let
|
|
28
|
+
let q = 0;
|
|
29
29
|
function Dt(e) {
|
|
30
30
|
const [r, s] = f.useState(e), o = e || r;
|
|
31
31
|
return f.useEffect(() => {
|
|
32
|
-
r == null && (
|
|
32
|
+
r == null && (q += 1, s(`mui-${q}`));
|
|
33
33
|
}, [r]), o;
|
|
34
34
|
}
|
|
35
35
|
const Rt = {
|
|
@@ -66,7 +66,7 @@ function j(e, r) {
|
|
|
66
66
|
function Ct(e, r) {
|
|
67
67
|
e.prototype = Object.create(r.prototype), e.prototype.constructor = e, j(e, r);
|
|
68
68
|
}
|
|
69
|
-
const
|
|
69
|
+
const W = {
|
|
70
70
|
disabled: !1
|
|
71
71
|
};
|
|
72
72
|
var It = process.env.NODE_ENV !== "production" ? n.oneOfType([n.number, n.shape({
|
|
@@ -139,7 +139,7 @@ var wt = function(r) {
|
|
|
139
139
|
});
|
|
140
140
|
}, s.performEnter = function(i) {
|
|
141
141
|
var t = this, a = this.props.enter, u = this.context ? this.context.isMounting : i, c = this.props.nodeRef ? [u] : [L.findDOMNode(this), u], p = c[0], m = c[1], R = this.getTimeouts(), w = u ? R.appear : R.enter;
|
|
142
|
-
if (!i && !a ||
|
|
142
|
+
if (!i && !a || W.disabled) {
|
|
143
143
|
this.safeSetState({
|
|
144
144
|
status: D
|
|
145
145
|
}, function() {
|
|
@@ -160,7 +160,7 @@ var wt = function(r) {
|
|
|
160
160
|
});
|
|
161
161
|
}, s.performExit = function() {
|
|
162
162
|
var i = this, t = this.props.exit, a = this.getTimeouts(), u = this.props.nodeRef ? void 0 : L.findDOMNode(this);
|
|
163
|
-
if (!t ||
|
|
163
|
+
if (!t || W.disabled) {
|
|
164
164
|
this.safeSetState({
|
|
165
165
|
status: g
|
|
166
166
|
}, function() {
|
|
@@ -408,18 +408,18 @@ E.EXITED = g;
|
|
|
408
408
|
E.ENTERING = y;
|
|
409
409
|
E.ENTERED = D;
|
|
410
410
|
E.EXITING = V;
|
|
411
|
-
const
|
|
411
|
+
const z = {};
|
|
412
412
|
function _t(e, r) {
|
|
413
|
-
const s = f.useRef(
|
|
414
|
-
return s.current ===
|
|
413
|
+
const s = f.useRef(z);
|
|
414
|
+
return s.current === z && (s.current = e(r)), s;
|
|
415
415
|
}
|
|
416
416
|
const Lt = [];
|
|
417
417
|
function Mt(e) {
|
|
418
418
|
f.useEffect(e, Lt);
|
|
419
419
|
}
|
|
420
|
-
class
|
|
420
|
+
class G {
|
|
421
421
|
static create() {
|
|
422
|
-
return new
|
|
422
|
+
return new G();
|
|
423
423
|
}
|
|
424
424
|
currentId = null;
|
|
425
425
|
/**
|
|
@@ -436,7 +436,7 @@ class q {
|
|
|
436
436
|
disposeEffect = () => this.clear;
|
|
437
437
|
}
|
|
438
438
|
function kt() {
|
|
439
|
-
const e = _t(
|
|
439
|
+
const e = _t(G.create).current;
|
|
440
440
|
return Mt(e.disposeEffect), e;
|
|
441
441
|
}
|
|
442
442
|
const jt = (e) => e.scrollTop;
|
|
@@ -511,9 +511,9 @@ const $ = /* @__PURE__ */ f.forwardRef(function(r, s) {
|
|
|
511
511
|
container: i,
|
|
512
512
|
disablePortal: t = !1
|
|
513
513
|
} = r, [a, u] = f.useState(null), c = H(/* @__PURE__ */ f.isValidElement(o) ? J(o) : null, s);
|
|
514
|
-
if (
|
|
514
|
+
if (U(() => {
|
|
515
515
|
t || u(At(i) || document.body);
|
|
516
|
-
}, [i, t]),
|
|
516
|
+
}, [i, t]), U(() => {
|
|
517
517
|
if (a && !t)
|
|
518
518
|
return X(s, a), () => {
|
|
519
519
|
X(s, null);
|
|
@@ -579,7 +579,7 @@ Q.isRequired = Y(n.element.isRequired, K);
|
|
|
579
579
|
function I(e) {
|
|
580
580
|
return `scale(${e}, ${e ** 2})`;
|
|
581
581
|
}
|
|
582
|
-
const
|
|
582
|
+
const Gt = {
|
|
583
583
|
entering: {
|
|
584
584
|
opacity: 1,
|
|
585
585
|
transform: I(1)
|
|
@@ -596,7 +596,7 @@ const qt = {
|
|
|
596
596
|
opacity: 0,
|
|
597
597
|
transform: I(0.75)
|
|
598
598
|
}
|
|
599
|
-
},
|
|
599
|
+
}, Ut = {
|
|
600
600
|
opacity: 0,
|
|
601
601
|
transform: I(0.75),
|
|
602
602
|
visibility: "hidden"
|
|
@@ -681,7 +681,7 @@ const qt = {
|
|
|
681
681
|
ownerState: _,
|
|
682
682
|
...T
|
|
683
683
|
}) => {
|
|
684
|
-
const b = Vt(l, u,
|
|
684
|
+
const b = Vt(l, u, Gt, Ut, M, t.props.style);
|
|
685
685
|
return /* @__PURE__ */ f.cloneElement(t, {
|
|
686
686
|
style: b,
|
|
687
687
|
ref: ot,
|
|
@@ -769,11 +769,10 @@ export {
|
|
|
769
769
|
A as G,
|
|
770
770
|
$t as H,
|
|
771
771
|
$ as P,
|
|
772
|
-
|
|
773
|
-
|
|
774
|
-
|
|
775
|
-
|
|
776
|
-
kt as c,
|
|
772
|
+
G as T,
|
|
773
|
+
St as a,
|
|
774
|
+
kt as b,
|
|
775
|
+
Bt as c,
|
|
777
776
|
bt as d,
|
|
778
777
|
Q as e,
|
|
779
778
|
E as f,
|
|
@@ -783,12 +782,8 @@ export {
|
|
|
783
782
|
B as j,
|
|
784
783
|
jt as k,
|
|
785
784
|
Nt as l,
|
|
786
|
-
vt as m,
|
|
787
785
|
N as n,
|
|
788
|
-
Pt as o,
|
|
789
|
-
Z as p,
|
|
790
|
-
_t as q,
|
|
791
786
|
Yt as r,
|
|
792
787
|
X as s,
|
|
793
|
-
|
|
788
|
+
Zt as u
|
|
794
789
|
};
|
|
@@ -0,0 +1,81 @@
|
|
|
1
|
+
import { jsxs as y, jsx as p } from "react/jsx-runtime";
|
|
2
|
+
import { useRef as m, useCallback as f, useEffect as v } from "react";
|
|
3
|
+
import './assets/ScrollDropdown-BAUrkqoH.css';const E = "_panel_1427k_8", L = "_header_1427k_19", H = "_nav_1427k_25", x = "_selectors_1427k_42", T = "_dropdown_1427k_47", M = "_weekdays_1427k_156", D = "_weekday_1427k_156", N = "_grid_1427k_172", S = "_row_1427k_178", Y = "_cell_1427k_183", i = {
|
|
4
|
+
"ckds-calendar": "_ckds-calendar_1427k_1",
|
|
5
|
+
panel: E,
|
|
6
|
+
header: L,
|
|
7
|
+
nav: H,
|
|
8
|
+
selectors: x,
|
|
9
|
+
dropdown: T,
|
|
10
|
+
"dropdown-trigger": "_dropdown-trigger_1427k_50",
|
|
11
|
+
"dropdown-chevron": "_dropdown-chevron_1427k_64",
|
|
12
|
+
"dropdown-chevron--open": "_dropdown-chevron--open_1427k_73",
|
|
13
|
+
"dropdown-menu": "_dropdown-menu_1427k_79",
|
|
14
|
+
"dropdown-menu-scroll": "_dropdown-menu-scroll_1427k_95",
|
|
15
|
+
"dropdown-menu-track": "_dropdown-menu-track_1427k_108",
|
|
16
|
+
"dropdown-menu-thumb": "_dropdown-menu-thumb_1427k_114",
|
|
17
|
+
"dropdown-item": "_dropdown-item_1427k_128",
|
|
18
|
+
"dropdown-item--active": "_dropdown-item--active_1427k_140",
|
|
19
|
+
"dropdown-item--disabled": "_dropdown-item--disabled_1427k_150",
|
|
20
|
+
weekdays: M,
|
|
21
|
+
weekday: D,
|
|
22
|
+
"weekday--weekend": "_weekday--weekend_1427k_169",
|
|
23
|
+
grid: N,
|
|
24
|
+
row: S,
|
|
25
|
+
cell: Y,
|
|
26
|
+
"cell-label": "_cell-label_1427k_192",
|
|
27
|
+
"cell--disabled": "_cell--disabled_1427k_207",
|
|
28
|
+
"cell--start": "_cell--start_1427k_207",
|
|
29
|
+
"cell--end": "_cell--end_1427k_207",
|
|
30
|
+
"cell--weekend": "_cell--weekend_1427k_217",
|
|
31
|
+
"cell--in-range": "_cell--in-range_1427k_220",
|
|
32
|
+
"cell--row-end": "_cell--row-end_1427k_247",
|
|
33
|
+
"cell--row-start": "_cell--row-start_1427k_266",
|
|
34
|
+
"cell--hover-end": "_cell--hover-end_1427k_269"
|
|
35
|
+
}, C = ({ menuRef: n, children: h }) => {
|
|
36
|
+
const k = m(null), u = m(null), a = f(() => {
|
|
37
|
+
const e = n.current, o = k.current, r = u.current;
|
|
38
|
+
if (!e || !o || !r) return;
|
|
39
|
+
const { scrollTop: s, scrollHeight: t, clientHeight: l } = e;
|
|
40
|
+
if (!(t > l)) {
|
|
41
|
+
r.style.display = "none";
|
|
42
|
+
return;
|
|
43
|
+
}
|
|
44
|
+
r.style.display = "block";
|
|
45
|
+
const c = r.clientHeight, _ = Math.max(l / t * c, 20), d = s / (t - l) * (c - _);
|
|
46
|
+
o.style.height = `${_}px`, o.style.top = `${d}px`;
|
|
47
|
+
}, [n]);
|
|
48
|
+
return v(() => {
|
|
49
|
+
const e = n.current;
|
|
50
|
+
if (e)
|
|
51
|
+
return e.addEventListener("scroll", a, { passive: !0 }), a(), () => e.removeEventListener("scroll", a);
|
|
52
|
+
}, [n, a]), v(() => {
|
|
53
|
+
const e = k.current, o = n.current, r = u.current;
|
|
54
|
+
if (!e || !o || !r) return;
|
|
55
|
+
let s = !1, t = 0, l = 0;
|
|
56
|
+
const w = (d) => {
|
|
57
|
+
d.preventDefault(), s = !0, t = d.clientY, l = o.scrollTop, document.addEventListener("mousemove", c), document.addEventListener("mouseup", _);
|
|
58
|
+
}, c = (d) => {
|
|
59
|
+
if (!s) return;
|
|
60
|
+
const g = d.clientY - t, b = o.scrollHeight / r.clientHeight;
|
|
61
|
+
o.scrollTop = l + g * b;
|
|
62
|
+
}, _ = () => {
|
|
63
|
+
s = !1, document.removeEventListener("mousemove", c), document.removeEventListener("mouseup", _);
|
|
64
|
+
};
|
|
65
|
+
return e.addEventListener("mousedown", w), () => e.removeEventListener("mousedown", w);
|
|
66
|
+
}, [n]), /* @__PURE__ */ y("div", { className: i["dropdown-menu"], style: { overflow: "hidden" }, children: [
|
|
67
|
+
/* @__PURE__ */ p(
|
|
68
|
+
"div",
|
|
69
|
+
{
|
|
70
|
+
className: i["dropdown-menu-scroll"],
|
|
71
|
+
ref: n,
|
|
72
|
+
children: h
|
|
73
|
+
}
|
|
74
|
+
),
|
|
75
|
+
/* @__PURE__ */ p("div", { className: i["dropdown-menu-track"], ref: u, children: /* @__PURE__ */ p("div", { className: i["dropdown-menu-thumb"], ref: k }) })
|
|
76
|
+
] });
|
|
77
|
+
};
|
|
78
|
+
export {
|
|
79
|
+
C as S,
|
|
80
|
+
i as s
|
|
81
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@charset "UTF-8";._ckds-date-range-picker_10fau_2{position:relative;display:inline-block}._ckds-date-range-picker_10fau_2 *{font-family:var(--ckcl-font-family-base, "Inter"),sans-serif}._ckds-date-range-picker_10fau_2>button{border-color:var(--ckcl-black-100, #DCDCDC)}._ckds-date-range-picker_10fau_2>button>span svg path{stroke:var(--ckcl-black-500, #2B2B2B)}._ckds-date-range-picker_10fau_2>button>span>span{font-size:var(--ckcl-fs-sm, 14px)}._ckds-date-range-picker_10fau_2>button>span:last-child{display:inline-flex;margin-left:var(--ckcl-spacing-sm, 8px);transition:transform .25s ease}._ckds-date-range-picker_10fau_2>button>span:last-child svg path{stroke:var(--ckcl-black-400, #737373)}._ckds-date-range-picker_10fau_2._ckds-date-range-picker--open_10fau_26>button>span:last-child{transform:rotate(180deg)}@keyframes _ckds-drp-in_10fau_1{0%{opacity:0}to{opacity:1}}._ckds-date-range-picker__body_10fau_39{display:flex;flex:1;min-height:0;overflow:visible}._ckds-date-range-picker__sidebar_10fau_47{display:flex;flex-direction:column;gap:var(--ckcl-spacing-2xs, 2px);padding:var(--ckcl-spacing-md, 16px);border-right:var(--ckds-border-width-sm, 1px) solid var(--ckcl-border-color, #E6ECF1);width:173px;background:var(--ckcl-toast-info, #FAFCFF);overflow-y:auto}._ckds-date-range-picker__sidebar-item_10fau_58{all:unset;cursor:pointer;font-family:var(--ckcl-font-family-base, "Inter"),sans-serif;font-size:var(--ckcl-fs-xs, 12px);line-height:var(--ckds-leading-md, 20px);padding:var(--ckcl-spacing-sm, 8px) var(--ckcl-spacing-2md, 18px);color:#000;white-space:nowrap;text-align:center;transition:border-color .15s,color .15s,background-color .15s;background-color:transparent;border-radius:var(--ckds-border-radius-md, 8px);font-weight:var(--ckcl-font-weight-regular, 400)}._ckds-date-range-picker__sidebar-item_10fau_58:hover{color:var(--ckcl-primary-500, #3A72E4);font-weight:var(--ckcl-font-weight-medium, 500);background-color:transparent}._ckds-date-range-picker__sidebar-item--active_10fau_80{--shadow-shade-004: 0px 4px 14px 0px rgba(58, 114, 228, .3);background-color:var(--ckcl-white, #FFFFFF);border:var(--ckds-border-width-sm, 1px) solid var(--ckcl-primary-300, #81AFF0);border-radius:var(--ckds-border-radius-md, 8px);font-weight:var(--ckcl-font-weight-medium, 500);box-shadow:var(--shadow-shade-004);color:var(--ckcl-primary-600, #3060C1)}._ckds-date-range-picker__sidebar-item--active_10fau_80:hover{border-color:var(--ckcl-primary-300, #81AFF0)}._ckds-date-range-picker__calendar_10fau_95{position:absolute;width:auto;border-radius:var(--ckcl-spacing-md, 16px);background-color:var(--ckcl-white, #FFFFFF);overflow:hidden;border:var(--ckds-border-width-sm, 1px) solid var(--ckcl-black-100, #DCDCDC);box-shadow:-20px 31.95px 42.61px -31.95px #18274b26;display:flex;flex-direction:column;isolation:isolate;z-index:9999;margin-top:var(--ckcl-spacing-xs, 4px)}._ckds-date-range-picker__calendar_10fau_95._ckds-date-range-picker__calendar--align-left_10fau_109{left:0}._ckds-date-range-picker__calendar_10fau_95._ckds-date-range-picker__calendar--align-right_10fau_112{right:0}._ckds-date-range-picker__calendar_10fau_95._ckds-date-range-picker__calendar--enter_10fau_115{animation:_ckds-drp-in_10fau_1 .13s ease-out both}._ckds-date-range-picker__main_10fau_120{flex:1;min-width:0;overflow:visible}._ckds-date-range-picker__footer_10fau_127{display:flex;align-items:end;justify-content:space-between;gap:var(--ckcl-spacing-ms, 12px);padding:var(--ckcl-spacing-lg, 24px) var(--ckcl-spacing-md, 16px) var(--ckcl-spacing-md, 16px) var(--ckcl-spacing-md, 16px);border-top:var(--ckds-border-width-sm, 1px) solid var(--ckcl-black-100, #DCDCDC)}._ckds-date-range-picker__date-inputs_10fau_136{display:flex;align-items:end;gap:var(--ckcl-spacing-sm, 8px)}._ckds-date-range-picker__date-field_10fau_142{display:flex;flex-direction:column;gap:var(--ckcl-spacing-sm, 8px)}._ckds-date-range-picker__date-label_10fau_148{font-family:var(--ckcl-font-family-base, "Inter"),sans-serif;font-weight:var(--ckcl-font-weight-medium, 500);font-size:var(--ckcl-fs-xs, 12px);line-height:var(--ckds-leading-md, 20px);letter-spacing:0%}._ckds-date-range-picker__required-asterisk_10fau_156{font-family:var(--ckcl-font-family-base, "Inter"),sans-serif;font-weight:var(--ckcl-font-weight-medium, 500);font-size:var(--ckcl-fs-2xs, 11px);line-height:var(--ckcl-leading-xs, 14px);letter-spacing:0%;vertical-align:top;color:var(--ckcl-red-500, #E52323);margin-left:var(--ckcl-spacing-2xs, 2px)}._ckds-date-range-picker__date-tag_10fau_167{width:160px!important;height:var(--ckcl-spacing-2xl-lg, 40px)!important;border-radius:var(--ckds-border-radius-md, 8px);border-width:var(--ckds-border-width-sm, 1px);font-size:var(--ckcl-fs-sm, 14px)!important;font-family:var(--ckcl-font-family-base, "Inter"),sans-serif;gap:var(--ckcl-spacing-xs, 4px);font-weight:var(--ckcl-font-weight-regular, 400);padding:var(--ckcl-spacing-sm, 8px) var(--ckcl-spacing-ms, 12px);background-color:var(--ckcl-black-50, #F4F4F4);border-color:var(--ckcl-black-100, #DCDCDC)}._ckds-date-range-picker__date-arrow_10fau_181{align-self:center;margin-top:var(--ckds-spacing-2xl, 34px)}._ckds-date-range-picker__reset-btn_10fau_186{min-width:unset}._ckds-date-range-picker__actions_10fau_190{display:flex;gap:var(--ckcl-spacing-sm, 8px);align-items:center}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._ckds-calendar_1427k_1{display:flex;gap:0}._ckds-calendar_1427k_1 *{font-family:var(--ckcl-font-family-base, "Inter"),sans-serif!important}._ckds-calendar_1427k_1 ._panel_1427k_8{width:318px;flex:1}._ckds-calendar_1427k_1 ._panel_1427k_8:first-child{padding:var(--ckcl-spacing-md, 16px) var(--ckcl-spacing-lg, 24px) var(--ckcl-spacing-md, 16px) var(--ckcl-spacing-md, 16px);border-right:var(--ckds-border-width-sm, 1px) solid var(--ckcl-border-color, #E6ECF1)}._ckds-calendar_1427k_1 ._panel_1427k_8:last-child{padding:var(--ckcl-spacing-md, 16px) var(--ckcl-spacing-md, 16px) var(--ckcl-spacing-md, 16px) var(--ckcl-spacing-lg, 24px)}._ckds-calendar_1427k_1 ._header_1427k_19{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--ckcl-spacing-md, 16px)}._ckds-calendar_1427k_1 ._nav_1427k_25{all:unset;display:flex;align-items:center;justify-content:center;width:var(--ckcl-spacing-xl, 28px);height:var(--ckcl-spacing-xl, 28px);border-radius:var(--ckds-border-radius-md, 8px);border:var(--ckds-border-width-sm, 1px) solid var(--ckcl-black-100, #DCDCDC);cursor:pointer;font-size:var(--ckcl-fs-md, 16px);color:var(--ckcl-black-500, #2B2B2B);transition:border-color .15s}._ckds-calendar_1427k_1 ._nav_1427k_25:hover{border-color:var(--ckcl-primary-500, #3A72E4)}._ckds-calendar_1427k_1 ._selectors_1427k_42{display:flex;align-items:center;gap:var(--ckcl-spacing-sm, 8px)}._ckds-calendar_1427k_1 ._dropdown_1427k_47{position:relative}._ckds-calendar_1427k_1 ._dropdown-trigger_1427k_50{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:var(--ckcl-spacing-xs, 4px);font-family:var(--ckcl-font-family-base, "Inter"),sans-serif;font-size:var(--ckcl-fs-2xs, 11px);font-weight:var(--ckcl-font-weight-medium, 500);color:var(--ckcl-primary-500, #3A72E4);padding:var(--ckcl-spacing-2xs, 2px) var(--ckcl-spacing-xs, 4px);border-radius:var(--ckds-border-radius-sm, 6px);transition:background-color .15s}._ckds-calendar_1427k_1 ._dropdown-chevron_1427k_64{display:inline-flex;margin-left:var(--ckcl-spacing-xs, 4px);transition:transform .2s ease}._ckds-calendar_1427k_1 ._dropdown-chevron_1427k_64 path{stroke:var(--ckcl-black-400, #737373);transition:stroke .2s ease}._ckds-calendar_1427k_1 ._dropdown-chevron--open_1427k_73{transform:rotate(180deg)}._ckds-calendar_1427k_1 ._dropdown-chevron--open_1427k_73 path{stroke:var(--ckcl-primary-500, #3A72E4)}._ckds-calendar_1427k_1 ._dropdown-menu_1427k_79{position:absolute;top:calc(100% + var(--ckcl-spacing-xs, 4px));left:20%;transform:translate(-50%);z-index:10;background:var(--ckcl-white, #FFFFFF);border:var(--ckds-border-width-sm, 1px) solid var(--ckcl-black-100, #DCDCDC);border-radius:var(--ckds-border-radius-lg, 12px);box-shadow:0 var(--ckcl-spacing-xs, 4px) var(--ckcl-spacing-md, 16px) #00000014;padding:var(--ckcl-spacing-sm, 8px);min-width:73px;max-height:271px;overflow:hidden;display:flex}._ckds-calendar_1427k_1 ._dropdown-menu-scroll_1427k_95{display:flex;flex-direction:column;gap:var(--ckcl-spacing-2xs, 2px);max-height:250px;overflow-y:auto;position:relative;flex:1;scrollbar-width:none}._ckds-calendar_1427k_1 ._dropdown-menu-scroll_1427k_95::-webkit-scrollbar{display:none}._ckds-calendar_1427k_1 ._dropdown-menu-track_1427k_108{position:relative;margin-left:var(--ckcl-spacing-xs, 4px);border-radius:100px;flex-shrink:0}._ckds-calendar_1427k_1 ._dropdown-menu-thumb_1427k_114{position:absolute;top:0;left:0;width:var(--ckcl-spacing-xs, 4px);background-color:var(--ckcl-black-200, #C2C2C2);border-radius:100px;min-height:var(--ckcl-spacing-slg, 20px);cursor:pointer;transition:background-color .15s}._ckds-calendar_1427k_1 ._dropdown-menu-thumb_1427k_114:hover{background-color:var(--ckcl-black-300, #A0A0A0)}._ckds-calendar_1427k_1 ._dropdown-item_1427k_128{cursor:pointer;font-size:var(--ckcl-fs-xs, 12px);padding:var(--ckcl-spacing-sm, 8px);border-radius:var(--ckds-border-radius-md, 8px);text-align:center;white-space:nowrap;transition:background-color .1s,color .1s;color:var(--ckcl-black-500, #2B2B2B);line-height:var(--ckds-leading-md, 20px);font-weight:var(--ckcl-font-weight-medium, 500)}._ckds-calendar_1427k_1 ._dropdown-item_1427k_128:hover:not(._dropdown-item--active_1427k_140){color:var(--ckcl-primary-500, #3A72E4);font-weight:var(--ckcl-font-weight-medium, 500);background-color:var(--ckcl-white, #FFFFFF)}._ckds-calendar_1427k_1 ._dropdown-item--active_1427k_140{background-color:var(--ckcl-primary-80, #F1F6FF);color:var(--ckcl-primary-500, #3A72E4);font-weight:var(--ckcl-font-weight-medium, 500)}._ckds-calendar_1427k_1 ._dropdown-item--disabled_1427k_150{color:var(--ckcl-black-200, #C2C2C2);cursor:not-allowed;pointer-events:none;opacity:.5}._ckds-calendar_1427k_1 ._weekdays_1427k_156{display:grid;grid-template-columns:repeat(7,1fr);margin-bottom:var(--ckcl-spacing-xs, 4px)}._ckds-calendar_1427k_1 ._weekday_1427k_156{font-family:var(--ckcl-font-family-base, "Inter"),sans-serif;font-size:var(--ckcl-fs-2xs, 11px);font-weight:var(--ckcl-font-weight-medium, 500);color:var(--ckcl-black-400, #737373);text-align:center;padding:var(--ckcl-spacing-xs, 4px) 0}._ckds-calendar_1427k_1 ._weekday--weekend_1427k_169{color:var(--ckcl-black-200, #C2C2C2)}._ckds-calendar_1427k_1 ._grid_1427k_172{display:flex;flex-direction:column;gap:0;margin-top:var(--ckcl-spacing-sm, 8px)}._ckds-calendar_1427k_1 ._row_1427k_178{display:grid;grid-template-columns:repeat(7,1fr);margin-top:var(--ckcl-spacing-2xs, 2px)}._ckds-calendar_1427k_1 ._cell_1427k_183{position:relative;display:flex;align-items:center;justify-content:center;height:var(--ckcl-spacing-2xl-md, 36px);cursor:pointer;-webkit-user-select:none;user-select:none}._ckds-calendar_1427k_1 ._cell-label_1427k_192{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:var(--ckds-spacing-slg, 22px);height:var(--ckds-spacing-slg, 22px);border-radius:50%;font-family:var(--ckcl-font-family-base, "Inter"),sans-serif;font-size:var(--ckcl-fs-2xs, 11px);font-weight:var(--ckcl-font-weight-regular, 400);color:var(--ckcl-black-500, #2B2B2B);transition:background-color .1s}._ckds-calendar_1427k_1 ._cell_1427k_183:not(._cell--disabled_1427k_207):not(._cell--start_1427k_207):not(._cell--end_1427k_207):hover ._cell-label_1427k_192{background-color:var(--ckcl-black-50, #F4F4F4)}._ckds-calendar_1427k_1 ._cell--disabled_1427k_207{cursor:not-allowed;pointer-events:none}._ckds-calendar_1427k_1 ._cell--disabled_1427k_207 ._cell-label_1427k_192{color:var(--ckcl-black-200, #C2C2C2)}._ckds-calendar_1427k_1 ._cell--weekend_1427k_217 ._cell-label_1427k_192{color:var(--ckcl-black-300, #A0A0A0)}._ckds-calendar_1427k_1 ._cell--in-range_1427k_220:before{content:"";position:absolute;top:50%;left:0;right:0;height:var(--ckds-spacing-slg, 22px);transform:translateY(-50%);background-color:var(--ckcl-primary-80, #F1F6FF);z-index:0}._ckds-calendar_1427k_1 ._cell--start_1427k_207 ._cell-label_1427k_192{background-color:var(--ckcl-primary-500, #3A72E4);color:var(--ckcl-white, #FFFFFF);font-weight:var(--ckcl-font-weight-medium, 500)}._ckds-calendar_1427k_1 ._cell--start_1427k_207._cell--in-range_1427k_220:before{content:"";position:absolute;top:50%;left:50%;right:0;height:var(--ckds-spacing-slg, 22px);transform:translateY(-50%);background-color:var(--ckcl-primary-80, #F1F6FF);z-index:0}._ckds-calendar_1427k_1 ._cell--start_1427k_207._cell--in-range_1427k_220._cell--row-end_1427k_247:before{display:none}._ckds-calendar_1427k_1 ._cell--end_1427k_207 ._cell-label_1427k_192{background-color:var(--ckcl-primary-500, #3A72E4);color:var(--ckcl-white, #FFFFFF);font-weight:var(--ckcl-font-weight-medium, 500)}._ckds-calendar_1427k_1 ._cell--end_1427k_207._cell--in-range_1427k_220:before{content:"";position:absolute;top:50%;left:0;right:50%;height:var(--ckds-spacing-slg, 22px);transform:translateY(-50%);background-color:var(--ckcl-primary-80, #F1F6FF);z-index:0}._ckds-calendar_1427k_1 ._cell--end_1427k_207._cell--in-range_1427k_220._cell--row-start_1427k_266:before{display:none}._ckds-calendar_1427k_1 ._cell--hover-end_1427k_269 ._cell-label_1427k_192{background-color:var(--ckcl-primary-100, #D9E6FB);color:var(--ckcl-black-500, #2B2B2B);font-weight:var(--ckcl-font-weight-regular, 400)}._ckds-calendar_1427k_1 ._cell--start_1427k_207._cell--end_1427k_207{background:transparent}._ckds-calendar_1427k_1 ._cell--start_1427k_207._cell--end_1427k_207 ._cell-label_1427k_192{background-color:var(--ckcl-primary-500, #3A72E4);color:var(--ckcl-white, #FFFFFF)}._ckds-calendar_1427k_1 ._cell--row-start_1427k_266:not(._cell--start_1427k_207):not(._cell--end_1427k_207):before{border-radius:var(--ckds-border-radius-lg, 12px) 0 0 var(--ckds-border-radius-lg, 12px)}._ckds-calendar_1427k_1 ._cell--row-end_1427k_247:not(._cell--start_1427k_207):not(._cell--end_1427k_207):before{border-radius:0 var(--ckds-border-radius-lg, 12px) var(--ckds-border-radius-lg, 12px) 0}._ckds-calendar_1427k_1 ._cell--row-start_1427k_266._cell--row-end_1427k_247:not(._cell--start_1427k_207):not(._cell--end_1427k_207):before{border-radius:var(--ckds-border-radius-lg, 12px)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CalendarGrid.d.ts","sourceRoot":"","sources":["../../../../lib/components/DateRangePicker/Calendar/CalendarGrid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAQ5D,OAAO,KAAK,EAAE,iBAAiB,EAAmB,MAAM,sBAAsB,CAAC;AA4N/E,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAgHpD,CAAC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import "react/jsx-runtime";
|
|
2
|
+
import "react";
|
|
3
|
+
import "../constants.js";
|
|
4
|
+
import "../_utils/util.js";
|
|
5
|
+
import "./calendarGrid.util.js";
|
|
6
|
+
import { C as e } from "../../../CalendarGrid-CsD34cNQ.js";
|
|
7
|
+
import "../../../ScrollDropdown-SqirjC7s.js";
|
|
8
|
+
export {
|
|
9
|
+
e as CalendarGrid
|
|
10
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ScrollDropdown.d.ts","sourceRoot":"","sources":["../../../../lib/components/DateRangePicker/Calendar/ScrollDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAE9D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAGhE,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAwFxD,CAAC"}
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
export interface CalendarGridProps {
|
|
2
|
+
startDate?: Date;
|
|
3
|
+
endDate?: Date;
|
|
4
|
+
onDateClick: (date: Date) => void;
|
|
5
|
+
minDate?: Date;
|
|
6
|
+
maxDate?: Date;
|
|
7
|
+
}
|
|
8
|
+
export interface MonthPanelProps {
|
|
9
|
+
year: number;
|
|
10
|
+
month: number;
|
|
11
|
+
startDate?: Date;
|
|
12
|
+
endDate?: Date;
|
|
13
|
+
hoverDate: Date | null;
|
|
14
|
+
onDateClick: (date: Date) => void;
|
|
15
|
+
onDateHover: (date: Date | null) => void;
|
|
16
|
+
minDate?: Date;
|
|
17
|
+
maxDate?: Date;
|
|
18
|
+
onMonthChange: (year: number, month: number) => void;
|
|
19
|
+
showPrevArrow: boolean;
|
|
20
|
+
showNextArrow: boolean;
|
|
21
|
+
activeDropdown: string | null;
|
|
22
|
+
onDropdownToggle: (id: string | null) => void;
|
|
23
|
+
panelId: "left" | "right";
|
|
24
|
+
otherPanelYear: number;
|
|
25
|
+
otherPanelMonth: number;
|
|
26
|
+
}
|
|
27
|
+
export interface DayCell {
|
|
28
|
+
date: Date;
|
|
29
|
+
isCurrentMonth: boolean;
|
|
30
|
+
}
|
|
31
|
+
export interface ScrollDropdownProps {
|
|
32
|
+
menuRef: React.RefObject<HTMLDivElement | null>;
|
|
33
|
+
children: React.ReactNode;
|
|
34
|
+
}
|
|
35
|
+
//# sourceMappingURL=calendarGrid.types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"calendarGrid.types.d.ts","sourceRoot":"","sources":["../../../../lib/components/DateRangePicker/Calendar/calendarGrid.types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,iBAAiB;IAChC,SAAS,CAAC,EAAE,IAAI,CAAC;IACjB,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,WAAW,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IAClC,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,OAAO,CAAC,EAAE,IAAI,CAAC;CAChB;AAED,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,IAAI,CAAC;IACjB,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,SAAS,EAAE,IAAI,GAAG,IAAI,CAAC;IACvB,WAAW,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IAClC,WAAW,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAC;IACzC,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,aAAa,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACrD,aAAa,EAAE,OAAO,CAAC;IACvB,aAAa,EAAE,OAAO,CAAC;IACvB,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,gBAAgB,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC9C,OAAO,EAAE,MAAM,GAAG,OAAO,CAAC;IAC1B,cAAc,EAAE,MAAM,CAAC;IACvB,eAAe,EAAE,MAAM,CAAC;CACzB;AAED,MAAM,WAAW,OAAO;IACtB,IAAI,EAAE,IAAI,CAAC;IACX,cAAc,EAAE,OAAO,CAAC;CACzB;AAED,MAAM,WAAW,mBAAmB;IAClC,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAChD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { DayCell } from './calendarGrid.types';
|
|
2
|
+
export declare const getDaysInMonth: (year: number, month: number) => number;
|
|
3
|
+
export declare const getFirstDayOfWeek: (year: number, month: number) => number;
|
|
4
|
+
/** Convert year + month to a linear index for easy comparison */
|
|
5
|
+
export declare const toMonthIndex: (year: number, month: number) => number;
|
|
6
|
+
export declare const isDateInRange: (date: Date, start?: Date, end?: Date) => boolean;
|
|
7
|
+
export declare const isDateDisabled: (date: Date, minDate?: Date, maxDate?: Date) => boolean;
|
|
8
|
+
export declare const isMonthDisabled: (month: number, year: number, minDate?: Date, maxDate?: Date) => boolean;
|
|
9
|
+
export declare const getYearRange: (minDate?: Date, maxDate?: Date) => number[];
|
|
10
|
+
/**
|
|
11
|
+
* Builds a 6-row × 7-column grid for a given month.
|
|
12
|
+
* Cells outside the current month are marked with `isCurrentMonth: false`.
|
|
13
|
+
*/
|
|
14
|
+
export declare function buildWeeks(year: number, month: number): DayCell[][];
|
|
15
|
+
//# sourceMappingURL=calendarGrid.util.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"calendarGrid.util.d.ts","sourceRoot":"","sources":["../../../../lib/components/DateRangePicker/Calendar/calendarGrid.util.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAIpD,eAAO,MAAM,cAAc,GAAI,MAAM,MAAM,EAAE,OAAO,MAAM,KAAG,MACrB,CAAC;AAEzC,eAAO,MAAM,iBAAiB,GAAI,MAAM,MAAM,EAAE,OAAO,MAAM,KAAG,MAC7B,CAAC;AAEpC,iEAAiE;AACjE,eAAO,MAAM,YAAY,GAAI,MAAM,MAAM,EAAE,OAAO,MAAM,KAAG,MACxC,CAAC;AAIpB,eAAO,MAAM,aAAa,GAAI,MAAM,IAAI,EAAE,QAAQ,IAAI,EAAE,MAAM,IAAI,KAAG,OAIpE,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,MAAM,IAAI,EAAE,UAAU,IAAI,EAAE,UAAU,IAAI,KAAG,OAI3E,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,OAAO,MAAM,EAAE,MAAM,MAAM,EAAE,UAAU,IAAI,EAAE,UAAU,IAAI,KAAG,OAI7F,CAAC;AAIF,eAAO,MAAM,YAAY,GAAI,UAAU,IAAI,EAAE,UAAU,IAAI,KAAG,MAAM,EAKnE,CAAC;AAIF;;;GAGG;AACH,wBAAgB,UAAU,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,OAAO,EAAE,EAAE,CA6BnE"}
|