ml-uikit 1.1.7 → 1.1.8
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/components/ui/password-input.d.ts +9 -0
- package/dist/components/ui/password-input.d.ts.map +1 -0
- package/dist/components/ui/searchable-dropdown.d.ts +22 -0
- package/dist/components/ui/searchable-dropdown.d.ts.map +1 -0
- package/dist/components/ui/table.d.ts +5 -1
- package/dist/components/ui/table.d.ts.map +1 -1
- package/dist/index.cjs.js +1 -1
- package/dist/index.cjs10.js +1 -1
- package/dist/index.cjs10.js.map +1 -1
- package/dist/index.cjs11.js +1 -1
- package/dist/index.cjs11.js.map +1 -1
- package/dist/index.cjs12.js +1 -1
- package/dist/index.cjs12.js.map +1 -1
- package/dist/index.cjs13.js +1 -1
- package/dist/index.cjs13.js.map +1 -1
- package/dist/index.cjs14.js +1 -1
- package/dist/index.cjs14.js.map +1 -1
- package/dist/index.cjs15.js +1 -1
- package/dist/index.cjs15.js.map +1 -1
- package/dist/index.cjs16.js +4 -4
- package/dist/index.cjs16.js.map +1 -1
- package/dist/index.cjs17.js +1 -1
- package/dist/index.cjs17.js.map +1 -1
- package/dist/index.cjs19.js +1 -1
- package/dist/index.cjs19.js.map +1 -1
- package/dist/index.cjs2.js +1 -1
- package/dist/index.cjs2.js.map +1 -1
- package/dist/index.cjs20.js +1 -1
- package/dist/index.cjs20.js.map +1 -1
- package/dist/index.cjs21.js +1 -1
- package/dist/index.cjs21.js.map +1 -1
- package/dist/index.cjs22.js +1 -1
- package/dist/index.cjs22.js.map +1 -1
- package/dist/index.cjs23.js +1 -1
- package/dist/index.cjs23.js.map +1 -1
- package/dist/index.cjs24.js +1 -1
- package/dist/index.cjs24.js.map +1 -1
- package/dist/index.cjs25.js +1 -1
- package/dist/index.cjs25.js.map +1 -1
- package/dist/index.cjs26.js +1 -1
- package/dist/index.cjs26.js.map +1 -1
- package/dist/index.cjs27.js +1 -1
- package/dist/index.cjs27.js.map +1 -1
- package/dist/index.cjs28.js +1 -1
- package/dist/index.cjs28.js.map +1 -1
- package/dist/index.cjs29.js +1 -1
- package/dist/index.cjs29.js.map +1 -1
- package/dist/index.cjs3.js +1 -1
- package/dist/index.cjs3.js.map +1 -1
- package/dist/index.cjs30.js +1 -1
- package/dist/index.cjs30.js.map +1 -1
- package/dist/index.cjs31.js +1 -1
- package/dist/index.cjs31.js.map +1 -1
- package/dist/index.cjs32.js +1 -1
- package/dist/index.cjs32.js.map +1 -1
- package/dist/index.cjs33.js +1 -1
- package/dist/index.cjs33.js.map +1 -1
- package/dist/index.cjs34.js +1 -1
- package/dist/index.cjs34.js.map +1 -1
- package/dist/index.cjs35.js +1 -1
- package/dist/index.cjs35.js.map +1 -1
- package/dist/index.cjs36.js +1 -1
- package/dist/index.cjs36.js.map +1 -1
- package/dist/index.cjs37.js +1 -1
- package/dist/index.cjs37.js.map +1 -1
- package/dist/index.cjs38.js +1 -1
- package/dist/index.cjs38.js.map +1 -1
- package/dist/index.cjs39.js +1 -1
- package/dist/index.cjs39.js.map +1 -1
- package/dist/index.cjs4.js +1 -1
- package/dist/index.cjs4.js.map +1 -1
- package/dist/index.cjs40.js +1 -1
- package/dist/index.cjs40.js.map +1 -1
- package/dist/index.cjs41.js +1 -1
- package/dist/index.cjs41.js.map +1 -1
- package/dist/index.cjs42.js +1 -1
- package/dist/index.cjs42.js.map +1 -1
- package/dist/index.cjs43.js +1 -1
- package/dist/index.cjs43.js.map +1 -1
- package/dist/index.cjs44.js +1 -1
- package/dist/index.cjs44.js.map +1 -1
- package/dist/index.cjs45.js +1 -1
- package/dist/index.cjs45.js.map +1 -1
- package/dist/index.cjs46.js +1 -1
- package/dist/index.cjs46.js.map +1 -1
- package/dist/index.cjs47.js +1 -1
- package/dist/index.cjs47.js.map +1 -1
- package/dist/index.cjs48.js +1 -1
- package/dist/index.cjs48.js.map +1 -1
- package/dist/index.cjs49.js +1 -1
- package/dist/index.cjs49.js.map +1 -1
- package/dist/index.cjs5.js +1 -1
- package/dist/index.cjs5.js.map +1 -1
- package/dist/index.cjs50.js +1 -1
- package/dist/index.cjs50.js.map +1 -1
- package/dist/index.cjs51.js +1 -1
- package/dist/index.cjs51.js.map +1 -1
- package/dist/index.cjs52.js +1 -1
- package/dist/index.cjs52.js.map +1 -1
- package/dist/index.cjs53.js +1 -1
- package/dist/index.cjs53.js.map +1 -1
- package/dist/index.cjs54.js +1 -1
- package/dist/index.cjs54.js.map +1 -1
- package/dist/index.cjs55.js +1 -1
- package/dist/index.cjs55.js.map +1 -1
- package/dist/index.cjs56.js +1 -1
- package/dist/index.cjs56.js.map +1 -1
- package/dist/index.cjs57.js +1 -1
- package/dist/index.cjs57.js.map +1 -1
- package/dist/index.cjs58.js +1 -1
- package/dist/index.cjs58.js.map +1 -1
- package/dist/index.cjs59.js +1 -1
- package/dist/index.cjs59.js.map +1 -1
- package/dist/index.cjs60.js +1 -1
- package/dist/index.cjs60.js.map +1 -1
- package/dist/index.cjs61.js +1 -1
- package/dist/index.cjs61.js.map +1 -1
- package/dist/index.cjs62.js +1 -1
- package/dist/index.cjs62.js.map +1 -1
- package/dist/index.cjs63.js +2 -0
- package/dist/index.cjs63.js.map +1 -0
- package/dist/index.cjs64.js +2 -0
- package/dist/index.cjs64.js.map +1 -0
- package/dist/index.cjs65.js +2 -0
- package/dist/index.cjs65.js.map +1 -0
- package/dist/index.cjs66.js +2 -0
- package/dist/index.cjs66.js.map +1 -0
- package/dist/index.cjs67.js +2 -0
- package/dist/index.cjs67.js.map +1 -0
- package/dist/index.cjs68.js +7 -0
- package/dist/index.cjs68.js.map +1 -0
- package/dist/index.cjs69.js +2 -0
- package/dist/index.cjs69.js.map +1 -0
- package/dist/index.cjs7.js +1 -1
- package/dist/index.cjs7.js.map +1 -1
- package/dist/index.cjs70.js +2 -0
- package/dist/index.cjs70.js.map +1 -0
- package/dist/index.cjs71.js +2 -0
- package/dist/index.cjs71.js.map +1 -0
- package/dist/index.cjs8.js +1 -1
- package/dist/index.cjs8.js.map +1 -1
- package/dist/index.cjs9.js +1 -1
- package/dist/index.cjs9.js.map +1 -1
- package/dist/index.d.ts +3 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.es.js +271 -258
- package/dist/index.es.js.map +1 -1
- package/dist/index.es10.js +22 -21
- package/dist/index.es10.js.map +1 -1
- package/dist/index.es11.js +14 -13
- package/dist/index.es11.js.map +1 -1
- package/dist/index.es12.js +31 -31
- package/dist/index.es12.js.map +1 -1
- package/dist/index.es13.js +39 -38
- package/dist/index.es13.js.map +1 -1
- package/dist/index.es14.js +34 -33
- package/dist/index.es14.js.map +1 -1
- package/dist/index.es15.js +107 -102
- package/dist/index.es15.js.map +1 -1
- package/dist/index.es16.js +155 -140
- package/dist/index.es16.js.map +1 -1
- package/dist/index.es17.js +21 -18
- package/dist/index.es17.js.map +1 -1
- package/dist/index.es19.js +63 -59
- package/dist/index.es19.js.map +1 -1
- package/dist/index.es2.js +10 -6
- package/dist/index.es2.js.map +1 -1
- package/dist/index.es20.js +85 -78
- package/dist/index.es20.js.map +1 -1
- package/dist/index.es21.js +68 -59
- package/dist/index.es21.js.map +1 -1
- package/dist/index.es22.js +68 -62
- package/dist/index.es22.js.map +1 -1
- package/dist/index.es23.js +83 -76
- package/dist/index.es23.js.map +1 -1
- package/dist/index.es24.js +178 -94
- package/dist/index.es24.js.map +1 -1
- package/dist/index.es25.js +57 -164
- package/dist/index.es25.js.map +1 -1
- package/dist/index.es26.js +198 -77
- package/dist/index.es26.js.map +1 -1
- package/dist/index.es27.js +90 -20
- package/dist/index.es27.js.map +1 -1
- package/dist/index.es28.js +21 -22
- package/dist/index.es28.js.map +1 -1
- package/dist/index.es29.js +19 -343
- package/dist/index.es29.js.map +1 -1
- package/dist/index.es3.js +35 -32
- package/dist/index.es3.js.map +1 -1
- package/dist/index.es30.js +38 -148
- package/dist/index.es30.js.map +1 -1
- package/dist/index.es31.js +377 -42
- package/dist/index.es31.js.map +1 -1
- package/dist/index.es32.js +146 -172
- package/dist/index.es32.js.map +1 -1
- package/dist/index.es33.js +46 -253
- package/dist/index.es33.js.map +1 -1
- package/dist/index.es34.js +195 -180
- package/dist/index.es34.js.map +1 -1
- package/dist/index.es35.js +253 -29
- package/dist/index.es35.js.map +1 -1
- package/dist/index.es36.js +183 -14
- package/dist/index.es36.js.map +1 -1
- package/dist/index.es37.js +29 -93
- package/dist/index.es37.js.map +1 -1
- package/dist/index.es38.js +13 -187
- package/dist/index.es38.js.map +1 -1
- package/dist/index.es39.js +93 -96
- package/dist/index.es39.js.map +1 -1
- package/dist/index.es4.js +38 -32
- package/dist/index.es4.js.map +1 -1
- package/dist/index.es40.js +182 -80
- package/dist/index.es40.js.map +1 -1
- package/dist/index.es41.js +98 -17
- package/dist/index.es41.js.map +1 -1
- package/dist/index.es42.js +101 -21
- package/dist/index.es42.js.map +1 -1
- package/dist/index.es43.js +20 -28
- package/dist/index.es43.js.map +1 -1
- package/dist/index.es44.js +19 -28
- package/dist/index.es44.js.map +1 -1
- package/dist/index.es45.js +25 -176
- package/dist/index.es45.js.map +1 -1
- package/dist/index.es46.js +36 -21
- package/dist/index.es46.js.map +1 -1
- package/dist/index.es47.js +171 -78
- package/dist/index.es47.js.map +1 -1
- package/dist/index.es48.js +17 -551
- package/dist/index.es48.js.map +1 -1
- package/dist/index.es49.js +106 -13
- package/dist/index.es49.js.map +1 -1
- package/dist/index.es5.js +71 -67
- package/dist/index.es5.js.map +1 -1
- package/dist/index.es50.js +559 -35
- package/dist/index.es50.js.map +1 -1
- package/dist/index.es51.js +12 -19
- package/dist/index.es51.js.map +1 -1
- package/dist/index.es52.js +47 -12
- package/dist/index.es52.js.map +1 -1
- package/dist/index.es53.js +21 -25
- package/dist/index.es53.js.map +1 -1
- package/dist/index.es54.js +14 -217
- package/dist/index.es54.js.map +1 -1
- package/dist/index.es55.js +23 -44
- package/dist/index.es55.js.map +1 -1
- package/dist/index.es56.js +237 -13
- package/dist/index.es56.js.map +1 -1
- package/dist/index.es57.js +44 -28
- package/dist/index.es57.js.map +1 -1
- package/dist/index.es58.js +17 -36
- package/dist/index.es58.js.map +1 -1
- package/dist/index.es59.js +33 -18
- package/dist/index.es59.js.map +1 -1
- package/dist/index.es60.js +39 -6
- package/dist/index.es60.js.map +1 -1
- package/dist/index.es61.js +21 -267
- package/dist/index.es61.js.map +1 -1
- package/dist/index.es62.js +3 -6268
- package/dist/index.es62.js.map +1 -1
- package/dist/index.es63.js +9 -0
- package/dist/index.es63.js.map +1 -0
- package/dist/index.es64.js +270 -0
- package/dist/index.es64.js.map +1 -0
- package/dist/index.es65.js +11 -0
- package/dist/index.es65.js.map +1 -0
- package/dist/index.es66.js +5 -0
- package/dist/index.es66.js.map +1 -0
- package/dist/index.es67.js +27 -0
- package/dist/index.es67.js.map +1 -0
- package/dist/index.es68.js +237 -0
- package/dist/index.es68.js.map +1 -0
- package/dist/index.es69.js +5 -0
- package/dist/index.es69.js.map +1 -0
- package/dist/index.es7.js +25 -24
- package/dist/index.es7.js.map +1 -1
- package/dist/index.es70.js +5 -0
- package/dist/index.es70.js.map +1 -0
- package/dist/index.es71.js +6271 -0
- package/dist/index.es71.js.map +1 -0
- package/dist/index.es8.js +43 -41
- package/dist/index.es8.js.map +1 -1
- package/dist/index.es9.js +51 -48
- package/dist/index.es9.js.map +1 -1
- package/dist/style.css +59 -0
- package/package.json +1 -1
package/dist/index.es29.js
CHANGED
|
@@ -1,350 +1,26 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
import {
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
import { Popover as xe, PopoverTrigger as ge, PopoverContent as he } from "./index.es41.js";
|
|
8
|
-
const we = "dd/MM/yyyy", ve = "DD/MM/YYYY - DD/MM/YYYY", Ee = Array.from(
|
|
9
|
-
{ length: 12 },
|
|
10
|
-
(t, n) => new Date(2020, n, 1).toLocaleString("default", { month: "long" })
|
|
11
|
-
), M = (t, n, s) => G(t, n) ? n : w(t, s) ? s : t, N = (t) => {
|
|
12
|
-
if (!(!t?.from && !t?.to))
|
|
13
|
-
return t.from && t.to && w(t.from, t.to) ? {
|
|
14
|
-
from: t.to,
|
|
15
|
-
to: t.from
|
|
16
|
-
} : {
|
|
17
|
-
from: t.from,
|
|
18
|
-
to: t.to
|
|
19
|
-
};
|
|
20
|
-
}, C = (t, n) => {
|
|
21
|
-
if (t)
|
|
22
|
-
return me(t, n);
|
|
23
|
-
}, ye = (t, n) => {
|
|
24
|
-
const s = C(t?.from, n), m = C(t?.to, n);
|
|
25
|
-
return !s || !m ? "" : `${s} - ${m}`;
|
|
26
|
-
}, De = (t, n) => {
|
|
27
|
-
const s = C(t?.from, n) ?? "DD/MM/YYYY", m = C(t?.to, n) ?? "DD/MM/YYYY";
|
|
28
|
-
return `${s} - ${m}`;
|
|
29
|
-
};
|
|
30
|
-
function q({
|
|
31
|
-
label: t,
|
|
32
|
-
month: n,
|
|
33
|
-
minMonth: s,
|
|
34
|
-
maxMonth: m,
|
|
35
|
-
minDate: S,
|
|
36
|
-
maxDate: Y,
|
|
37
|
-
selectedDate: k,
|
|
38
|
-
disabledMatcher: v,
|
|
39
|
-
disabled: g,
|
|
40
|
-
years: E,
|
|
41
|
-
onMonthChange: f,
|
|
42
|
-
onSelectDate: y
|
|
43
|
-
}) {
|
|
44
|
-
const h = () => {
|
|
45
|
-
f(z(n, -1));
|
|
46
|
-
}, P = () => {
|
|
47
|
-
f(z(n, 1));
|
|
48
|
-
}, A = g || !w(n, s), d = g || !G(n, m);
|
|
49
|
-
return /* @__PURE__ */ e.createElement("div", { className: "w-full min-w-0" }, /* @__PURE__ */ e.createElement("div", { className: "flex flex-wrap items-center gap-2 sm:flex-nowrap" }, /* @__PURE__ */ e.createElement(
|
|
50
|
-
"button",
|
|
51
|
-
{
|
|
52
|
-
type: "button",
|
|
53
|
-
onClick: h,
|
|
54
|
-
disabled: A,
|
|
55
|
-
className: u(
|
|
56
|
-
"inline-flex h-8 w-8 items-center justify-center rounded-md text-[#6e6d71] transition-colors lg:h-9 lg:w-9",
|
|
57
|
-
"hover:bg-[#f5f5f5] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1d1c20]/20",
|
|
58
|
-
"disabled:cursor-not-allowed disabled:opacity-40"
|
|
59
|
-
),
|
|
60
|
-
"aria-label": `Previous month for ${t.toLowerCase()}`
|
|
61
|
-
},
|
|
62
|
-
/* @__PURE__ */ e.createElement(ue, { className: "h-4 w-4 lg:h-5 lg:w-5" })
|
|
63
|
-
), /* @__PURE__ */ e.createElement("div", { className: "relative min-w-0 flex-1" }, /* @__PURE__ */ e.createElement(
|
|
64
|
-
"select",
|
|
65
|
-
{
|
|
66
|
-
value: n.getMonth(),
|
|
67
|
-
onChange: (r) => {
|
|
68
|
-
const l = Number(r.target.value);
|
|
69
|
-
f(ce(n, l));
|
|
70
|
-
},
|
|
71
|
-
disabled: g,
|
|
72
|
-
className: u(
|
|
73
|
-
"h-9 w-full appearance-none rounded-md border border-[#b7b7b9] bg-white px-3 pr-8 text-left text-sm font-medium leading-5 text-[#111111] lg:h-10 lg:px-4 lg:pr-10",
|
|
74
|
-
"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1d1c20]/20",
|
|
75
|
-
"disabled:cursor-not-allowed disabled:bg-[#f2f2f2] disabled:text-[#b3b3b3]"
|
|
76
|
-
),
|
|
77
|
-
"aria-label": `Month for ${t.toLowerCase()}`
|
|
78
|
-
},
|
|
79
|
-
Ee.map((r, l) => /* @__PURE__ */ e.createElement("option", { key: r, value: l }, r))
|
|
80
|
-
), /* @__PURE__ */ e.createElement(I, { className: "pointer-events-none absolute right-2.5 top-1/2 h-4 w-4 -translate-y-1/2 text-[#7f7d83] lg:right-3" })), /* @__PURE__ */ e.createElement("div", { className: "relative w-[104px] shrink-0 sm:w-[120px]" }, /* @__PURE__ */ e.createElement(
|
|
81
|
-
"select",
|
|
1
|
+
import { j as t } from "./index.es62.js";
|
|
2
|
+
import * as l from "react";
|
|
3
|
+
import { cn as a } from "./index.es63.js";
|
|
4
|
+
const d = l.forwardRef(
|
|
5
|
+
({ className: e, type: i, ...r }, o) => /* @__PURE__ */ t.jsx(
|
|
6
|
+
"input",
|
|
82
7
|
{
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1d1c20]/20",
|
|
92
|
-
"disabled:cursor-not-allowed disabled:bg-[#f2f2f2] disabled:text-[#b3b3b3]"
|
|
8
|
+
type: i,
|
|
9
|
+
className: a(
|
|
10
|
+
"flex h-10 w-full rounded-[8px] border border-[#e6e6e6] bg-white px-3 py-2 text-[14px] leading-[20px] text-[#111111] transition-colors",
|
|
11
|
+
"file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground",
|
|
12
|
+
"placeholder:text-[#b3b3b3] focus-visible:outline-none focus-visible:border-[#1D1C20] focus-visible:ring-0",
|
|
13
|
+
"disabled:cursor-not-allowed disabled:bg-[#f2f2f2] disabled:text-[#9ca3af] disabled:placeholder:text-[#b3b3b3] disabled:opacity-100",
|
|
14
|
+
"aria-invalid:border-[#ff3b30] aria-invalid:focus-visible:border-[#ff3b30]",
|
|
15
|
+
e
|
|
93
16
|
),
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
E.map((r) => /* @__PURE__ */ e.createElement("option", { key: r, value: r }, r))
|
|
97
|
-
), /* @__PURE__ */ e.createElement(I, { className: "pointer-events-none absolute right-2.5 top-1/2 h-4 w-4 -translate-y-1/2 text-[#7f7d83] lg:right-3" })), /* @__PURE__ */ e.createElement(
|
|
98
|
-
"button",
|
|
99
|
-
{
|
|
100
|
-
type: "button",
|
|
101
|
-
onClick: P,
|
|
102
|
-
disabled: d,
|
|
103
|
-
className: u(
|
|
104
|
-
"inline-flex h-8 w-8 items-center justify-center rounded-md text-[#6e6d71] transition-colors lg:h-9 lg:w-9",
|
|
105
|
-
"hover:bg-[#f5f5f5] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1d1c20]/20",
|
|
106
|
-
"disabled:cursor-not-allowed disabled:opacity-40"
|
|
107
|
-
),
|
|
108
|
-
"aria-label": `Next month for ${t.toLowerCase()}`
|
|
109
|
-
},
|
|
110
|
-
/* @__PURE__ */ e.createElement(be, { className: "h-4 w-4 lg:h-5 lg:w-5" })
|
|
111
|
-
)), /* @__PURE__ */ e.createElement("p", { className: "mt-1.5 text-center text-sm font-medium leading-5 text-[#666666] lg:mt-2" }, t), /* @__PURE__ */ e.createElement(
|
|
112
|
-
pe,
|
|
113
|
-
{
|
|
114
|
-
mode: "single",
|
|
115
|
-
month: n,
|
|
116
|
-
onMonthChange: f,
|
|
117
|
-
selected: k,
|
|
118
|
-
onSelect: y,
|
|
119
|
-
showOutsideDays: !0,
|
|
120
|
-
fixedWeeks: !0,
|
|
121
|
-
hideNavigation: !0,
|
|
122
|
-
disabled: [
|
|
123
|
-
{ before: S },
|
|
124
|
-
{ after: Y },
|
|
125
|
-
...v ? [v] : []
|
|
126
|
-
],
|
|
127
|
-
className: "mt-1 p-0 [--drp-cell-size:1.625rem] md:[--drp-cell-size:1.875rem] xl:[--drp-cell-size:2.125rem]",
|
|
128
|
-
classNames: {
|
|
129
|
-
root: "w-full",
|
|
130
|
-
months: "w-full",
|
|
131
|
-
month: "w-full",
|
|
132
|
-
month_caption: "hidden",
|
|
133
|
-
month_grid: "w-full border-collapse",
|
|
134
|
-
weekdays: "grid grid-cols-7",
|
|
135
|
-
weekday: "h-[calc(var(--drp-cell-size)-0.25rem)] text-center text-[11px] font-medium leading-4 text-[#666666] lg:text-xs",
|
|
136
|
-
weeks: "grid gap-0",
|
|
137
|
-
week: "grid grid-cols-7",
|
|
138
|
-
day: "flex h-[var(--drp-cell-size)] w-full items-center justify-center p-0",
|
|
139
|
-
day_button: "h-[--drp-cell-size] w-[--drp-cell-size] rounded-md border border-transparent bg-transparent p-0 text-[13px] font-normal leading-none text-[#444444] transition-colors hover:border-[#cccccc] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#2bbd8f]/25 lg:text-sm",
|
|
140
|
-
selected: "[&>button]:border-[#2bbd8f] [&>button]:bg-[#2bbd8f] [&>button]:text-[#111111]",
|
|
141
|
-
today: "font-medium",
|
|
142
|
-
outside: "text-[#a4a4a8]",
|
|
143
|
-
disabled: "pointer-events-none text-[#d3d3d6]",
|
|
144
|
-
hidden: "invisible"
|
|
145
|
-
}
|
|
17
|
+
ref: o,
|
|
18
|
+
...r
|
|
146
19
|
}
|
|
147
|
-
)
|
|
148
|
-
}
|
|
149
|
-
const Me = e.forwardRef(
|
|
150
|
-
({
|
|
151
|
-
value: t,
|
|
152
|
-
defaultValue: n,
|
|
153
|
-
onValueChange: s,
|
|
154
|
-
wrapperClassName: m,
|
|
155
|
-
popoverClassName: S,
|
|
156
|
-
popoverSide: Y = "bottom",
|
|
157
|
-
popoverAvoidCollisions: k = !0,
|
|
158
|
-
className: v,
|
|
159
|
-
placeholder: g = ve,
|
|
160
|
-
dateFormat: E = we,
|
|
161
|
-
minYear: f = 2e3,
|
|
162
|
-
maxYear: y = 2100,
|
|
163
|
-
disabled: h,
|
|
164
|
-
...P
|
|
165
|
-
}, A) => {
|
|
166
|
-
const d = Math.min(f, y), r = Math.max(f, y), l = e.useMemo(
|
|
167
|
-
() => x(new Date(d, 0, 1)),
|
|
168
|
-
[d]
|
|
169
|
-
), b = e.useMemo(
|
|
170
|
-
() => x(new Date(r, 11, 1)),
|
|
171
|
-
[r]
|
|
172
|
-
), R = e.useMemo(() => new Date(d, 0, 1), [d]), O = e.useMemo(
|
|
173
|
-
() => new Date(r, 11, 31),
|
|
174
|
-
[r]
|
|
175
|
-
), $ = e.useMemo(
|
|
176
|
-
() => Array.from(
|
|
177
|
-
{ length: r - d + 1 },
|
|
178
|
-
(o, c) => d + c
|
|
179
|
-
),
|
|
180
|
-
[d, r]
|
|
181
|
-
), j = t !== void 0, [J, K] = e.useState(
|
|
182
|
-
N(n)
|
|
183
|
-
), p = N(j ? t : J), L = e.useCallback(
|
|
184
|
-
(o) => {
|
|
185
|
-
const c = x(/* @__PURE__ */ new Date()), a = M(
|
|
186
|
-
x(o?.from ?? c),
|
|
187
|
-
l,
|
|
188
|
-
b
|
|
189
|
-
), se = o?.to ? x(o.to) : z(a, 1), ie = M(se, l, b);
|
|
190
|
-
return {
|
|
191
|
-
start: a,
|
|
192
|
-
end: ie
|
|
193
|
-
};
|
|
194
|
-
},
|
|
195
|
-
[l, b]
|
|
196
|
-
), [T, V] = e.useState(!1), [i, _] = e.useState(
|
|
197
|
-
p
|
|
198
|
-
), B = L(p), [Q, H] = e.useState(B.start), [X, U] = e.useState(B.end), D = e.useCallback(
|
|
199
|
-
(o) => {
|
|
200
|
-
const c = N(o);
|
|
201
|
-
_(c);
|
|
202
|
-
const a = L(c);
|
|
203
|
-
H(a.start), U(a.end);
|
|
204
|
-
},
|
|
205
|
-
[L]
|
|
206
|
-
);
|
|
207
|
-
e.useEffect(() => {
|
|
208
|
-
T || D(p);
|
|
209
|
-
}, [p, T, D]);
|
|
210
|
-
const Z = (o) => {
|
|
211
|
-
H(M(x(o), l, b));
|
|
212
|
-
}, ee = (o) => {
|
|
213
|
-
U(M(x(o), l, b));
|
|
214
|
-
}, te = (o) => {
|
|
215
|
-
o && _((c) => {
|
|
216
|
-
const a = {
|
|
217
|
-
from: o,
|
|
218
|
-
to: c?.to
|
|
219
|
-
};
|
|
220
|
-
return a.to && w(o, a.to) && (a.to = o), a;
|
|
221
|
-
});
|
|
222
|
-
}, oe = (o) => {
|
|
223
|
-
o && _((c) => {
|
|
224
|
-
const a = {
|
|
225
|
-
from: c?.from,
|
|
226
|
-
to: o
|
|
227
|
-
};
|
|
228
|
-
return a.from && w(a.from, o) && (a.from = o), a;
|
|
229
|
-
});
|
|
230
|
-
}, ne = () => {
|
|
231
|
-
D(p), V(!1);
|
|
232
|
-
}, re = () => {
|
|
233
|
-
const o = N(i);
|
|
234
|
-
j || K(o), s?.(o), V(!1);
|
|
235
|
-
}, ae = !!(i?.from && i?.to), F = ye(p, E), le = De(i, E);
|
|
236
|
-
return /* @__PURE__ */ e.createElement("div", { className: u("w-full", m) }, /* @__PURE__ */ e.createElement(
|
|
237
|
-
xe,
|
|
238
|
-
{
|
|
239
|
-
open: T,
|
|
240
|
-
onOpenChange: (o) => {
|
|
241
|
-
h || (o && D(p), V(o));
|
|
242
|
-
}
|
|
243
|
-
},
|
|
244
|
-
/* @__PURE__ */ e.createElement(ge, { asChild: !0 }, /* @__PURE__ */ e.createElement(
|
|
245
|
-
"button",
|
|
246
|
-
{
|
|
247
|
-
ref: A,
|
|
248
|
-
type: "button",
|
|
249
|
-
disabled: h,
|
|
250
|
-
className: u(
|
|
251
|
-
"flex h-10 w-full items-center justify-between rounded-[8px] border border-[#e6e6e6] bg-white px-3 py-2 text-left text-[14px] leading-[20px] transition-colors",
|
|
252
|
-
"focus-visible:outline-none focus-visible:border-[#1D1C20] focus-visible:ring-0",
|
|
253
|
-
"disabled:cursor-not-allowed disabled:bg-[#f2f2f2] disabled:text-[#9ca3af] disabled:opacity-100",
|
|
254
|
-
v
|
|
255
|
-
),
|
|
256
|
-
...P
|
|
257
|
-
},
|
|
258
|
-
/* @__PURE__ */ e.createElement(
|
|
259
|
-
"span",
|
|
260
|
-
{
|
|
261
|
-
className: u(
|
|
262
|
-
"truncate text-[14px] font-normal leading-[20px]",
|
|
263
|
-
F ? "text-[#111111]" : "text-[#b3b3b3]"
|
|
264
|
-
)
|
|
265
|
-
},
|
|
266
|
-
F || g
|
|
267
|
-
),
|
|
268
|
-
/* @__PURE__ */ e.createElement(fe, { className: "ml-3 h-4 w-4 shrink-0 text-[#111111]" })
|
|
269
|
-
)),
|
|
270
|
-
/* @__PURE__ */ e.createElement(
|
|
271
|
-
he,
|
|
272
|
-
{
|
|
273
|
-
side: Y,
|
|
274
|
-
avoidCollisions: k,
|
|
275
|
-
align: "start",
|
|
276
|
-
sideOffset: 10,
|
|
277
|
-
className: u(
|
|
278
|
-
"w-[min(95vw,760px)] max-h-[var(--radix-popover-content-available-height)] overflow-y-auto overscroll-contain rounded-xl border border-[#d8d8da] bg-[#f7f7f8] p-3 shadow-[0px_12px_24px_rgba(0,0,0,0.08)] sm:p-4",
|
|
279
|
-
S
|
|
280
|
-
)
|
|
281
|
-
},
|
|
282
|
-
/* @__PURE__ */ e.createElement("div", { className: "grid gap-3 md:grid-cols-2 md:gap-4" }, /* @__PURE__ */ e.createElement(
|
|
283
|
-
q,
|
|
284
|
-
{
|
|
285
|
-
label: "Start date",
|
|
286
|
-
month: Q,
|
|
287
|
-
minMonth: l,
|
|
288
|
-
maxMonth: b,
|
|
289
|
-
minDate: R,
|
|
290
|
-
maxDate: O,
|
|
291
|
-
selectedDate: i?.from,
|
|
292
|
-
disabledMatcher: i?.to ? { after: i.to } : void 0,
|
|
293
|
-
disabled: h,
|
|
294
|
-
years: $,
|
|
295
|
-
onMonthChange: Z,
|
|
296
|
-
onSelectDate: te
|
|
297
|
-
}
|
|
298
|
-
), /* @__PURE__ */ e.createElement(
|
|
299
|
-
q,
|
|
300
|
-
{
|
|
301
|
-
label: "End date",
|
|
302
|
-
month: X,
|
|
303
|
-
minMonth: l,
|
|
304
|
-
maxMonth: b,
|
|
305
|
-
minDate: R,
|
|
306
|
-
maxDate: O,
|
|
307
|
-
selectedDate: i?.to,
|
|
308
|
-
disabledMatcher: i?.from ? { before: i.from } : void 0,
|
|
309
|
-
disabled: h,
|
|
310
|
-
years: $,
|
|
311
|
-
onMonthChange: ee,
|
|
312
|
-
onSelectDate: oe
|
|
313
|
-
}
|
|
314
|
-
)),
|
|
315
|
-
/* @__PURE__ */ e.createElement("div", { className: "mt-2.5 border-t border-[#d8d8da] pt-2.5" }, /* @__PURE__ */ e.createElement(
|
|
316
|
-
"input",
|
|
317
|
-
{
|
|
318
|
-
readOnly: !0,
|
|
319
|
-
value: le,
|
|
320
|
-
className: "h-9 w-full rounded-md border border-[#e6e6e6] bg-white px-3 py-2 text-sm leading-5 text-[#111111] outline-none transition-colors placeholder:text-[#b3b3b3] focus-visible:border-[#1D1C20]",
|
|
321
|
-
"aria-label": "Selected date range"
|
|
322
|
-
}
|
|
323
|
-
), /* @__PURE__ */ e.createElement("div", { className: "mt-2.5 flex flex-col-reverse gap-2 sm:flex-row sm:justify-end" }, /* @__PURE__ */ e.createElement(
|
|
324
|
-
W,
|
|
325
|
-
{
|
|
326
|
-
type: "button",
|
|
327
|
-
variant: "outline",
|
|
328
|
-
className: "h-9 rounded-md px-4 text-sm",
|
|
329
|
-
onClick: ne
|
|
330
|
-
},
|
|
331
|
-
"Cancel"
|
|
332
|
-
), /* @__PURE__ */ e.createElement(
|
|
333
|
-
W,
|
|
334
|
-
{
|
|
335
|
-
type: "button",
|
|
336
|
-
className: "h-9 rounded-md px-4 text-sm",
|
|
337
|
-
disabled: !ae,
|
|
338
|
-
onClick: re
|
|
339
|
-
},
|
|
340
|
-
"Apply"
|
|
341
|
-
)))
|
|
342
|
-
)
|
|
343
|
-
));
|
|
344
|
-
}
|
|
20
|
+
)
|
|
345
21
|
);
|
|
346
|
-
|
|
22
|
+
d.displayName = "Input";
|
|
347
23
|
export {
|
|
348
|
-
|
|
24
|
+
d as Input
|
|
349
25
|
};
|
|
350
26
|
//# sourceMappingURL=index.es29.js.map
|
package/dist/index.es29.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.es29.js","sources":["../src/components/ui/date-range-picker.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport {\n addMonths,\n format,\n isAfter,\n isBefore,\n setMonth,\n setYear,\n startOfMonth,\n} from \"date-fns\"\nimport { CalendarDays, ChevronDown, ChevronLeft, ChevronRight } from \"lucide-react\"\nimport { DayPicker, type Matcher } from \"react-day-picker\"\n\nimport { cn } from \"@/lib/utils\"\nimport { Button } from \"@/components/ui/button\"\nimport {\n Popover,\n PopoverContent,\n PopoverTrigger,\n} from \"@/components/ui/popover\"\n\nexport type DateRangePickerValue = {\n from?: Date\n to?: Date\n}\n\nexport interface DateRangePickerProps\n extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, \"value\" | \"defaultValue\" | \"onChange\"> {\n value?: DateRangePickerValue\n defaultValue?: DateRangePickerValue\n onValueChange?: (value: DateRangePickerValue | undefined) => void\n wrapperClassName?: string\n popoverClassName?: string\n popoverSide?: React.ComponentPropsWithoutRef<typeof PopoverContent>[\"side\"]\n popoverAvoidCollisions?: boolean\n placeholder?: string\n dateFormat?: string\n minYear?: number\n maxYear?: number\n}\n\nconst DEFAULT_FORMAT = \"dd/MM/yyyy\"\nconst DEFAULT_PLACEHOLDER = \"DD/MM/YYYY - DD/MM/YYYY\"\nconst MONTH_LABELS = Array.from({ length: 12 }, (_, monthIndex) =>\n new Date(2020, monthIndex, 1).toLocaleString(\"default\", { month: \"long\" })\n)\n\nconst clampMonth = (month: Date, minMonth: Date, maxMonth: Date) => {\n if (isBefore(month, minMonth)) {\n return minMonth\n }\n\n if (isAfter(month, maxMonth)) {\n return maxMonth\n }\n\n return month\n}\n\nconst normalizeRange = (\n value?: DateRangePickerValue\n): DateRangePickerValue | undefined => {\n if (!value?.from && !value?.to) {\n return undefined\n }\n\n if (value.from && value.to && isAfter(value.from, value.to)) {\n return {\n from: value.to,\n to: value.from,\n }\n }\n\n return {\n from: value.from,\n to: value.to,\n }\n}\n\nconst formatDate = (date: Date | undefined, dateFormat: string) => {\n if (!date) {\n return undefined\n }\n\n return format(date, dateFormat)\n}\n\nconst formatCommittedValue = (\n value: DateRangePickerValue | undefined,\n dateFormat: string\n) => {\n const fromText = formatDate(value?.from, dateFormat)\n const toText = formatDate(value?.to, dateFormat)\n\n if (!fromText || !toText) {\n return \"\"\n }\n\n return `${fromText} - ${toText}`\n}\n\nconst formatDraftValue = (\n value: DateRangePickerValue | undefined,\n dateFormat: string\n) => {\n const fromText = formatDate(value?.from, dateFormat) ?? \"DD/MM/YYYY\"\n const toText = formatDate(value?.to, dateFormat) ?? \"DD/MM/YYYY\"\n\n return `${fromText} - ${toText}`\n}\n\ntype CalendarPanelProps = {\n label: string\n month: Date\n minMonth: Date\n maxMonth: Date\n minDate: Date\n maxDate: Date\n selectedDate?: Date\n disabledMatcher?: Matcher\n disabled?: boolean\n years: number[]\n onMonthChange: (month: Date) => void\n onSelectDate: (date: Date | undefined) => void\n}\n\nfunction CalendarPanel({\n label,\n month,\n minMonth,\n maxMonth,\n minDate,\n maxDate,\n selectedDate,\n disabledMatcher,\n disabled,\n years,\n onMonthChange,\n onSelectDate,\n}: CalendarPanelProps) {\n const handlePrevMonth = () => {\n onMonthChange(addMonths(month, -1))\n }\n\n const handleNextMonth = () => {\n onMonthChange(addMonths(month, 1))\n }\n\n const isPrevDisabled = disabled || !isAfter(month, minMonth)\n const isNextDisabled = disabled || !isBefore(month, maxMonth)\n\n return (\n <div className=\"w-full min-w-0\">\n <div className=\"flex flex-wrap items-center gap-2 sm:flex-nowrap\">\n <button\n type=\"button\"\n onClick={handlePrevMonth}\n disabled={isPrevDisabled}\n className={cn(\n \"inline-flex h-8 w-8 items-center justify-center rounded-md text-[#6e6d71] transition-colors lg:h-9 lg:w-9\",\n \"hover:bg-[#f5f5f5] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1d1c20]/20\",\n \"disabled:cursor-not-allowed disabled:opacity-40\"\n )}\n aria-label={`Previous month for ${label.toLowerCase()}`}\n >\n <ChevronLeft className=\"h-4 w-4 lg:h-5 lg:w-5\" />\n </button>\n\n <div className=\"relative min-w-0 flex-1\">\n <select\n value={month.getMonth()}\n onChange={(event) => {\n const monthValue = Number(event.target.value)\n onMonthChange(setMonth(month, monthValue))\n }}\n disabled={disabled}\n className={cn(\n \"h-9 w-full appearance-none rounded-md border border-[#b7b7b9] bg-white px-3 pr-8 text-left text-sm font-medium leading-5 text-[#111111] lg:h-10 lg:px-4 lg:pr-10\",\n \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1d1c20]/20\",\n \"disabled:cursor-not-allowed disabled:bg-[#f2f2f2] disabled:text-[#b3b3b3]\"\n )}\n aria-label={`Month for ${label.toLowerCase()}`}\n >\n {MONTH_LABELS.map((monthLabel, monthIndex) => (\n <option key={monthLabel} value={monthIndex}>\n {monthLabel}\n </option>\n ))}\n </select>\n <ChevronDown className=\"pointer-events-none absolute right-2.5 top-1/2 h-4 w-4 -translate-y-1/2 text-[#7f7d83] lg:right-3\" />\n </div>\n\n <div className=\"relative w-[104px] shrink-0 sm:w-[120px]\">\n <select\n value={month.getFullYear()}\n onChange={(event) => {\n const yearValue = Number(event.target.value)\n onMonthChange(setYear(month, yearValue))\n }}\n disabled={disabled}\n className={cn(\n \"h-9 w-full appearance-none rounded-md border border-[#b7b7b9] bg-white px-3 pr-8 text-left text-sm font-medium leading-5 text-[#111111] lg:h-10 lg:px-4 lg:pr-9\",\n \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1d1c20]/20\",\n \"disabled:cursor-not-allowed disabled:bg-[#f2f2f2] disabled:text-[#b3b3b3]\"\n )}\n aria-label={`Year for ${label.toLowerCase()}`}\n >\n {years.map((year) => (\n <option key={year} value={year}>\n {year}\n </option>\n ))}\n </select>\n <ChevronDown className=\"pointer-events-none absolute right-2.5 top-1/2 h-4 w-4 -translate-y-1/2 text-[#7f7d83] lg:right-3\" />\n </div>\n\n <button\n type=\"button\"\n onClick={handleNextMonth}\n disabled={isNextDisabled}\n className={cn(\n \"inline-flex h-8 w-8 items-center justify-center rounded-md text-[#6e6d71] transition-colors lg:h-9 lg:w-9\",\n \"hover:bg-[#f5f5f5] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1d1c20]/20\",\n \"disabled:cursor-not-allowed disabled:opacity-40\"\n )}\n aria-label={`Next month for ${label.toLowerCase()}`}\n >\n <ChevronRight className=\"h-4 w-4 lg:h-5 lg:w-5\" />\n </button>\n </div>\n\n <p className=\"mt-1.5 text-center text-sm font-medium leading-5 text-[#666666] lg:mt-2\">\n {label}\n </p>\n\n <DayPicker\n mode=\"single\"\n month={month}\n onMonthChange={onMonthChange}\n selected={selectedDate}\n onSelect={onSelectDate}\n showOutsideDays\n fixedWeeks\n hideNavigation\n disabled={[\n { before: minDate },\n { after: maxDate },\n ...(disabledMatcher ? [disabledMatcher] : []),\n ]}\n className=\"mt-1 p-0 [--drp-cell-size:1.625rem] md:[--drp-cell-size:1.875rem] xl:[--drp-cell-size:2.125rem]\"\n classNames={{\n root: \"w-full\",\n months: \"w-full\",\n month: \"w-full\",\n month_caption: \"hidden\",\n month_grid: \"w-full border-collapse\",\n weekdays: \"grid grid-cols-7\",\n weekday:\n \"h-[calc(var(--drp-cell-size)-0.25rem)] text-center text-[11px] font-medium leading-4 text-[#666666] lg:text-xs\",\n weeks: \"grid gap-0\",\n week: \"grid grid-cols-7\",\n day: \"flex h-[var(--drp-cell-size)] w-full items-center justify-center p-0\",\n day_button:\n \"h-[--drp-cell-size] w-[--drp-cell-size] rounded-md border border-transparent bg-transparent p-0 text-[13px] font-normal leading-none text-[#444444] transition-colors hover:border-[#cccccc] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#2bbd8f]/25 lg:text-sm\",\n selected:\n \"[&>button]:border-[#2bbd8f] [&>button]:bg-[#2bbd8f] [&>button]:text-[#111111]\",\n today: \"font-medium\",\n outside: \"text-[#a4a4a8]\",\n disabled: \"pointer-events-none text-[#d3d3d6]\",\n hidden: \"invisible\",\n }}\n />\n </div>\n )\n}\n\nconst DateRangePicker = React.forwardRef<HTMLButtonElement, DateRangePickerProps>(\n (\n {\n value,\n defaultValue,\n onValueChange,\n wrapperClassName,\n popoverClassName,\n popoverSide = \"bottom\",\n popoverAvoidCollisions = true,\n className,\n placeholder = DEFAULT_PLACEHOLDER,\n dateFormat = DEFAULT_FORMAT,\n minYear = 2000,\n maxYear = 2100,\n disabled,\n ...triggerProps\n },\n ref\n ) => {\n const safeMinYear = Math.min(minYear, maxYear)\n const safeMaxYear = Math.max(minYear, maxYear)\n\n const minMonth = React.useMemo(\n () => startOfMonth(new Date(safeMinYear, 0, 1)),\n [safeMinYear]\n )\n const maxMonth = React.useMemo(\n () => startOfMonth(new Date(safeMaxYear, 11, 1)),\n [safeMaxYear]\n )\n const minDate = React.useMemo(() => new Date(safeMinYear, 0, 1), [safeMinYear])\n const maxDate = React.useMemo(\n () => new Date(safeMaxYear, 11, 31),\n [safeMaxYear]\n )\n\n const years = React.useMemo(\n () =>\n Array.from(\n { length: safeMaxYear - safeMinYear + 1 },\n (_, yearIndex) => safeMinYear + yearIndex\n ),\n [safeMinYear, safeMaxYear]\n )\n\n const isControlled = value !== undefined\n const [internalValue, setInternalValue] = React.useState<DateRangePickerValue | undefined>(\n normalizeRange(defaultValue)\n )\n\n const committedValue = normalizeRange(isControlled ? value : internalValue)\n\n const buildPanelMonths = React.useCallback(\n (range: DateRangePickerValue | undefined) => {\n const now = startOfMonth(new Date())\n const initialStart = clampMonth(\n startOfMonth(range?.from ?? now),\n minMonth,\n maxMonth\n )\n\n const initialEndRaw = range?.to\n ? startOfMonth(range.to)\n : addMonths(initialStart, 1)\n const initialEnd = clampMonth(initialEndRaw, minMonth, maxMonth)\n\n return {\n start: initialStart,\n end: initialEnd,\n }\n },\n [minMonth, maxMonth]\n )\n\n const [open, setOpen] = React.useState(false)\n const [draftValue, setDraftValue] = React.useState<DateRangePickerValue | undefined>(\n committedValue\n )\n const initialMonths = buildPanelMonths(committedValue)\n const [startMonth, setStartMonth] = React.useState<Date>(initialMonths.start)\n const [endMonth, setEndMonth] = React.useState<Date>(initialMonths.end)\n\n const syncDraftState = React.useCallback(\n (nextValue: DateRangePickerValue | undefined) => {\n const normalized = normalizeRange(nextValue)\n setDraftValue(normalized)\n const nextMonths = buildPanelMonths(normalized)\n setStartMonth(nextMonths.start)\n setEndMonth(nextMonths.end)\n },\n [buildPanelMonths]\n )\n\n React.useEffect(() => {\n if (!open) {\n syncDraftState(committedValue)\n }\n }, [committedValue, open, syncDraftState])\n\n const handleStartMonthChange = (nextMonth: Date) => {\n setStartMonth(clampMonth(startOfMonth(nextMonth), minMonth, maxMonth))\n }\n\n const handleEndMonthChange = (nextMonth: Date) => {\n setEndMonth(clampMonth(startOfMonth(nextMonth), minMonth, maxMonth))\n }\n\n const handleStartDateSelect = (date: Date | undefined) => {\n if (!date) {\n return\n }\n\n setDraftValue((previousValue) => {\n const nextValue: DateRangePickerValue = {\n from: date,\n to: previousValue?.to,\n }\n\n if (nextValue.to && isAfter(date, nextValue.to)) {\n nextValue.to = date\n }\n\n return nextValue\n })\n }\n\n const handleEndDateSelect = (date: Date | undefined) => {\n if (!date) {\n return\n }\n\n setDraftValue((previousValue) => {\n const nextValue: DateRangePickerValue = {\n from: previousValue?.from,\n to: date,\n }\n\n if (nextValue.from && isAfter(nextValue.from, date)) {\n nextValue.from = date\n }\n\n return nextValue\n })\n }\n\n const handleCancel = () => {\n syncDraftState(committedValue)\n setOpen(false)\n }\n\n const handleApply = () => {\n const normalized = normalizeRange(draftValue)\n\n if (!isControlled) {\n setInternalValue(normalized)\n }\n\n onValueChange?.(normalized)\n setOpen(false)\n }\n\n const canApply = Boolean(draftValue?.from && draftValue?.to)\n const committedText = formatCommittedValue(committedValue, dateFormat)\n const draftText = formatDraftValue(draftValue, dateFormat)\n\n return (\n <div className={cn(\"w-full\", wrapperClassName)}>\n <Popover\n open={open}\n onOpenChange={(nextOpen) => {\n if (disabled) {\n return\n }\n\n if (nextOpen) {\n syncDraftState(committedValue)\n }\n\n setOpen(nextOpen)\n }}\n >\n <PopoverTrigger asChild>\n <button\n ref={ref}\n type=\"button\"\n disabled={disabled}\n className={cn(\n \"flex h-10 w-full items-center justify-between rounded-[8px] border border-[#e6e6e6] bg-white px-3 py-2 text-left text-[14px] leading-[20px] transition-colors\",\n \"focus-visible:outline-none focus-visible:border-[#1D1C20] focus-visible:ring-0\",\n \"disabled:cursor-not-allowed disabled:bg-[#f2f2f2] disabled:text-[#9ca3af] disabled:opacity-100\",\n className\n )}\n {...triggerProps}\n >\n <span\n className={cn(\n \"truncate text-[14px] font-normal leading-[20px]\",\n committedText ? \"text-[#111111]\" : \"text-[#b3b3b3]\"\n )}\n >\n {committedText || placeholder}\n </span>\n <CalendarDays className=\"ml-3 h-4 w-4 shrink-0 text-[#111111]\" />\n </button>\n </PopoverTrigger>\n\n <PopoverContent\n side={popoverSide}\n avoidCollisions={popoverAvoidCollisions}\n align=\"start\"\n sideOffset={10}\n className={cn(\n \"w-[min(95vw,760px)] max-h-[var(--radix-popover-content-available-height)] overflow-y-auto overscroll-contain rounded-xl border border-[#d8d8da] bg-[#f7f7f8] p-3 shadow-[0px_12px_24px_rgba(0,0,0,0.08)] sm:p-4\",\n popoverClassName\n )}\n >\n <div className=\"grid gap-3 md:grid-cols-2 md:gap-4\">\n <CalendarPanel\n label=\"Start date\"\n month={startMonth}\n minMonth={minMonth}\n maxMonth={maxMonth}\n minDate={minDate}\n maxDate={maxDate}\n selectedDate={draftValue?.from}\n disabledMatcher={draftValue?.to ? { after: draftValue.to } : undefined}\n disabled={disabled}\n years={years}\n onMonthChange={handleStartMonthChange}\n onSelectDate={handleStartDateSelect}\n />\n\n <CalendarPanel\n label=\"End date\"\n month={endMonth}\n minMonth={minMonth}\n maxMonth={maxMonth}\n minDate={minDate}\n maxDate={maxDate}\n selectedDate={draftValue?.to}\n disabledMatcher={draftValue?.from ? { before: draftValue.from } : undefined}\n disabled={disabled}\n years={years}\n onMonthChange={handleEndMonthChange}\n onSelectDate={handleEndDateSelect}\n />\n </div>\n\n <div className=\"mt-2.5 border-t border-[#d8d8da] pt-2.5\">\n <input\n readOnly\n value={draftText}\n className=\"h-9 w-full rounded-md border border-[#e6e6e6] bg-white px-3 py-2 text-sm leading-5 text-[#111111] outline-none transition-colors placeholder:text-[#b3b3b3] focus-visible:border-[#1D1C20]\"\n aria-label=\"Selected date range\"\n />\n\n <div className=\"mt-2.5 flex flex-col-reverse gap-2 sm:flex-row sm:justify-end\">\n <Button\n type=\"button\"\n variant=\"outline\"\n className=\"h-9 rounded-md px-4 text-sm\"\n onClick={handleCancel}\n >\n Cancel\n </Button>\n <Button\n type=\"button\"\n className=\"h-9 rounded-md px-4 text-sm\"\n disabled={!canApply}\n onClick={handleApply}\n >\n Apply\n </Button>\n </div>\n </div>\n </PopoverContent>\n </Popover>\n </div>\n )\n }\n)\n\nDateRangePicker.displayName = \"DateRangePicker\"\n\nexport { DateRangePicker }\n"],"names":["DEFAULT_FORMAT","DEFAULT_PLACEHOLDER","MONTH_LABELS","_","monthIndex","clampMonth","month","minMonth","maxMonth","isBefore","isAfter","normalizeRange","value","formatDate","date","dateFormat","format","formatCommittedValue","fromText","toText","formatDraftValue","CalendarPanel","label","minDate","maxDate","selectedDate","disabledMatcher","disabled","years","onMonthChange","onSelectDate","handlePrevMonth","addMonths","handleNextMonth","isPrevDisabled","isNextDisabled","React","cn","ChevronLeft","event","monthValue","setMonth","monthLabel","ChevronDown","yearValue","setYear","year","ChevronRight","DayPicker","DateRangePicker","defaultValue","onValueChange","wrapperClassName","popoverClassName","popoverSide","popoverAvoidCollisions","className","placeholder","minYear","maxYear","triggerProps","ref","safeMinYear","safeMaxYear","startOfMonth","yearIndex","isControlled","internalValue","setInternalValue","committedValue","buildPanelMonths","range","now","initialStart","initialEndRaw","initialEnd","open","setOpen","draftValue","setDraftValue","initialMonths","startMonth","setStartMonth","endMonth","setEndMonth","syncDraftState","nextValue","normalized","nextMonths","handleStartMonthChange","nextMonth","handleEndMonthChange","handleStartDateSelect","previousValue","handleEndDateSelect","handleCancel","handleApply","canApply","committedText","draftText","Popover","nextOpen","PopoverTrigger","CalendarDays","PopoverContent","Button"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.es29.js","sources":["../src/components/ui/input.tsx"],"sourcesContent":["import * as React from \"react\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst Input = React.forwardRef<HTMLInputElement, React.ComponentProps<\"input\">>(\n ({ className, type, ...props }, ref) => {\n return (\n <input\n type={type}\n className={cn(\n \"flex h-10 w-full rounded-[8px] border border-[#e6e6e6] bg-white px-3 py-2 text-[14px] leading-[20px] text-[#111111] transition-colors\",\n \"file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground\",\n \"placeholder:text-[#b3b3b3] focus-visible:outline-none focus-visible:border-[#1D1C20] focus-visible:ring-0\",\n \"disabled:cursor-not-allowed disabled:bg-[#f2f2f2] disabled:text-[#9ca3af] disabled:placeholder:text-[#b3b3b3] disabled:opacity-100\",\n \"aria-invalid:border-[#ff3b30] aria-invalid:focus-visible:border-[#ff3b30]\",\n className\n )}\n ref={ref}\n {...props}\n />\n )\n }\n)\nInput.displayName = \"Input\"\n\nexport { Input }\n"],"names":["Input","React","className","type","props","ref","jsx","cn"],"mappings":";;;AAIA,MAAMA,IAAQC,EAAM;AAAA,EAClB,CAAC,EAAE,WAAAC,GAAW,MAAAC,GAAM,GAAGC,EAAA,GAASC,MAE5BC,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAAH;AAAA,MACA,WAAWI;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACAL;AAAA,MAAA;AAAA,MAEF,KAAAG;AAAA,MACC,GAAGD;AAAA,IAAA;AAAA,EAAA;AAIZ;AACAJ,EAAM,cAAc;"}
|
package/dist/index.es3.js
CHANGED
|
@@ -1,44 +1,47 @@
|
|
|
1
|
-
import
|
|
2
|
-
import * as
|
|
3
|
-
import
|
|
4
|
-
import {
|
|
5
|
-
|
|
6
|
-
|
|
1
|
+
import { j as t } from "./index.es62.js";
|
|
2
|
+
import * as n from "react";
|
|
3
|
+
import * as e from "@radix-ui/react-accordion";
|
|
4
|
+
import { ChevronDown as m } from "lucide-react";
|
|
5
|
+
import { cn as i } from "./index.es63.js";
|
|
6
|
+
const N = e.Root, d = n.forwardRef(({ className: o, ...r }, a) => /* @__PURE__ */ t.jsx(
|
|
7
|
+
e.Item,
|
|
7
8
|
{
|
|
8
|
-
ref:
|
|
9
|
-
className:
|
|
10
|
-
...
|
|
9
|
+
ref: a,
|
|
10
|
+
className: i("border-b", o),
|
|
11
|
+
...r
|
|
11
12
|
}
|
|
12
13
|
));
|
|
13
|
-
|
|
14
|
-
const
|
|
15
|
-
|
|
14
|
+
d.displayName = "AccordionItem";
|
|
15
|
+
const c = n.forwardRef(({ className: o, children: r, ...a }, s) => /* @__PURE__ */ t.jsx(e.Header, { className: "flex", children: /* @__PURE__ */ t.jsxs(
|
|
16
|
+
e.Trigger,
|
|
16
17
|
{
|
|
17
|
-
ref:
|
|
18
|
-
className:
|
|
18
|
+
ref: s,
|
|
19
|
+
className: i(
|
|
19
20
|
"flex flex-1 items-center justify-between py-4 text-sm font-medium transition-all hover:underline text-left [&[data-state=open]>svg]:rotate-180",
|
|
20
|
-
|
|
21
|
+
o
|
|
21
22
|
),
|
|
22
|
-
...
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
23
|
+
...a,
|
|
24
|
+
children: [
|
|
25
|
+
r,
|
|
26
|
+
/* @__PURE__ */ t.jsx(m, { className: "h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-200" })
|
|
27
|
+
]
|
|
28
|
+
}
|
|
29
|
+
) }));
|
|
30
|
+
c.displayName = e.Trigger.displayName;
|
|
31
|
+
const l = n.forwardRef(({ className: o, children: r, ...a }, s) => /* @__PURE__ */ t.jsx(
|
|
32
|
+
e.Content,
|
|
30
33
|
{
|
|
31
|
-
ref:
|
|
34
|
+
ref: s,
|
|
32
35
|
className: "overflow-hidden text-sm data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down",
|
|
33
|
-
...
|
|
34
|
-
|
|
35
|
-
|
|
36
|
+
...a,
|
|
37
|
+
children: /* @__PURE__ */ t.jsx("div", { className: i("pb-4 pt-0", o), children: r })
|
|
38
|
+
}
|
|
36
39
|
));
|
|
37
|
-
|
|
40
|
+
l.displayName = e.Content.displayName;
|
|
38
41
|
export {
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
42
|
+
N as Accordion,
|
|
43
|
+
l as AccordionContent,
|
|
44
|
+
d as AccordionItem,
|
|
45
|
+
c as AccordionTrigger
|
|
43
46
|
};
|
|
44
47
|
//# sourceMappingURL=index.es3.js.map
|
package/dist/index.es3.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.es3.js","sources":["../src/components/ui/accordion.tsx"],"sourcesContent":["import * as React from \"react\"\nimport * as AccordionPrimitive from \"@radix-ui/react-accordion\"\nimport { ChevronDown } from \"lucide-react\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst Accordion = AccordionPrimitive.Root\n\nconst AccordionItem = React.forwardRef<\n React.ElementRef<typeof AccordionPrimitive.Item>,\n React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Item>\n>(({ className, ...props }, ref) => (\n <AccordionPrimitive.Item\n ref={ref}\n className={cn(\"border-b\", className)}\n {...props}\n />\n))\nAccordionItem.displayName = \"AccordionItem\"\n\nconst AccordionTrigger = React.forwardRef<\n React.ElementRef<typeof AccordionPrimitive.Trigger>,\n React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Trigger>\n>(({ className, children, ...props }, ref) => (\n <AccordionPrimitive.Header className=\"flex\">\n <AccordionPrimitive.Trigger\n ref={ref}\n className={cn(\n \"flex flex-1 items-center justify-between py-4 text-sm font-medium transition-all hover:underline text-left [&[data-state=open]>svg]:rotate-180\",\n className\n )}\n {...props}\n >\n {children}\n <ChevronDown className=\"h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-200\" />\n </AccordionPrimitive.Trigger>\n </AccordionPrimitive.Header>\n))\nAccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName\n\nconst AccordionContent = React.forwardRef<\n React.ElementRef<typeof AccordionPrimitive.Content>,\n React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Content>\n>(({ className, children, ...props }, ref) => (\n <AccordionPrimitive.Content\n ref={ref}\n className=\"overflow-hidden text-sm data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down\"\n {...props}\n >\n <div className={cn(\"pb-4 pt-0\", className)}>{children}</div>\n </AccordionPrimitive.Content>\n))\nAccordionContent.displayName = AccordionPrimitive.Content.displayName\n\nexport { Accordion, AccordionItem, AccordionTrigger, AccordionContent }\n"],"names":["Accordion","AccordionPrimitive","AccordionItem","React","className","props","ref","cn","AccordionTrigger","children","ChevronDown","AccordionContent"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.es3.js","sources":["../src/components/ui/accordion.tsx"],"sourcesContent":["import * as React from \"react\"\nimport * as AccordionPrimitive from \"@radix-ui/react-accordion\"\nimport { ChevronDown } from \"lucide-react\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst Accordion = AccordionPrimitive.Root\n\nconst AccordionItem = React.forwardRef<\n React.ElementRef<typeof AccordionPrimitive.Item>,\n React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Item>\n>(({ className, ...props }, ref) => (\n <AccordionPrimitive.Item\n ref={ref}\n className={cn(\"border-b\", className)}\n {...props}\n />\n))\nAccordionItem.displayName = \"AccordionItem\"\n\nconst AccordionTrigger = React.forwardRef<\n React.ElementRef<typeof AccordionPrimitive.Trigger>,\n React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Trigger>\n>(({ className, children, ...props }, ref) => (\n <AccordionPrimitive.Header className=\"flex\">\n <AccordionPrimitive.Trigger\n ref={ref}\n className={cn(\n \"flex flex-1 items-center justify-between py-4 text-sm font-medium transition-all hover:underline text-left [&[data-state=open]>svg]:rotate-180\",\n className\n )}\n {...props}\n >\n {children}\n <ChevronDown className=\"h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-200\" />\n </AccordionPrimitive.Trigger>\n </AccordionPrimitive.Header>\n))\nAccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName\n\nconst AccordionContent = React.forwardRef<\n React.ElementRef<typeof AccordionPrimitive.Content>,\n React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Content>\n>(({ className, children, ...props }, ref) => (\n <AccordionPrimitive.Content\n ref={ref}\n className=\"overflow-hidden text-sm data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down\"\n {...props}\n >\n <div className={cn(\"pb-4 pt-0\", className)}>{children}</div>\n </AccordionPrimitive.Content>\n))\nAccordionContent.displayName = AccordionPrimitive.Content.displayName\n\nexport { Accordion, AccordionItem, AccordionTrigger, AccordionContent }\n"],"names":["Accordion","AccordionPrimitive","AccordionItem","React","className","props","ref","jsx","cn","AccordionTrigger","children","jsxs","ChevronDown","AccordionContent"],"mappings":";;;;;AAMA,MAAMA,IAAYC,EAAmB,MAE/BC,IAAgBC,EAAM,WAG1B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1BC,gBAAAA,EAAAA;AAAAA,EAACN,EAAmB;AAAA,EAAnB;AAAA,IACC,KAAAK;AAAA,IACA,WAAWE,EAAG,YAAYJ,CAAS;AAAA,IAClC,GAAGC;AAAA,EAAA;AACN,CACD;AACDH,EAAc,cAAc;AAE5B,MAAMO,IAAmBN,EAAM,WAG7B,CAAC,EAAE,WAAAC,GAAW,UAAAM,GAAU,GAAGL,EAAA,GAASC,MACpCC,gBAAAA,EAAAA,IAACN,EAAmB,QAAnB,EAA0B,WAAU,QACnC,UAAAU,gBAAAA,EAAAA;AAAAA,EAACV,EAAmB;AAAA,EAAnB;AAAA,IACC,KAAAK;AAAA,IACA,WAAWE;AAAA,MACT;AAAA,MACAJ;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,IAEH,UAAA;AAAA,MAAAK;AAAA,MACDH,gBAAAA,EAAAA,IAACK,GAAA,EAAY,WAAU,2EAAA,CAA2E;AAAA,IAAA;AAAA,EAAA;AACpG,GACF,CACD;AACDH,EAAiB,cAAcR,EAAmB,QAAQ;AAE1D,MAAMY,IAAmBV,EAAM,WAG7B,CAAC,EAAE,WAAAC,GAAW,UAAAM,GAAU,GAAGL,KAASC,MACpCC,gBAAAA,EAAAA;AAAAA,EAACN,EAAmB;AAAA,EAAnB;AAAA,IACC,KAAAK;AAAA,IACA,WAAU;AAAA,IACT,GAAGD;AAAA,IAEJ,gCAAC,OAAA,EAAI,WAAWG,EAAG,aAAaJ,CAAS,GAAI,UAAAM,EAAA,CAAS;AAAA,EAAA;AACxD,CACD;AACDG,EAAiB,cAAcZ,EAAmB,QAAQ;"}
|