@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.
Files changed (37) hide show
  1. package/dist/CalendarGrid-CsD34cNQ.js +232 -0
  2. package/dist/{DropdownFooter-CJnM_ECj.js → DropdownFooter-DL--mVls.js} +2 -3
  3. package/dist/{Grow-wzNsNKt2.js → Grow-gzixxVwK.js} +22 -27
  4. package/dist/ScrollDropdown-SqirjC7s.js +81 -0
  5. package/dist/assets/DateRangePicker-DLr3_fJA.css +1 -0
  6. package/dist/assets/ScrollDropdown-BAUrkqoH.css +1 -0
  7. package/dist/components/DateRangePicker/Calendar/CalendarGrid.d.ts +4 -0
  8. package/dist/components/DateRangePicker/Calendar/CalendarGrid.d.ts.map +1 -0
  9. package/dist/components/DateRangePicker/Calendar/CalendarGrid.js +10 -0
  10. package/dist/components/DateRangePicker/Calendar/ScrollDropdown.d.ts +4 -0
  11. package/dist/components/DateRangePicker/Calendar/ScrollDropdown.d.ts.map +1 -0
  12. package/dist/components/DateRangePicker/Calendar/ScrollDropdown.js +6 -0
  13. package/dist/components/DateRangePicker/Calendar/calendarGrid.types.d.ts +35 -0
  14. package/dist/components/DateRangePicker/Calendar/calendarGrid.types.d.ts.map +1 -0
  15. package/dist/components/DateRangePicker/Calendar/calendarGrid.types.js +1 -0
  16. package/dist/components/DateRangePicker/Calendar/calendarGrid.util.d.ts +15 -0
  17. package/dist/components/DateRangePicker/Calendar/calendarGrid.util.d.ts.map +1 -0
  18. package/dist/components/DateRangePicker/Calendar/calendarGrid.util.js +36 -0
  19. package/dist/components/DateRangePicker/DateRangePicker.d.ts.map +1 -1
  20. package/dist/components/DateRangePicker/DateRangePicker.js +216 -6067
  21. package/dist/components/DateRangePicker/_types/dateRangePicker.types.d.ts +3 -1
  22. package/dist/components/DateRangePicker/_types/dateRangePicker.types.d.ts.map +1 -1
  23. package/dist/components/DateRangePicker/{helper → _utils}/util.d.ts.map +1 -1
  24. package/dist/components/DateRangePicker/constants.d.ts +6 -0
  25. package/dist/components/DateRangePicker/constants.d.ts.map +1 -1
  26. package/dist/components/DateRangePicker/constants.js +5 -2
  27. package/dist/components/SingleSelectDropdown/_helpers/DropdownFooter.js +2 -3
  28. package/dist/components/SingleSelectDropdown/index.js +11 -12
  29. package/dist/components/Table/_helpers/TableFilterModal/RangeSelector.js +1 -1
  30. package/dist/components/TextField/index.js +6940 -690
  31. package/dist/components/Tooltip/index.js +2 -2
  32. package/dist/{useSlot-BiMlGawc.js → useSlot-BAOpgsKZ.js} +562 -606
  33. package/package.json +1 -1
  34. package/dist/Select-CiuwMSD7.js +0 -6350
  35. package/dist/assets/DateRangePicker-C72TW2vD.css +0 -1
  36. /package/dist/components/DateRangePicker/{helper → _utils}/util.d.ts +0 -0
  37. /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 V({
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
- V as D,
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, t as ft, v as pt, w as dt, P as n, x as Et, y as mt, b as H, z as ht, d as G, q as Y } from "./useSlot-BiMlGawc.js";
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 U = 0;
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 && (U += 1, s(`mui-${U}`));
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 z = {
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 || z.disabled) {
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 || z.disabled) {
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 W = {};
411
+ const z = {};
412
412
  function _t(e, r) {
413
- const s = f.useRef(W);
414
- return s.current === W && (s.current = e(r)), s;
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 q {
420
+ class G {
421
421
  static create() {
422
- return new q();
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(q.create).current;
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 (G(() => {
514
+ if (U(() => {
515
515
  t || u(At(i) || document.body);
516
- }, [i, t]), G(() => {
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 qt = {
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
- }, Gt = {
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, qt, Gt, M, t.props.style);
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
- q as T,
773
- Ct as _,
774
- Zt as a,
775
- St as b,
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
- Bt as u
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,4 @@
1
+ import { default as React } from 'react';
2
+ import { CalendarGridProps } from './calendarGrid.types';
3
+ export declare const CalendarGrid: React.FC<CalendarGridProps>;
4
+ //# sourceMappingURL=CalendarGrid.d.ts.map
@@ -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,4 @@
1
+ import { default as React } from 'react';
2
+ import { ScrollDropdownProps } from './calendarGrid.types';
3
+ export declare const ScrollDropdown: React.FC<ScrollDropdownProps>;
4
+ //# sourceMappingURL=ScrollDropdown.d.ts.map
@@ -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,6 @@
1
+ import "react/jsx-runtime";
2
+ import "react";
3
+ import { S as t } from "../../../ScrollDropdown-SqirjC7s.js";
4
+ export {
5
+ t as ScrollDropdown
6
+ };
@@ -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,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"}