@npm-questionpro/wick-ui-lib 2.0.0-next.16 → 2.0.0-next.17
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/segment/WuSegment.d.ts +13 -0
- package/dist/components/segment/index.d.ts +3 -0
- package/dist/components/segment/types/IWuSegmentOption.d.ts +8 -0
- package/dist/index.d.ts +1 -0
- package/dist/style.css +1 -1
- package/dist/wick-ui-lib/es/index.js +556 -487
- package/package.json +4 -4
|
@@ -1346,17 +1346,17 @@ function Pt({ className: e, classNames: t, dir: n = "ltr", ...r }) {
|
|
|
1346
1346
|
Pt.displayName = "Calendar";
|
|
1347
1347
|
//#endregion
|
|
1348
1348
|
//#region src/components/calendar/WuCalender.tsx
|
|
1349
|
-
var Ft = (e) => /* @__PURE__ */ _(Pt, { ...e }), It = F.Root, Lt = F.Trigger,
|
|
1349
|
+
var Ft = (e) => /* @__PURE__ */ _(Pt, { ...e }), It = F.Root, Lt = F.Trigger, Rt = t.forwardRef(({ className: e, align: t = "center", sideOffset: n = 4, ...r }, i) => /* @__PURE__ */ _(F.Portal, { children: /* @__PURE__ */ _(F.Content, {
|
|
1350
1350
|
ref: i,
|
|
1351
1351
|
align: t,
|
|
1352
1352
|
sideOffset: n,
|
|
1353
1353
|
className: G("wu-z-50 wu-w-72 wu-border wu-bg-popover wu-p-4 wu-text-popover-foreground wu-shadow-md wu-outline-none data-[state=open]:wu-animate-in data-[state=closed]:wu-animate-out data-[state=closed]:wu-fade-out-0 data-[state=open]:wu-fade-in-0 data-[state=closed]:wu-zoom-out-95 data-[state=open]:wu-zoom-in-95 data-[side=bottom]:wu-slide-in-from-top-2 data-[side=left]:wu-slide-in-from-right-2 data-[side=right]:wu-slide-in-from-left-2 data-[side=top]:wu-slide-in-from-bottom-2", e),
|
|
1354
1354
|
...r
|
|
1355
1355
|
}) }));
|
|
1356
|
-
|
|
1356
|
+
Rt.displayName = F.Content.displayName;
|
|
1357
1357
|
//#endregion
|
|
1358
1358
|
//#region src/components/formGroup/components/WuInputError.tsx
|
|
1359
|
-
var
|
|
1359
|
+
var zt = (e) => {
|
|
1360
1360
|
let { message: t, className: n, ...r } = e;
|
|
1361
1361
|
return /* @__PURE__ */ _("p", {
|
|
1362
1362
|
...r,
|
|
@@ -1367,7 +1367,7 @@ var Rt = (e) => {
|
|
|
1367
1367
|
},
|
|
1368
1368
|
children: t
|
|
1369
1369
|
});
|
|
1370
|
-
},
|
|
1370
|
+
}, Bt = (e) => {
|
|
1371
1371
|
let { inputRef: t, maxLength: n = 50, className: r, ...i } = e, [a, o] = p(!1);
|
|
1372
1372
|
return u(() => {
|
|
1373
1373
|
(t?.current?.value.length || 0) > .75 * n ? o(!0) : o(!1);
|
|
@@ -1380,18 +1380,18 @@ var Rt = (e) => {
|
|
|
1380
1380
|
},
|
|
1381
1381
|
children: a && `${t?.current?.value.length}/${n}`
|
|
1382
1382
|
});
|
|
1383
|
-
},
|
|
1383
|
+
}, Vt = z("wu-text-xs wu-font-normal wu-leading-none peer-disabled:wu-cursor-not-allowed peer-disabled:wu-text-gray-subtle peer-readonly:wu-text-gray-subtle peer-required:after:wu-content-['*'] peer-required:after:wu-ml-[2px] peer-required:after:wu-text-red-deep peer-aria-[required]:after:wu-content-['*'] peer-aria-[required]:after:wu-ml-[2px] peer-aria-[required]:after:wu-text-red-deep"), Ht = t.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ _(ne.Root, {
|
|
1384
1384
|
ref: n,
|
|
1385
|
-
className: G(
|
|
1385
|
+
className: G(Vt(), e),
|
|
1386
1386
|
...t
|
|
1387
1387
|
}));
|
|
1388
|
-
|
|
1388
|
+
Ht.displayName = ne.Root.displayName;
|
|
1389
1389
|
//#endregion
|
|
1390
1390
|
//#region src/components/formGroup/components/WuLabel.tsx
|
|
1391
|
-
var
|
|
1391
|
+
var X = (e) => /* @__PURE__ */ _(Ht, {
|
|
1392
1392
|
...e,
|
|
1393
1393
|
className: G("wu-text-gray-lead wu-leading-6", e.className)
|
|
1394
|
-
}),
|
|
1394
|
+
}), Ut = ({ Label: e, Error: t, Hint: n, Input: r, labelPosition: i = "top", dir: a = "ltr", className: o, ...s }) => {
|
|
1395
1395
|
let c = G("wu-flex", i === "top" ? "wu-flex-col wu-gap-1" : "wu-flex-row wu-items-center wu-gap-2", o), l = G("wu-flex wu-flex-col wu-gap-1 wu-relative wu-flex-1 wu-form-group-wrapper"), u = G("wu-absolute -wu-bottom-5", a === "ltr" ? "wu-right-0" : "wu-left-0", "wu-form-group-hint"), d = G("wu-absolute -wu-bottom-5", a === "ltr" ? "wu-left-0" : "wu-right-0", "wu-form-group-error");
|
|
1396
1396
|
return /* @__PURE__ */ v("div", {
|
|
1397
1397
|
className: c,
|
|
@@ -1412,7 +1412,7 @@ var Z = (e) => /* @__PURE__ */ _(Vt, {
|
|
|
1412
1412
|
]
|
|
1413
1413
|
})]
|
|
1414
1414
|
});
|
|
1415
|
-
},
|
|
1415
|
+
}, Wt = ({ formatString: e = "MMM dd, yyyy", value: t, onChange: n, disabled: r, minDate: i = P(/* @__PURE__ */ new Date(), { years: 5 }), maxDate: a = w(/* @__PURE__ */ new Date(), { years: 1 }), dir: o = "ltr", Label: c, labelPosition: l = "top", onReset: d, showResetButton: f = !1, placeholder: m, CustomTrigger: h, align: g = "start", sideOffset: y = -.5, side: b, alignOffset: x, ...S }) => {
|
|
1416
1416
|
let [C, T] = p(), [D, O] = p(""), k = s(() => {
|
|
1417
1417
|
O(E(kt(C), e)), n && n(C);
|
|
1418
1418
|
}, [
|
|
@@ -1432,7 +1432,7 @@ var Z = (e) => /* @__PURE__ */ _(Vt, {
|
|
|
1432
1432
|
t,
|
|
1433
1433
|
e,
|
|
1434
1434
|
m
|
|
1435
|
-
]), /* @__PURE__ */ v(
|
|
1435
|
+
]), /* @__PURE__ */ v(X, {
|
|
1436
1436
|
className: G("wu-flex wu-gap-1", l === "left" ? "wu-items-center" : "wu-flex-col wu-items-start", "wu-date-picker-label"),
|
|
1437
1437
|
dir: o,
|
|
1438
1438
|
children: [c, /* @__PURE__ */ v(It, { children: [/* @__PURE__ */ _(Dt, {
|
|
@@ -1441,7 +1441,7 @@ var Z = (e) => /* @__PURE__ */ _(Vt, {
|
|
|
1441
1441
|
placeholder: m,
|
|
1442
1442
|
CustomTrigger: h,
|
|
1443
1443
|
...S
|
|
1444
|
-
}), /* @__PURE__ */ _(
|
|
1444
|
+
}), /* @__PURE__ */ _(Rt, {
|
|
1445
1445
|
className: "wu-p-0 wu-w-fit wu-date-picker-content",
|
|
1446
1446
|
align: g,
|
|
1447
1447
|
sideOffset: y,
|
|
@@ -1470,18 +1470,18 @@ var Z = (e) => /* @__PURE__ */ _(Vt, {
|
|
|
1470
1470
|
})
|
|
1471
1471
|
})] })]
|
|
1472
1472
|
});
|
|
1473
|
-
},
|
|
1473
|
+
}, Gt = {
|
|
1474
1474
|
wuDateRangeNativeSidebar: "_wuDateRangeNativeSidebar_numa6_1",
|
|
1475
1475
|
customInputs: "_customInputs_numa6_28",
|
|
1476
1476
|
inputsRow: "_inputsRow_numa6_45",
|
|
1477
1477
|
errorWrapper: "_errorWrapper_numa6_66",
|
|
1478
1478
|
errorText: "_errorText_numa6_70"
|
|
1479
|
-
},
|
|
1479
|
+
}, Kt = {
|
|
1480
1480
|
wuInputGroup: "_wuInputGroup_vr9pm_1",
|
|
1481
1481
|
wuInputIcon: "_wuInputIcon_vr9pm_20",
|
|
1482
1482
|
wuInput: "_wuInput_vr9pm_1",
|
|
1483
1483
|
passwordToggle: "_passwordToggle_vr9pm_86"
|
|
1484
|
-
},
|
|
1484
|
+
}, qt = n.memo(({ showPassword: e, onToggle: t, disabled: r, readOnly: i }) => {
|
|
1485
1485
|
let a = n.useCallback((e) => {
|
|
1486
1486
|
if (r || i) {
|
|
1487
1487
|
e.preventDefault(), e.stopPropagation();
|
|
@@ -1496,7 +1496,7 @@ var Z = (e) => /* @__PURE__ */ _(Vt, {
|
|
|
1496
1496
|
return /* @__PURE__ */ _("button", {
|
|
1497
1497
|
type: "button",
|
|
1498
1498
|
"data-slot": "wu-input-password-toggle",
|
|
1499
|
-
className:
|
|
1499
|
+
className: Kt.passwordToggle,
|
|
1500
1500
|
onClick: a,
|
|
1501
1501
|
disabled: o,
|
|
1502
1502
|
"aria-disabled": o || void 0,
|
|
@@ -1504,12 +1504,12 @@ var Z = (e) => /* @__PURE__ */ _(Vt, {
|
|
|
1504
1504
|
children: /* @__PURE__ */ _(J, { icon: e ? "wm-visibility" : "wm-visibility-off" })
|
|
1505
1505
|
});
|
|
1506
1506
|
});
|
|
1507
|
-
|
|
1508
|
-
var
|
|
1507
|
+
qt.displayName = "PasswordToggle";
|
|
1508
|
+
var Jt = n.memo(n.forwardRef(({ className: e, Label: t, labelPosition: r = "top", Icon: i, iconPosition: a = "left", variant: o = "flat", type: c, readonly: l, invalid: u, id: f, ...m }, h) => {
|
|
1509
1509
|
let g = n.useId(), y = f || g, [b, x] = p(!1), S = s(() => {
|
|
1510
1510
|
x((e) => !e);
|
|
1511
1511
|
}, []), { finalIcon: C, finalIconPosition: w } = d(() => c === "password" ? {
|
|
1512
|
-
finalIcon: /* @__PURE__ */ _(
|
|
1512
|
+
finalIcon: /* @__PURE__ */ _(qt, {
|
|
1513
1513
|
showPassword: b,
|
|
1514
1514
|
onToggle: S,
|
|
1515
1515
|
readOnly: l,
|
|
@@ -1525,7 +1525,7 @@ var qt = n.memo(n.forwardRef(({ className: e, Label: t, labelPosition: r = "top"
|
|
|
1525
1525
|
a,
|
|
1526
1526
|
b,
|
|
1527
1527
|
S
|
|
1528
|
-
]), T = d(() => c === "password" && b ? "text" : c, [c, b]), E = d(() => G(
|
|
1528
|
+
]), T = d(() => c === "password" && b ? "text" : c, [c, b]), E = d(() => G(Kt.wuInput, "wu-peer", e), [e]);
|
|
1529
1529
|
return c === "submit" ? /* @__PURE__ */ _(q, {
|
|
1530
1530
|
className: e,
|
|
1531
1531
|
id: y,
|
|
@@ -1537,12 +1537,12 @@ var qt = n.memo(n.forwardRef(({ className: e, Label: t, labelPosition: r = "top"
|
|
|
1537
1537
|
}) : /* @__PURE__ */ v("div", {
|
|
1538
1538
|
"data-slot": "wu-input-group",
|
|
1539
1539
|
role: "group",
|
|
1540
|
-
className:
|
|
1540
|
+
className: Kt.wuInputGroup,
|
|
1541
1541
|
"data-label-position": r,
|
|
1542
1542
|
"data-icon-position": C && w,
|
|
1543
1543
|
children: [
|
|
1544
1544
|
C && /* @__PURE__ */ _("span", {
|
|
1545
|
-
className:
|
|
1545
|
+
className: Kt.wuInputIcon,
|
|
1546
1546
|
children: C
|
|
1547
1547
|
}),
|
|
1548
1548
|
/* @__PURE__ */ _(re, {
|
|
@@ -1555,17 +1555,17 @@ var qt = n.memo(n.forwardRef(({ className: e, Label: t, labelPosition: r = "top"
|
|
|
1555
1555
|
id: y,
|
|
1556
1556
|
...m
|
|
1557
1557
|
}),
|
|
1558
|
-
t && /* @__PURE__ */ _(
|
|
1558
|
+
t && /* @__PURE__ */ _(X, {
|
|
1559
1559
|
htmlFor: y,
|
|
1560
1560
|
children: t
|
|
1561
1561
|
})
|
|
1562
1562
|
]
|
|
1563
1563
|
});
|
|
1564
1564
|
}));
|
|
1565
|
-
|
|
1565
|
+
Jt.displayName = "WuInput";
|
|
1566
1566
|
//#endregion
|
|
1567
1567
|
//#region src/components/popover/WuPopover.tsx
|
|
1568
|
-
var
|
|
1568
|
+
var Yt = ({ Trigger: e, children: t, className: n, dir: r, open: i, onOpenChange: a, modal: o, ...s }) => /* @__PURE__ */ v(It, {
|
|
1569
1569
|
open: i,
|
|
1570
1570
|
onOpenChange: a,
|
|
1571
1571
|
modal: o,
|
|
@@ -1573,16 +1573,16 @@ var Jt = ({ Trigger: e, children: t, className: n, dir: r, open: i, onOpenChange
|
|
|
1573
1573
|
asChild: !0,
|
|
1574
1574
|
dir: r,
|
|
1575
1575
|
children: e
|
|
1576
|
-
}), /* @__PURE__ */ _(
|
|
1576
|
+
}), /* @__PURE__ */ _(Rt, {
|
|
1577
1577
|
className: G("wu-w-80 wu-p-0 wu-border-blue-p wu-bg-white wu-dark:border-gray-switcher", n),
|
|
1578
1578
|
dir: r,
|
|
1579
1579
|
...s,
|
|
1580
1580
|
children: t
|
|
1581
1581
|
})]
|
|
1582
|
-
}),
|
|
1582
|
+
}), Xt = (e) => /* @__PURE__ */ _(I, {
|
|
1583
1583
|
asChild: !0,
|
|
1584
1584
|
children: /* @__PURE__ */ _(q, { ...e })
|
|
1585
|
-
}),
|
|
1585
|
+
}), Zt = [
|
|
1586
1586
|
{
|
|
1587
1587
|
label: "Last week",
|
|
1588
1588
|
value: 7
|
|
@@ -1599,7 +1599,7 @@ var Jt = ({ Trigger: e, children: t, className: n, dir: r, open: i, onOpenChange
|
|
|
1599
1599
|
label: "Last year",
|
|
1600
1600
|
value: 365
|
|
1601
1601
|
}
|
|
1602
|
-
],
|
|
1602
|
+
], Z = (e) => {
|
|
1603
1603
|
if (!e) return "";
|
|
1604
1604
|
try {
|
|
1605
1605
|
let t = new Date(e);
|
|
@@ -1607,7 +1607,7 @@ var Jt = ({ Trigger: e, children: t, className: n, dir: r, open: i, onOpenChange
|
|
|
1607
1607
|
} catch {
|
|
1608
1608
|
return "";
|
|
1609
1609
|
}
|
|
1610
|
-
},
|
|
1610
|
+
}, Qt = (e) => {
|
|
1611
1611
|
if (!e) return null;
|
|
1612
1612
|
try {
|
|
1613
1613
|
let t = M(e);
|
|
@@ -1615,11 +1615,11 @@ var Jt = ({ Trigger: e, children: t, className: n, dir: r, open: i, onOpenChange
|
|
|
1615
1615
|
} catch {
|
|
1616
1616
|
return null;
|
|
1617
1617
|
}
|
|
1618
|
-
},
|
|
1619
|
-
function
|
|
1620
|
-
let [d, f] = n.useState(
|
|
1618
|
+
}, $t = (e, t, n) => !(t && e < N(t) || n && e > N(n)), en = (e) => P(/* @__PURE__ */ new Date(), { days: e }), tn = (e) => e ? P(/* @__PURE__ */ new Date(), { days: 1 }) : /* @__PURE__ */ new Date();
|
|
1619
|
+
function nn({ ranges: e = Zt, excludeToday: t = !0, current: r, onSelect: i, onReset: a, onApply: o, showResetButton: s = !0, maxDate: c, minDate: l, ...u }) {
|
|
1620
|
+
let [d, f] = n.useState(Z(r?.from) || Z(l)), [p, m] = n.useState(Z(r?.to) || Z(c)), [h, g] = n.useState(!1), [y, b] = n.useState(""), [x, S] = n.useState("");
|
|
1621
1621
|
n.useEffect(() => {
|
|
1622
|
-
f(
|
|
1622
|
+
f(Z(r?.from) || Z(l)), m(Z(r?.to) || Z(c)), b(""), S("");
|
|
1623
1623
|
}, [
|
|
1624
1624
|
r?.from,
|
|
1625
1625
|
r?.to,
|
|
@@ -1635,13 +1635,13 @@ function tn({ ranges: e = Xt, excludeToday: t = !0, current: r, onSelect: i, onR
|
|
|
1635
1635
|
r?.to,
|
|
1636
1636
|
e
|
|
1637
1637
|
]), w = n.useCallback((e) => {
|
|
1638
|
-
let n =
|
|
1639
|
-
f(
|
|
1638
|
+
let n = en(e), r = tn(t);
|
|
1639
|
+
f(Z(n)), m(Z(r)), b(""), S(""), g(!1), i?.({
|
|
1640
1640
|
from: n,
|
|
1641
1641
|
to: r
|
|
1642
1642
|
});
|
|
1643
1643
|
}, [t, i]), D = n.useCallback((e, t) => {
|
|
1644
|
-
let n =
|
|
1644
|
+
let n = Qt(e);
|
|
1645
1645
|
if (t === "start" ? (f(e), b("")) : (m(e), S("")), !n) {
|
|
1646
1646
|
if (e) {
|
|
1647
1647
|
let e = "Please enter a valid date";
|
|
@@ -1649,12 +1649,12 @@ function tn({ ranges: e = Xt, excludeToday: t = !0, current: r, onSelect: i, onR
|
|
|
1649
1649
|
}
|
|
1650
1650
|
return;
|
|
1651
1651
|
}
|
|
1652
|
-
if (
|
|
1652
|
+
if (!$t(n, l, c)) {
|
|
1653
1653
|
let e = l && n < N(l) ? `Date must be on or after ${E(l, "MMM d, yyyy")}` : `Date must be on or before ${E(c, "MMM d, yyyy")}`;
|
|
1654
1654
|
t === "start" ? b(e) : S(e);
|
|
1655
1655
|
return;
|
|
1656
1656
|
}
|
|
1657
|
-
let r =
|
|
1657
|
+
let r = Qt(t === "start" ? p : d);
|
|
1658
1658
|
t === "start" && r ? n <= r ? i?.({
|
|
1659
1659
|
from: n,
|
|
1660
1660
|
to: r
|
|
@@ -1669,7 +1669,7 @@ function tn({ ranges: e = Xt, excludeToday: t = !0, current: r, onSelect: i, onR
|
|
|
1669
1669
|
l,
|
|
1670
1670
|
c
|
|
1671
1671
|
]), O = n.useMemo(() => e.map((e) => {
|
|
1672
|
-
let n =
|
|
1672
|
+
let n = en(e.value), r = tn(t);
|
|
1673
1673
|
return {
|
|
1674
1674
|
...e,
|
|
1675
1675
|
displayStartDate: E(n, "MMM d, yyyy"),
|
|
@@ -1677,7 +1677,7 @@ function tn({ ranges: e = Xt, excludeToday: t = !0, current: r, onSelect: i, onR
|
|
|
1677
1677
|
};
|
|
1678
1678
|
}), [e, t]), k = h || r?.from && r?.to && !C;
|
|
1679
1679
|
return /* @__PURE__ */ v("div", {
|
|
1680
|
-
className:
|
|
1680
|
+
className: Gt.wuDateRangeNativeSidebar,
|
|
1681
1681
|
...u,
|
|
1682
1682
|
children: [/* @__PURE__ */ v("ul", { children: [
|
|
1683
1683
|
/* @__PURE__ */ _("li", { children: /* @__PURE__ */ _("button", {
|
|
@@ -1688,38 +1688,38 @@ function tn({ ranges: e = Xt, excludeToday: t = !0, current: r, onSelect: i, onR
|
|
|
1688
1688
|
children: "Custom Range"
|
|
1689
1689
|
}) }),
|
|
1690
1690
|
/* @__PURE__ */ v("li", {
|
|
1691
|
-
className:
|
|
1691
|
+
className: Gt.customInputs,
|
|
1692
1692
|
"data-expanded": k,
|
|
1693
1693
|
children: [/* @__PURE__ */ v("div", {
|
|
1694
|
-
className:
|
|
1695
|
-
children: [/* @__PURE__ */ _(
|
|
1694
|
+
className: Gt.inputsRow,
|
|
1695
|
+
children: [/* @__PURE__ */ _(Jt, {
|
|
1696
1696
|
type: "date",
|
|
1697
1697
|
value: d,
|
|
1698
1698
|
onChange: (e) => D(e.target.value, "start"),
|
|
1699
1699
|
Label: "Start",
|
|
1700
|
-
min:
|
|
1701
|
-
max:
|
|
1700
|
+
min: Z(l),
|
|
1701
|
+
max: Z(c),
|
|
1702
1702
|
"aria-describedby": y ? "start-date-error" : void 0
|
|
1703
|
-
}), /* @__PURE__ */ _(
|
|
1703
|
+
}), /* @__PURE__ */ _(Jt, {
|
|
1704
1704
|
type: "date",
|
|
1705
1705
|
value: p,
|
|
1706
1706
|
onChange: (e) => D(e.target.value, "end"),
|
|
1707
1707
|
Label: "End",
|
|
1708
|
-
min: d ||
|
|
1709
|
-
max:
|
|
1708
|
+
min: d || Z(l),
|
|
1709
|
+
max: Z(c),
|
|
1710
1710
|
"aria-describedby": x ? "end-date-error" : void 0
|
|
1711
1711
|
})]
|
|
1712
1712
|
}), (y || x) && /* @__PURE__ */ v("div", {
|
|
1713
|
-
className:
|
|
1713
|
+
className: Gt.errorWrapper,
|
|
1714
1714
|
role: "alert",
|
|
1715
1715
|
"aria-live": "polite",
|
|
1716
1716
|
children: [y && /* @__PURE__ */ _("p", {
|
|
1717
1717
|
id: "start-date-error",
|
|
1718
|
-
className:
|
|
1718
|
+
className: Gt.errorText,
|
|
1719
1719
|
children: y
|
|
1720
1720
|
}), x && /* @__PURE__ */ _("p", {
|
|
1721
1721
|
id: "end-date-error",
|
|
1722
|
-
className:
|
|
1722
|
+
className: Gt.errorText,
|
|
1723
1723
|
children: x
|
|
1724
1724
|
})]
|
|
1725
1725
|
})]
|
|
@@ -1731,12 +1731,12 @@ function tn({ ranges: e = Xt, excludeToday: t = !0, current: r, onSelect: i, onR
|
|
|
1731
1731
|
"aria-label": `Select ${e.label}`,
|
|
1732
1732
|
children: e.label
|
|
1733
1733
|
}) }, e.value))
|
|
1734
|
-
] }), /* @__PURE__ */ v("footer", { children: [s && /* @__PURE__ */ _(
|
|
1734
|
+
] }), /* @__PURE__ */ v("footer", { children: [s && /* @__PURE__ */ _(Xt, {
|
|
1735
1735
|
variant: "secondary",
|
|
1736
1736
|
Icon: /* @__PURE__ */ _(J, { icon: "wm-refresh" }),
|
|
1737
1737
|
onClick: a,
|
|
1738
1738
|
children: "Reset"
|
|
1739
|
-
}), /* @__PURE__ */ _(
|
|
1739
|
+
}), /* @__PURE__ */ _(Xt, {
|
|
1740
1740
|
onClick: o,
|
|
1741
1741
|
disabled: !!(y || x),
|
|
1742
1742
|
children: "Apply"
|
|
@@ -1745,7 +1745,7 @@ function tn({ ranges: e = Xt, excludeToday: t = !0, current: r, onSelect: i, onR
|
|
|
1745
1745
|
}
|
|
1746
1746
|
//#endregion
|
|
1747
1747
|
//#region src/components/calendar/ui/_sidebar.tsx
|
|
1748
|
-
var
|
|
1748
|
+
var rn = "MM-dd-yyyy", an = [
|
|
1749
1749
|
{
|
|
1750
1750
|
label: "Day",
|
|
1751
1751
|
value: 1
|
|
@@ -1766,7 +1766,7 @@ var nn = "MM-dd-yyyy", rn = [
|
|
|
1766
1766
|
label: "Year",
|
|
1767
1767
|
value: 365
|
|
1768
1768
|
}
|
|
1769
|
-
],
|
|
1769
|
+
], on = ({ current: e, onSelect: t, presetRanges: n = jt }) => {
|
|
1770
1770
|
let [r, i] = p(), [a, o] = p(!1), [c, l] = p(""), [f, m] = p(""), [h, g] = p(!1), y = d(() => n.map((e) => e.value), [n]), b = G("wu-flex wu-w-full wu-gap-2 wu-px-4 wu-py-2 wu-text-sm wu-text-gray-lead wu-transition-colors", "wu-rounded-none hover:wu-bg-gray-10 focus:wu-outline-none focus-visible:wu-ring-2", "focus-visible:wu-ring-blue-pHover focus-visible:wu-ring-offset-1 wu-text-start"), x = s((e) => {
|
|
1771
1771
|
if (e === void 0) {
|
|
1772
1772
|
i(void 0), o(!0);
|
|
@@ -1779,7 +1779,7 @@ var nn = "MM-dd-yyyy", rn = [
|
|
|
1779
1779
|
});
|
|
1780
1780
|
}, [t]), S = s((t, n) => {
|
|
1781
1781
|
if (!t || !e?.to || !e?.from || !(/* @__PURE__ */ RegExp("(0[1-9]|1[0-2])-(0[1-9]|[12]\\d|3[01])-\\d{4}")).test(t)) return !1;
|
|
1782
|
-
let r = n === "start" ? j(t,
|
|
1782
|
+
let r = n === "start" ? j(t, rn, /* @__PURE__ */ new Date()) : new Date(e.from), i = n === "end" ? j(t, rn, /* @__PURE__ */ new Date()) : new Date(e.to);
|
|
1783
1783
|
return D(i, r) ? (g(!0), !1) : (g(!1), !(O(r, e.from) && O(i, e.to)));
|
|
1784
1784
|
}, [e]), C = s((n, r) => {
|
|
1785
1785
|
if ((r === "start" ? l : m)(n), S(n, r)) {
|
|
@@ -1787,7 +1787,7 @@ var nn = "MM-dd-yyyy", rn = [
|
|
|
1787
1787
|
from: e?.from,
|
|
1788
1788
|
to: e?.to
|
|
1789
1789
|
};
|
|
1790
|
-
r === "start" && (i.from = j(n,
|
|
1790
|
+
r === "start" && (i.from = j(n, rn, /* @__PURE__ */ new Date())), r === "end" && (i.to = j(n, rn, /* @__PURE__ */ new Date())), t(i);
|
|
1791
1791
|
}
|
|
1792
1792
|
}, [
|
|
1793
1793
|
e,
|
|
@@ -1796,7 +1796,7 @@ var nn = "MM-dd-yyyy", rn = [
|
|
|
1796
1796
|
]);
|
|
1797
1797
|
return u(() => {
|
|
1798
1798
|
if (e?.to && e?.from && A(e.to) && A(e.from)) {
|
|
1799
|
-
l(E(e.from,
|
|
1799
|
+
l(E(e.from, rn)), m(E(e.to, rn));
|
|
1800
1800
|
let t = T(e.to, e.from);
|
|
1801
1801
|
k(e.to) && y.includes(t + 1) ? (i(t), o(!1)) : (i(void 0), o(!0));
|
|
1802
1802
|
}
|
|
@@ -1805,7 +1805,7 @@ var nn = "MM-dd-yyyy", rn = [
|
|
|
1805
1805
|
children: [
|
|
1806
1806
|
/* @__PURE__ */ _("ul", {
|
|
1807
1807
|
className: "wu-flex wu-gap-1 wu-py-2 wu-date-picker-batch-list wu-hidden",
|
|
1808
|
-
children:
|
|
1808
|
+
children: an.map(({ label: e, value: t }) => /* @__PURE__ */ _(Nt, {
|
|
1809
1809
|
variant: "secondary",
|
|
1810
1810
|
className: "wu-px-1 wu-py-1 wu-text-xs wu-h-fit wu-min-w-fit disabled:wu-bg-white",
|
|
1811
1811
|
disabled: t !== 1,
|
|
@@ -1827,14 +1827,14 @@ var nn = "MM-dd-yyyy", rn = [
|
|
|
1827
1827
|
/* @__PURE__ */ v("div", {
|
|
1828
1828
|
className: "wu-relative wu-flex wu-gap-3 wu-pt-2 wu-date-picker-range-footer",
|
|
1829
1829
|
children: [
|
|
1830
|
-
/* @__PURE__ */ _(
|
|
1830
|
+
/* @__PURE__ */ _(Jt, {
|
|
1831
1831
|
placeholder: "Start Date",
|
|
1832
1832
|
pattern: At,
|
|
1833
1833
|
value: c,
|
|
1834
1834
|
onChange: (e) => C(e.target.value, "start"),
|
|
1835
1835
|
"aria-label": "Start Date"
|
|
1836
1836
|
}),
|
|
1837
|
-
/* @__PURE__ */ _(
|
|
1837
|
+
/* @__PURE__ */ _(Jt, {
|
|
1838
1838
|
placeholder: "End Date",
|
|
1839
1839
|
pattern: At,
|
|
1840
1840
|
value: f,
|
|
@@ -1852,7 +1852,7 @@ var nn = "MM-dd-yyyy", rn = [
|
|
|
1852
1852
|
})
|
|
1853
1853
|
]
|
|
1854
1854
|
});
|
|
1855
|
-
},
|
|
1855
|
+
}, sn = ({ formatString: e = "MMM dd, yyyy", value: t, onChange: r, disabled: i, minDate: a = P(/* @__PURE__ */ new Date(), { years: 5 }), maxDate: o = w(/* @__PURE__ */ new Date(), { years: 1 }), dir: s = "ltr", minDateToSelect: c, maxDateToSelect: l, presetRanges: u, Label: d, labelPosition: f = "top", onReset: p, showResetButton: m = !0, placeholder: h, CustomTrigger: y, native: b, align: x = "start", alignOffset: S, side: C, sideOffset: T = -.5, ...D }) => {
|
|
1856
1856
|
let [O, k] = n.useState(t), [A, j] = n.useState(t), [M, N] = n.useState(""), F = n.useCallback(() => {
|
|
1857
1857
|
if (A) {
|
|
1858
1858
|
let t = A.from, n = A.to;
|
|
@@ -1885,7 +1885,7 @@ var nn = "MM-dd-yyyy", rn = [
|
|
|
1885
1885
|
t,
|
|
1886
1886
|
e,
|
|
1887
1887
|
h
|
|
1888
|
-
]), /* @__PURE__ */ v(
|
|
1888
|
+
]), /* @__PURE__ */ v(X, {
|
|
1889
1889
|
className: G("wu-flex wu-gap-1", f === "left" ? "wu-items-center" : "wu-flex-col wu-items-start", "wu-date-picker-label"),
|
|
1890
1890
|
dir: s,
|
|
1891
1891
|
children: [d, /* @__PURE__ */ v(It, {
|
|
@@ -1896,14 +1896,14 @@ var nn = "MM-dd-yyyy", rn = [
|
|
|
1896
1896
|
placeholder: h,
|
|
1897
1897
|
CustomTrigger: y,
|
|
1898
1898
|
...D
|
|
1899
|
-
}), /* @__PURE__ */ _(
|
|
1899
|
+
}), /* @__PURE__ */ _(Rt, {
|
|
1900
1900
|
className: "wu-flex wu-p-0 wu-border wu-w-fit wu-border-blue-p wu-bg-white",
|
|
1901
1901
|
align: x,
|
|
1902
1902
|
sideOffset: T,
|
|
1903
1903
|
side: C,
|
|
1904
1904
|
alignOffset: S,
|
|
1905
1905
|
dir: s,
|
|
1906
|
-
children: b ? /* @__PURE__ */ _(
|
|
1906
|
+
children: b ? /* @__PURE__ */ _(nn, {
|
|
1907
1907
|
current: A,
|
|
1908
1908
|
onSelect: (e) => {
|
|
1909
1909
|
j(e);
|
|
@@ -1914,7 +1914,7 @@ var nn = "MM-dd-yyyy", rn = [
|
|
|
1914
1914
|
showResetButton: m,
|
|
1915
1915
|
minDate: a,
|
|
1916
1916
|
maxDate: o
|
|
1917
|
-
}) : /* @__PURE__ */ v(g, { children: [/* @__PURE__ */ _(
|
|
1917
|
+
}) : /* @__PURE__ */ v(g, { children: [/* @__PURE__ */ _(on, {
|
|
1918
1918
|
current: A,
|
|
1919
1919
|
onSelect: j,
|
|
1920
1920
|
presetRanges: u
|
|
@@ -1944,7 +1944,7 @@ var nn = "MM-dd-yyyy", rn = [
|
|
|
1944
1944
|
})]
|
|
1945
1945
|
})]
|
|
1946
1946
|
});
|
|
1947
|
-
},
|
|
1947
|
+
}, cn = n.forwardRef((e, t) => {
|
|
1948
1948
|
let { className: n, rounded: r, ...i } = e;
|
|
1949
1949
|
return /* @__PURE__ */ _("div", {
|
|
1950
1950
|
className: G("wu-card wu-p-2 wu-pt-1 hover:wu-shadow-card wu-border wu-border-black/20 hover:wu-border-black/30 wu-transition-colors wu-duration-300", r ? "wu-rounded-lg" : "wu-rounded-sm", n),
|
|
@@ -1952,8 +1952,8 @@ var nn = "MM-dd-yyyy", rn = [
|
|
|
1952
1952
|
...i
|
|
1953
1953
|
});
|
|
1954
1954
|
});
|
|
1955
|
-
|
|
1956
|
-
var
|
|
1955
|
+
cn.displayName = "WuCard";
|
|
1956
|
+
var ln = n.forwardRef((e, t) => {
|
|
1957
1957
|
let { className: n, ...r } = e;
|
|
1958
1958
|
return /* @__PURE__ */ _("div", {
|
|
1959
1959
|
ref: t,
|
|
@@ -1961,8 +1961,8 @@ var cn = n.forwardRef((e, t) => {
|
|
|
1961
1961
|
className: G("wu-p-2 wu-mb-2 wu-border-b wu-border-gray-40 min-h-12 wu-card-header", n)
|
|
1962
1962
|
});
|
|
1963
1963
|
});
|
|
1964
|
-
|
|
1965
|
-
var
|
|
1964
|
+
ln.displayName = "WuCardHeader";
|
|
1965
|
+
var un = n.forwardRef((e, t) => {
|
|
1966
1966
|
let { className: n, ...r } = e;
|
|
1967
1967
|
return /* @__PURE__ */ _("div", {
|
|
1968
1968
|
ref: t,
|
|
@@ -1970,10 +1970,10 @@ var ln = n.forwardRef((e, t) => {
|
|
|
1970
1970
|
className: G("wu-p-2 wu-mt-2 wu-border-t wu-border-gray-40 min-h-12 wu-card-footer", n)
|
|
1971
1971
|
});
|
|
1972
1972
|
});
|
|
1973
|
-
|
|
1973
|
+
un.displayName = "WuCardHeader";
|
|
1974
1974
|
//#endregion
|
|
1975
1975
|
//#region src/base/ui/checkbox.tsx
|
|
1976
|
-
var
|
|
1976
|
+
var dn = t.forwardRef(({ className: e, partial: t, ...n }, r) => /* @__PURE__ */ _(ie.Root, {
|
|
1977
1977
|
ref: r,
|
|
1978
1978
|
className: G("wu-h-4 wu-w-4 wu-shrink-0 wu-rounded-[2px] wu-bg-white wu-border wu-border-gray-subtle wu-ring-offset-background focus-visible:wu-outline-none focus-visible:wu-ring-2 focus-visible:wu-ring-ring focus-visible:wu-ring-offset-[1px] data-[state=checked]:wu-bg-blue-p data-[state=checked]:wu-text-white data-[state=checked]:wu-border-none data-[state=checked]:hover:wu-bg-blue-q hover:wu-bg-gray-20 hover:wu-border-blue-p wu-transition-all data-[state=checked]:disabled:wu-bg-gray-20", "disabled:wu-cursor-not-allowed disabled:wu-opacity-50 disabled:data-[state=unchecked]:wu-bg-gray-20 disabled:hover:wu-border-gray-subtle disabled:wu-border-gray-subtle", e),
|
|
1979
1979
|
...n,
|
|
@@ -1982,10 +1982,10 @@ var un = t.forwardRef(({ className: e, partial: t, ...n }, r) => /* @__PURE__ */
|
|
|
1982
1982
|
children: [!t && /* @__PURE__ */ _("span", { className: "wm-check wu-text-base wu-leading-4" }), t && /* @__PURE__ */ _("span", { className: "wm-check-indeterminate-small wu-text-base wu-leading-4" })]
|
|
1983
1983
|
})
|
|
1984
1984
|
}));
|
|
1985
|
-
|
|
1985
|
+
dn.displayName = ie.Root.displayName;
|
|
1986
1986
|
//#endregion
|
|
1987
1987
|
//#region src/components/checkbox/WuCheckbox.tsx
|
|
1988
|
-
var
|
|
1988
|
+
var Q = n.forwardRef((e, t) => {
|
|
1989
1989
|
let { disabled: r, checked: i, Label: a, labelPosition: o = "right", className: s, id: c = ke(), partial: l, onChange: u, required: d, readonly: f, ...p } = e;
|
|
1990
1990
|
return n.useEffect(() => {
|
|
1991
1991
|
p.defaultChecked !== void 0 && i !== void 0 && console.error("WuCheckbox: Both `checked` and `defaultChecked` cannot be used together. Use only one of them.");
|
|
@@ -1995,7 +1995,7 @@ var dn = n.forwardRef((e, t) => {
|
|
|
1995
1995
|
className: "wu-checkbox-container"
|
|
1996
1996
|
}),
|
|
1997
1997
|
dir: p.dir,
|
|
1998
|
-
children: [/* @__PURE__ */ _(
|
|
1998
|
+
children: [/* @__PURE__ */ _(dn, {
|
|
1999
1999
|
id: c,
|
|
2000
2000
|
...p,
|
|
2001
2001
|
partial: l,
|
|
@@ -2005,7 +2005,7 @@ var dn = n.forwardRef((e, t) => {
|
|
|
2005
2005
|
className: G("wu-peer wu-checkbox", s),
|
|
2006
2006
|
required: d,
|
|
2007
2007
|
ref: t
|
|
2008
|
-
}), a && /* @__PURE__ */ _(
|
|
2008
|
+
}), a && /* @__PURE__ */ _(X, {
|
|
2009
2009
|
htmlFor: c,
|
|
2010
2010
|
className: "wu-w-full wu-checkbox-label",
|
|
2011
2011
|
children: a
|
|
@@ -2015,7 +2015,7 @@ var dn = n.forwardRef((e, t) => {
|
|
|
2015
2015
|
left: "wu-flex-row-reverse wu-text-right",
|
|
2016
2016
|
right: "wu-flex-row"
|
|
2017
2017
|
} } });
|
|
2018
|
-
|
|
2018
|
+
Q.displayName = "WuCheckbox";
|
|
2019
2019
|
var pn = {
|
|
2020
2020
|
WuChip: "_WuChip_1iw18_1",
|
|
2021
2021
|
WuLabel: "_WuLabel_1iw18_76",
|
|
@@ -2247,7 +2247,7 @@ var Dn = ({ option: e, value: t, multiple: n = !1, onSelect: r, accessorKey: i,
|
|
|
2247
2247
|
disabled: e.disabled,
|
|
2248
2248
|
className: G("wu-cursor-pointer wu-text-xs wu-items-start wu-leading-4 wu-py-2 wu-combobox-item hover:wu-bg-gray-100", c && "wu-bg-gray-10"),
|
|
2249
2249
|
dir: a,
|
|
2250
|
-
children: [n && /* @__PURE__ */ _(
|
|
2250
|
+
children: [n && /* @__PURE__ */ _(Q, { checked: c }), /* @__PURE__ */ _(On, {
|
|
2251
2251
|
option: e,
|
|
2252
2252
|
accessorKey: i
|
|
2253
2253
|
})]
|
|
@@ -2342,7 +2342,7 @@ var Wn = (e) => {
|
|
|
2342
2342
|
onSelect: r,
|
|
2343
2343
|
className: G("wu-cursor-pointer wu-text-xs wu-leading-4 wu-py-2 wu-combobox-item"),
|
|
2344
2344
|
dir: s.dir,
|
|
2345
|
-
children: [/* @__PURE__ */ _(
|
|
2345
|
+
children: [/* @__PURE__ */ _(Q, {
|
|
2346
2346
|
checked: a || o,
|
|
2347
2347
|
partial: o,
|
|
2348
2348
|
"data-partial": o,
|
|
@@ -2376,7 +2376,7 @@ var Wn = (e) => {
|
|
|
2376
2376
|
allOptions: r,
|
|
2377
2377
|
enabledOptions: i
|
|
2378
2378
|
};
|
|
2379
|
-
}, Kn = o(
|
|
2379
|
+
}, Kn = o(Jt), qn = ({ data: e, accessorKey: t, value: n, defaultValue: r, Header: i, virtualizedThreshold: a = 100, isEllipse: o, placeholder: c, variant: l, dir: m, onSelect: h, Label: g, maxHeight: y = 420, multiple: b = !1, hasGroup: x = !1, selectAll: S, id: C, disabled: w, labelPosition: T = "top", className: E, onScroll: D, maxContentWidth: O, enableSearch: k = !0, noDataContent: A, selectedToTop: j = !1, ...M }) => {
|
|
2380
2380
|
let [N, P] = p(""), [F, I] = p(), [L, ee] = p(!1), [te, R] = p(!1), [z, ne] = p(!1), re = f(null), { allOptions: ie, enabledOptions: ae } = d(() => x || S && !S.includeDisabled ? Gn(e) : {
|
|
2381
2381
|
allOptions: e,
|
|
2382
2382
|
groups: [],
|
|
@@ -2450,7 +2450,7 @@ var Wn = (e) => {
|
|
|
2450
2450
|
className: E,
|
|
2451
2451
|
id: C,
|
|
2452
2452
|
...M
|
|
2453
|
-
}), /* @__PURE__ */ _(
|
|
2453
|
+
}), /* @__PURE__ */ _(Rt, {
|
|
2454
2454
|
className: "wu-min-w-[--radix-popover-trigger-width] wu-max-w-[calc(100vw-32px)] wu-p-0 wu-bg-white wu-border wu-border-blue-p wu-combobox-content",
|
|
2455
2455
|
align: "start",
|
|
2456
2456
|
sideOffset: -1,
|
|
@@ -2519,7 +2519,7 @@ var Wn = (e) => {
|
|
|
2519
2519
|
]
|
|
2520
2520
|
})
|
|
2521
2521
|
})]
|
|
2522
|
-
}), g && /* @__PURE__ */ _(
|
|
2522
|
+
}), g && /* @__PURE__ */ _(X, {
|
|
2523
2523
|
htmlFor: C,
|
|
2524
2524
|
className: "wu-combobox-label",
|
|
2525
2525
|
children: g
|
|
@@ -3041,7 +3041,7 @@ function Mr(e) {
|
|
|
3041
3041
|
value: t[n.value],
|
|
3042
3042
|
className: G("data-[selected='true']:wu-bg-gray-100 wu-cursor-pointer wu-text-xs wu-min-h-8 wu-py-0 hover:wu-bg-gray-10", !!l?.(e) && !a && "wu-bg-blue-p/10", o === "rtl" && "wu-justify-end", s, jr("item")),
|
|
3043
3043
|
disabled: e.disabled
|
|
3044
|
-
}, a && /* @__PURE__ */ _(
|
|
3044
|
+
}, a && /* @__PURE__ */ _(Q, { checked: l?.(e) }), c ? c({
|
|
3045
3045
|
value: e,
|
|
3046
3046
|
isSelected: l?.(e)
|
|
3047
3047
|
}) : /* @__PURE__ */ _(g, { children: e[n.label] }));
|
|
@@ -3077,7 +3077,7 @@ var Nr = n.memo(Mr), Pr = (e) => {
|
|
|
3077
3077
|
}, [i, a]), /* @__PURE__ */ v(Tn, {
|
|
3078
3078
|
className: "data-[selected='true']:wu-bg-gray-100 wu-cursor-pointer wu-text-xs wu-min-h-8 wu-py-0 hover:wu-bg-gray-100",
|
|
3079
3079
|
onSelect: () => r?.(!o),
|
|
3080
|
-
children: [/* @__PURE__ */ _(
|
|
3080
|
+
children: [/* @__PURE__ */ _(Q, {
|
|
3081
3081
|
checked: o,
|
|
3082
3082
|
partial: c
|
|
3083
3083
|
}), t || "Select All"]
|
|
@@ -3182,7 +3182,7 @@ var Nr = n.memo(Mr), Pr = (e) => {
|
|
|
3182
3182
|
return /* @__PURE__ */ v("div", {
|
|
3183
3183
|
className: G("wu-flex wu-text-sm wu-gap-2", O === "top" && "wu-flex-col wu-gap-1", O === "left" && "wu-flex-row", O === "right" && "wu-flex-row-reverse", jr("container")),
|
|
3184
3184
|
dir: C,
|
|
3185
|
-
children: [o && /* @__PURE__ */ _(
|
|
3185
|
+
children: [o && /* @__PURE__ */ _(X, {
|
|
3186
3186
|
htmlFor: S,
|
|
3187
3187
|
className: jr("label"),
|
|
3188
3188
|
children: o
|
|
@@ -3207,7 +3207,7 @@ var Nr = n.memo(Mr), Pr = (e) => {
|
|
|
3207
3207
|
id: S,
|
|
3208
3208
|
dir: C,
|
|
3209
3209
|
...M
|
|
3210
|
-
}), /* @__PURE__ */ _(
|
|
3210
|
+
}), /* @__PURE__ */ _(Rt, {
|
|
3211
3211
|
className: G("wu-min-w-[--radix-popover-trigger-width] wu-max-w-[calc(100vw-32px)] wu-w-auto wu-p-0 wu-bg-white wu-border wu-border-blue-p", jr("content")),
|
|
3212
3212
|
align: "start",
|
|
3213
3213
|
sideOffset: -1,
|
|
@@ -3503,7 +3503,7 @@ var ti = "calc(100vh - 64px)", ni = {
|
|
|
3503
3503
|
disabled: e.disabled,
|
|
3504
3504
|
className: G("wu-cursor-pointer wu-text-xs wu-py-2 wu-leading-4 wu-select-item wu-items-start", c && "wu-bg-gray-10"),
|
|
3505
3505
|
dir: a,
|
|
3506
|
-
children: [n && /* @__PURE__ */ _(
|
|
3506
|
+
children: [n && /* @__PURE__ */ _(Q, { checked: c }), /* @__PURE__ */ _(ui, {
|
|
3507
3507
|
option: e,
|
|
3508
3508
|
accessorKey: i
|
|
3509
3509
|
})]
|
|
@@ -3527,7 +3527,7 @@ var ti = "calc(100vh - 64px)", ni = {
|
|
|
3527
3527
|
},
|
|
3528
3528
|
className: G("wu-cursor-pointer wu-text-xs wu-py-2 wu-leading-4 wu-select-item"),
|
|
3529
3529
|
dir: o.dir,
|
|
3530
|
-
children: [/* @__PURE__ */ _(
|
|
3530
|
+
children: [/* @__PURE__ */ _(Q, {
|
|
3531
3531
|
"data-partial": a,
|
|
3532
3532
|
checked: r || a,
|
|
3533
3533
|
partial: a
|
|
@@ -3680,7 +3680,7 @@ var ti = "calc(100vh - 64px)", ni = {
|
|
|
3680
3680
|
}, o);
|
|
3681
3681
|
})
|
|
3682
3682
|
})]
|
|
3683
|
-
})] }), m && /* @__PURE__ */ _(
|
|
3683
|
+
})] }), m && /* @__PURE__ */ _(X, {
|
|
3684
3684
|
htmlFor: O.id,
|
|
3685
3685
|
className: "wu-select-label",
|
|
3686
3686
|
children: m
|
|
@@ -3734,7 +3734,7 @@ var ti = "calc(100vh - 64px)", ni = {
|
|
|
3734
3734
|
dir: "ltr",
|
|
3735
3735
|
placeholder: i,
|
|
3736
3736
|
formattedString: y
|
|
3737
|
-
}), /* @__PURE__ */ v(
|
|
3737
|
+
}), /* @__PURE__ */ v(Rt, {
|
|
3738
3738
|
className: "wu-flex wu-flex-col wu-gap-4 wu-p-4 wu-bg-white wu-border-blue-p wu-month-picker-content",
|
|
3739
3739
|
align: "start",
|
|
3740
3740
|
sideOffset: -1,
|
|
@@ -3774,7 +3774,7 @@ var ti = "calc(100vh - 64px)", ni = {
|
|
|
3774
3774
|
})
|
|
3775
3775
|
})
|
|
3776
3776
|
]
|
|
3777
|
-
})] }), a && /* @__PURE__ */ _(
|
|
3777
|
+
})] }), a && /* @__PURE__ */ _(X, {
|
|
3778
3778
|
className: "wu-truncate wu-max-w-[120px] wu-min-w-fit wu-select-label",
|
|
3779
3779
|
children: a
|
|
3780
3780
|
})]
|
|
@@ -3842,7 +3842,7 @@ var ti = "calc(100vh - 64px)", ni = {
|
|
|
3842
3842
|
className: "wu-p-1 wu-pb-0 wu-rounded-sm focus:wu-outline-none focus:wu-bg-gray-25",
|
|
3843
3843
|
"aria-label": "more",
|
|
3844
3844
|
children: /* @__PURE__ */ _("span", { className: "wm-more-vert" })
|
|
3845
|
-
}), /* @__PURE__ */ _(
|
|
3845
|
+
}), /* @__PURE__ */ _(Rt, {
|
|
3846
3846
|
className: G(yi.wuPrimaryPopoverContent, "wu-primary-nav-popover-left"),
|
|
3847
3847
|
align: "start",
|
|
3848
3848
|
sideOffset: 12,
|
|
@@ -3855,7 +3855,7 @@ var ti = "calc(100vh - 64px)", ni = {
|
|
|
3855
3855
|
}), /* @__PURE__ */ v(It, { children: [/* @__PURE__ */ _(Lt, {
|
|
3856
3856
|
className: "sm:wu-hidden",
|
|
3857
3857
|
children: /* @__PURE__ */ _("span", { className: "wu-text-lg wm-menu" })
|
|
3858
|
-
}), /* @__PURE__ */ _(
|
|
3858
|
+
}), /* @__PURE__ */ _(Rt, {
|
|
3859
3859
|
className: "wu-bg-white wu-border wu-border-blue-p wu-w-fit wu-primary-nav-popover-right",
|
|
3860
3860
|
align: "end",
|
|
3861
3861
|
sideOffset: 4,
|
|
@@ -3889,7 +3889,7 @@ var ti = "calc(100vh - 64px)", ni = {
|
|
|
3889
3889
|
className: "wu-p-1 wu-pb-0 wu-rounded-sm focus:wu-outline-none focus:wu-bg-gray-25",
|
|
3890
3890
|
"aria-label": "more",
|
|
3891
3891
|
children: /* @__PURE__ */ _("span", { className: "wm-more-vert" })
|
|
3892
|
-
}), /* @__PURE__ */ _(
|
|
3892
|
+
}), /* @__PURE__ */ _(Rt, {
|
|
3893
3893
|
className: G(Si.wuSecondaryNavPopover, "wu-secondary-nav-popover-left"),
|
|
3894
3894
|
align: "start",
|
|
3895
3895
|
sideOffset: 12,
|
|
@@ -3902,7 +3902,7 @@ var ti = "calc(100vh - 64px)", ni = {
|
|
|
3902
3902
|
}), /* @__PURE__ */ v(It, { children: [/* @__PURE__ */ _(Lt, {
|
|
3903
3903
|
className: "sm:wu-hidden",
|
|
3904
3904
|
children: /* @__PURE__ */ _("span", { className: "wu-text-lg wm-menu" })
|
|
3905
|
-
}), /* @__PURE__ */ _(
|
|
3905
|
+
}), /* @__PURE__ */ _(Rt, {
|
|
3906
3906
|
className: "wu-bg-white wu-border wu-border-blue-p wu-w-fit wu-secondary-nav-popover-right",
|
|
3907
3907
|
align: "end",
|
|
3908
3908
|
sideOffset: 12,
|
|
@@ -4012,7 +4012,7 @@ var Oi = n.forwardRef((e, t) => {
|
|
|
4012
4012
|
className: G("w-fit", s.className),
|
|
4013
4013
|
ref: t,
|
|
4014
4014
|
style: s.style,
|
|
4015
|
-
children: [/* @__PURE__ */ _(
|
|
4015
|
+
children: [/* @__PURE__ */ _(Ht, {
|
|
4016
4016
|
htmlFor: s.id,
|
|
4017
4017
|
className: "wu-text-sm wu-font-normal wu-text-gray-lead wu-leading-6 wu-radio-group-label",
|
|
4018
4018
|
children: a
|
|
@@ -4025,7 +4025,7 @@ var Oi = n.forwardRef((e, t) => {
|
|
|
4025
4025
|
required: e.required,
|
|
4026
4026
|
"aria-label": e.value,
|
|
4027
4027
|
className: "wu-peer wu-radio-item"
|
|
4028
|
-
}), /* @__PURE__ */ _(
|
|
4028
|
+
}), /* @__PURE__ */ _(Ht, {
|
|
4029
4029
|
htmlFor: e.value,
|
|
4030
4030
|
className: G(e.required && "after:wu-content-['*'] after:wu-mx-[2px] after:wu-text-rose-500", "wu-radio-item-label"),
|
|
4031
4031
|
children: e.label
|
|
@@ -4044,26 +4044,95 @@ var ki = (e) => {
|
|
|
4044
4044
|
"aria-label": "ScrollArea",
|
|
4045
4045
|
children: [t, /* @__PURE__ */ _(hr, { orientation: "horizontal" })]
|
|
4046
4046
|
});
|
|
4047
|
-
}, Ai =
|
|
4047
|
+
}, Ai = {
|
|
4048
|
+
wuSegment: "_wuSegment_o7faq_1",
|
|
4049
|
+
wuSegmentItem: "_wuSegmentItem_o7faq_43",
|
|
4050
|
+
wuSegmentIndicator: "_wuSegmentIndicator_o7faq_57",
|
|
4051
|
+
wuSegmentItemIcon: "_wuSegmentItemIcon_o7faq_124"
|
|
4052
|
+
}, ji = a(({ options: e, value: t, defaultValue: n, onChange: r, size: i = "md", variant: a = "text", disabled: o = !1, dir: s = "ltr", className: c, style: l, ...u }, d) => {
|
|
4053
|
+
let m = t !== void 0, [h, g] = p(n), y = m ? t : h, b = f([]), x = (e) => o || !!e.disabled, S = e.findIndex((e) => e.value === y), C = (e) => {
|
|
4054
|
+
e.value !== y && (m || g(e.value), r?.(e.value));
|
|
4055
|
+
}, w = (t, n) => {
|
|
4056
|
+
let r = e.length;
|
|
4057
|
+
for (let i = 1; i <= r; i++) {
|
|
4058
|
+
let a = (t + n * i + r) % r;
|
|
4059
|
+
if (!x(e[a])) {
|
|
4060
|
+
b.current[a]?.focus();
|
|
4061
|
+
return;
|
|
4062
|
+
}
|
|
4063
|
+
}
|
|
4064
|
+
}, T = (e, t) => {
|
|
4065
|
+
let n = s === "rtl" ? "ArrowLeft" : "ArrowRight", r = s === "rtl" ? "ArrowRight" : "ArrowLeft";
|
|
4066
|
+
e.key === n || e.key === "ArrowDown" ? (e.preventDefault(), w(t, 1)) : (e.key === r || e.key === "ArrowUp") && (e.preventDefault(), w(t, -1));
|
|
4067
|
+
}, E = {
|
|
4068
|
+
width: `calc((100% - 2 * var(--wu-seg-pad)) / ${e.length})`,
|
|
4069
|
+
transform: `translateX(calc(${S >= 0 ? S : 0} * 100%))`,
|
|
4070
|
+
opacity: +(S >= 0)
|
|
4071
|
+
};
|
|
4072
|
+
return /* @__PURE__ */ v("div", {
|
|
4073
|
+
ref: d,
|
|
4074
|
+
role: "radiogroup",
|
|
4075
|
+
dir: s,
|
|
4076
|
+
"data-size": i,
|
|
4077
|
+
"data-variant": a,
|
|
4078
|
+
"data-disabled": o || void 0,
|
|
4079
|
+
className: G(Ai.wuSegment, c),
|
|
4080
|
+
style: l,
|
|
4081
|
+
...u,
|
|
4082
|
+
children: [/* @__PURE__ */ _("span", {
|
|
4083
|
+
"aria-hidden": "true",
|
|
4084
|
+
className: Ai.wuSegmentIndicator,
|
|
4085
|
+
style: E
|
|
4086
|
+
}), e.map((e, t) => {
|
|
4087
|
+
let n = x(e), r = e.value === y, i = e.children !== void 0, o = !i && a === "icon" && !!e.icon, s = !i && a === "text" && !!e.label;
|
|
4088
|
+
return /* @__PURE__ */ v("button", {
|
|
4089
|
+
ref: (e) => {
|
|
4090
|
+
b.current[t] = e;
|
|
4091
|
+
},
|
|
4092
|
+
type: "button",
|
|
4093
|
+
role: "radio",
|
|
4094
|
+
"aria-checked": r,
|
|
4095
|
+
"aria-label": e.label ?? e.value,
|
|
4096
|
+
disabled: n,
|
|
4097
|
+
tabIndex: n ? -1 : 0,
|
|
4098
|
+
className: Ai.wuSegmentItem,
|
|
4099
|
+
onClick: () => C(e),
|
|
4100
|
+
onKeyDown: (e) => T(e, t),
|
|
4101
|
+
children: [
|
|
4102
|
+
i && e.children,
|
|
4103
|
+
o && /* @__PURE__ */ _("span", {
|
|
4104
|
+
className: Ai.wuSegmentItemIcon,
|
|
4105
|
+
children: e.icon
|
|
4106
|
+
}),
|
|
4107
|
+
s && e.label
|
|
4108
|
+
]
|
|
4109
|
+
}, e.value);
|
|
4110
|
+
})]
|
|
4111
|
+
});
|
|
4112
|
+
});
|
|
4113
|
+
ji.displayName = "WuSegment";
|
|
4114
|
+
//#endregion
|
|
4115
|
+
//#region src/base/ui/input.tsx
|
|
4116
|
+
var Mi = t.forwardRef(({ className: e, type: t, ...n }, r) => /* @__PURE__ */ _("input", {
|
|
4048
4117
|
type: t,
|
|
4049
4118
|
className: G("wu-flex wu-h-8 wu-w-full wu-border-b wu-border-gray-subtle wu-bg-gray-10 wu-p-2 wu-text-sm wu-font-normal wu-text-gray-lead", "file:wu-border-0 file:wu-bg-gray-40 file:wu-text-gray-notification file:wu-text-sm file:wu-font-normal file:wu-relative file:wu-bottom-[3px]", "wu-placeholder:wu-text-gray-subtle wu-placeholder:wu-font-light", "disabled:wu-cursor-not-allowed disabled:wu-bg-gray-20 disabled:wu-border-gray-40 disabled:wu-text-gray-subtle", "read-only:wu-cursor-not-allowed read-only:wu-bg-gray-20 read-only:wu-border-gray-40 read-only:wu-text-gray-subtle", "focus:wu-border-blue-p focus-visible:wu-outline-none wu-transition-colors hover:wu-border-gray-40", e),
|
|
4050
4119
|
ref: r,
|
|
4051
4120
|
...n
|
|
4052
4121
|
}));
|
|
4053
|
-
|
|
4122
|
+
Mi.displayName = "Input";
|
|
4054
4123
|
//#endregion
|
|
4055
4124
|
//#region src/base/ui/separator.tsx
|
|
4056
|
-
var
|
|
4125
|
+
var Ni = t.forwardRef(({ className: e, orientation: t = "horizontal", decorative: n = !0, ...r }, i) => /* @__PURE__ */ _(pe.Root, {
|
|
4057
4126
|
ref: i,
|
|
4058
4127
|
decorative: n,
|
|
4059
4128
|
orientation: t,
|
|
4060
4129
|
className: G("wu-shrink-0 wu-bg-gray-40", t === "horizontal" ? "wu-h-[1px] wu-w-full" : "wu-h-full wu-w-[1px]", e),
|
|
4061
4130
|
...r
|
|
4062
4131
|
}));
|
|
4063
|
-
|
|
4132
|
+
Ni.displayName = pe.Root.displayName;
|
|
4064
4133
|
//#endregion
|
|
4065
4134
|
//#region src/base/ui/skeleton.tsx
|
|
4066
|
-
function
|
|
4135
|
+
function Pi({ className: e, ...t }) {
|
|
4067
4136
|
return /* @__PURE__ */ _("div", {
|
|
4068
4137
|
className: G("animate-pulse rounded-md bg-muted", e),
|
|
4069
4138
|
...t
|
|
@@ -4071,28 +4140,28 @@ function Mi({ className: e, ...t }) {
|
|
|
4071
4140
|
}
|
|
4072
4141
|
//#endregion
|
|
4073
4142
|
//#region src/hooks/useMobile.tsx
|
|
4074
|
-
var
|
|
4075
|
-
function
|
|
4143
|
+
var Fi = 768;
|
|
4144
|
+
function Ii() {
|
|
4076
4145
|
let [e, n] = t.useState(void 0);
|
|
4077
4146
|
return t.useEffect(() => {
|
|
4078
|
-
let e = window.matchMedia(`(max-width: ${
|
|
4079
|
-
n(window.innerWidth <
|
|
4147
|
+
let e = window.matchMedia(`(max-width: ${Fi - 1}px)`), t = () => {
|
|
4148
|
+
n(window.innerWidth < Fi);
|
|
4080
4149
|
};
|
|
4081
|
-
return e.addEventListener("change", t), n(window.innerWidth <
|
|
4150
|
+
return e.addEventListener("change", t), n(window.innerWidth < Fi), () => e.removeEventListener("change", t);
|
|
4082
4151
|
}, []), !!e;
|
|
4083
4152
|
}
|
|
4084
4153
|
//#endregion
|
|
4085
4154
|
//#region src/components/sidebar/shadcn/sidebar.tsx
|
|
4086
|
-
var
|
|
4087
|
-
function
|
|
4088
|
-
let e = t.useContext(
|
|
4155
|
+
var Li = "sidebar_state", Ri = 3600 * 24 * 7, zi = "256px", Bi = "256px", Vi = "3rem", Hi = "b", Ui = t.createContext(null);
|
|
4156
|
+
function Wi() {
|
|
4157
|
+
let e = t.useContext(Ui);
|
|
4089
4158
|
if (!e) throw Error("useSidebar must be used within a SidebarProvider.");
|
|
4090
4159
|
return e;
|
|
4091
4160
|
}
|
|
4092
|
-
var
|
|
4093
|
-
let l =
|
|
4161
|
+
var Gi = t.forwardRef(({ defaultOpen: e = !0, open: n, onOpenChange: r, className: i, style: a, children: o, ...s }, c) => {
|
|
4162
|
+
let l = Ii(), [u, d] = t.useState(!1), [f, p] = t.useState(l ? !0 : e), m = n ?? f, h = t.useCallback((e) => {
|
|
4094
4163
|
let t = typeof e == "function" ? e(m) : e;
|
|
4095
|
-
r ? r(t) : p(t), document.cookie = `${
|
|
4164
|
+
r ? r(t) : p(t), document.cookie = `${Li}=${t}; path=/; max-age=${Ri}`;
|
|
4096
4165
|
}, [r, m]), g = t.useCallback(() => l ? d((e) => !e) : h((e) => !e), [
|
|
4097
4166
|
l,
|
|
4098
4167
|
h,
|
|
@@ -4100,7 +4169,7 @@ var Ui = t.forwardRef(({ defaultOpen: e = !0, open: n, onOpenChange: r, classNam
|
|
|
4100
4169
|
]);
|
|
4101
4170
|
t.useEffect(() => {
|
|
4102
4171
|
let e = (e) => {
|
|
4103
|
-
e.key ===
|
|
4172
|
+
e.key === Hi && (e.metaKey || e.ctrlKey) && (e.preventDefault(), g());
|
|
4104
4173
|
};
|
|
4105
4174
|
return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
|
|
4106
4175
|
}, [g]);
|
|
@@ -4121,14 +4190,14 @@ var Ui = t.forwardRef(({ defaultOpen: e = !0, open: n, onOpenChange: r, classNam
|
|
|
4121
4190
|
d,
|
|
4122
4191
|
g
|
|
4123
4192
|
]);
|
|
4124
|
-
return /* @__PURE__ */ _(
|
|
4193
|
+
return /* @__PURE__ */ _(Ui.Provider, {
|
|
4125
4194
|
value: y,
|
|
4126
4195
|
children: /* @__PURE__ */ _(yt, {
|
|
4127
4196
|
delayDuration: 0,
|
|
4128
4197
|
children: /* @__PURE__ */ _("div", {
|
|
4129
4198
|
style: {
|
|
4130
|
-
"--sidebar-width":
|
|
4131
|
-
"--sidebar-width-icon":
|
|
4199
|
+
"--sidebar-width": zi,
|
|
4200
|
+
"--sidebar-width-icon": Vi,
|
|
4132
4201
|
...a
|
|
4133
4202
|
},
|
|
4134
4203
|
className: G("wu-group/sidebar-wrapper wu-flex wu-min-h-[calc(100svh-48px)] wu-w-full", i),
|
|
@@ -4139,9 +4208,9 @@ var Ui = t.forwardRef(({ defaultOpen: e = !0, open: n, onOpenChange: r, classNam
|
|
|
4139
4208
|
})
|
|
4140
4209
|
});
|
|
4141
4210
|
});
|
|
4142
|
-
|
|
4143
|
-
var
|
|
4144
|
-
let { isMobile: s, state: c, openMobile: l, setOpenMobile: u } =
|
|
4211
|
+
Gi.displayName = "SidebarProvider";
|
|
4212
|
+
var Ki = t.forwardRef(({ side: e = "left", variant: t = "sidebar", collapsible: n = "offcanvas", className: r, children: i, ...a }, o) => {
|
|
4213
|
+
let { isMobile: s, state: c, openMobile: l, setOpenMobile: u } = Wi();
|
|
4145
4214
|
return n === "none" ? /* @__PURE__ */ _("div", {
|
|
4146
4215
|
className: G("wu-flex wu-h-full wu-w-[--sidebar-width] wu-flex-col", r),
|
|
4147
4216
|
ref: o,
|
|
@@ -4155,7 +4224,7 @@ var Wi = t.forwardRef(({ side: e = "left", variant: t = "sidebar", collapsible:
|
|
|
4155
4224
|
"data-sidebar": "sidebar",
|
|
4156
4225
|
"data-mobile": "true",
|
|
4157
4226
|
className: "wu-w-[--sidebar-width] wu-bg-blue-sidebar wu-p-0 [&>button]:wu-hidden",
|
|
4158
|
-
style: { "--sidebar-width":
|
|
4227
|
+
style: { "--sidebar-width": Bi },
|
|
4159
4228
|
side: e,
|
|
4160
4229
|
children: /* @__PURE__ */ _("div", {
|
|
4161
4230
|
className: "wu-flex wu-flex-col wu-w-full wu-h-full",
|
|
@@ -4180,9 +4249,9 @@ var Wi = t.forwardRef(({ side: e = "left", variant: t = "sidebar", collapsible:
|
|
|
4180
4249
|
})]
|
|
4181
4250
|
});
|
|
4182
4251
|
});
|
|
4183
|
-
|
|
4184
|
-
var
|
|
4185
|
-
let { toggleSidebar: a } =
|
|
4252
|
+
Ki.displayName = "Sidebar";
|
|
4253
|
+
var qi = t.forwardRef(({ className: e, onClick: t, children: n, ...r }, i) => {
|
|
4254
|
+
let { toggleSidebar: a } = Wi();
|
|
4186
4255
|
return /* @__PURE__ */ v(Nt, {
|
|
4187
4256
|
ref: i,
|
|
4188
4257
|
"data-sidebar": "trigger",
|
|
@@ -4198,9 +4267,9 @@ var Gi = t.forwardRef(({ className: e, onClick: t, children: n, ...r }, i) => {
|
|
|
4198
4267
|
})]
|
|
4199
4268
|
});
|
|
4200
4269
|
});
|
|
4201
|
-
|
|
4202
|
-
var
|
|
4203
|
-
let { toggleSidebar: r } =
|
|
4270
|
+
qi.displayName = "SidebarTrigger";
|
|
4271
|
+
var Ji = t.forwardRef(({ className: e, ...t }, n) => {
|
|
4272
|
+
let { toggleSidebar: r } = Wi();
|
|
4204
4273
|
return /* @__PURE__ */ _("button", {
|
|
4205
4274
|
ref: n,
|
|
4206
4275
|
"data-sidebar": "rail",
|
|
@@ -4212,91 +4281,91 @@ var Ki = t.forwardRef(({ className: e, ...t }, n) => {
|
|
|
4212
4281
|
...t
|
|
4213
4282
|
});
|
|
4214
4283
|
});
|
|
4215
|
-
|
|
4216
|
-
var
|
|
4284
|
+
Ji.displayName = "SidebarRail";
|
|
4285
|
+
var Yi = t.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ _("main", {
|
|
4217
4286
|
ref: n,
|
|
4218
4287
|
className: G("wu-relative wu-flex wu-w-full wu-flex-1 wu-flex-col", "md:peer-data-[variant=inset]:wu-m-2 md:peer-data-[state=collapsed]:peer-data-[variant=inset]:wu-ml-2 md:peer-data-[variant=inset]:wu-ml-0 md:peer-data-[variant=inset]:wu-rounded-xl md:peer-data-[variant=inset]:wu-shadow", e),
|
|
4219
4288
|
...t
|
|
4220
4289
|
}));
|
|
4221
|
-
|
|
4222
|
-
var
|
|
4290
|
+
Yi.displayName = "SidebarInset";
|
|
4291
|
+
var Xi = t.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ _(Mi, {
|
|
4223
4292
|
ref: n,
|
|
4224
4293
|
"data-sidebar": "input",
|
|
4225
4294
|
className: G("wu-h-8 wu-w-full wu-shadow-none focus-visible:wu-ring-2", e),
|
|
4226
4295
|
...t
|
|
4227
4296
|
}));
|
|
4228
|
-
|
|
4229
|
-
var
|
|
4297
|
+
Xi.displayName = "SidebarInput";
|
|
4298
|
+
var Zi = t.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ _("div", {
|
|
4230
4299
|
ref: n,
|
|
4231
4300
|
"data-sidebar": "header",
|
|
4232
4301
|
className: G("wu-flex wu-flex-col wu-gap-2 wu-p-2", e),
|
|
4233
4302
|
...t
|
|
4234
4303
|
}));
|
|
4235
|
-
|
|
4236
|
-
var
|
|
4304
|
+
Zi.displayName = "SidebarHeader";
|
|
4305
|
+
var Qi = t.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ _("div", {
|
|
4237
4306
|
ref: n,
|
|
4238
4307
|
"data-sidebar": "footer",
|
|
4239
4308
|
className: G("wu-flex wu-flex-col wu-gap-2 wu-pb-2", e),
|
|
4240
4309
|
...t
|
|
4241
4310
|
}));
|
|
4242
|
-
|
|
4243
|
-
var
|
|
4311
|
+
Qi.displayName = "SidebarFooter";
|
|
4312
|
+
var $i = t.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ _(Ni, {
|
|
4244
4313
|
ref: n,
|
|
4245
4314
|
"data-sidebar": "separator",
|
|
4246
4315
|
className: G("wu-mx-2 wu-w-auto", e),
|
|
4247
4316
|
...t
|
|
4248
4317
|
}));
|
|
4249
|
-
|
|
4250
|
-
var
|
|
4318
|
+
$i.displayName = "SidebarSeparator";
|
|
4319
|
+
var ea = t.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ _("div", {
|
|
4251
4320
|
ref: n,
|
|
4252
4321
|
"data-sidebar": "content",
|
|
4253
4322
|
className: G("wu-flex wu-min-h-0 wu-flex-1 wu-flex-col wu-gap-2 wu-overflow-auto group-data-[collapsible=icon]:wu-overflow-hidden", e),
|
|
4254
4323
|
...t
|
|
4255
4324
|
}));
|
|
4256
|
-
|
|
4257
|
-
var
|
|
4325
|
+
ea.displayName = "SidebarContent";
|
|
4326
|
+
var ta = t.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ _("div", {
|
|
4258
4327
|
ref: n,
|
|
4259
4328
|
"data-sidebar": "group",
|
|
4260
4329
|
className: G("wu-relative wu-flex wu-w-full wu-min-w-0 wu-flex-col wu-p-2", e),
|
|
4261
4330
|
...t
|
|
4262
4331
|
}));
|
|
4263
|
-
|
|
4264
|
-
var
|
|
4332
|
+
ta.displayName = "SidebarGroup";
|
|
4333
|
+
var na = t.forwardRef(({ className: e, asChild: t = !1, ...n }, r) => /* @__PURE__ */ _(t ? R : "div", {
|
|
4265
4334
|
ref: r,
|
|
4266
4335
|
"data-sidebar": "group-label",
|
|
4267
4336
|
className: G("wu-flex wu-h-8 wu-shrink-0 wu-items-center wu-rounded-md wu-px-2 wu-text-xs wu-font-medium wu-outline-none wu-transition-[margin,opacity] wu-duration-150 wu-ease-linear focus-visible:wu-ring-2 [&>svg]:wu-size-4 [&>svg]:wu-shrink-0", "group-data-[collapsible=icon]:wu-opacity-0", e),
|
|
4268
4337
|
...n
|
|
4269
4338
|
}));
|
|
4270
|
-
|
|
4271
|
-
var
|
|
4339
|
+
na.displayName = "SidebarGroupLabel";
|
|
4340
|
+
var ra = t.forwardRef(({ className: e, asChild: t = !1, ...n }, r) => /* @__PURE__ */ _(t ? R : "button", {
|
|
4272
4341
|
ref: r,
|
|
4273
4342
|
"data-sidebar": "group-action",
|
|
4274
4343
|
className: G("wu-absolute wu-right-3 wu-top-3.5 wu-flex wu-aspect-square wu-w-5 wu-items-center wu-justify-center wu-rounded-md wu-p-0 wu-outline-none wu-transition-transform focus-visible:wu-ring-2 [&>svg]:wu-size-4 [&>svg]:wu-shrink-0", "after:wu-absolute after:wu-inset-2 after:md:wu-hidden", "group-data-[collapsible=icon]:wu-hidden", e),
|
|
4275
4344
|
...n
|
|
4276
4345
|
}));
|
|
4277
|
-
|
|
4278
|
-
var
|
|
4346
|
+
ra.displayName = "SidebarGroupAction";
|
|
4347
|
+
var ia = t.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ _("div", {
|
|
4279
4348
|
ref: n,
|
|
4280
4349
|
"data-sidebar": "group-content",
|
|
4281
4350
|
className: G("wu-w-full wu-text-sm", e),
|
|
4282
4351
|
...t
|
|
4283
4352
|
}));
|
|
4284
|
-
|
|
4285
|
-
var
|
|
4353
|
+
ia.displayName = "SidebarGroupContent";
|
|
4354
|
+
var aa = t.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ _("ul", {
|
|
4286
4355
|
ref: n,
|
|
4287
4356
|
"data-sidebar": "menu",
|
|
4288
4357
|
className: G("wu-flex wu-w-full wu-min-w-0 wu-flex-col wu-gap-1", e),
|
|
4289
4358
|
...t
|
|
4290
4359
|
}));
|
|
4291
|
-
|
|
4292
|
-
var
|
|
4360
|
+
aa.displayName = "SidebarMenu";
|
|
4361
|
+
var oa = t.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ _("li", {
|
|
4293
4362
|
ref: n,
|
|
4294
4363
|
"data-sidebar": "menu-item",
|
|
4295
4364
|
className: G("wu-group/menu-item wu-relative", e),
|
|
4296
4365
|
...t
|
|
4297
4366
|
}));
|
|
4298
|
-
|
|
4299
|
-
var
|
|
4367
|
+
oa.displayName = "SidebarMenuItem";
|
|
4368
|
+
var sa = z("wu-peer/menu-button wu-flex wu-w-full wu-items-center wu-gap-2 wu-overflow-hidden wu-rounded-md wu-p-2 wu-text-left wu-text-sm wu-outline-none wu-transition-[width,height,padding] focus-visible:wu-ring-2 disabled:wu-pointer-events-none disabled:wu-opacity-50 group-has-[[data-sidebar=menu-action]]/menu-item:wu-pr-8 aria-disabled:wu-pointer-events-none aria-disabled:wu-opacity-50 data-[active=true]:wu-font-medium group-data-[collapsible=icon]:!wu-size-8 group-data-[collapsible=icon]:!wu-p-2 [&>span:last-child]:wu-truncate [&>svg]:wu-size-4 [&>svg]:wu-shrink-0", {
|
|
4300
4369
|
variants: {
|
|
4301
4370
|
variant: {
|
|
4302
4371
|
default: "",
|
|
@@ -4312,13 +4381,13 @@ var aa = z("wu-peer/menu-button wu-flex wu-w-full wu-items-center wu-gap-2 wu-ov
|
|
|
4312
4381
|
variant: "default",
|
|
4313
4382
|
size: "default"
|
|
4314
4383
|
}
|
|
4315
|
-
}),
|
|
4316
|
-
let c = e ? R : "button", { isMobile: l, state: u } =
|
|
4384
|
+
}), ca = t.forwardRef(({ asChild: e = !1, isActive: t = !1, variant: n = "default", size: r = "default", tooltip: i, className: a, ...o }, s) => {
|
|
4385
|
+
let c = e ? R : "button", { isMobile: l, state: u } = Wi(), d = /* @__PURE__ */ _(c, {
|
|
4317
4386
|
ref: s,
|
|
4318
4387
|
"data-sidebar": "menu-button",
|
|
4319
4388
|
"data-size": r,
|
|
4320
4389
|
"data-active": t,
|
|
4321
|
-
className: G(
|
|
4390
|
+
className: G(sa({
|
|
4322
4391
|
variant: n,
|
|
4323
4392
|
size: r
|
|
4324
4393
|
}), a),
|
|
@@ -4334,52 +4403,52 @@ var aa = z("wu-peer/menu-button wu-flex wu-w-full wu-items-center wu-gap-2 wu-ov
|
|
|
4334
4403
|
...i
|
|
4335
4404
|
})] })) : d;
|
|
4336
4405
|
});
|
|
4337
|
-
|
|
4338
|
-
var
|
|
4406
|
+
ca.displayName = "SidebarMenuButton";
|
|
4407
|
+
var la = t.forwardRef(({ className: e, asChild: t = !1, showOnHover: n = !1, ...r }, i) => /* @__PURE__ */ _(t ? R : "button", {
|
|
4339
4408
|
ref: i,
|
|
4340
4409
|
"data-sidebar": "menu-action",
|
|
4341
4410
|
className: G("wu-absolute wu-right-1 wu-top-1.5 wu-flex wu-aspect-square wu-w-5 wu-items-center wu-justify-center wu-rounded-md wu-p-0 wu-outline-none wu-transition-transform focus-visible:wu-ring-2 [&>svg]:wu-size-4 [&>svg]:wu-shrink-0", "after:wu-absolute after:wu-inset-2 after:md:wu-hidden", "peer-data-[size=sm]/menu-button:wu-top-1", "peer-data-[size=default]/menu-button:wu-top-1.5", "peer-data-[size=lg]/menu-button:wu-top-2.5", "group-data-[collapsible=icon]:wu-hidden", n && "group-focus-within/menu-item:wu-opacity-100 group-hover/menu-item:wu-opacity-100 data-[state=open]:wu-opacity-100 md:wu-opacity-0", e),
|
|
4342
4411
|
...r
|
|
4343
4412
|
}));
|
|
4344
|
-
|
|
4345
|
-
var
|
|
4413
|
+
la.displayName = "SidebarMenuAction";
|
|
4414
|
+
var ua = t.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ _("div", {
|
|
4346
4415
|
ref: n,
|
|
4347
4416
|
"data-sidebar": "menu-badge",
|
|
4348
4417
|
className: G("wu-pointer-events-none wu-absolute wu-right-1 wu-flex wu-h-5 wu-min-w-5 wu-select-none wu-items-center wu-justify-center wu-rounded-md wu-px-1 wu-text-xs wu-font-medium wu-tabular-nums", "", "peer-data-[size=sm]/menu-button:wu-top-1", "peer-data-[size=default]/menu-button:wu-top-1.5", "peer-data-[size=lg]/menu-button:wu-top-2.5", "group-data-[collapsible=icon]:wu-hidden", e),
|
|
4349
4418
|
...t
|
|
4350
4419
|
}));
|
|
4351
|
-
|
|
4352
|
-
var
|
|
4420
|
+
ua.displayName = "SidebarMenuBadge";
|
|
4421
|
+
var da = t.forwardRef(({ className: e, showIcon: n = !1, ...r }, i) => {
|
|
4353
4422
|
let a = t.useMemo(() => `${Math.floor(Math.random() * 40) + 50}%`, []);
|
|
4354
4423
|
return /* @__PURE__ */ v("div", {
|
|
4355
4424
|
ref: i,
|
|
4356
4425
|
"data-sidebar": "menu-skeleton",
|
|
4357
4426
|
className: G("wu-flex wu-h-8 wu-items-center wu-gap-2 wu-rounded-md wu-px-2", e),
|
|
4358
4427
|
...r,
|
|
4359
|
-
children: [n && /* @__PURE__ */ _(
|
|
4428
|
+
children: [n && /* @__PURE__ */ _(Pi, {
|
|
4360
4429
|
className: "wu-rounded-md wu-size-4",
|
|
4361
4430
|
"data-sidebar": "menu-skeleton-icon"
|
|
4362
|
-
}), /* @__PURE__ */ _(
|
|
4431
|
+
}), /* @__PURE__ */ _(Pi, {
|
|
4363
4432
|
className: "wu-h-4 wu-max-w-[--skeleton-width] wu-flex-1",
|
|
4364
4433
|
"data-sidebar": "menu-skeleton-text",
|
|
4365
4434
|
style: { "--skeleton-width": a }
|
|
4366
4435
|
})]
|
|
4367
4436
|
});
|
|
4368
4437
|
});
|
|
4369
|
-
|
|
4370
|
-
var
|
|
4438
|
+
da.displayName = "SidebarMenuSkeleton";
|
|
4439
|
+
var fa = t.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ _("ul", {
|
|
4371
4440
|
ref: n,
|
|
4372
4441
|
"data-sidebar": "menu-sub",
|
|
4373
4442
|
className: G("wu-mx-3.5 wu-flex wu-min-w-0 wu-translate-x-px wu-flex-col wu-gap-1 wu-border-l wu-px-2.5 wu-py-0.5", "group-data-[collapsible=icon]:wu-hidden", e),
|
|
4374
4443
|
...t
|
|
4375
4444
|
}));
|
|
4376
|
-
|
|
4377
|
-
var
|
|
4445
|
+
fa.displayName = "SidebarMenuSub";
|
|
4446
|
+
var pa = t.forwardRef(({ ...e }, t) => /* @__PURE__ */ _("li", {
|
|
4378
4447
|
ref: t,
|
|
4379
4448
|
...e
|
|
4380
4449
|
}));
|
|
4381
|
-
|
|
4382
|
-
var
|
|
4450
|
+
pa.displayName = "SidebarMenuSubItem";
|
|
4451
|
+
var ma = t.forwardRef(({ asChild: e = !1, size: t = "md", isActive: n, className: r, ...i }, a) => /* @__PURE__ */ _(e ? R : "a", {
|
|
4383
4452
|
ref: a,
|
|
4384
4453
|
"data-sidebar": "menu-sub-button",
|
|
4385
4454
|
"data-size": t,
|
|
@@ -4387,39 +4456,39 @@ var fa = t.forwardRef(({ asChild: e = !1, size: t = "md", isActive: n, className
|
|
|
4387
4456
|
className: G("wu-flex wu-h-7 wu-min-w-0 wu-translate-x-px wu-items-center wu-gap-2 wu-overflow-hidden wu-rounded-md wu-px-2 wu-outline-none focus-visible:wu-ring-2 disabled:wu-pointer-events-none disabled:wu-opacity-50 aria-disabled:wu-pointer-events-none aria-disabled:wu-opacity-50 [&>span:last-child]:wu-truncate [&>svg]:wu-size-4 [&>svg]:wu-shrink-0", "data-[active=true]:wu-bg-sidebar-accent data-[active=true]:wu-text-sidebar-accent-foreground", t === "sm" && "wu-text-xs", t === "md" && "wu-text-sm", "group-data-[collapsible=icon]:wu-hidden", r),
|
|
4388
4457
|
...i
|
|
4389
4458
|
}));
|
|
4390
|
-
|
|
4459
|
+
ma.displayName = "SidebarMenuSubButton";
|
|
4391
4460
|
//#endregion
|
|
4392
4461
|
//#region src/components/sidebar/WuSidebar.tsx
|
|
4393
|
-
var
|
|
4462
|
+
var ha = ({ children: e, Sidebar: t, className: n, defaultOpen: r = !0, open: i, onOpenChange: a, style: o }) => /* @__PURE__ */ v(Gi, {
|
|
4394
4463
|
defaultOpen: r,
|
|
4395
4464
|
open: i,
|
|
4396
4465
|
onOpenChange: a,
|
|
4397
|
-
children: [/* @__PURE__ */ v(
|
|
4466
|
+
children: [/* @__PURE__ */ v(Ki, {
|
|
4398
4467
|
variant: "sidebar",
|
|
4399
4468
|
collapsible: "icon",
|
|
4400
4469
|
className: G("wu-top-12 wu-h-[calc(100%-48px)] wu-shadow-sidebar wu-border-none", n),
|
|
4401
4470
|
style: o,
|
|
4402
4471
|
role: "complementary",
|
|
4403
|
-
children: [/* @__PURE__ */ _(
|
|
4472
|
+
children: [/* @__PURE__ */ _(Zi, {
|
|
4404
4473
|
className: "wu-py-2",
|
|
4405
|
-
children: /* @__PURE__ */ _(
|
|
4474
|
+
children: /* @__PURE__ */ _(ga, {})
|
|
4406
4475
|
}), t]
|
|
4407
|
-
}), /* @__PURE__ */ _(
|
|
4476
|
+
}), /* @__PURE__ */ _(Yi, {
|
|
4408
4477
|
className: "wu-contain-inline-size",
|
|
4409
4478
|
children: e
|
|
4410
4479
|
})]
|
|
4411
|
-
}),
|
|
4412
|
-
let { state: t, isMobile: n, openMobile: r } =
|
|
4413
|
-
return /* @__PURE__ */ _(
|
|
4480
|
+
}), ga = (e) => {
|
|
4481
|
+
let { state: t, isMobile: n, openMobile: r } = Wi();
|
|
4482
|
+
return /* @__PURE__ */ _(qi, {
|
|
4414
4483
|
...e,
|
|
4415
4484
|
children: /* @__PURE__ */ _(Br, { showMenu: n ? r : t === "expanded" })
|
|
4416
4485
|
});
|
|
4417
|
-
},
|
|
4486
|
+
}, _a = ({ className: e, children: t, ...n }) => {
|
|
4418
4487
|
let r = f(null), i = f(null), a = ({ currentTarget: e }) => {
|
|
4419
4488
|
let { scrollTop: t, clientHeight: n, scrollHeight: a } = e;
|
|
4420
4489
|
r.current && r.current.classList.toggle("wu-border-[#1b338014]", t !== 0), i.current && i.current.classList.toggle("wu-border-[#1b338014]", t + n !== a);
|
|
4421
4490
|
}, o = "wu-w-[calc(100%-16px)] wu-mx-auto wu-border-transparent";
|
|
4422
|
-
return /* @__PURE__ */ v(
|
|
4491
|
+
return /* @__PURE__ */ v(ea, {
|
|
4423
4492
|
...n,
|
|
4424
4493
|
className: G("wu-overflow-hidden wu-gap-0", e),
|
|
4425
4494
|
children: [
|
|
@@ -4441,21 +4510,21 @@ var pa = ({ children: e, Sidebar: t, className: n, defaultOpen: r = !0, open: i,
|
|
|
4441
4510
|
})
|
|
4442
4511
|
]
|
|
4443
4512
|
});
|
|
4444
|
-
},
|
|
4513
|
+
}, va = (e) => /* @__PURE__ */ _(Qi, {
|
|
4445
4514
|
...e,
|
|
4446
4515
|
children: e.children
|
|
4447
|
-
}),
|
|
4516
|
+
}), ya = ({ label: e, children: t, ...n }) => /* @__PURE__ */ v(ta, {
|
|
4448
4517
|
...n,
|
|
4449
4518
|
className: "wu-p-0",
|
|
4450
4519
|
children: [/* @__PURE__ */ _("div", {
|
|
4451
4520
|
className: "wu-h-8",
|
|
4452
|
-
children: /* @__PURE__ */ _(
|
|
4521
|
+
children: /* @__PURE__ */ _(na, {
|
|
4453
4522
|
className: "wu-items-end wu-px-4 wu-text-xs wu-font-normal wu-leading-4 wu-text-blue-q",
|
|
4454
4523
|
children: e
|
|
4455
4524
|
})
|
|
4456
|
-
}), /* @__PURE__ */ _(
|
|
4457
|
-
}),
|
|
4458
|
-
let { state: o } =
|
|
4525
|
+
}), /* @__PURE__ */ _(ia, { children: /* @__PURE__ */ _(aa, { children: t }) })]
|
|
4526
|
+
}), ba = (e) => /* @__PURE__ */ _(aa, { ...e }), xa = ({ Icon: e, children: t, className: r, isActive: i, ...a }) => {
|
|
4527
|
+
let { state: o } = Wi(), [s, c] = n.useState(), l = Ii(), u = n.isValidElement(t) ? n.cloneElement(t, { children: /* @__PURE__ */ v("div", {
|
|
4459
4528
|
className: "wu-flex wu-items-center wu-overflow-hidden wu-text-base wu-truncate wu-text-ellipsis",
|
|
4460
4529
|
children: [/* @__PURE__ */ _("div", {
|
|
4461
4530
|
className: "wu-relative wu-right-1",
|
|
@@ -4476,10 +4545,10 @@ var pa = ({ children: e, Sidebar: t, className: n, defaultOpen: r = !0, open: i,
|
|
|
4476
4545
|
}), d = f(null);
|
|
4477
4546
|
return n.useEffect(() => {
|
|
4478
4547
|
c(d.current?.textContent || "");
|
|
4479
|
-
}, []), /* @__PURE__ */ _(
|
|
4548
|
+
}, []), /* @__PURE__ */ _(oa, {
|
|
4480
4549
|
...a,
|
|
4481
4550
|
className: "wu-flex wu-items-center wu-gap-2 wu-px-2",
|
|
4482
|
-
children: /* @__PURE__ */ _(
|
|
4551
|
+
children: /* @__PURE__ */ _(ca, {
|
|
4483
4552
|
className: G("wu-flex wu-items-center wu-text-blue-q hover:wu-bg-blue-sidebarHover wu-cursor-pointer wu-h-8 wu-rounded-sm", r, i && "wu-bg-white wu-shadow-[4px_4px_16px_0_#1B338014] wu-font-medium wu-text-blue-p hover:wu-bg-white wu-cursor-default"),
|
|
4484
4553
|
isActive: i,
|
|
4485
4554
|
tooltip: s,
|
|
@@ -4488,11 +4557,11 @@ var pa = ({ children: e, Sidebar: t, className: n, defaultOpen: r = !0, open: i,
|
|
|
4488
4557
|
children: u
|
|
4489
4558
|
})
|
|
4490
4559
|
});
|
|
4491
|
-
},
|
|
4492
|
-
let { state: a } =
|
|
4560
|
+
}, Sa = ({ Title: e, Icon: t, children: n, className: r, ...i }) => {
|
|
4561
|
+
let { state: a } = Wi(), o = Ii();
|
|
4493
4562
|
return /* @__PURE__ */ v(me.Root, { children: [/* @__PURE__ */ _(me.Trigger, { render: (n) => {
|
|
4494
4563
|
let r = "data-panel-open" in n;
|
|
4495
|
-
return /* @__PURE__ */ v(
|
|
4564
|
+
return /* @__PURE__ */ v(xa, {
|
|
4496
4565
|
Icon: t,
|
|
4497
4566
|
...n,
|
|
4498
4567
|
children: [e, (a === "expanded" || o) && /* @__PURE__ */ _(J, {
|
|
@@ -4505,7 +4574,7 @@ var pa = ({ children: e, Sidebar: t, className: n, defaultOpen: r = !0, open: i,
|
|
|
4505
4574
|
...i,
|
|
4506
4575
|
children: n
|
|
4507
4576
|
})] });
|
|
4508
|
-
},
|
|
4577
|
+
}, Ca = new Map([
|
|
4509
4578
|
[-3, {
|
|
4510
4579
|
top: -20,
|
|
4511
4580
|
left: -4,
|
|
@@ -4559,14 +4628,14 @@ var pa = ({ children: e, Sidebar: t, className: n, defaultOpen: r = !0, open: i,
|
|
|
4559
4628
|
transition: "all 0.3s ease-in-out, z-index 0.3s 0.10s",
|
|
4560
4629
|
position: "absolute"
|
|
4561
4630
|
}]
|
|
4562
|
-
]),
|
|
4631
|
+
]), wa = (e, t, n = 1) => {
|
|
4563
4632
|
let r = e.match(/hsla?\(\s*([\d.]+)\s*,\s*([\d.]+)%\s*,\s*([\d.]+)%\s*(?:,\s*([\d.]+)\s*)?\)/);
|
|
4564
4633
|
if (!r) throw Error("Invalid HSL color format");
|
|
4565
4634
|
return `hsl(${parseFloat(r[1])} ${parseFloat(r[2])}% ${Math.max(0, parseFloat(r[3]) + t)}% / ${n})`;
|
|
4566
|
-
},
|
|
4635
|
+
}, Ta = ({ index: e, viewIndex: t, length: n, itemHeight: r }) => {
|
|
4567
4636
|
let i = (e - t + n) % n, a;
|
|
4568
4637
|
a = i === 0 ? 0 : i === n - 1 && n >= 2 ? -1 : i === n - 2 && n >= 3 ? -2 : i === 1 ? 1 : i === 2 ? 2 : i === n - 3 && n >= 4 ? -3 : 3;
|
|
4569
|
-
let o =
|
|
4638
|
+
let o = Ca.get(a) || {}, s = a > 0 ? r + 28 + (a - 1) * 20 : o.top;
|
|
4570
4639
|
return {
|
|
4571
4640
|
position: a,
|
|
4572
4641
|
styles: {
|
|
@@ -4575,7 +4644,7 @@ var pa = ({ children: e, Sidebar: t, className: n, defaultOpen: r = !0, open: i,
|
|
|
4575
4644
|
height: a > 0 ? "32px" : r
|
|
4576
4645
|
}
|
|
4577
4646
|
};
|
|
4578
|
-
},
|
|
4647
|
+
}, Ea = {
|
|
4579
4648
|
LIGHTNESS_STEP: 8,
|
|
4580
4649
|
BORDER_LIGHTNESS: 10,
|
|
4581
4650
|
CONTENT_LIGHTNESS: 45,
|
|
@@ -4583,21 +4652,21 @@ var pa = ({ children: e, Sidebar: t, className: n, defaultOpen: r = !0, open: i,
|
|
|
4583
4652
|
FONT_SIZE_ACTIVE: "14px",
|
|
4584
4653
|
FONT_SIZE_INACTIVE: "12px",
|
|
4585
4654
|
HEADER_HEIGHT: "2rem"
|
|
4586
|
-
},
|
|
4655
|
+
}, Da = ({ children: e, className: t, header: n, baseColor: r, position: i = 0, style: a, ...o }) => {
|
|
4587
4656
|
let s = i <= 0, c = i === 0, l = {
|
|
4588
|
-
border: c ? `4px solid ${
|
|
4657
|
+
border: c ? `4px solid ${wa(r, Ea.BORDER_LIGHTNESS)}` : "",
|
|
4589
4658
|
...a
|
|
4590
4659
|
}, u = {
|
|
4591
|
-
backgroundColor:
|
|
4592
|
-
fontSize: c ?
|
|
4660
|
+
backgroundColor: wa(r, i * Ea.LIGHTNESS_STEP),
|
|
4661
|
+
fontSize: c ? Ea.FONT_SIZE_ACTIVE : Ea.FONT_SIZE_INACTIVE,
|
|
4593
4662
|
transition: "all 0.3s ease",
|
|
4594
4663
|
position: "relative",
|
|
4595
4664
|
bottom: i < 0 ? "4px" : "0px",
|
|
4596
4665
|
height: "32px",
|
|
4597
4666
|
padding: "4px 8px"
|
|
4598
4667
|
}, d = {
|
|
4599
|
-
backgroundColor:
|
|
4600
|
-
height:
|
|
4668
|
+
backgroundColor: wa(r, 45 + i * 6),
|
|
4669
|
+
height: Ea.CONTENT_HEIGHT,
|
|
4601
4670
|
position: "relative",
|
|
4602
4671
|
bottom: i < 0 ? "4px" : "0px"
|
|
4603
4672
|
};
|
|
@@ -4615,7 +4684,7 @@ var pa = ({ children: e, Sidebar: t, className: n, defaultOpen: r = !0, open: i,
|
|
|
4615
4684
|
children: e
|
|
4616
4685
|
})]
|
|
4617
4686
|
});
|
|
4618
|
-
},
|
|
4687
|
+
}, Oa = ({ children: e, Trigger: t, Header: n, styles: r = {}, classNames: i = {}, open: a, onOpenChange: o, itemHeight: s }) => {
|
|
4619
4688
|
let c = {
|
|
4620
4689
|
height: s,
|
|
4621
4690
|
...r.Trigger
|
|
@@ -4655,7 +4724,7 @@ var pa = ({ children: e, Sidebar: t, className: n, defaultOpen: r = !0, open: i,
|
|
|
4655
4724
|
]
|
|
4656
4725
|
})]
|
|
4657
4726
|
});
|
|
4658
|
-
},
|
|
4727
|
+
}, ka = { wuStepper: "_wuStepper_ejzqx_1" }, Aa = ({ onChange: e, Label: n, defaultValue: r = 0, readonly: i, dir: a, step: o = 1, min: s, max: c, value: l, className: u, labelPosition: d = "left", disabled: f, resetInvalidValueOnBlur: p = !0, ...m }) => {
|
|
4659
4728
|
let h = t.useId(), [g, y] = t.useState(l === void 0 ? r || 0 : Number(l));
|
|
4660
4729
|
t.useEffect(() => {
|
|
4661
4730
|
l !== void 0 && y(Number(l));
|
|
@@ -4682,8 +4751,8 @@ var pa = ({ children: e, Sidebar: t, className: n, defaultOpen: r = !0, open: i,
|
|
|
4682
4751
|
readOnly: i,
|
|
4683
4752
|
onValueChange: (e) => typeof e == "number" && b(e),
|
|
4684
4753
|
dir: a,
|
|
4685
|
-
className: G("wu-flex wu-stepper", a === "rtl" && d !== "top" && "wu-gap-2",
|
|
4686
|
-
children: [n && /* @__PURE__ */ _(
|
|
4754
|
+
className: G("wu-flex wu-stepper", a === "rtl" && d !== "top" && "wu-gap-2", ka.wuStepper, ja({ labelPosition: d }), u),
|
|
4755
|
+
children: [n && /* @__PURE__ */ _(X, {
|
|
4687
4756
|
htmlFor: h,
|
|
4688
4757
|
className: "wu-input-label",
|
|
4689
4758
|
children: n
|
|
@@ -4722,7 +4791,7 @@ var pa = ({ children: e, Sidebar: t, className: n, defaultOpen: r = !0, open: i,
|
|
|
4722
4791
|
]
|
|
4723
4792
|
})]
|
|
4724
4793
|
});
|
|
4725
|
-
},
|
|
4794
|
+
}, ja = z("wu-flex wu-w-fit", { variants: { labelPosition: {
|
|
4726
4795
|
left: "wu-flex-row wu-text-right wu-gap-2 wu-items-center",
|
|
4727
4796
|
top: "wu-flex-col"
|
|
4728
4797
|
} } }), $ = {
|
|
@@ -4738,7 +4807,7 @@ var pa = ({ children: e, Sidebar: t, className: n, defaultOpen: r = !0, open: i,
|
|
|
4738
4807
|
icon: "_icon_1mgpg_50",
|
|
4739
4808
|
sharedWrapper: "_sharedWrapper_1mgpg_54",
|
|
4740
4809
|
emptyState: "_emptyState_1mgpg_63"
|
|
4741
|
-
},
|
|
4810
|
+
}, Ma = n.memo(({ className: e, label: t = "Shared surveys", ...n }) => /* @__PURE__ */ v("button", {
|
|
4742
4811
|
className: G($.sharedWrapper, e),
|
|
4743
4812
|
"data-slot": "survey-select-shared",
|
|
4744
4813
|
"aria-label": t,
|
|
@@ -4748,10 +4817,10 @@ var pa = ({ children: e, Sidebar: t, className: n, defaultOpen: r = !0, open: i,
|
|
|
4748
4817
|
"aria-hidden": "true"
|
|
4749
4818
|
}), /* @__PURE__ */ _("span", { children: t })]
|
|
4750
4819
|
}));
|
|
4751
|
-
|
|
4820
|
+
Ma.displayName = "WuSharedSurvey";
|
|
4752
4821
|
//#endregion
|
|
4753
4822
|
//#region src/components/surveySelect/subComponents/WuSurveyItem.tsx
|
|
4754
|
-
var
|
|
4823
|
+
var Na = (e, t = !1) => {
|
|
4755
4824
|
if (e) return /* @__PURE__ */ _("span", {
|
|
4756
4825
|
className: $.icon,
|
|
4757
4826
|
"aria-hidden": "true",
|
|
@@ -4762,29 +4831,29 @@ var ja = (e, t = !1) => {
|
|
|
4762
4831
|
className: G($.icon, n),
|
|
4763
4832
|
"aria-hidden": "true"
|
|
4764
4833
|
});
|
|
4765
|
-
},
|
|
4834
|
+
}, Pa = n.memo(({ children: e, icon: t, isActive: n, isShared: r, className: i, ...a }) => /* @__PURE__ */ v("button", {
|
|
4766
4835
|
className: G($.listItem, n && $.listItemActive, i),
|
|
4767
4836
|
"aria-selected": n,
|
|
4768
4837
|
"data-slot": "survey-select-item",
|
|
4769
4838
|
type: "button",
|
|
4770
4839
|
...a,
|
|
4771
|
-
children: [
|
|
4840
|
+
children: [Na(t, r), /* @__PURE__ */ _("span", {
|
|
4772
4841
|
className: $.label,
|
|
4773
4842
|
children: e
|
|
4774
4843
|
})]
|
|
4775
4844
|
}));
|
|
4776
|
-
|
|
4845
|
+
Pa.displayName = "WuSurveyItem";
|
|
4777
4846
|
//#endregion
|
|
4778
4847
|
//#region src/components/surveySelect/subComponents/WuSurveyList.tsx
|
|
4779
|
-
var
|
|
4848
|
+
var Fa = n.memo(({ children: e, className: t, ...n }) => /* @__PURE__ */ _("div", {
|
|
4780
4849
|
className: G($.list, t),
|
|
4781
4850
|
...n,
|
|
4782
4851
|
children: e
|
|
4783
4852
|
}));
|
|
4784
|
-
|
|
4853
|
+
Fa.displayName = "WuSurveyList";
|
|
4785
4854
|
//#endregion
|
|
4786
4855
|
//#region src/components/surveySelect/subComponents/WuSurveySource.tsx
|
|
4787
|
-
var
|
|
4856
|
+
var Ia = (e) => {
|
|
4788
4857
|
let { className: t, variant: n = "outlined", ...r } = e;
|
|
4789
4858
|
return /* @__PURE__ */ _("div", {
|
|
4790
4859
|
className: $.sourceWrapper,
|
|
@@ -4797,8 +4866,8 @@ var Pa = (e) => {
|
|
|
4797
4866
|
})
|
|
4798
4867
|
});
|
|
4799
4868
|
};
|
|
4800
|
-
|
|
4801
|
-
var
|
|
4869
|
+
Ia.displayName = "WuSurveySource";
|
|
4870
|
+
var La = n.memo(Ia), Ra = n.memo(({ Sidebar: e, children: t, className: n, ...r }) => /* @__PURE__ */ v("div", {
|
|
4802
4871
|
className: G($.container, n),
|
|
4803
4872
|
role: "region",
|
|
4804
4873
|
"aria-label": "Survey selection interface",
|
|
@@ -4817,10 +4886,10 @@ var Fa = n.memo(Pa), Ia = n.memo(({ Sidebar: e, children: t, className: n, ...r
|
|
|
4817
4886
|
children: t
|
|
4818
4887
|
})]
|
|
4819
4888
|
}));
|
|
4820
|
-
|
|
4889
|
+
Ra.displayName = "WuSurveySelect";
|
|
4821
4890
|
//#endregion
|
|
4822
4891
|
//#region src/base/ui/toggle.tsx
|
|
4823
|
-
var
|
|
4892
|
+
var za = z("wu-inline-flex wu-items-center wu-justify-center wu-text-sm wu-font-medium wu-ring-offset-background wu-transition-colors hover:wu-bg-muted hover:wu-text-muted-foreground focus-visible:wu-outline-none focus-visible:wu-ring-2 focus-visible:wu-ring-ring focus-visible:wu-ring-offset-2 disabled:wu-cursor-not-allowed disabled:wu-opacity-80", {
|
|
4824
4893
|
variants: {
|
|
4825
4894
|
variant: {
|
|
4826
4895
|
default: "wu-bg-transparent",
|
|
@@ -4836,26 +4905,26 @@ var La = z("wu-inline-flex wu-items-center wu-justify-center wu-text-sm wu-font-
|
|
|
4836
4905
|
variant: "default",
|
|
4837
4906
|
size: "default"
|
|
4838
4907
|
}
|
|
4839
|
-
}),
|
|
4908
|
+
}), Ba = t.forwardRef(({ className: e, variant: t, size: n, ...r }, i) => /* @__PURE__ */ _(_e.Root, {
|
|
4840
4909
|
ref: i,
|
|
4841
|
-
className: G(
|
|
4910
|
+
className: G(za({
|
|
4842
4911
|
variant: t,
|
|
4843
4912
|
size: n,
|
|
4844
4913
|
className: e
|
|
4845
4914
|
})),
|
|
4846
4915
|
...r
|
|
4847
4916
|
}));
|
|
4848
|
-
|
|
4917
|
+
Ba.displayName = _e.Root.displayName;
|
|
4849
4918
|
//#endregion
|
|
4850
4919
|
//#region src/base/ui/toggleGroup.tsx
|
|
4851
|
-
var
|
|
4920
|
+
var Va = t.createContext({
|
|
4852
4921
|
size: "default",
|
|
4853
4922
|
variant: "default"
|
|
4854
|
-
}),
|
|
4923
|
+
}), Ha = t.forwardRef(({ className: e, variant: t, size: n, children: r, ...i }, a) => /* @__PURE__ */ _(ge.Root, {
|
|
4855
4924
|
ref: a,
|
|
4856
4925
|
className: G("wu-flex wu-items-center wu-justify-center wu-gap-1", e),
|
|
4857
4926
|
...i,
|
|
4858
|
-
children: /* @__PURE__ */ _(
|
|
4927
|
+
children: /* @__PURE__ */ _(Va.Provider, {
|
|
4859
4928
|
value: {
|
|
4860
4929
|
variant: t,
|
|
4861
4930
|
size: n
|
|
@@ -4863,12 +4932,12 @@ var za = t.createContext({
|
|
|
4863
4932
|
children: r
|
|
4864
4933
|
})
|
|
4865
4934
|
}));
|
|
4866
|
-
|
|
4867
|
-
var
|
|
4868
|
-
let s = t.useContext(
|
|
4935
|
+
Ha.displayName = ge.Root.displayName;
|
|
4936
|
+
var Ua = t.forwardRef(({ className: e, children: n, variant: r, size: i, ...a }, o) => {
|
|
4937
|
+
let s = t.useContext(Va);
|
|
4869
4938
|
return /* @__PURE__ */ _(ge.Item, {
|
|
4870
4939
|
ref: o,
|
|
4871
|
-
className: G(
|
|
4940
|
+
className: G(za({
|
|
4872
4941
|
variant: s.variant || r,
|
|
4873
4942
|
size: s.size || i
|
|
4874
4943
|
}), e),
|
|
@@ -4876,12 +4945,12 @@ var Va = t.forwardRef(({ className: e, children: n, variant: r, size: i, ...a },
|
|
|
4876
4945
|
children: n
|
|
4877
4946
|
});
|
|
4878
4947
|
});
|
|
4879
|
-
|
|
4948
|
+
Ua.displayName = ge.Item.displayName;
|
|
4880
4949
|
//#endregion
|
|
4881
4950
|
//#region src/components/switcher/ui/_iconTab.tsx
|
|
4882
|
-
var
|
|
4951
|
+
var Wa = n.forwardRef((e, t) => {
|
|
4883
4952
|
let { options: n, value: r, disabled: i, dir: a, onChange: o } = e, s = (e) => G("wu-w-8 wu-h-8 wu-text-xl wu-leading-5 wu-rounded-full wu-text-gray-lead wu-relative wu-z-10 wu-p-0 wu-flex wu-items-center wu-justify-center", i && "wu-cursor-not-allowed data-[state=on]:wu-text-gray-lead", e === r && "wu-text-white", i && r === e && "wu-text-gray-lead", "wu-switcher-icon-tab-item");
|
|
4884
|
-
return /* @__PURE__ */ _(g, { children: /* @__PURE__ */ v(
|
|
4953
|
+
return /* @__PURE__ */ _(g, { children: /* @__PURE__ */ v(Ha, {
|
|
4885
4954
|
ref: t,
|
|
4886
4955
|
type: "single",
|
|
4887
4956
|
value: r,
|
|
@@ -4894,12 +4963,12 @@ var Ha = n.forwardRef((e, t) => {
|
|
|
4894
4963
|
role: "slider",
|
|
4895
4964
|
className: G("wu-absolute wu-z-0 wu-w-8 wu-h-8 wu-bg-blue-p wu-rounded-full wu-transition-transform wu-duration-300 wu-ease-in-out", r === "opt1" && "", r === "opt2" && a !== "rtl" && "wu-translate-x-full", r === "opt2" && a === "rtl" && "-wu-translate-x-full", i && "wu-bg-gray-40", "wu-switcher-icon-tab-slider")
|
|
4896
4965
|
}),
|
|
4897
|
-
/* @__PURE__ */ _(
|
|
4966
|
+
/* @__PURE__ */ _(Ua, {
|
|
4898
4967
|
value: "opt1",
|
|
4899
4968
|
className: s("opt1"),
|
|
4900
4969
|
children: n[0].label
|
|
4901
4970
|
}),
|
|
4902
|
-
/* @__PURE__ */ _(
|
|
4971
|
+
/* @__PURE__ */ _(Ua, {
|
|
4903
4972
|
value: "opt2",
|
|
4904
4973
|
className: s("opt2"),
|
|
4905
4974
|
children: n[1].label
|
|
@@ -4907,12 +4976,12 @@ var Ha = n.forwardRef((e, t) => {
|
|
|
4907
4976
|
]
|
|
4908
4977
|
}) });
|
|
4909
4978
|
});
|
|
4910
|
-
|
|
4979
|
+
Wa.displayName = "_IconTab";
|
|
4911
4980
|
//#endregion
|
|
4912
4981
|
//#region src/components/switcher/ui/_tab.tsx
|
|
4913
|
-
var
|
|
4982
|
+
var Ga = n.forwardRef((e, t) => {
|
|
4914
4983
|
let { options: n, value: r, disabled: i, dir: a, size: o = "md", onChange: s } = e, c = (e) => G("wu-w-1/2 wu-text-xs wu-rounded-full wu-text-gray-lead wu-relative wu-z-10 wu-font-normal", i && "wu-cursor-not-allowed data-[state=on]:wu-text-gray-lead", o === "sm" && "wu-h-6 wu-min-w-20", o === "md" && "wu-h-8 wu-min-w-28", o === "lg" && "wu-h-10 wu-min-w-36", e === r && "wu-text-white wu-font-medium", i && r === e && "wu-text-gray-lead", "wu-switcher-tab-item");
|
|
4915
|
-
return /* @__PURE__ */ _(g, { children: /* @__PURE__ */ v(
|
|
4984
|
+
return /* @__PURE__ */ _(g, { children: /* @__PURE__ */ v(Ha, {
|
|
4916
4985
|
ref: t,
|
|
4917
4986
|
type: "single",
|
|
4918
4987
|
value: r,
|
|
@@ -4925,7 +4994,7 @@ var Ua = n.forwardRef((e, t) => {
|
|
|
4925
4994
|
role: "slider",
|
|
4926
4995
|
className: G("wu-absolute wu-z-0 wu-w-1/2 wu-bg-blue-p wu-rounded-full wu-transition-transform wu-duration-300 wu-ease-in-out ", o === "sm" && "wu-h-6 wu-min-w-20", o === "md" && "wu-h-8 wu-min-w-28", o === "lg" && "wu-h-10 wu-min-w-36", r === "opt1" && "", r === "opt2" && a !== "rtl" && "wu-translate-x-full", r === "opt2" && a === "rtl" && "-wu-translate-x-full", i && "wu-bg-gray-40", "wu-switcher-tab-slider")
|
|
4927
4996
|
}),
|
|
4928
|
-
/* @__PURE__ */ _(
|
|
4997
|
+
/* @__PURE__ */ _(Ua, {
|
|
4929
4998
|
value: "opt1",
|
|
4930
4999
|
className: c("opt1"),
|
|
4931
5000
|
children: /* @__PURE__ */ _("div", {
|
|
@@ -4933,7 +5002,7 @@ var Ua = n.forwardRef((e, t) => {
|
|
|
4933
5002
|
children: n[0].label
|
|
4934
5003
|
})
|
|
4935
5004
|
}),
|
|
4936
|
-
/* @__PURE__ */ _(
|
|
5005
|
+
/* @__PURE__ */ _(Ua, {
|
|
4937
5006
|
value: "opt2",
|
|
4938
5007
|
className: c("opt2"),
|
|
4939
5008
|
children: /* @__PURE__ */ _("div", {
|
|
@@ -4944,12 +5013,12 @@ var Ua = n.forwardRef((e, t) => {
|
|
|
4944
5013
|
]
|
|
4945
5014
|
}) });
|
|
4946
5015
|
});
|
|
4947
|
-
|
|
5016
|
+
Ga.displayName = "_Tab";
|
|
4948
5017
|
//#endregion
|
|
4949
5018
|
//#region src/components/switcher/ui/_toggle.tsx
|
|
4950
|
-
var
|
|
5019
|
+
var Ka = n.forwardRef((e, t) => {
|
|
4951
5020
|
let { options: n, value: r, disabled: i, dir: a, onChange: o } = e, s = (e) => G("wu-p-0 wu-w-fit wu-text-xs wu-text-gray-lead wu-h-fit wu-font-normal", i && "wu-cursor-not-allowed data-[state=on]:wu-text-gray-subtle wu-text-gray-subtle", e === r && "wu-text-primary wu-font-medium", i && r === e && "wu-text-gray-lead", "wu-switcher-toggle-item"), c = G("wu-w-fit wu-gap-2", i && "wu-cursor-not-allowed", "wu-switcher-toggle-group"), l = G("wu-flex wu-items-center wu-justify-center wu-w-8 wu-h-3 wu-p-0 wu-border wu-rounded-full wu-cursor-pointer wu-border-blue-p focus:wu-outline-none focus-visible:wu-ring-2 focus-visible:wu-ring-blue-soft focus-visible:wu-ring-offset-2", i && "wu-border-gray-subtle wu-cursor-not-allowed", "wu-switcher-toggle-button"), u = G("wu-w-2 wu-h-2 wu-bg-blue-p wu-rounded-full wu-transition-transform wu-duration-300 wu-ease-in-out", r === "opt1" && a !== "rtl" && "-wu-translate-x-[10px]", r === "opt1" && a === "rtl" && "wu-translate-x-[10px]", r === "opt2" && a !== "rtl" && "wu-translate-x-[10px]", r === "opt2" && a === "rtl" && "-wu-translate-x-[10px]", i && "wu-hidden", "wu-switcher-toggle-knob");
|
|
4952
|
-
return /* @__PURE__ */ _(g, { children: /* @__PURE__ */ v(
|
|
5021
|
+
return /* @__PURE__ */ _(g, { children: /* @__PURE__ */ v(Ha, {
|
|
4953
5022
|
ref: t,
|
|
4954
5023
|
type: "single",
|
|
4955
5024
|
value: r,
|
|
@@ -4958,7 +5027,7 @@ var Wa = n.forwardRef((e, t) => {
|
|
|
4958
5027
|
className: c,
|
|
4959
5028
|
onValueChange: o,
|
|
4960
5029
|
children: [
|
|
4961
|
-
/* @__PURE__ */ _(
|
|
5030
|
+
/* @__PURE__ */ _(Ua, {
|
|
4962
5031
|
value: "opt1",
|
|
4963
5032
|
className: s("opt1"),
|
|
4964
5033
|
children: /* @__PURE__ */ _("div", {
|
|
@@ -4978,7 +5047,7 @@ var Wa = n.forwardRef((e, t) => {
|
|
|
4978
5047
|
dir: a
|
|
4979
5048
|
})
|
|
4980
5049
|
}),
|
|
4981
|
-
/* @__PURE__ */ _(
|
|
5050
|
+
/* @__PURE__ */ _(Ua, {
|
|
4982
5051
|
value: "opt2",
|
|
4983
5052
|
className: s("opt2"),
|
|
4984
5053
|
children: /* @__PURE__ */ _("div", {
|
|
@@ -4989,10 +5058,10 @@ var Wa = n.forwardRef((e, t) => {
|
|
|
4989
5058
|
]
|
|
4990
5059
|
}) });
|
|
4991
5060
|
});
|
|
4992
|
-
|
|
5061
|
+
Ka.displayName = "_Toggle";
|
|
4993
5062
|
//#endregion
|
|
4994
5063
|
//#region src/components/switcher/WuSwitcher.tsx
|
|
4995
|
-
var
|
|
5064
|
+
var qa = n.forwardRef((e, t) => {
|
|
4996
5065
|
let { type: r, options: i, value: a, disabled: o, dir: s, size: c, onChange: l, toggle: u = !0, ...d } = e, [f, p] = n.useState(), m = (e) => {
|
|
4997
5066
|
let t = f;
|
|
4998
5067
|
e === "" ? u && (t = f === "opt1" ? "opt2" : "opt1") : t = e;
|
|
@@ -5004,7 +5073,7 @@ var Ga = n.forwardRef((e, t) => {
|
|
|
5004
5073
|
p(a === i[0].value ? "opt1" : "opt2");
|
|
5005
5074
|
}, [i, a]), !Array.isArray(i) || i.length < 2) return /* @__PURE__ */ _(g, {});
|
|
5006
5075
|
switch (r) {
|
|
5007
|
-
case "toggle": return /* @__PURE__ */ _(
|
|
5076
|
+
case "toggle": return /* @__PURE__ */ _(Ka, {
|
|
5008
5077
|
...d,
|
|
5009
5078
|
ref: t,
|
|
5010
5079
|
options: i,
|
|
@@ -5013,7 +5082,7 @@ var Ga = n.forwardRef((e, t) => {
|
|
|
5013
5082
|
disabled: o,
|
|
5014
5083
|
dir: s
|
|
5015
5084
|
});
|
|
5016
|
-
case "iconTab": return /* @__PURE__ */ _(
|
|
5085
|
+
case "iconTab": return /* @__PURE__ */ _(Wa, {
|
|
5017
5086
|
ref: t,
|
|
5018
5087
|
options: i,
|
|
5019
5088
|
value: f || "opt1",
|
|
@@ -5021,7 +5090,7 @@ var Ga = n.forwardRef((e, t) => {
|
|
|
5021
5090
|
disabled: o,
|
|
5022
5091
|
dir: s
|
|
5023
5092
|
});
|
|
5024
|
-
default: return /* @__PURE__ */ _(
|
|
5093
|
+
default: return /* @__PURE__ */ _(Ga, {
|
|
5025
5094
|
ref: t,
|
|
5026
5095
|
options: i,
|
|
5027
5096
|
value: f || "opt1",
|
|
@@ -5032,39 +5101,39 @@ var Ga = n.forwardRef((e, t) => {
|
|
|
5032
5101
|
});
|
|
5033
5102
|
}
|
|
5034
5103
|
});
|
|
5035
|
-
|
|
5104
|
+
qa.displayName = "WuSwitcher";
|
|
5036
5105
|
//#endregion
|
|
5037
5106
|
//#region src/components/tab/shadcn/tabs.tsx
|
|
5038
|
-
var
|
|
5107
|
+
var Ja = ve.Root, Ya = t.forwardRef(({ className: e, children: t, ...n }, r) => /* @__PURE__ */ _(ve.List, {
|
|
5039
5108
|
className: G("wu-relative wu-flex", e),
|
|
5040
5109
|
...n,
|
|
5041
5110
|
ref: r,
|
|
5042
5111
|
children: t
|
|
5043
5112
|
}));
|
|
5044
|
-
|
|
5045
|
-
var
|
|
5113
|
+
Ya.displayName = ve.List.displayName;
|
|
5114
|
+
var Xa = t.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ _(ve.Trigger, {
|
|
5046
5115
|
ref: n,
|
|
5047
5116
|
className: G("wu-relative wu-inline-flex wu-items-center wu-whitespace-nowrap wu-text-xs wu-px-4 wu-py-2 wu-text-gray-600 wu-transition-colors wu-duration-200 data-[state=active]:wu-text-blue-p", "data-[orientation=horizontal]:wu-justify-center", e),
|
|
5048
5117
|
...t
|
|
5049
5118
|
}));
|
|
5050
|
-
|
|
5051
|
-
var
|
|
5119
|
+
Xa.displayName = ve.Trigger.displayName;
|
|
5120
|
+
var Za = t.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ _(ve.Content, {
|
|
5052
5121
|
ref: n,
|
|
5053
5122
|
className: e,
|
|
5054
5123
|
...t
|
|
5055
5124
|
}));
|
|
5056
|
-
|
|
5125
|
+
Za.displayName = ve.Content.displayName;
|
|
5057
5126
|
//#endregion
|
|
5058
5127
|
//#region src/components/tab/components/BaseTabContent.tsx
|
|
5059
|
-
var
|
|
5128
|
+
var Qa = ({ items: e, enableAnimation: t }) => /* @__PURE__ */ _("div", {
|
|
5060
5129
|
className: G("wu-w-full wu-h-full wu-flex-1 wu-overflow-auto", t && "wu-relative wu-overflow-hidden", "wu-tab-content-container"),
|
|
5061
|
-
children: e.map((e) => /* @__PURE__ */ _(
|
|
5130
|
+
children: e.map((e) => /* @__PURE__ */ _(Za, {
|
|
5062
5131
|
value: e.value,
|
|
5063
5132
|
forceMount: t || void 0,
|
|
5064
5133
|
className: G("wu-w-full wu-h-full wu-overflow-y-auto", t && "wu-duration-700 wu-ease-in-out wu-transition-all data-[state=inactive]:wu-absolute data-[state=inactive]:wu-inset-0 data-[state=inactive]:wu-opacity-0 data-[state=inactive]:wu-z-0 data-[state=active]:wu-relative data-[state=active]:wu-opacity-100 data-[state=active]:wu-z-10", "wu-tab-content"),
|
|
5065
5134
|
children: e.Content
|
|
5066
5135
|
}, e.value))
|
|
5067
|
-
}),
|
|
5136
|
+
}), $a = (e) => {
|
|
5068
5137
|
let [t, n] = p(!1), [r, i] = p(!1), a = () => {
|
|
5069
5138
|
let t = e.current;
|
|
5070
5139
|
t && (n(t.scrollLeft > 0), i(t.scrollLeft + t.clientWidth < t.scrollWidth));
|
|
@@ -5088,7 +5157,7 @@ var Xa = ({ items: e, enableAnimation: t }) => /* @__PURE__ */ _("div", {
|
|
|
5088
5157
|
}
|
|
5089
5158
|
}
|
|
5090
5159
|
};
|
|
5091
|
-
},
|
|
5160
|
+
}, eo = (e, t) => {
|
|
5092
5161
|
let [n, r] = p({
|
|
5093
5162
|
width: 0,
|
|
5094
5163
|
left: 0,
|
|
@@ -5115,8 +5184,8 @@ var Xa = ({ items: e, enableAnimation: t }) => /* @__PURE__ */ _("div", {
|
|
|
5115
5184
|
};
|
|
5116
5185
|
}
|
|
5117
5186
|
}, [e, i]), n;
|
|
5118
|
-
},
|
|
5119
|
-
let l = n.useRef(null), u =
|
|
5187
|
+
}, to = ({ items: e, value: t, defaultValue: r, onValueChange: i, enableAnimation: a = !1, className: o, dir: s = "ltr", position: c = "top" }) => {
|
|
5188
|
+
let l = n.useRef(null), u = eo(l, "horizontal"), { showLeftArrow: d, showRightArrow: f, scrollByTab: p } = $a(l), [m, h] = n.useState(!1), g = () => p("left"), y = () => p("right"), b = (e) => /* @__PURE__ */ _("div", {
|
|
5120
5189
|
"data-testid": `gradient-overlay-${e}`,
|
|
5121
5190
|
className: G("wu-absolute wu-top-0 wu-h-full wu-w-20 wu-z-10 wu-pointer-events-none", e === "left" ? "wu-left-0 wu-bg-gradient-to-r wu-from-white wu-to-transparent" : "wu-right-0 wu-bg-gradient-to-l wu-from-white wu-to-transparent")
|
|
5122
5191
|
}), x = (e, t, n) => {
|
|
@@ -5128,7 +5197,7 @@ var Xa = ({ items: e, enableAnimation: t }) => /* @__PURE__ */ _("div", {
|
|
|
5128
5197
|
children: /* @__PURE__ */ _("span", { className: G("wu-text-blue-p wu-text-lg", r ? "wm-keyboard-arrow-left" : "wm-keyboard-arrow-right") })
|
|
5129
5198
|
});
|
|
5130
5199
|
};
|
|
5131
|
-
return /* @__PURE__ */ v(
|
|
5200
|
+
return /* @__PURE__ */ v(Ja, {
|
|
5132
5201
|
defaultValue: r || e[0]?.value,
|
|
5133
5202
|
value: t,
|
|
5134
5203
|
onValueChange: i,
|
|
@@ -5144,10 +5213,10 @@ var Xa = ({ items: e, enableAnimation: t }) => /* @__PURE__ */ _("div", {
|
|
|
5144
5213
|
children: [
|
|
5145
5214
|
d && m && b("left"),
|
|
5146
5215
|
x(g, "left", d && m),
|
|
5147
|
-
/* @__PURE__ */ v(
|
|
5216
|
+
/* @__PURE__ */ v(Ya, {
|
|
5148
5217
|
ref: l,
|
|
5149
5218
|
className: G("wu-relative wu-flex wu-w-full wu-overflow-x-auto wu-flex-row", "[&::-webkit-scrollbar]:wu-hidden [-ms-overflow-style:none] [scrollbar-width:none]", "wu-tablist"),
|
|
5150
|
-
children: [e.map((e) => /* @__PURE__ */ _(
|
|
5219
|
+
children: [e.map((e) => /* @__PURE__ */ _(Xa, {
|
|
5151
5220
|
value: e.value,
|
|
5152
5221
|
children: e.Trigger
|
|
5153
5222
|
}, e.value)), /* @__PURE__ */ _("span", {
|
|
@@ -5164,12 +5233,12 @@ var Xa = ({ items: e, enableAnimation: t }) => /* @__PURE__ */ _("div", {
|
|
|
5164
5233
|
f && m && b("right"),
|
|
5165
5234
|
x(y, "right", f && m)
|
|
5166
5235
|
]
|
|
5167
|
-
}), /* @__PURE__ */ _(
|
|
5236
|
+
}), /* @__PURE__ */ _(Qa, {
|
|
5168
5237
|
items: e,
|
|
5169
5238
|
enableAnimation: a
|
|
5170
5239
|
})]
|
|
5171
5240
|
});
|
|
5172
|
-
},
|
|
5241
|
+
}, no = (e) => {
|
|
5173
5242
|
let [t, n] = p(!1), [r, i] = p(!1), a = () => {
|
|
5174
5243
|
let t = e.current;
|
|
5175
5244
|
t && (n(t.scrollTop > 0), i(t.scrollTop + t.clientHeight < t.scrollHeight));
|
|
@@ -5193,8 +5262,8 @@ var Xa = ({ items: e, enableAnimation: t }) => /* @__PURE__ */ _("div", {
|
|
|
5193
5262
|
}
|
|
5194
5263
|
}
|
|
5195
5264
|
};
|
|
5196
|
-
},
|
|
5197
|
-
let l = n.useRef(null), u =
|
|
5265
|
+
}, ro = ({ items: e, value: t, defaultValue: r, onValueChange: i, enableAnimation: a = !1, className: o, dir: s = "ltr", position: c = "left" }) => {
|
|
5266
|
+
let l = n.useRef(null), u = eo(l, "vertical"), { showTopArrow: d, showBottomArrow: f, scrollByTab: p } = no(l), [m, h] = n.useState(!1), g = () => p("up"), y = () => p("down"), b = (e) => /* @__PURE__ */ _("div", { className: G("wu-absolute wu-left-0 wu-w-full wu-h-12 wu-z-10 wu-pointer-events-none", e === "top" ? "wu-top-0 wu-bg-gradient-to-b wu-from-white wu-to-transparent" : "wu-bottom-0 wu-bg-gradient-to-t wu-from-white wu-to-transparent") }), x = (e, t, n) => {
|
|
5198
5267
|
let r = t === "up";
|
|
5199
5268
|
return /* @__PURE__ */ _("button", {
|
|
5200
5269
|
onClick: e,
|
|
@@ -5203,7 +5272,7 @@ var Xa = ({ items: e, enableAnimation: t }) => /* @__PURE__ */ _("div", {
|
|
|
5203
5272
|
children: /* @__PURE__ */ _("span", { className: G("wu-text-blue-p wu-text-lg", r ? "wm-keyboard-arrow-up" : "wm-keyboard-arrow-down") })
|
|
5204
5273
|
});
|
|
5205
5274
|
};
|
|
5206
|
-
return /* @__PURE__ */ v(
|
|
5275
|
+
return /* @__PURE__ */ v(Ja, {
|
|
5207
5276
|
defaultValue: r || e[0]?.value,
|
|
5208
5277
|
value: t,
|
|
5209
5278
|
onValueChange: i,
|
|
@@ -5219,10 +5288,10 @@ var Xa = ({ items: e, enableAnimation: t }) => /* @__PURE__ */ _("div", {
|
|
|
5219
5288
|
children: [
|
|
5220
5289
|
d && m && b("top"),
|
|
5221
5290
|
x(g, "up", d && m),
|
|
5222
|
-
/* @__PURE__ */ v(
|
|
5291
|
+
/* @__PURE__ */ v(Ya, {
|
|
5223
5292
|
ref: l,
|
|
5224
5293
|
className: G("wu-relative wu-flex wu-h-full wu-overflow-y-auto wu-flex-col", "[&::-webkit-scrollbar]:wu-hidden [-ms-overflow-style:none] [scrollbar-width:none]", "wu-tablist"),
|
|
5225
|
-
children: [e.map((e) => /* @__PURE__ */ _(
|
|
5294
|
+
children: [e.map((e) => /* @__PURE__ */ _(Xa, {
|
|
5226
5295
|
value: e.value,
|
|
5227
5296
|
children: e.Trigger
|
|
5228
5297
|
}, e.value)), /* @__PURE__ */ _("span", {
|
|
@@ -5239,16 +5308,16 @@ var Xa = ({ items: e, enableAnimation: t }) => /* @__PURE__ */ _("div", {
|
|
|
5239
5308
|
f && m && b("bottom"),
|
|
5240
5309
|
x(y, "down", f && m)
|
|
5241
5310
|
]
|
|
5242
|
-
}), /* @__PURE__ */ _(
|
|
5311
|
+
}), /* @__PURE__ */ _(Qa, {
|
|
5243
5312
|
items: e,
|
|
5244
5313
|
enableAnimation: a
|
|
5245
5314
|
})]
|
|
5246
5315
|
});
|
|
5247
|
-
},
|
|
5248
|
-
function
|
|
5316
|
+
}, io = ({ ...e }) => e.orientation === "vertical" ? /* @__PURE__ */ _(ro, { ...e }) : /* @__PURE__ */ _(to, { ...e }), ao = "expander";
|
|
5317
|
+
function oo(e, t) {
|
|
5249
5318
|
return e ? [{
|
|
5250
|
-
id:
|
|
5251
|
-
accessorKey:
|
|
5319
|
+
id: ao,
|
|
5320
|
+
accessorKey: ao,
|
|
5252
5321
|
header: "",
|
|
5253
5322
|
cell: ({ row: e }) => {
|
|
5254
5323
|
let t = e.getIsExpanded();
|
|
@@ -5267,10 +5336,10 @@ function io(e, t) {
|
|
|
5267
5336
|
size: 48
|
|
5268
5337
|
}, ...t] : t;
|
|
5269
5338
|
}
|
|
5270
|
-
function
|
|
5339
|
+
function so(e, t) {
|
|
5271
5340
|
return t.map((e) => e.columnDef?.expandableRowContent).find((e) => e)?.call(null, e);
|
|
5272
5341
|
}
|
|
5273
|
-
function
|
|
5342
|
+
function co(e) {
|
|
5274
5343
|
let t = /* @__PURE__ */ new Map(), n = 0;
|
|
5275
5344
|
for (let r = 0; r < e.length; r++) {
|
|
5276
5345
|
let i = e[r];
|
|
@@ -5295,7 +5364,7 @@ function oo(e) {
|
|
|
5295
5364
|
}
|
|
5296
5365
|
return t;
|
|
5297
5366
|
}
|
|
5298
|
-
function
|
|
5367
|
+
function lo(e, t, n, r) {
|
|
5299
5368
|
return t ? e === "left" && n ? /* @__PURE__ */ _("div", { style: {
|
|
5300
5369
|
position: "absolute",
|
|
5301
5370
|
top: 0,
|
|
@@ -5314,10 +5383,10 @@ function so(e, t, n, r) {
|
|
|
5314
5383
|
pointerEvents: "none"
|
|
5315
5384
|
} }) : null : null;
|
|
5316
5385
|
}
|
|
5317
|
-
function
|
|
5386
|
+
function uo(e, t, n) {
|
|
5318
5387
|
return e === !0 && (!t || n > t);
|
|
5319
5388
|
}
|
|
5320
|
-
function
|
|
5389
|
+
function fo(e, t) {
|
|
5321
5390
|
let n = ye(t.cell, e.getContext());
|
|
5322
5391
|
return e.column.id === "actions" ? /* @__PURE__ */ _("div", {
|
|
5323
5392
|
className: "wu-opacity-0 wu-transition-opacity wu-duration-150 wu-ease-in-out group-hover:wu-opacity-100",
|
|
@@ -5326,7 +5395,7 @@ function lo(e, t) {
|
|
|
5326
5395
|
}
|
|
5327
5396
|
//#endregion
|
|
5328
5397
|
//#region src/components/table/hooks/useRowSelection.tsx
|
|
5329
|
-
var
|
|
5398
|
+
var po = ({ columns: e, rowSelection: t }) => {
|
|
5330
5399
|
let n = t?.isEnabled ?? !1, r = t?.size ?? 48, { onRowSelect: i, rowUniqueKey: a, isRowDisabled: o, hideSelectAll: c } = t || {}, l = s((e) => (t) => {
|
|
5331
5400
|
i?.(t ? e : []);
|
|
5332
5401
|
}, [i]);
|
|
@@ -5334,7 +5403,7 @@ var uo = ({ columns: e, rowSelection: t }) => {
|
|
|
5334
5403
|
id: "select",
|
|
5335
5404
|
header: ({ table: e }) => {
|
|
5336
5405
|
let t = l(e.getRowModel().rows.map((e) => e.original).filter((e) => !o?.(e)));
|
|
5337
|
-
return c ? /* @__PURE__ */ _("div", {}) : /* @__PURE__ */ _(
|
|
5406
|
+
return c ? /* @__PURE__ */ _("div", {}) : /* @__PURE__ */ _(Q, {
|
|
5338
5407
|
checked: e.getIsSomeRowsSelected() || e.getIsAllRowsSelected(),
|
|
5339
5408
|
partial: e.getIsSomeRowsSelected() && !e.getIsAllRowsSelected(),
|
|
5340
5409
|
onChange: (n) => {
|
|
@@ -5346,7 +5415,7 @@ var uo = ({ columns: e, rowSelection: t }) => {
|
|
|
5346
5415
|
},
|
|
5347
5416
|
cell: ({ row: e }) => {
|
|
5348
5417
|
let t = o?.(e.original) ?? !1;
|
|
5349
|
-
return /* @__PURE__ */ _(
|
|
5418
|
+
return /* @__PURE__ */ _(Q, {
|
|
5350
5419
|
checked: e.getIsSelected(),
|
|
5351
5420
|
disabled: t,
|
|
5352
5421
|
onChange: (n) => {
|
|
@@ -5368,8 +5437,8 @@ var uo = ({ columns: e, rowSelection: t }) => {
|
|
|
5368
5437
|
};
|
|
5369
5438
|
//#endregion
|
|
5370
5439
|
//#region src/components/table/hooks/useTableCore.ts
|
|
5371
|
-
function
|
|
5372
|
-
let [i, a] = p({}), { finalColumns: o } =
|
|
5440
|
+
function mo({ data: e, columns: t, rowSelection: n, isRowExpandable: r }) {
|
|
5441
|
+
let [i, a] = p({}), { finalColumns: o } = po({
|
|
5373
5442
|
columns: t,
|
|
5374
5443
|
rowSelection: n
|
|
5375
5444
|
}), s = d(() => {
|
|
@@ -5386,7 +5455,7 @@ function fo({ data: e, columns: t, rowSelection: n, isRowExpandable: r }) {
|
|
|
5386
5455
|
rowSelectionState: s,
|
|
5387
5456
|
sortableColumns: d(() => o.filter((e) => e.enableSorting).map((e) => e.accessorKey), [o]),
|
|
5388
5457
|
selectedRowCount: n?.selectedRows?.length ?? 0,
|
|
5389
|
-
columnsWithExpand: d(() =>
|
|
5458
|
+
columnsWithExpand: d(() => oo(r, o), [o, r]),
|
|
5390
5459
|
expanded: i,
|
|
5391
5460
|
setExpanded: a,
|
|
5392
5461
|
handleRowSelectionChange: (t) => {
|
|
@@ -5402,7 +5471,7 @@ function fo({ data: e, columns: t, rowSelection: n, isRowExpandable: r }) {
|
|
|
5402
5471
|
}
|
|
5403
5472
|
//#endregion
|
|
5404
5473
|
//#region src/components/table/hooks/useTableScroll.ts
|
|
5405
|
-
function
|
|
5474
|
+
function ho() {
|
|
5406
5475
|
let e = f(null), [t, n] = p(!1), [r, i] = p(!1), a = s(() => {
|
|
5407
5476
|
let t = e.current;
|
|
5408
5477
|
t && (n(t.scrollLeft > 12), i(t.scrollLeft < t.scrollWidth - t.clientWidth - 1));
|
|
@@ -5418,101 +5487,101 @@ function po() {
|
|
|
5418
5487
|
}
|
|
5419
5488
|
//#endregion
|
|
5420
5489
|
//#region src/components/table/utils/tableStyles.ts
|
|
5421
|
-
var
|
|
5490
|
+
var go = (e) => G("wu-group wu-border-b wu-border-black/[12%] [--wu-row-overlay:transparent]", "data-[state=selected]:[--wu-row-overlay:rgb(var(--wu-blue-p)/0.08)]", !e && ["hover:[--wu-row-overlay:rgba(0,0,0,0.02)]", "data-[state=selected]:hover:[--wu-row-overlay:rgb(var(--wu-blue-p)/0.16)]"]), _o = (e = "default", t) => G("wu-py-0 wu-font-light wu-text-xs wu-bg-white", "[background-image:linear-gradient(var(--wu-row-overlay),var(--wu-row-overlay))]", e === "compact" ? "wu-h-8" : "wu-h-10", t === "right" && "wu-text-right", t === "center" && "wu-text-center", t === "left" && "wu-text-left"), vo = (e = "default") => e === "compact" ? "wu-h-8" : "wu-h-10", yo = (e) => G({
|
|
5422
5491
|
"wu-text-right": e === "right",
|
|
5423
5492
|
"wu-text-center": e === "center",
|
|
5424
5493
|
"wu-text-left": e === "left"
|
|
5425
|
-
}),
|
|
5494
|
+
}), bo = (e) => G({
|
|
5426
5495
|
"wu-justify-end": e === "right",
|
|
5427
5496
|
"wu-justify-center": e === "center"
|
|
5428
|
-
}),
|
|
5497
|
+
}), xo = (e, t) => G("wu-absolute -wu-bottom-[13px] wu-left-0 wm-arrow-drop-up wu-text-xl", e && "wu-hidden", !t && "-wu-bottom-[10px]"), So = (e, t) => G("wu-absolute -wu-top-[15px] wu-left-0 wm-arrow-drop-down wu-text-xl", e && "wu-hidden", !t && "-wu-top-[11px]"), Co = t.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ _("table", {
|
|
5429
5498
|
ref: n,
|
|
5430
5499
|
className: G("wu-w-full wu-caption-bottom wu-text-sm", e),
|
|
5431
5500
|
...t
|
|
5432
5501
|
}));
|
|
5433
|
-
|
|
5434
|
-
var
|
|
5502
|
+
Co.displayName = "Table";
|
|
5503
|
+
var wo = t.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ _("thead", {
|
|
5435
5504
|
ref: n,
|
|
5436
5505
|
className: G("[&_tr]:wu-border-b", e),
|
|
5437
5506
|
...t
|
|
5438
5507
|
}));
|
|
5439
|
-
|
|
5440
|
-
var
|
|
5508
|
+
wo.displayName = "TableHeader";
|
|
5509
|
+
var To = t.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ _("tbody", {
|
|
5441
5510
|
ref: n,
|
|
5442
5511
|
className: G("", e),
|
|
5443
5512
|
...t
|
|
5444
5513
|
}));
|
|
5445
|
-
|
|
5446
|
-
var
|
|
5514
|
+
To.displayName = "TableBody";
|
|
5515
|
+
var Eo = t.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ _("tfoot", {
|
|
5447
5516
|
ref: n,
|
|
5448
5517
|
className: G("wu-border-t wu-bg-muted/50 wu-font-medium [&>tr]:last:wu-border-b-0", e),
|
|
5449
5518
|
...t
|
|
5450
5519
|
}));
|
|
5451
|
-
|
|
5452
|
-
var
|
|
5520
|
+
Eo.displayName = "TableFooter";
|
|
5521
|
+
var Do = t.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ _("tr", {
|
|
5453
5522
|
ref: n,
|
|
5454
5523
|
className: G("wu-border-b wu-transition-colors wu-hover:wu-bg-muted/50 data-[state=selected]:wu-bg-muted", e),
|
|
5455
5524
|
...t
|
|
5456
5525
|
}));
|
|
5457
|
-
|
|
5458
|
-
var
|
|
5526
|
+
Do.displayName = "TableRow";
|
|
5527
|
+
var Oo = t.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ _("th", {
|
|
5459
5528
|
ref: n,
|
|
5460
5529
|
className: G("wu-px-4 wu-text-left wu-align-middle wu-font-medium wu-text-muted-foreground [&:has([role=checkbox])]:wu-pr-0", e),
|
|
5461
5530
|
...t
|
|
5462
5531
|
}));
|
|
5463
|
-
|
|
5464
|
-
var
|
|
5532
|
+
Oo.displayName = "TableHead";
|
|
5533
|
+
var ko = t.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ _("td", {
|
|
5465
5534
|
ref: n,
|
|
5466
5535
|
className: G("wu-p-4 wu-align-middle [&:has([role=checkbox])]:wu-pr-0", e),
|
|
5467
5536
|
...t
|
|
5468
5537
|
}));
|
|
5469
|
-
|
|
5470
|
-
var
|
|
5538
|
+
ko.displayName = "TableCell";
|
|
5539
|
+
var Ao = t.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ _("caption", {
|
|
5471
5540
|
ref: n,
|
|
5472
5541
|
className: G("wu-mt-4 wu-text-sm wu-text-gray-subtle wu-font-normal", e),
|
|
5473
5542
|
...t
|
|
5474
5543
|
}));
|
|
5475
|
-
|
|
5544
|
+
Ao.displayName = "TableCaption";
|
|
5476
5545
|
//#endregion
|
|
5477
5546
|
//#region src/components/table/ui/_body.tsx
|
|
5478
|
-
var
|
|
5479
|
-
let l = e.getVisibleLeafColumns(), u = l.length, d = e.getRowModel().rows, f =
|
|
5480
|
-
return r ? /* @__PURE__ */ _(
|
|
5547
|
+
var jo = ({ table: e, size: t, NoDataContent: n, isLoading: r, CustomLoader: i, isRowDisabled: a, isRowExpandable: o, isScrolledLeft: s, isScrolledRight: c }) => {
|
|
5548
|
+
let l = e.getVisibleLeafColumns(), u = l.length, d = e.getRowModel().rows, f = co(l);
|
|
5549
|
+
return r ? /* @__PURE__ */ _(To, { children: /* @__PURE__ */ _(Do, { children: /* @__PURE__ */ _(ko, {
|
|
5481
5550
|
colSpan: u,
|
|
5482
5551
|
className: "wu-text-center wu-h-[35vh] wu-loader-container",
|
|
5483
5552
|
children: i ?? /* @__PURE__ */ _(qe, { className: "wu-w-full" })
|
|
5484
|
-
}) }) }) : d.length ? /* @__PURE__ */ _(
|
|
5485
|
-
let i = a?.(n.original) ?? !1, l = n.getIsSelected(), d = n.getIsExpanded(), p = /* @__PURE__ */ _(
|
|
5553
|
+
}) }) }) : d.length ? /* @__PURE__ */ _(To, { children: d.flatMap((n, r) => {
|
|
5554
|
+
let i = a?.(n.original) ?? !1, l = n.getIsSelected(), d = n.getIsExpanded(), p = /* @__PURE__ */ _(Do, {
|
|
5486
5555
|
"data-disabled": i,
|
|
5487
5556
|
"data-state": l && "selected",
|
|
5488
|
-
className:
|
|
5557
|
+
className: go(i),
|
|
5489
5558
|
"data-expanded": d,
|
|
5490
5559
|
children: n.getVisibleCells().map((e, n) => {
|
|
5491
5560
|
let r = e.column.columnDef, i = f.get(e.column.id);
|
|
5492
|
-
return /* @__PURE__ */ v(
|
|
5493
|
-
className: G(
|
|
5561
|
+
return /* @__PURE__ */ v(ko, {
|
|
5562
|
+
className: G(_o(t, r.cellAlign), i && "wu-sticky wu-z-[1]"),
|
|
5494
5563
|
style: {
|
|
5495
5564
|
width: `${e.column.getSize()}px`,
|
|
5496
5565
|
...i && { [i.sticky]: i.offset }
|
|
5497
5566
|
},
|
|
5498
|
-
children: [
|
|
5567
|
+
children: [fo(e, r), lo(i?.sticky, i?.isStickyEdge ?? !1, s, c)]
|
|
5499
5568
|
}, `${e.id}-${n}`);
|
|
5500
5569
|
})
|
|
5501
|
-
}, `${n.id}-${r}`), m = o && d ?
|
|
5502
|
-
return m ? [p, /* @__PURE__ */ _(
|
|
5570
|
+
}, `${n.id}-${r}`), m = o && d ? so(n, e.getVisibleLeafColumns()) : null;
|
|
5571
|
+
return m ? [p, /* @__PURE__ */ _(Do, {
|
|
5503
5572
|
"data-expanded": "true",
|
|
5504
5573
|
"data-state": l && "selected",
|
|
5505
|
-
children: /* @__PURE__ */ _(
|
|
5574
|
+
children: /* @__PURE__ */ _(ko, {
|
|
5506
5575
|
colSpan: u,
|
|
5507
5576
|
children: m
|
|
5508
5577
|
})
|
|
5509
5578
|
}, `${n.id}-expanded-${r}`)] : [p];
|
|
5510
|
-
}) }) : /* @__PURE__ */ _(
|
|
5579
|
+
}) }) : /* @__PURE__ */ _(To, { children: /* @__PURE__ */ _(Do, { children: /* @__PURE__ */ _(ko, {
|
|
5511
5580
|
colSpan: u,
|
|
5512
5581
|
children: n
|
|
5513
5582
|
}) }) });
|
|
5514
|
-
},
|
|
5515
|
-
let f = i === "compact" ? "wu-h-8" : "wu-h-10", p = e.getVisibleLeafColumns(), m =
|
|
5583
|
+
}, Mo = ({ table: e, sortableColumns: t, manual: n = !1, onSort: r, size: i, isRowSelected: a, HeaderAction: o, isStickyHeader: s, asVirtualContent: c = !1, isRowExpandable: l, isScrolledLeft: u, isScrolledRight: d }) => {
|
|
5584
|
+
let f = i === "compact" ? "wu-h-8" : "wu-h-10", p = e.getVisibleLeafColumns(), m = co(p), h = (e) => {
|
|
5516
5585
|
let { id: i, columnDef: a, getIsSorted: o, toggleSorting: s } = e.column, c = a.headerAlign, l = ye(a.header, e.getContext());
|
|
5517
5586
|
if (!t.includes(i)) return l;
|
|
5518
5587
|
let u = o(), d = u === "asc", f = u === "desc";
|
|
@@ -5524,32 +5593,32 @@ var ko = ({ table: e, size: t, NoDataContent: n, isLoading: r, CustomLoader: i,
|
|
|
5524
5593
|
}) : s(e.column.getIsSorted() === "asc");
|
|
5525
5594
|
},
|
|
5526
5595
|
"aria-label": `Sort by ${typeof a.header == "string" ? a.header : i}`,
|
|
5527
|
-
className: G("wu-flex wu-items-center wu-gap-1 wu-w-full",
|
|
5596
|
+
className: G("wu-flex wu-items-center wu-gap-1 wu-w-full", bo(c)),
|
|
5528
5597
|
children: [l, /* @__PURE__ */ v("div", {
|
|
5529
5598
|
className: "wu-relative wu-flex-shrink-0 wu-w-4",
|
|
5530
|
-
children: [/* @__PURE__ */ _("span", { className:
|
|
5599
|
+
children: [/* @__PURE__ */ _("span", { className: So(d, !!u) }), /* @__PURE__ */ _("span", { className: xo(f, !!u) })]
|
|
5531
5600
|
})]
|
|
5532
5601
|
});
|
|
5533
5602
|
}, g = (e) => {
|
|
5534
5603
|
let t = e.column.id === "actions", n = m.get(e.column.id), r = n ? { [n.sticky]: n.offset } : {};
|
|
5535
|
-
return t ? /* @__PURE__ */ _(
|
|
5604
|
+
return t ? /* @__PURE__ */ _(Oo, {
|
|
5536
5605
|
colSpan: e.colSpan,
|
|
5537
5606
|
className: G("wu-text-xs wu-font-medium", n && "wu-sticky wu-z-[2] wu-bg-[#EEEEEE]"),
|
|
5538
5607
|
style: {
|
|
5539
5608
|
width: `${e.getSize()}px`,
|
|
5540
5609
|
...r
|
|
5541
5610
|
},
|
|
5542
|
-
children:
|
|
5543
|
-
}, e.id) : /* @__PURE__ */ v(
|
|
5611
|
+
children: lo(n?.sticky, n?.isStickyEdge ?? !1, u, d)
|
|
5612
|
+
}, e.id) : /* @__PURE__ */ v(Oo, {
|
|
5544
5613
|
colSpan: e.colSpan,
|
|
5545
|
-
className: G("wu-text-xs wu-font-medium wu-bg-[#EEEEEE]", n ? "wu-sticky wu-z-[2]" : "wu-relative wu-z-0",
|
|
5614
|
+
className: G("wu-text-xs wu-font-medium wu-bg-[#EEEEEE]", n ? "wu-sticky wu-z-[2]" : "wu-relative wu-z-0", yo(e.column.columnDef.headerAlign)),
|
|
5546
5615
|
style: {
|
|
5547
5616
|
width: `${e.getSize()}px`,
|
|
5548
5617
|
...r
|
|
5549
5618
|
},
|
|
5550
|
-
children: [h(e),
|
|
5619
|
+
children: [h(e), lo(n?.sticky, n?.isStickyEdge ?? !1, u, d)]
|
|
5551
5620
|
}, e.id);
|
|
5552
|
-
}, y = () => e.getHeaderGroups().map((e) => /* @__PURE__ */ _(
|
|
5621
|
+
}, y = () => e.getHeaderGroups().map((e) => /* @__PURE__ */ _(Do, {
|
|
5553
5622
|
className: "wu-relative",
|
|
5554
5623
|
children: e.headers.map(g)
|
|
5555
5624
|
}, e.id)), b = () => /* @__PURE__ */ v("div", {
|
|
@@ -5560,7 +5629,7 @@ var ko = ({ table: e, size: t, NoDataContent: n, isLoading: r, CustomLoader: i,
|
|
|
5560
5629
|
width: p[0]?.getSize(),
|
|
5561
5630
|
marginLeft: l ? 48 : void 0
|
|
5562
5631
|
},
|
|
5563
|
-
children: /* @__PURE__ */ _(
|
|
5632
|
+
children: /* @__PURE__ */ _(Q, {
|
|
5564
5633
|
checked: e.getIsSomeRowsSelected() || e.getIsAllRowsSelected(),
|
|
5565
5634
|
partial: e.getIsSomeRowsSelected() && !e.getIsAllRowsSelected(),
|
|
5566
5635
|
onChange: (t) => e.toggleAllRowsSelected(!!t),
|
|
@@ -5572,27 +5641,27 @@ var ko = ({ table: e, size: t, NoDataContent: n, isLoading: r, CustomLoader: i,
|
|
|
5572
5641
|
children: o
|
|
5573
5642
|
})]
|
|
5574
5643
|
}), x = a && o;
|
|
5575
|
-
return c ? /* @__PURE__ */ v(
|
|
5644
|
+
return c ? /* @__PURE__ */ v(Do, {
|
|
5576
5645
|
className: "wu-relative",
|
|
5577
|
-
children: [(e.getHeaderGroups()[0]?.headers ?? []).map(g), x && /* @__PURE__ */ _(
|
|
5646
|
+
children: [(e.getHeaderGroups()[0]?.headers ?? []).map(g), x && /* @__PURE__ */ _(Oo, {
|
|
5578
5647
|
colSpan: p.length,
|
|
5579
5648
|
className: "wu-p-0 wu-absolute wu-top-0 wu-left-0 wu-right-0 wu-z-10",
|
|
5580
5649
|
children: b()
|
|
5581
5650
|
})]
|
|
5582
|
-
}) : /* @__PURE__ */ v(
|
|
5651
|
+
}) : /* @__PURE__ */ v(wo, {
|
|
5583
5652
|
className: G("wu-border-t wu-border-black/[12%] wu-bg-gray-20 wu-relative", s && "wu-sticky wu-top-[-.5px] wu-z-10", f),
|
|
5584
5653
|
children: [y(), x && /* @__PURE__ */ _("div", {
|
|
5585
5654
|
className: G("wu-absolute wu-top-[-1px] wu-left-0 wu-right-0 wu-flex wu-items-center wu-border-b wu-border-t wu-bg-gray-20 wu-z-10", f),
|
|
5586
5655
|
children: b()
|
|
5587
5656
|
})]
|
|
5588
5657
|
});
|
|
5589
|
-
},
|
|
5658
|
+
}, No = n.forwardRef((e, t) => /* @__PURE__ */ _(To, {
|
|
5590
5659
|
...e,
|
|
5591
5660
|
ref: t
|
|
5592
5661
|
}));
|
|
5593
|
-
|
|
5594
|
-
var
|
|
5595
|
-
let m = e.getRowModel().rows, h = e.getVisibleLeafColumns(), y =
|
|
5662
|
+
No.displayName = "TableBodyComponent";
|
|
5663
|
+
var Po = ({ table: e, size: t, isRowDisabled: n, containerHeight: r = 600, sortableColumns: i, HeaderAction: a, isRowSelected: o, manual: s = !1, onSort: c, tableLayout: l = "auto", isScrolledLeft: u, isScrolledRight: d, isRowExpandable: f, hideHeader: p = !1 }) => {
|
|
5664
|
+
let m = e.getRowModel().rows, h = e.getVisibleLeafColumns(), y = co(h), b = [];
|
|
5596
5665
|
for (let e of m) b.push({
|
|
5597
5666
|
type: "row",
|
|
5598
5667
|
row: e
|
|
@@ -5605,7 +5674,7 @@ var Mo = ({ table: e, size: t, isRowDisabled: n, containerHeight: r = 600, sorta
|
|
|
5605
5674
|
children: /* @__PURE__ */ _(ae, {
|
|
5606
5675
|
style: { height: r },
|
|
5607
5676
|
totalCount: b.length,
|
|
5608
|
-
fixedHeaderContent: p ? void 0 : () => /* @__PURE__ */ _(
|
|
5677
|
+
fixedHeaderContent: p ? void 0 : () => /* @__PURE__ */ _(Mo, {
|
|
5609
5678
|
table: e,
|
|
5610
5679
|
sortableColumns: i,
|
|
5611
5680
|
manual: s,
|
|
@@ -5621,8 +5690,8 @@ var Mo = ({ table: e, size: t, isRowDisabled: n, containerHeight: r = 600, sorta
|
|
|
5621
5690
|
let r = b[n];
|
|
5622
5691
|
if (!r) return null;
|
|
5623
5692
|
if (r.type === "expanded") {
|
|
5624
|
-
let t =
|
|
5625
|
-
return /* @__PURE__ */ _(
|
|
5693
|
+
let t = so(r.row, e.getVisibleLeafColumns());
|
|
5694
|
+
return /* @__PURE__ */ _(ko, {
|
|
5626
5695
|
colSpan: h.length,
|
|
5627
5696
|
children: t
|
|
5628
5697
|
});
|
|
@@ -5630,10 +5699,10 @@ var Mo = ({ table: e, size: t, isRowDisabled: n, containerHeight: r = 600, sorta
|
|
|
5630
5699
|
let i = r.row;
|
|
5631
5700
|
return /* @__PURE__ */ _(g, { children: i.getVisibleCells().map((e, n) => {
|
|
5632
5701
|
let r = e.column.columnDef, i = y.get(e.column.id);
|
|
5633
|
-
return /* @__PURE__ */ v(
|
|
5634
|
-
className: G(
|
|
5702
|
+
return /* @__PURE__ */ v(ko, {
|
|
5703
|
+
className: G(_o(t, r.cellAlign), i && "wu-sticky wu-z-[1]"),
|
|
5635
5704
|
style: i ? { [i.sticky]: i.offset } : void 0,
|
|
5636
|
-
children: [
|
|
5705
|
+
children: [fo(e, r), lo(i?.sticky, i?.isStickyEdge ?? !1, u, d)]
|
|
5637
5706
|
}, `${e.id}-${n}`);
|
|
5638
5707
|
}) });
|
|
5639
5708
|
},
|
|
@@ -5648,30 +5717,30 @@ var Mo = ({ table: e, size: t, isRowDisabled: n, containerHeight: r = 600, sorta
|
|
|
5648
5717
|
},
|
|
5649
5718
|
children: [/* @__PURE__ */ _("colgroup", { children: h.map((e) => /* @__PURE__ */ _("col", { style: { width: `${e.getSize()}px` } }, e.id)) }), t.children]
|
|
5650
5719
|
}),
|
|
5651
|
-
TableBody:
|
|
5652
|
-
TableHead: (e) => /* @__PURE__ */ _(
|
|
5720
|
+
TableBody: No,
|
|
5721
|
+
TableHead: (e) => /* @__PURE__ */ _(wo, {
|
|
5653
5722
|
...e,
|
|
5654
|
-
className: G("wu-border-t wu-border-black/[12%] wu-bg-gray-20",
|
|
5723
|
+
className: G("wu-border-t wu-border-black/[12%] wu-bg-gray-20", vo(t), e.className)
|
|
5655
5724
|
}),
|
|
5656
5725
|
TableRow: ({ ...e }) => {
|
|
5657
5726
|
let t = b[e["data-index"]], r = t?.row, i = r ? n?.(r.original) ?? !1 : !1, a = r?.getIsSelected() ?? !1;
|
|
5658
|
-
return /* @__PURE__ */ _(
|
|
5727
|
+
return /* @__PURE__ */ _(Do, {
|
|
5659
5728
|
...e,
|
|
5660
5729
|
"data-disabled": i,
|
|
5661
5730
|
"data-state": a && "selected",
|
|
5662
5731
|
"data-expanded": t?.type === "expanded" ? "true" : void 0,
|
|
5663
|
-
className:
|
|
5732
|
+
className: go(i)
|
|
5664
5733
|
});
|
|
5665
5734
|
}
|
|
5666
5735
|
}
|
|
5667
5736
|
})
|
|
5668
5737
|
});
|
|
5669
|
-
},
|
|
5738
|
+
}, Fo = z("", { variants: { variant: {
|
|
5670
5739
|
striped: "[&_tr:nth-child(even):not([data-expanded])_td]:wu-bg-zinc-50 [&_tr:nth-child(odd)[data-expanded]:not([data-state=\"selected\"])_td]:wu-bg-zinc-50",
|
|
5671
5740
|
unstyled: "",
|
|
5672
5741
|
bordered: "wu-border-collapse wu-border wu-border-black/[12%] [&_th]:wu-border [&_td]:wu-border"
|
|
5673
|
-
} } }),
|
|
5674
|
-
let [S, C] = n.useState(() => a?.defaultSort ?? null), { scrollContainerRef: w, isScrolledLeft: T, isScrolledRight: E, handleScroll: D } =
|
|
5742
|
+
} } }), Io = ({ data: e, columns: t, isLoading: r = !1, variant: i = "unstyled", sort: a, size: o, rowSelection: s, HeaderAction: c, NoDataContent: l, stickyHeader: u = !1, CustomLoader: d, caption: f, virtualization: p, isRowExpandable: m, hideHeader: h = !1, tableLayout: g = "fixed", style: y, className: b, ...x }) => {
|
|
5743
|
+
let [S, C] = n.useState(() => a?.defaultSort ?? null), { scrollContainerRef: w, isScrolledLeft: T, isScrolledRight: E, handleScroll: D } = ho(), { rowSelectionState: O, sortableColumns: k, selectedRowCount: A, columnsWithExpand: j, expanded: M, setExpanded: N, handleRowSelectionChange: P } = mo({
|
|
5675
5744
|
data: e,
|
|
5676
5745
|
columns: t,
|
|
5677
5746
|
rowSelection: s,
|
|
@@ -5697,20 +5766,20 @@ var Mo = ({ table: e, size: t, isRowDisabled: n, containerHeight: r = 600, sorta
|
|
|
5697
5766
|
},
|
|
5698
5767
|
onRowSelectionChange: P,
|
|
5699
5768
|
...m ? { onExpandedChange: N } : {}
|
|
5700
|
-
}), I =
|
|
5769
|
+
}), I = uo(p?.enabled, p?.threshold, e.length), L = p?.maxHeight ?? 600;
|
|
5701
5770
|
return /* @__PURE__ */ _("div", {
|
|
5702
5771
|
className: G("wu-text-gray-lead wu-table-container wu-relative", !I && u && "wu-h-full"),
|
|
5703
5772
|
children: I ? /* @__PURE__ */ v("div", {
|
|
5704
5773
|
ref: w,
|
|
5705
5774
|
onScroll: D,
|
|
5706
|
-
className: G("wu-overflow-x-auto wu-w-full",
|
|
5707
|
-
children: [f && /* @__PURE__ */ _(
|
|
5775
|
+
className: G("wu-overflow-x-auto wu-w-full", Fo({ variant: i })),
|
|
5776
|
+
children: [f && /* @__PURE__ */ _(Ao, {
|
|
5708
5777
|
className: "wu-font-light",
|
|
5709
5778
|
children: f
|
|
5710
5779
|
}), r ? /* @__PURE__ */ _("div", {
|
|
5711
5780
|
className: "wu-text-center wu-h-[35vh] wu-flex wu-items-center wu-justify-center",
|
|
5712
5781
|
children: d ?? /* @__PURE__ */ _(qe, { className: "wu-w-full" })
|
|
5713
|
-
}) : F.getRowModel().rows?.length ? /* @__PURE__ */ _(
|
|
5782
|
+
}) : F.getRowModel().rows?.length ? /* @__PURE__ */ _(Po, {
|
|
5714
5783
|
table: F,
|
|
5715
5784
|
size: o,
|
|
5716
5785
|
isRowDisabled: s?.isRowDisabled,
|
|
@@ -5734,19 +5803,19 @@ var Mo = ({ table: e, size: t, isRowDisabled: n, containerHeight: r = 600, sorta
|
|
|
5734
5803
|
ref: w,
|
|
5735
5804
|
onScroll: D,
|
|
5736
5805
|
className: G("wu-overflow-x-auto wu-w-full", u && "wu-overflow-y-auto wu-h-full"),
|
|
5737
|
-
children: /* @__PURE__ */ v(
|
|
5806
|
+
children: /* @__PURE__ */ v(Co, {
|
|
5738
5807
|
...x,
|
|
5739
|
-
className: G("wu-w-full",
|
|
5808
|
+
className: G("wu-w-full", Fo({ variant: i }), b),
|
|
5740
5809
|
style: {
|
|
5741
5810
|
tableLayout: g,
|
|
5742
5811
|
...y
|
|
5743
5812
|
},
|
|
5744
5813
|
children: [
|
|
5745
|
-
f && /* @__PURE__ */ _(
|
|
5814
|
+
f && /* @__PURE__ */ _(Ao, {
|
|
5746
5815
|
className: "wu-font-light",
|
|
5747
5816
|
children: f
|
|
5748
5817
|
}),
|
|
5749
|
-
!h && /* @__PURE__ */ _(
|
|
5818
|
+
!h && /* @__PURE__ */ _(Mo, {
|
|
5750
5819
|
table: F,
|
|
5751
5820
|
sortableColumns: k,
|
|
5752
5821
|
manual: !0,
|
|
@@ -5761,7 +5830,7 @@ var Mo = ({ table: e, size: t, isRowDisabled: n, containerHeight: r = 600, sorta
|
|
|
5761
5830
|
isScrolledLeft: T,
|
|
5762
5831
|
isScrolledRight: E
|
|
5763
5832
|
}),
|
|
5764
|
-
/* @__PURE__ */ _(
|
|
5833
|
+
/* @__PURE__ */ _(jo, {
|
|
5765
5834
|
table: F,
|
|
5766
5835
|
size: o,
|
|
5767
5836
|
NoDataContent: l,
|
|
@@ -5776,11 +5845,11 @@ var Mo = ({ table: e, size: t, isRowDisabled: n, containerHeight: r = 600, sorta
|
|
|
5776
5845
|
})
|
|
5777
5846
|
})
|
|
5778
5847
|
});
|
|
5779
|
-
},
|
|
5848
|
+
}, Lo = ({ data: e, columns: t, variant: r = "unstyled", size: i = "default", sort: a, filterText: o, pagination: s, stickyHeader: c, HeaderAction: l, CustomLoader: f, NoDataContent: m, isLoading: h, caption: g, rowSelection: y, isRowExpandable: b, hideHeader: x = !1, virtualization: S, tableLayout: C = "fixed", style: w, className: T, ...E }) => {
|
|
5780
5849
|
let [D, O] = n.useState(() => a?.defaultSort ? [{
|
|
5781
5850
|
id: a.defaultSort.id,
|
|
5782
5851
|
desc: a.defaultSort.desc
|
|
5783
|
-
}] : []), [k, A] = p([]), [j, M] = p(s?.pageIndex ?? 0), { scrollContainerRef: N, isScrolledLeft: P, isScrolledRight: F, handleScroll: I } =
|
|
5852
|
+
}] : []), [k, A] = p([]), [j, M] = p(s?.pageIndex ?? 0), { scrollContainerRef: N, isScrolledLeft: P, isScrolledRight: F, handleScroll: I } = ho(), { finalColumns: L, rowSelectionState: ee, sortableColumns: te, selectedRowCount: R, columnsWithExpand: z, expanded: ne, setExpanded: re, handleRowSelectionChange: ie } = mo({
|
|
5784
5853
|
data: e,
|
|
5785
5854
|
columns: t,
|
|
5786
5855
|
rowSelection: y,
|
|
@@ -5818,17 +5887,17 @@ var Mo = ({ table: e, size: t, isRowDisabled: n, containerHeight: r = 600, sorta
|
|
|
5818
5887
|
]), u(() => {
|
|
5819
5888
|
s && s?.pageIndex !== j && (y?.onRowSelect([]), B.resetRowSelection(), M(s.pageIndex));
|
|
5820
5889
|
}, [s?.pageIndex]);
|
|
5821
|
-
let V =
|
|
5890
|
+
let V = uo(S?.enabled, S?.threshold, e.length), H = S?.maxHeight ?? 600;
|
|
5822
5891
|
return /* @__PURE__ */ _("div", {
|
|
5823
5892
|
className: G("wu-text-gray-lead wu-table-container wu-relative", !V && c && "wu-h-full"),
|
|
5824
5893
|
children: V ? /* @__PURE__ */ v("div", {
|
|
5825
5894
|
ref: N,
|
|
5826
5895
|
onScroll: I,
|
|
5827
|
-
className: G("wu-overflow-x-auto wu-w-full",
|
|
5828
|
-
children: [g && /* @__PURE__ */ _(
|
|
5896
|
+
className: G("wu-overflow-x-auto wu-w-full", Fo({ variant: r })),
|
|
5897
|
+
children: [g && /* @__PURE__ */ _(Ao, { children: g }), h ? /* @__PURE__ */ _("div", {
|
|
5829
5898
|
className: "wu-text-center wu-h-[35vh] wu-flex wu-items-center wu-justify-center",
|
|
5830
5899
|
children: f ?? /* @__PURE__ */ _(qe, { className: "wu-w-full" })
|
|
5831
|
-
}) : B.getRowModel().rows?.length ? /* @__PURE__ */ _(
|
|
5900
|
+
}) : B.getRowModel().rows?.length ? /* @__PURE__ */ _(Po, {
|
|
5832
5901
|
table: B,
|
|
5833
5902
|
size: i,
|
|
5834
5903
|
isRowDisabled: y?.isRowDisabled,
|
|
@@ -5849,16 +5918,16 @@ var Mo = ({ table: e, size: t, isRowDisabled: n, containerHeight: r = 600, sorta
|
|
|
5849
5918
|
ref: N,
|
|
5850
5919
|
onScroll: I,
|
|
5851
5920
|
className: G("wu-overflow-x-auto wu-w-full", c && "wu-overflow-y-auto wu-h-full"),
|
|
5852
|
-
children: /* @__PURE__ */ v(
|
|
5921
|
+
children: /* @__PURE__ */ v(Co, {
|
|
5853
5922
|
...E,
|
|
5854
|
-
className: G(`wu-table-${C}`, "wu-w-full",
|
|
5923
|
+
className: G(`wu-table-${C}`, "wu-w-full", Fo({ variant: r }), T),
|
|
5855
5924
|
style: {
|
|
5856
5925
|
tableLayout: C,
|
|
5857
5926
|
...w
|
|
5858
5927
|
},
|
|
5859
5928
|
children: [
|
|
5860
|
-
g && /* @__PURE__ */ _(
|
|
5861
|
-
!x && /* @__PURE__ */ _(
|
|
5929
|
+
g && /* @__PURE__ */ _(Ao, { children: g }),
|
|
5930
|
+
!x && /* @__PURE__ */ _(Mo, {
|
|
5862
5931
|
table: B,
|
|
5863
5932
|
sortableColumns: te,
|
|
5864
5933
|
size: i,
|
|
@@ -5869,7 +5938,7 @@ var Mo = ({ table: e, size: t, isRowDisabled: n, containerHeight: r = 600, sorta
|
|
|
5869
5938
|
isScrolledLeft: P,
|
|
5870
5939
|
isScrolledRight: F
|
|
5871
5940
|
}),
|
|
5872
|
-
/* @__PURE__ */ _(
|
|
5941
|
+
/* @__PURE__ */ _(jo, {
|
|
5873
5942
|
table: B,
|
|
5874
5943
|
size: i,
|
|
5875
5944
|
NoDataContent: m,
|
|
@@ -5884,22 +5953,22 @@ var Mo = ({ table: e, size: t, isRowDisabled: n, containerHeight: r = 600, sorta
|
|
|
5884
5953
|
})
|
|
5885
5954
|
})
|
|
5886
5955
|
});
|
|
5887
|
-
},
|
|
5956
|
+
}, Ro = t.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ _("textarea", {
|
|
5888
5957
|
className: G("wu-flex wu-w-full wu-border-b wu-border-gray-subtle wu-bg-gray-10 wu-text-gray-lead wu-p-2 wu-text-sm wu-font-normal wu-placeholder:wu-text-gray-subtle wu-placeholder:wu-font-light focus-visible:wu-outline-none disabled:wu-cursor-not-allowed disabled:wu-bg-gray-20 disabled:wu-border-gray-40 disabled:wu-text-gray-subtle read-only:wu-cursor-not-allowed read-only:wu-bg-gray-20 read-only:wu-border-gray-40 read-only:wu-text-gray-subtle focus:wu-border-blue-p wu-transition-colors hover:wu-border-gray-40 ", e),
|
|
5889
5958
|
ref: n,
|
|
5890
5959
|
...t
|
|
5891
5960
|
}));
|
|
5892
|
-
|
|
5961
|
+
Ro.displayName = "Textarea";
|
|
5893
5962
|
//#endregion
|
|
5894
5963
|
//#region src/components/textarea/WuTextarea.tsx
|
|
5895
|
-
var
|
|
5964
|
+
var zo = n.forwardRef((e, t) => {
|
|
5896
5965
|
let { Label: n, id: r = ke(), variant: i = "flat", readonly: a, maxLength: o, labelPosition: s = "top", ...c } = e, l = (e) => {
|
|
5897
5966
|
c.onChange && c.onChange(e);
|
|
5898
5967
|
};
|
|
5899
5968
|
return /* @__PURE__ */ v("div", {
|
|
5900
5969
|
className: G(Ae(s), "wu-flex wu-textarea-container"),
|
|
5901
5970
|
dir: c.dir,
|
|
5902
|
-
children: [/* @__PURE__ */ _(
|
|
5971
|
+
children: [/* @__PURE__ */ _(Ro, {
|
|
5903
5972
|
...c,
|
|
5904
5973
|
ref: t,
|
|
5905
5974
|
id: r,
|
|
@@ -5907,32 +5976,32 @@ var Lo = n.forwardRef((e, t) => {
|
|
|
5907
5976
|
onChange: l,
|
|
5908
5977
|
readOnly: a,
|
|
5909
5978
|
maxLength: o
|
|
5910
|
-
}), n && /* @__PURE__ */ _(
|
|
5979
|
+
}), n && /* @__PURE__ */ _(X, {
|
|
5911
5980
|
htmlFor: r,
|
|
5912
5981
|
className: "wu-textarea-label",
|
|
5913
5982
|
children: n
|
|
5914
5983
|
})]
|
|
5915
5984
|
});
|
|
5916
5985
|
});
|
|
5917
|
-
|
|
5986
|
+
zo.displayName = "WuTextarea";
|
|
5918
5987
|
//#endregion
|
|
5919
5988
|
//#region src/components/timePicker/utils/timePickerUtils.ts
|
|
5920
|
-
function
|
|
5989
|
+
function Bo(e) {
|
|
5921
5990
|
return typeof e == "string" && e.includes("T") ? E(M(e), "HH:mm") : typeof e == "string" && /^\d{2}:\d{2}:\d{2}$/.test(e) ? E(j(e, "HH:mm:ss", /* @__PURE__ */ new Date()), "HH:mm") : typeof e == "string" && /^\d{2}:\d{2}$/.test(e) ? e : "00:00";
|
|
5922
5991
|
}
|
|
5923
|
-
var
|
|
5924
|
-
function
|
|
5992
|
+
var Vo = ["12", ...Array.from({ length: 11 }, (e, t) => String(t + 1).padStart(2, "0"))], Ho = Array.from({ length: 60 }, (e, t) => String(t).padStart(2, "0")), Uo = ["am", "pm"];
|
|
5993
|
+
function Wo(e) {
|
|
5925
5994
|
return Array(50).fill(e).flat();
|
|
5926
5995
|
}
|
|
5927
|
-
function
|
|
5996
|
+
function Go(e, t) {
|
|
5928
5997
|
let n = e.indexOf(t);
|
|
5929
5998
|
return [...e.slice(n), ...e.slice(0, n)];
|
|
5930
5999
|
}
|
|
5931
|
-
function
|
|
6000
|
+
function Ko(e, t) {
|
|
5932
6001
|
let n = Number(e);
|
|
5933
6002
|
return t === "pm" && n < 12 && (n += 12), t === "am" && n === 12 && (n = 0), String(n).padStart(2, "0");
|
|
5934
6003
|
}
|
|
5935
|
-
function
|
|
6004
|
+
function qo(e) {
|
|
5936
6005
|
let t = Number(e), n = t >= 12 ? "pm" : "am", r = t % 12 == 0 ? 12 : t % 12;
|
|
5937
6006
|
return {
|
|
5938
6007
|
hour: String(r),
|
|
@@ -5941,15 +6010,15 @@ function Go(e) {
|
|
|
5941
6010
|
}
|
|
5942
6011
|
//#endregion
|
|
5943
6012
|
//#region src/components/timePicker/components/timeColumn.tsx
|
|
5944
|
-
var
|
|
6013
|
+
var Jo = ({ value: e, isSelected: t, onClick: n }) => /* @__PURE__ */ _("div", {
|
|
5945
6014
|
onClick: n,
|
|
5946
6015
|
className: G("wu-w-8 wu-h-8 wu-flex wu-items-center wu-justify-center wu-text-center wu-snap-start wu-rounded-[2px] wu-cursor-pointer hover:wu-bg-blue-p hover:wu-text-white", t && "wu-bg-blue-p/15 wu-text-blue-p"),
|
|
5947
6016
|
children: e
|
|
5948
|
-
}),
|
|
6017
|
+
}), Yo = ({ values: e, selectedValue: t, scrollRef: n, onSelect: r, repeatItems: i = !0, className: a }) => /* @__PURE__ */ _("div", {
|
|
5949
6018
|
ref: n,
|
|
5950
6019
|
className: G("wu-overflow-y-scroll wu-w-8 wu-snap-y wu-snap-mandatory [&::-webkit-scrollbar]:hidden [-ms-overflow-style:none] [scrollbar-width:none]", a),
|
|
5951
6020
|
role: "presentation",
|
|
5952
|
-
children: (i ?
|
|
6021
|
+
children: (i ? Wo(e) : e).map((e, n) => /* @__PURE__ */ _(Jo, {
|
|
5953
6022
|
value: e,
|
|
5954
6023
|
isSelected: e === t,
|
|
5955
6024
|
onClick: () => r(e)
|
|
@@ -5957,16 +6026,16 @@ var Ko = ({ value: e, isSelected: t, onClick: n }) => /* @__PURE__ */ _("div", {
|
|
|
5957
6026
|
});
|
|
5958
6027
|
//#endregion
|
|
5959
6028
|
//#region src/components/timePicker/hooks/useRotatedArrays.ts
|
|
5960
|
-
function
|
|
6029
|
+
function Xo(e, t, n, r) {
|
|
5961
6030
|
return {
|
|
5962
|
-
rotatedHours: d(() => e ?
|
|
5963
|
-
rotatedMinutes: d(() => e ?
|
|
5964
|
-
rotatedMeridiem: d(() => e ? Uo
|
|
6031
|
+
rotatedHours: d(() => e ? Go(Vo, t.padStart(2, "0")) : Vo, [e]),
|
|
6032
|
+
rotatedMinutes: d(() => e ? Go(Ho, n.padStart(2, "0")) : Ho, [e]),
|
|
6033
|
+
rotatedMeridiem: d(() => e ? Go(Uo, r) : Uo, [e])
|
|
5965
6034
|
};
|
|
5966
6035
|
}
|
|
5967
6036
|
//#endregion
|
|
5968
6037
|
//#region src/components/timePicker/hooks/useTimePickerScroll.ts
|
|
5969
|
-
function
|
|
6038
|
+
function Zo(e, t, n) {
|
|
5970
6039
|
u(() => {
|
|
5971
6040
|
function r(e) {
|
|
5972
6041
|
if (e) {
|
|
@@ -5994,16 +6063,16 @@ function Yo(e, t, n) {
|
|
|
5994
6063
|
}
|
|
5995
6064
|
//#endregion
|
|
5996
6065
|
//#region src/components/timePicker/WuTimePicker.tsx
|
|
5997
|
-
var
|
|
6066
|
+
var Qo = ({ className: e, time: t, Label: r, labelPosition: i, dir: a, ...o }) => {
|
|
5998
6067
|
let [c, l] = p(!1), [u, d] = p(""), m = f(null), h = f(null), g = f(null), y = f(null), [b, x] = p("12"), [S, C] = p("00"), [w, T] = p("am");
|
|
5999
6068
|
n.useEffect(() => {
|
|
6000
6069
|
if (!t) {
|
|
6001
6070
|
d(""), x("12"), C("00"), T("am"), m.current && (m.current.value = "");
|
|
6002
6071
|
return;
|
|
6003
6072
|
}
|
|
6004
|
-
let e =
|
|
6073
|
+
let e = Bo(t);
|
|
6005
6074
|
d(e);
|
|
6006
|
-
let [n, r] = e.split(":"), { hour: i, meridiem: a } =
|
|
6075
|
+
let [n, r] = e.split(":"), { hour: i, meridiem: a } = qo(n);
|
|
6007
6076
|
x(i), C(r), T(a), m.current && (m.current.value = e);
|
|
6008
6077
|
}, [t]), n.useEffect(() => {
|
|
6009
6078
|
let e = (e) => {
|
|
@@ -6012,10 +6081,10 @@ var Xo = ({ className: e, time: t, Label: r, labelPosition: i, dir: a, ...o }) =
|
|
|
6012
6081
|
return document.addEventListener("mousedown", e), () => {
|
|
6013
6082
|
document.removeEventListener("mousedown", e);
|
|
6014
6083
|
};
|
|
6015
|
-
}, []),
|
|
6016
|
-
let { rotatedHours: E, rotatedMinutes: D, rotatedMeridiem: O } =
|
|
6084
|
+
}, []), Zo(c, g, y);
|
|
6085
|
+
let { rotatedHours: E, rotatedMinutes: D, rotatedMeridiem: O } = Xo(c, b, S, w), k = s((e, t, n) => {
|
|
6017
6086
|
let r = e ?? b, i = t ?? S, a = n ?? w;
|
|
6018
|
-
x(r), C(i), T(a), d(`${
|
|
6087
|
+
x(r), C(i), T(a), d(`${Ko(r, a)}:${i}`);
|
|
6019
6088
|
}, [
|
|
6020
6089
|
b,
|
|
6021
6090
|
S,
|
|
@@ -6024,7 +6093,7 @@ var Xo = ({ className: e, time: t, Label: r, labelPosition: i, dir: a, ...o }) =
|
|
|
6024
6093
|
return /* @__PURE__ */ v("div", {
|
|
6025
6094
|
className: G("wu-flex wu-gap-1 wu-relative wu-w-fit wu-flex-col", (i === "right" || i === "left") && "wu-items-center", i === "left" && "wu-flex-row", i === "right" && "wu-flex-row-reverse", "wu-input-wrapper"),
|
|
6026
6095
|
dir: a,
|
|
6027
|
-
children: [r && /* @__PURE__ */ _(
|
|
6096
|
+
children: [r && /* @__PURE__ */ _(X, {
|
|
6028
6097
|
htmlFor: "time-picker",
|
|
6029
6098
|
className: "wu-timepicker-label",
|
|
6030
6099
|
children: r
|
|
@@ -6033,7 +6102,7 @@ var Xo = ({ className: e, time: t, Label: r, labelPosition: i, dir: a, ...o }) =
|
|
|
6033
6102
|
ref: h,
|
|
6034
6103
|
dir: a,
|
|
6035
6104
|
children: [
|
|
6036
|
-
/* @__PURE__ */ _(
|
|
6105
|
+
/* @__PURE__ */ _(Jt, {
|
|
6037
6106
|
ref: m,
|
|
6038
6107
|
type: "time",
|
|
6039
6108
|
value: u,
|
|
@@ -6041,7 +6110,7 @@ var Xo = ({ className: e, time: t, Label: r, labelPosition: i, dir: a, ...o }) =
|
|
|
6041
6110
|
role: "textbox",
|
|
6042
6111
|
onChange: (e) => {
|
|
6043
6112
|
d(e.target.value);
|
|
6044
|
-
let [t, n] = e.target.value.split(":"), { hour: r, meridiem: i } =
|
|
6113
|
+
let [t, n] = e.target.value.split(":"), { hour: r, meridiem: i } = qo(t);
|
|
6045
6114
|
x(r), C(n), T(i);
|
|
6046
6115
|
},
|
|
6047
6116
|
className: "wu-w-[136px] wu-h-8 wu-pr-6 wu-border wu-border-lead/40 wu-text-gray-lead wu-timepicker-input",
|
|
@@ -6063,21 +6132,21 @@ var Xo = ({ className: e, time: t, Label: r, labelPosition: i, dir: a, ...o }) =
|
|
|
6063
6132
|
c && /* @__PURE__ */ v("div", {
|
|
6064
6133
|
className: G("wu-absolute wu-w-[136px] wu-h-[228px] wu-flex wu-bg-white wu-border wu-shadow wu-z-50 wu-text-xs wu-gap-1 wu-p-1 wu-border-blue-p wu-text-lead", e),
|
|
6065
6134
|
children: [
|
|
6066
|
-
/* @__PURE__ */ _(
|
|
6135
|
+
/* @__PURE__ */ _(Yo, {
|
|
6067
6136
|
values: E,
|
|
6068
6137
|
selectedValue: b.padStart(2, "0"),
|
|
6069
6138
|
scrollRef: g,
|
|
6070
6139
|
onSelect: (e) => k(e, S),
|
|
6071
6140
|
className: "wu-time-hour-picker"
|
|
6072
6141
|
}),
|
|
6073
|
-
/* @__PURE__ */ _(
|
|
6142
|
+
/* @__PURE__ */ _(Yo, {
|
|
6074
6143
|
values: D,
|
|
6075
6144
|
selectedValue: S.padStart(2, "0"),
|
|
6076
6145
|
scrollRef: y,
|
|
6077
6146
|
onSelect: (e) => k(b, e),
|
|
6078
6147
|
className: "wu-time-minute-picker"
|
|
6079
6148
|
}),
|
|
6080
|
-
/* @__PURE__ */ _(
|
|
6149
|
+
/* @__PURE__ */ _(Yo, {
|
|
6081
6150
|
values: O,
|
|
6082
6151
|
selectedValue: w,
|
|
6083
6152
|
onSelect: (e) => k(void 0, void 0, e),
|
|
@@ -6090,27 +6159,27 @@ var Xo = ({ className: e, time: t, Label: r, labelPosition: i, dir: a, ...o }) =
|
|
|
6090
6159
|
})]
|
|
6091
6160
|
});
|
|
6092
6161
|
};
|
|
6093
|
-
|
|
6162
|
+
Qo.displayName = "WuTimePicker";
|
|
6094
6163
|
//#endregion
|
|
6095
6164
|
//#region src/base/ui/useToast.ts
|
|
6096
|
-
var
|
|
6097
|
-
function
|
|
6098
|
-
return
|
|
6165
|
+
var $o = 1, es = 1e6, ts = 0;
|
|
6166
|
+
function ns() {
|
|
6167
|
+
return ts = (ts + 1) % (2 ** 53 - 1), ts.toString();
|
|
6099
6168
|
}
|
|
6100
|
-
var
|
|
6101
|
-
if (
|
|
6169
|
+
var rs = /* @__PURE__ */ new Map(), is = (e) => {
|
|
6170
|
+
if (rs.has(e)) return;
|
|
6102
6171
|
let t = setTimeout(() => {
|
|
6103
|
-
|
|
6172
|
+
rs.delete(e), cs({
|
|
6104
6173
|
type: "REMOVE_TOAST",
|
|
6105
6174
|
toastId: e
|
|
6106
6175
|
});
|
|
6107
|
-
},
|
|
6108
|
-
|
|
6109
|
-
},
|
|
6176
|
+
}, es);
|
|
6177
|
+
rs.set(e, t);
|
|
6178
|
+
}, as = (e, t) => {
|
|
6110
6179
|
switch (t.type) {
|
|
6111
6180
|
case "ADD_TOAST": return {
|
|
6112
6181
|
...e,
|
|
6113
|
-
toasts: [t.toast, ...e.toasts].slice(0,
|
|
6182
|
+
toasts: [t.toast, ...e.toasts].slice(0, $o)
|
|
6114
6183
|
};
|
|
6115
6184
|
case "UPDATE_TOAST": return {
|
|
6116
6185
|
...e,
|
|
@@ -6121,8 +6190,8 @@ var ts = /* @__PURE__ */ new Map(), ns = (e) => {
|
|
|
6121
6190
|
};
|
|
6122
6191
|
case "DISMISS_TOAST": {
|
|
6123
6192
|
let { toastId: n } = t;
|
|
6124
|
-
return n ?
|
|
6125
|
-
|
|
6193
|
+
return n ? is(n) : e.toasts.forEach((e) => {
|
|
6194
|
+
is(e.id);
|
|
6126
6195
|
}), {
|
|
6127
6196
|
...e,
|
|
6128
6197
|
toasts: e.toasts.map((e) => e.id === n || n === void 0 ? {
|
|
@@ -6139,24 +6208,24 @@ var ts = /* @__PURE__ */ new Map(), ns = (e) => {
|
|
|
6139
6208
|
toasts: e.toasts.filter((e) => e.id !== t.toastId)
|
|
6140
6209
|
};
|
|
6141
6210
|
}
|
|
6142
|
-
},
|
|
6143
|
-
function
|
|
6144
|
-
|
|
6145
|
-
e(
|
|
6211
|
+
}, os = [], ss = { toasts: [] };
|
|
6212
|
+
function cs(e) {
|
|
6213
|
+
ss = as(ss, e), os.forEach((e) => {
|
|
6214
|
+
e(ss);
|
|
6146
6215
|
});
|
|
6147
6216
|
}
|
|
6148
|
-
function
|
|
6149
|
-
let t =
|
|
6217
|
+
function ls({ ...e }) {
|
|
6218
|
+
let t = ns(), n = (e) => cs({
|
|
6150
6219
|
type: "UPDATE_TOAST",
|
|
6151
6220
|
toast: {
|
|
6152
6221
|
...e,
|
|
6153
6222
|
id: t
|
|
6154
6223
|
}
|
|
6155
|
-
}), r = () =>
|
|
6224
|
+
}), r = () => cs({
|
|
6156
6225
|
type: "DISMISS_TOAST",
|
|
6157
6226
|
toastId: t
|
|
6158
6227
|
});
|
|
6159
|
-
return
|
|
6228
|
+
return cs({
|
|
6160
6229
|
type: "ADD_TOAST",
|
|
6161
6230
|
toast: {
|
|
6162
6231
|
...e,
|
|
@@ -6172,15 +6241,15 @@ function ss({ ...e }) {
|
|
|
6172
6241
|
update: n
|
|
6173
6242
|
};
|
|
6174
6243
|
}
|
|
6175
|
-
function
|
|
6176
|
-
let [e, t] = p(
|
|
6177
|
-
return u(() => (
|
|
6178
|
-
let e =
|
|
6179
|
-
e > -1 &&
|
|
6244
|
+
function us() {
|
|
6245
|
+
let [e, t] = p(ss);
|
|
6246
|
+
return u(() => (os.push(t), () => {
|
|
6247
|
+
let e = os.indexOf(t);
|
|
6248
|
+
e > -1 && os.splice(e, 1);
|
|
6180
6249
|
}), [e]), {
|
|
6181
6250
|
...e,
|
|
6182
|
-
toast:
|
|
6183
|
-
dismiss: (e) =>
|
|
6251
|
+
toast: ls,
|
|
6252
|
+
dismiss: (e) => cs({
|
|
6184
6253
|
type: "DISMISS_TOAST",
|
|
6185
6254
|
toastId: e
|
|
6186
6255
|
})
|
|
@@ -6188,12 +6257,12 @@ function cs() {
|
|
|
6188
6257
|
}
|
|
6189
6258
|
//#endregion
|
|
6190
6259
|
//#region src/components/toast/hooks/useWuShowToast.ts
|
|
6191
|
-
var
|
|
6260
|
+
var ds = () => ({ showToast: ({ message: e, variant: t, duration: n, position: r }) => ls({
|
|
6192
6261
|
description: e,
|
|
6193
6262
|
variant: t,
|
|
6194
6263
|
duration: n,
|
|
6195
6264
|
position: r
|
|
6196
|
-
}) }),
|
|
6265
|
+
}) }), fs = W.Provider, ps = z("wu-fixed wu-z-[100] wu-flex wu-max-h-screen wu-w-full wu-flex-col-reverse wu-px-4 wu-py-2 sm:wu-flex-col md:wu-max-w-[720px] wu-w-fit wu-toast-container", {
|
|
6197
6266
|
variants: { position: {
|
|
6198
6267
|
topRight: "wu-right-0 wu-top-0",
|
|
6199
6268
|
top: "wu-top-0 wu-left-1/2 wu--translate-x-1/2",
|
|
@@ -6203,13 +6272,13 @@ var ls = () => ({ showToast: ({ message: e, variant: t, duration: n, position: r
|
|
|
6203
6272
|
bottomLeft: "wu-left-0 wu-bottom-0"
|
|
6204
6273
|
} },
|
|
6205
6274
|
defaultVariants: { position: "top" }
|
|
6206
|
-
}),
|
|
6275
|
+
}), ms = t.forwardRef(({ className: e, position: t, ...n }, r) => /* @__PURE__ */ _(W.Viewport, {
|
|
6207
6276
|
ref: r,
|
|
6208
|
-
className: G(
|
|
6277
|
+
className: G(ps({ position: t }), e),
|
|
6209
6278
|
...n
|
|
6210
6279
|
}));
|
|
6211
|
-
|
|
6212
|
-
var
|
|
6280
|
+
ms.displayName = W.Viewport.displayName;
|
|
6281
|
+
var hs = z("group wu-pointer-events-auto wu-text-xs wu-font-normal wu-relative wu-flex wu-w-full wu-min-h-12 wu-items-center wu-justify-between wu-overflow-hidden wu-px-4 wu-pr-0 wu-py-2 wu-shadow-sm wu-transition-all data-[swipe=cancel]:wu-translate-y-0 data-[swipe=end]:wu-translate-y-[var(--radix-toast-swipe-end-y)] data-[swipe=move]:wu-translate-y-[var(--radix-toast-swipe-move-y)] data-[swipe=move]:wu-transition-none data-[state=open]:wu-animate-in data-[state=closed]:wu-animate-out data-[swipe=end]:wu-animate-out data-[state=closed]:wu-fade-out-80", {
|
|
6213
6282
|
variants: {
|
|
6214
6283
|
variant: {
|
|
6215
6284
|
default: "wu-border wu-bg-white wu-text-text",
|
|
@@ -6231,22 +6300,22 @@ var ps = z("group wu-pointer-events-auto wu-text-xs wu-font-normal wu-relative w
|
|
|
6231
6300
|
variant: "success",
|
|
6232
6301
|
position: "top"
|
|
6233
6302
|
}
|
|
6234
|
-
}),
|
|
6303
|
+
}), gs = t.forwardRef(({ className: e, variant: t, position: n, ...r }, i) => /* @__PURE__ */ _(W.Root, {
|
|
6235
6304
|
ref: i,
|
|
6236
|
-
className: G(
|
|
6305
|
+
className: G(hs({
|
|
6237
6306
|
variant: t,
|
|
6238
6307
|
position: n
|
|
6239
6308
|
}), e),
|
|
6240
6309
|
...r
|
|
6241
6310
|
}));
|
|
6242
|
-
|
|
6243
|
-
var
|
|
6311
|
+
gs.displayName = W.Root.displayName;
|
|
6312
|
+
var _s = t.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ _(W.Action, {
|
|
6244
6313
|
ref: n,
|
|
6245
6314
|
className: G("wu-inline-flex wu-h-8 wu-shrink-0 wu-items-center wu-justify-center wu-border wu-bg-transparent wu-px-3 wu-text-sm wu-font-medium wu-ring-offset-background wu-transition-colors hover:wu-bg-secondary focus:wu-outline-none focus:wu-ring-2 focus:wu-ring-ring focus:wu-ring-offset-2 disabled:wu-cursor-not-allowed disabled:wu-opacity-50 group-[.destructive]:wu-border-muted/40 group-[.destructive]:hover:wu-border-destructive/30 group-[.destructive]:hover:wu-bg-destructive group-[.destructive]:hover:wu-text-destructive-foreground group-[.destructive]:focus:wu-ring-destructive", e),
|
|
6246
6315
|
...t
|
|
6247
6316
|
}));
|
|
6248
|
-
|
|
6249
|
-
var
|
|
6317
|
+
_s.displayName = W.Action.displayName;
|
|
6318
|
+
var vs = t.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ _(W.Close, {
|
|
6250
6319
|
ref: n,
|
|
6251
6320
|
className: G("wu-relative wu-right-4 wu-bottom-2 wu-rounded-sm wu-w-4 wu-h-4 wu-p-1 wu-text-foreground/50 wu-opacity-100 wu-transition-opacity hover:wu-text-foreground focus:wu-opacity-100 focus:wu-outline-none group-hover:wu-opacity-100 group-[.destructive]:wu-text-red-300 group-[.destructive]:hover:wu-text-red-50 group-[.destructive]:focus:wu-ring-red-400 group-[.destructive]:focus:wu-ring-offset-red-600", e),
|
|
6252
6321
|
"toast-close": "",
|
|
@@ -6254,27 +6323,27 @@ var gs = t.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ _(W.Close,
|
|
|
6254
6323
|
...t,
|
|
6255
6324
|
children: /* @__PURE__ */ _("span", { className: "wm-close wu-text-base" })
|
|
6256
6325
|
}));
|
|
6257
|
-
|
|
6258
|
-
var
|
|
6326
|
+
vs.displayName = W.Close.displayName;
|
|
6327
|
+
var ys = t.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ _(W.Title, {
|
|
6259
6328
|
ref: n,
|
|
6260
6329
|
className: G("wu-text-sm wu-font-semibold", e),
|
|
6261
6330
|
...t
|
|
6262
6331
|
}));
|
|
6263
|
-
|
|
6264
|
-
var
|
|
6332
|
+
ys.displayName = W.Title.displayName;
|
|
6333
|
+
var bs = t.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ _(W.Description, {
|
|
6265
6334
|
ref: n,
|
|
6266
6335
|
className: G("wu-text-sm wu-opacity-90", e),
|
|
6267
6336
|
...t
|
|
6268
6337
|
}));
|
|
6269
|
-
|
|
6338
|
+
bs.displayName = W.Description.displayName;
|
|
6270
6339
|
//#endregion
|
|
6271
6340
|
//#region src/base/ui/toaster.tsx
|
|
6272
|
-
function
|
|
6273
|
-
let { toasts: e } =
|
|
6341
|
+
function xs() {
|
|
6342
|
+
let { toasts: e } = us(), t = e.reduce((e, t) => {
|
|
6274
6343
|
let n = t.position || "top";
|
|
6275
6344
|
return e[n] || (e[n] = []), e[n].push(t), e;
|
|
6276
6345
|
}, {});
|
|
6277
|
-
return /* @__PURE__ */ _(
|
|
6346
|
+
return /* @__PURE__ */ _(fs, { children: Object.entries(t).map(([e, t]) => /* @__PURE__ */ _(ms, {
|
|
6278
6347
|
position: e,
|
|
6279
6348
|
children: t.map(function({ id: e, title: t, description: n, action: r, variant: i, position: a, ...o }) {
|
|
6280
6349
|
let s = {
|
|
@@ -6283,14 +6352,14 @@ function ys() {
|
|
|
6283
6352
|
warning: "wm-error",
|
|
6284
6353
|
error: "wm-cancel"
|
|
6285
6354
|
};
|
|
6286
|
-
return /* @__PURE__ */ v(
|
|
6355
|
+
return /* @__PURE__ */ v(gs, {
|
|
6287
6356
|
variant: i || "success",
|
|
6288
6357
|
position: a,
|
|
6289
6358
|
...o,
|
|
6290
6359
|
children: [
|
|
6291
6360
|
/* @__PURE__ */ v("div", {
|
|
6292
6361
|
className: "wu-grid wu-gap-1",
|
|
6293
|
-
children: [t && /* @__PURE__ */ _(
|
|
6362
|
+
children: [t && /* @__PURE__ */ _(ys, { children: t }), n && /* @__PURE__ */ v(bs, {
|
|
6294
6363
|
className: "wu-flex wu-items-center wu-gap-3 wu-pr-6",
|
|
6295
6364
|
children: [/* @__PURE__ */ _(J, {
|
|
6296
6365
|
icon: s[i || "success"],
|
|
@@ -6299,7 +6368,7 @@ function ys() {
|
|
|
6299
6368
|
})]
|
|
6300
6369
|
}),
|
|
6301
6370
|
r,
|
|
6302
|
-
/* @__PURE__ */ _(
|
|
6371
|
+
/* @__PURE__ */ _(vs, {})
|
|
6303
6372
|
]
|
|
6304
6373
|
}, e);
|
|
6305
6374
|
})
|
|
@@ -6307,24 +6376,24 @@ function ys() {
|
|
|
6307
6376
|
}
|
|
6308
6377
|
//#endregion
|
|
6309
6378
|
//#region src/components/toast/WuToast.tsx
|
|
6310
|
-
var
|
|
6379
|
+
var Ss = () => /* @__PURE__ */ _(xs, {}), Cs = t.forwardRef(({ className: e, dir: t, ...n }, r) => /* @__PURE__ */ _(Ee.Root, {
|
|
6311
6380
|
className: G("wu-bg-gray-40 wu-inline-flex wu-h-2 wu-w-8 wu-shrink-0 wu-cursor-pointer wu-items-center wu-rounded-full wu-transition-colors focus-visible:wu-outline-none focus-visible:wu-ring-2 focus-visible:wu-ring-ring focus-visible:wu-ring-offset-[5px] focus-visible:wu-ring-offset-background disabled:wu-cursor-not-allowed disabled:wu-opacity-50 data-[state=unchecked]:wu-bg-gray-25 wu-group", "hover:wu-bg-gray-subtle hover:data-[state=unchecked]:wu-bg-gray-subtle", e),
|
|
6312
6381
|
...n,
|
|
6313
6382
|
ref: r,
|
|
6314
6383
|
children: /* @__PURE__ */ _(Ee.Thumb, { className: G("wu-block wu-h-4 wu-w-4 wu-rounded-full wu-bg-gray-subtle wu-shadow-lg wu-ring-0 wu-transition-all data-[state=checked]:wu-bg-blue-p", "group-hover:data-[state=unchecked]:wu-bg-gray-lead", t === "rtl" && "-wu-translate-x-4 data-[state=unchecked]:wu-translate-x-0", t !== "rtl" && "wu-translate-x-4 data-[state=unchecked]:wu-translate-x-0", "wu-toggle-thumb") })
|
|
6315
6384
|
}));
|
|
6316
|
-
|
|
6385
|
+
Cs.displayName = Ee.Root.displayName;
|
|
6317
6386
|
//#endregion
|
|
6318
6387
|
//#region src/components/toggle/WuToggle.tsx
|
|
6319
|
-
var
|
|
6388
|
+
var ws = n.forwardRef((e, t) => {
|
|
6320
6389
|
let { Label: r, labelPosition: i = "right", onChange: a, className: o, dir: s, disabled: c, id: l = ke(), ...u } = e;
|
|
6321
6390
|
return n.useEffect(() => {
|
|
6322
6391
|
let { checked: e, defaultChecked: t } = u;
|
|
6323
6392
|
e !== void 0 && t !== void 0 && console.error("WuToggle: Both `checked` and `defaultChecked` props are set. Use only one of them.");
|
|
6324
6393
|
}, [u.checked, u.defaultChecked]), /* @__PURE__ */ v("div", {
|
|
6325
|
-
className: G(
|
|
6394
|
+
className: G(Ts({ labelPosition: i }), "wu-toggle-container"),
|
|
6326
6395
|
dir: s,
|
|
6327
|
-
children: [/* @__PURE__ */ _(
|
|
6396
|
+
children: [/* @__PURE__ */ _(Cs, {
|
|
6328
6397
|
...u,
|
|
6329
6398
|
id: l,
|
|
6330
6399
|
disabled: c,
|
|
@@ -6332,27 +6401,27 @@ var Ss = n.forwardRef((e, t) => {
|
|
|
6332
6401
|
onCheckedChange: a,
|
|
6333
6402
|
className: G("wu-peer", o),
|
|
6334
6403
|
dir: s
|
|
6335
|
-
}), /* @__PURE__ */ _(
|
|
6404
|
+
}), /* @__PURE__ */ _(X, {
|
|
6336
6405
|
htmlFor: l,
|
|
6337
6406
|
className: "wu-toggle-label",
|
|
6338
6407
|
children: r
|
|
6339
6408
|
})]
|
|
6340
6409
|
});
|
|
6341
6410
|
});
|
|
6342
|
-
|
|
6343
|
-
var
|
|
6411
|
+
ws.displayName = "WuToggle";
|
|
6412
|
+
var Ts = z("wu-flex wu-items-center wu-gap-3 wu-w-fit", { variants: { labelPosition: {
|
|
6344
6413
|
right: "wu-flex-row",
|
|
6345
6414
|
left: "wu-flex-row-reverse",
|
|
6346
6415
|
top: "wu-flex-col-reverse wu-items-baseline"
|
|
6347
|
-
} } }),
|
|
6348
|
-
let e = l(
|
|
6416
|
+
} } }), Es = r(null), Ds = () => {
|
|
6417
|
+
let e = l(Es);
|
|
6349
6418
|
if (!e) throw Error("useTranslation must be used within a WuTranslationProvider");
|
|
6350
6419
|
return e.useTranslation();
|
|
6351
|
-
},
|
|
6352
|
-
let e = l(
|
|
6420
|
+
}, Os = () => {
|
|
6421
|
+
let e = l(Es);
|
|
6353
6422
|
if (!e) throw Error("useLoadTranslationsFunction must be used within a WuTranslationProvider");
|
|
6354
6423
|
return e;
|
|
6355
|
-
},
|
|
6424
|
+
}, ks = ({ children: e }) => {
|
|
6356
6425
|
let [t, n] = p({}), [r, i] = p({}), a = {
|
|
6357
6426
|
loadTranslations: s(async (e, t) => {
|
|
6358
6427
|
try {
|
|
@@ -6367,15 +6436,15 @@ var Cs = z("wu-flex wu-items-center wu-gap-3 wu-w-fit", { variants: { labelPosit
|
|
|
6367
6436
|
}, []),
|
|
6368
6437
|
useTranslation: s(() => ({ t: (e, n) => t[e] ? t[e] : r[e] ? r[e] : n || e }), [t, r])
|
|
6369
6438
|
};
|
|
6370
|
-
return /* @__PURE__ */ _(
|
|
6439
|
+
return /* @__PURE__ */ _(Es.Provider, {
|
|
6371
6440
|
value: a,
|
|
6372
6441
|
children: e
|
|
6373
6442
|
});
|
|
6374
|
-
},
|
|
6375
|
-
|
|
6376
|
-
},
|
|
6377
|
-
|
|
6378
|
-
},
|
|
6443
|
+
}, As = {}, js = !1, Ms = "", Ns = (e) => {
|
|
6444
|
+
As = e;
|
|
6445
|
+
}, Ps = (e, t) => {
|
|
6446
|
+
js = e, Ms = t;
|
|
6447
|
+
}, Fs = (e) => As[e] ?? e, Is = () => js, Ls = () => Ms, Rs = r({
|
|
6379
6448
|
dictionary: {},
|
|
6380
6449
|
locale: "en",
|
|
6381
6450
|
setLocale: () => {},
|
|
@@ -6383,7 +6452,7 @@ var Cs = z("wu-flex wu-items-center wu-gap-3 wu-w-fit", { variants: { labelPosit
|
|
|
6383
6452
|
isRtl: !1,
|
|
6384
6453
|
characterSet: "",
|
|
6385
6454
|
translate: (e) => e
|
|
6386
|
-
}),
|
|
6455
|
+
}), zs = () => l(Rs), Bs = () => zs().translate, Vs = (e) => e.name === "AbortError", Hs = ({ children: e, defaultLocale: t = "en", baseApi: n = "https://admin2.questionpro.com/cs/api/gad/translate", keys: r = "/wick-ui-i18n.json" }) => {
|
|
6387
6456
|
let [i, a] = p(t), [o, c] = p({}), [l, m] = p(!0), [h, g] = p(!1), [v, y] = p(""), b = f(!1), x = s((e) => {
|
|
6388
6457
|
b.current = !0, a(e);
|
|
6389
6458
|
}, []);
|
|
@@ -6391,7 +6460,7 @@ var Cs = z("wu-flex wu-items-center wu-gap-3 wu-w-fit", { variants: { labelPosit
|
|
|
6391
6460
|
b.current || a(t);
|
|
6392
6461
|
}, [t]), u(() => {
|
|
6393
6462
|
let e = new AbortController(), t = (e, t, n) => {
|
|
6394
|
-
|
|
6463
|
+
Ns(e), Ps(t, n), c(e), g(t), y(n);
|
|
6395
6464
|
};
|
|
6396
6465
|
return (async () => {
|
|
6397
6466
|
m(!0);
|
|
@@ -6417,11 +6486,11 @@ var Cs = z("wu-flex wu-items-center wu-gap-3 wu-w-fit", { variants: { labelPosit
|
|
|
6417
6486
|
let { data: a } = await r.json();
|
|
6418
6487
|
t(a.data, a.isRtl ?? !1, a.characterSet ?? "");
|
|
6419
6488
|
} catch (e) {
|
|
6420
|
-
if (
|
|
6489
|
+
if (Vs(e)) return;
|
|
6421
6490
|
console.error("[WuTranslateProvider] Translation fetch failed:", e), t(o, !1, "");
|
|
6422
6491
|
}
|
|
6423
6492
|
} catch (e) {
|
|
6424
|
-
if (
|
|
6493
|
+
if (Vs(e)) return;
|
|
6425
6494
|
console.error("[WuTranslateProvider] Keys fetch failed:", e), t({}, !1, "");
|
|
6426
6495
|
} finally {
|
|
6427
6496
|
e.signal.aborted || m(!1);
|
|
@@ -6451,16 +6520,16 @@ var Cs = z("wu-flex wu-items-center wu-gap-3 wu-w-fit", { variants: { labelPosit
|
|
|
6451
6520
|
v,
|
|
6452
6521
|
S
|
|
6453
6522
|
]);
|
|
6454
|
-
return /* @__PURE__ */ _(
|
|
6523
|
+
return /* @__PURE__ */ _(Rs.Provider, {
|
|
6455
6524
|
value: C,
|
|
6456
6525
|
children: e
|
|
6457
6526
|
});
|
|
6458
|
-
},
|
|
6459
|
-
let { dictionary: t } =
|
|
6527
|
+
}, Us = n.memo(({ __i18nKey: e }) => {
|
|
6528
|
+
let { dictionary: t } = zs();
|
|
6460
6529
|
return /* @__PURE__ */ _(g, { children: t[e] ?? e });
|
|
6461
6530
|
});
|
|
6462
6531
|
//#endregion
|
|
6463
6532
|
//#region src/index.ts
|
|
6464
|
-
|
|
6533
|
+
Us.displayName = "WuTranslate", typeof window < "u" && (window.wickUiVersion = "1.50.0");
|
|
6465
6534
|
//#endregion
|
|
6466
|
-
export { Ie as WuAccordion, He as WuActivityLog, Tt as WuAppHeader, $e as WuAppHeaderAccount, _t as WuAppHeaderBar, et as WuAppHeaderHelp, gt as WuAppHeaderMenu, vt as WuAppHeaderSearch, q as WuButton, Ft as WuCalender,
|
|
6535
|
+
export { Ie as WuAccordion, He as WuActivityLog, Tt as WuAppHeader, $e as WuAppHeaderAccount, _t as WuAppHeaderBar, et as WuAppHeaderHelp, gt as WuAppHeaderMenu, vt as WuAppHeaderSearch, q as WuButton, Ft as WuCalender, cn as WuCard, un as WuCardFooter, ln as WuCardHeader, Q as WuCheckbox, mn as WuChip, qn as WuCombobox, Jn as WuCopyToClipboard, Io as WuDataTable, Wt as WuDatePicker, sn as WuDateRangePicker, st as WuDisplay, sr as WuDrawer, cr as WuDrawerClose, Cr as WuDrilldown, kr as WuFooter, Ut as WuFormGroup, at as WuHeading, Ar as WuHelpButton, J as WuIcon, Jt as WuInput, zt as WuInputError, Bt as WuInputHint, X as WuLabel, zr as WuListbox, qe as WuLoader, vr as WuMenu, lr as WuMenuCheckboxItem, Br as WuMenuIcon, ur as WuMenuItem, dr as WuMenuItemGroup, fr as WuMenuRadioItem, pr as WuMenuSeparatorItem, ri as WuModal, si as WuModalClose, ii as WuModalContent, oi as WuModalFooter, ai as WuModalHeader, _i as WuMonthPicker, wi as WuPagination, Yt as WuPopover, Xt as WuPopoverClose, xi as WuPrimaryNavbar, Oi as WuRadioGroup, ki as WuScrollArea, Ci as WuSecondaryNavbar, ji as WuSegment, hi as WuSelect, Ma as WuSharedSurvey, ha as WuSidebar, Sa as WuSidebarCollapsibleMenu, _a as WuSidebarContent, va as WuSidebarFooter, ya as WuSidebarGroup, xa as WuSidebarItem, ba as WuSidebarMenu, ga as WuSidebarTrigger, Hr as WuSpotlight, Da as WuStackedCard, Oa as WuStackedCardOverlay, Aa as WuStepper, gr as WuSubMenu, ot as WuSubtext, Pa as WuSurveyItem, Fa as WuSurveyList, Ra as WuSurveySelect, La as WuSurveySource, qa as WuSwitcher, io as WuTab, Lo as WuTable, it as WuText, zo as WuTextarea, Qo as WuTimePicker, Ss as WuToast, ws as WuToggle, Ct as WuTooltip, Us as WuTranslate, Hs as WuTranslateProvider, Es as WuTranslationContext, ks as WuTranslationProvider, wt as WuTruncatedLabel, gn as WuVirtualScroll, Ta as calculatePosition, c as useContext, Ds as useTranslation, Os as useTranslationsContext, zs as useWickuiTranslate, Bs as useWt, ds as useWuShowToast, Wi as useWuSidebar, Fs as wt, Ls as wtCharacterSet, Is as wtIsRtl };
|