tembro 6.0.2 → 6.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +19 -0
- package/dist/components/calendar/calendar-range-scheduler.cjs +1 -0
- package/dist/components/calendar/calendar-range-scheduler.d.ts +20 -0
- package/dist/components/calendar/calendar-range-scheduler.js +1 -0
- package/dist/components/calendar/date-time-picker.cjs +1 -0
- package/dist/components/calendar/date-time-picker.d.ts +15 -0
- package/dist/components/calendar/date-time-picker.js +1 -0
- package/dist/components/calendar/index.d.ts +2 -0
- package/dist/components/charts/chart-card.cjs +1 -0
- package/dist/components/charts/chart-card.d.ts +24 -0
- package/dist/components/charts/chart-card.js +1 -0
- package/dist/components/charts/index.d.ts +1 -0
- package/dist/components/command/advanced-command-menu.cjs +1 -0
- package/dist/components/command/advanced-command-menu.d.ts +25 -0
- package/dist/components/command/advanced-command-menu.js +1 -0
- package/dist/components/command/index.d.ts +1 -0
- package/dist/components/data-table/data-grid.cjs +1 -0
- package/dist/components/data-table/data-grid.d.ts +15 -0
- package/dist/components/data-table/data-grid.js +1 -0
- package/dist/components/data-table/index.d.ts +1 -0
- package/dist/components/data-table/public.d.ts +1 -0
- package/dist/components/feedback/async-boundary.cjs +1 -0
- package/dist/components/feedback/async-boundary.d.ts +12 -0
- package/dist/components/feedback/async-boundary.js +1 -0
- package/dist/components/feedback/index.d.ts +1 -0
- package/dist/components/inputs/index.d.ts +1 -0
- package/dist/components/inputs/multi-select.cjs +1 -0
- package/dist/components/inputs/multi-select.d.ts +16 -0
- package/dist/components/inputs/multi-select.js +1 -0
- package/dist/components/inputs/public.d.ts +1 -0
- package/dist/components/modern/file-manager.cjs +1 -0
- package/dist/components/modern/file-manager.d.ts +20 -0
- package/dist/components/modern/file-manager.js +1 -0
- package/dist/components/modern/index.d.ts +1 -0
- package/dist/components/notifications/action-toast.cjs +1 -0
- package/dist/components/notifications/action-toast.d.ts +16 -0
- package/dist/components/notifications/action-toast.js +1 -0
- package/dist/components/notifications/index.d.ts +1 -0
- package/dist/components/patterns/index.d.ts +1 -0
- package/dist/components/patterns/permissions-matrix.cjs +1 -0
- package/dist/components/patterns/permissions-matrix.d.ts +19 -0
- package/dist/components/patterns/permissions-matrix.js +1 -0
- package/dist/components/patterns/public.d.ts +1 -0
- package/dist/src/components/calendar/calendar-range-scheduler.cjs +1 -0
- package/dist/src/components/calendar/calendar-range-scheduler.js +75 -0
- package/dist/src/components/calendar/date-time-picker.cjs +1 -0
- package/dist/src/components/calendar/date-time-picker.js +36 -0
- package/dist/src/components/calendar/index.cjs +1 -1
- package/dist/src/components/calendar/index.js +5 -3
- package/dist/src/components/charts/chart-card.cjs +1 -0
- package/dist/src/components/charts/chart-card.js +55 -0
- package/dist/src/components/charts/index.cjs +1 -1
- package/dist/src/components/charts/index.js +3 -2
- package/dist/src/components/command/advanced-command-menu.cjs +1 -0
- package/dist/src/components/command/advanced-command-menu.js +57 -0
- package/dist/src/components/command/index.cjs +1 -1
- package/dist/src/components/command/index.js +3 -2
- package/dist/src/components/data-table/data-grid.cjs +1 -0
- package/dist/src/components/data-table/data-grid.js +32 -0
- package/dist/src/components/data-table/data-table-saved-filters.cjs +1 -1
- package/dist/src/components/data-table/data-table-saved-filters.js +11 -11
- package/dist/src/components/data-table/data-table.cjs +1 -1
- package/dist/src/components/data-table/data-table.js +170 -170
- package/dist/src/components/data-table/index.cjs +1 -1
- package/dist/src/components/data-table/index.js +15 -14
- package/dist/src/components/data-table/public.cjs +1 -1
- package/dist/src/components/data-table/public.js +3 -2
- package/dist/src/components/feedback/async-boundary.cjs +1 -0
- package/dist/src/components/feedback/async-boundary.js +22 -0
- package/dist/src/components/feedback/index.cjs +1 -1
- package/dist/src/components/feedback/index.js +2 -1
- package/dist/src/components/inputs/index.cjs +1 -1
- package/dist/src/components/inputs/index.js +13 -12
- package/dist/src/components/inputs/multi-select.cjs +1 -0
- package/dist/src/components/inputs/multi-select.js +80 -0
- package/dist/src/components/inputs/public.cjs +1 -1
- package/dist/src/components/inputs/public.js +13 -12
- package/dist/src/components/modern/file-manager.cjs +1 -0
- package/dist/src/components/modern/file-manager.js +75 -0
- package/dist/src/components/modern/index.cjs +1 -1
- package/dist/src/components/modern/index.js +5 -4
- package/dist/src/components/notifications/action-toast.cjs +1 -0
- package/dist/src/components/notifications/action-toast.js +49 -0
- package/dist/src/components/notifications/index.cjs +1 -1
- package/dist/src/components/notifications/index.js +3 -2
- package/dist/src/components/patterns/index.cjs +1 -1
- package/dist/src/components/patterns/index.js +2 -1
- package/dist/src/components/patterns/permissions-matrix.cjs +1 -0
- package/dist/src/components/patterns/permissions-matrix.js +43 -0
- package/dist/src/components/patterns/public.cjs +1 -1
- package/dist/src/components/patterns/public.js +2 -1
- package/dist/src/components/ui/input/group.cjs +1 -1
- package/dist/src/components/ui/input/group.js +8 -8
- package/dist/src/index.cjs +1 -1
- package/dist/src/index.js +117 -107
- package/dist/src/public-component-surface.cjs +1 -1
- package/dist/src/public-component-surface.js +50 -0
- package/package.json +13 -13
- package/packages/cli/dist/index.cjs +73 -73
- package/packages/cli/vendor/src/components/calendar/calendar-range-scheduler.tsx +72 -0
- package/packages/cli/vendor/src/components/calendar/date-time-picker.tsx +53 -0
- package/packages/cli/vendor/src/components/calendar/index.ts +5 -3
- package/packages/cli/vendor/src/components/charts/chart-card.tsx +81 -0
- package/packages/cli/vendor/src/components/charts/index.ts +1 -0
- package/packages/cli/vendor/src/components/command/advanced-command-menu.tsx +88 -0
- package/packages/cli/vendor/src/components/command/index.ts +2 -1
- package/packages/cli/vendor/src/components/data-table/data-grid.tsx +59 -0
- package/packages/cli/vendor/src/components/data-table/index.ts +3 -2
- package/packages/cli/vendor/src/components/data-table/public.ts +1 -0
- package/packages/cli/vendor/src/components/feedback/async-boundary.tsx +36 -0
- package/packages/cli/vendor/src/components/feedback/index.ts +1 -0
- package/packages/cli/vendor/src/components/inputs/index.ts +1 -0
- package/packages/cli/vendor/src/components/inputs/multi-select.tsx +75 -0
- package/packages/cli/vendor/src/components/inputs/public.ts +1 -0
- package/packages/cli/vendor/src/components/modern/file-manager.tsx +79 -0
- package/packages/cli/vendor/src/components/modern/index.ts +1 -0
- package/packages/cli/vendor/src/components/notifications/action-toast.tsx +78 -0
- package/packages/cli/vendor/src/components/notifications/index.ts +2 -1
- package/packages/cli/vendor/src/components/patterns/index.ts +1 -0
- package/packages/cli/vendor/src/components/patterns/permissions-matrix.tsx +71 -0
- package/packages/cli/vendor/src/components/patterns/public.ts +1 -0
- package/packages/cli/vendor/src/public-component-surface.ts +10 -0
- package/packages/cli/vendor/templates/showcase/src/showcase/data/registry.ts +1 -1
- package/packages/cli/vendor/templates/showcase/src/showcase/layout/HeroSection.tsx +3 -2
- package/packages/cli/vendor/templates/showcase/src/showcase/layout/WorkbenchSidebar.tsx +3 -2
- package/packages/cli/vendor/templates/showcase/src/showcase/sections/ComponentLivePreview.tsx +1 -1
- package/registry.json +1726 -1256
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { Button as e } from "../ui/button/index.js";
|
|
3
|
+
import { Dialog as t, DialogContent as n, DialogHeader as r, DialogTitle as i } from "../ui/dialog/index.js";
|
|
4
|
+
import { Command as a, CommandEmpty as o, CommandGroup as s, CommandInput as c, CommandItem as l, CommandList as u, CommandShortcut as d } from "../ui/command/index.js";
|
|
5
|
+
import * as f from "react";
|
|
6
|
+
import { SearchIcon as p } from "lucide-react";
|
|
7
|
+
import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
|
|
8
|
+
//#region src/components/command/advanced-command-menu.tsx
|
|
9
|
+
function _({ open: _, onOpenChange: v, groups: y, title: b = "Command menu", triggerLabel: x = "Command", placeholder: S = "Search commands..." }) {
|
|
10
|
+
let [C, w] = f.useState(!1), T = _ ?? C, E = v ?? w;
|
|
11
|
+
return /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h(e, {
|
|
12
|
+
type: "button",
|
|
13
|
+
variant: "outline",
|
|
14
|
+
leftIcon: /* @__PURE__ */ h(p, { className: "size-4" }),
|
|
15
|
+
onClick: () => E(!0),
|
|
16
|
+
children: x
|
|
17
|
+
}), /* @__PURE__ */ h(t, {
|
|
18
|
+
open: T,
|
|
19
|
+
onOpenChange: E,
|
|
20
|
+
children: /* @__PURE__ */ g(n, {
|
|
21
|
+
className: "overflow-hidden p-0",
|
|
22
|
+
children: [/* @__PURE__ */ h(r, {
|
|
23
|
+
className: "border-b px-4 py-3",
|
|
24
|
+
children: /* @__PURE__ */ h(i, { children: b })
|
|
25
|
+
}), /* @__PURE__ */ g(a, { children: [/* @__PURE__ */ h(c, { placeholder: S }), /* @__PURE__ */ g(u, { children: [/* @__PURE__ */ h(o, { children: "No command found." }), y.map((e) => /* @__PURE__ */ h(s, {
|
|
26
|
+
heading: e.label,
|
|
27
|
+
children: e.items.map((e) => /* @__PURE__ */ g(l, {
|
|
28
|
+
value: [
|
|
29
|
+
e.id,
|
|
30
|
+
e.label,
|
|
31
|
+
e.description,
|
|
32
|
+
...e.keywords ?? []
|
|
33
|
+
].filter(Boolean).join(" "),
|
|
34
|
+
onSelect: () => {
|
|
35
|
+
e.onSelect?.(), E(!1);
|
|
36
|
+
},
|
|
37
|
+
children: [
|
|
38
|
+
e.icon,
|
|
39
|
+
/* @__PURE__ */ g("span", {
|
|
40
|
+
className: "grid min-w-0 flex-1",
|
|
41
|
+
children: [/* @__PURE__ */ h("span", {
|
|
42
|
+
className: "truncate",
|
|
43
|
+
children: e.label
|
|
44
|
+
}), e.description ? /* @__PURE__ */ h("span", {
|
|
45
|
+
className: "truncate text-xs text-muted-foreground",
|
|
46
|
+
children: e.description
|
|
47
|
+
}) : null]
|
|
48
|
+
}),
|
|
49
|
+
e.shortcut ? /* @__PURE__ */ h(d, { children: e.shortcut }) : null
|
|
50
|
+
]
|
|
51
|
+
}, e.id))
|
|
52
|
+
}, e.id))] })] })]
|
|
53
|
+
})
|
|
54
|
+
})] });
|
|
55
|
+
}
|
|
56
|
+
//#endregion
|
|
57
|
+
export { _ as AdvancedCommandMenu };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./command-palette.cjs");exports.
|
|
1
|
+
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./advanced-command-menu.cjs"),t=require("./command-palette.cjs");exports.AdvancedCommandMenu=e.AdvancedCommandMenu,exports.CommandPalette=t.CommandPalette,exports.useCommandPaletteShortcut=t.useCommandPaletteShortcut;
|
|
@@ -1,2 +1,3 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
1
|
+
import { AdvancedCommandMenu as e } from "./advanced-command-menu.js";
|
|
2
|
+
import { CommandPalette as t, useCommandPaletteShortcut as n } from "./command-palette.js";
|
|
3
|
+
export { e as AdvancedCommandMenu, t as CommandPalette, n as useCommandPaletteShortcut };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("../ui/input/index.cjs"),r=require("../ui/table/index.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("react/jsx-runtime");function o({columns:e,rows:i,onRowsChange:o,className:s,...c}){let l=(e,t,n)=>{o?.(i.map((r,i)=>i===e?{...r,[t]:n}:r))};return(0,a.jsx)(`div`,{"data-slot":`data-grid`,className:t.cn(`overflow-hidden rounded-lg border`,s),...c,children:(0,a.jsxs)(r.Table,{children:[(0,a.jsx)(r.TableHeader,{children:(0,a.jsx)(r.TableRow,{children:e.map(e=>(0,a.jsx)(r.TableHead,{style:{width:e.width},children:e.header},e.key))})}),(0,a.jsx)(r.TableBody,{children:i.map((t,i)=>(0,a.jsx)(r.TableRow,{children:e.map(e=>{let o=t[e.key];return(0,a.jsx)(r.TableCell,{children:e.editable?(0,a.jsx)(n.Input,{value:String(o??``),onValueChange:t=>l(i,e.key,t)}):e.render?e.render(o,t,i):String(o??``)},e.key)})},i))})]})})}exports.DataGrid=o;
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { cn as e } from "../../lib/utils.js";
|
|
3
|
+
import { Input as t } from "../ui/input/index.js";
|
|
4
|
+
import { Table as n, TableBody as r, TableCell as i, TableHead as a, TableHeader as o, TableRow as s } from "../ui/table/index.js";
|
|
5
|
+
import "react";
|
|
6
|
+
import { jsx as c, jsxs as l } from "react/jsx-runtime";
|
|
7
|
+
//#region src/components/data-table/data-grid.tsx
|
|
8
|
+
function u({ columns: u, rows: d, onRowsChange: f, className: p, ...m }) {
|
|
9
|
+
let h = (e, t, n) => {
|
|
10
|
+
f?.(d.map((r, i) => i === e ? {
|
|
11
|
+
...r,
|
|
12
|
+
[t]: n
|
|
13
|
+
} : r));
|
|
14
|
+
};
|
|
15
|
+
return /* @__PURE__ */ c("div", {
|
|
16
|
+
"data-slot": "data-grid",
|
|
17
|
+
className: e("overflow-hidden rounded-lg border", p),
|
|
18
|
+
...m,
|
|
19
|
+
children: /* @__PURE__ */ l(n, { children: [/* @__PURE__ */ c(o, { children: /* @__PURE__ */ c(s, { children: u.map((e) => /* @__PURE__ */ c(a, {
|
|
20
|
+
style: { width: e.width },
|
|
21
|
+
children: e.header
|
|
22
|
+
}, e.key)) }) }), /* @__PURE__ */ c(r, { children: d.map((e, n) => /* @__PURE__ */ c(s, { children: u.map((r) => {
|
|
23
|
+
let a = e[r.key];
|
|
24
|
+
return /* @__PURE__ */ c(i, { children: r.editable ? /* @__PURE__ */ c(t, {
|
|
25
|
+
value: String(a ?? ""),
|
|
26
|
+
onValueChange: (e) => h(n, r.key, e)
|
|
27
|
+
}) : r.render ? r.render(a, e, n) : String(a ?? "") }, r.key);
|
|
28
|
+
}) }, n)) })] })
|
|
29
|
+
});
|
|
30
|
+
}
|
|
31
|
+
//#endregion
|
|
32
|
+
export { u as DataGrid };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("../ui/button/index.cjs"),r=require("../ui/popover/index.cjs"),i=require("../ui/
|
|
1
|
+
"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("../ui/button/index.cjs"),r=require("../ui/popover/index.cjs"),i=require("../ui/select/index.cjs"),a=require("../ui/input/index.cjs");let o=require("react");o=e.__toESM(o,1);let s=require("lucide-react"),c=require("react/jsx-runtime");function l({savedFilters:e,activeFilterId:l,onSelectFilter:u,onSaveFilter:d,onDeleteFilter:f,onClearFilters:p,triggerClassName:m,className:h,...g}){let[_,v]=o.useState(!1),[y,b]=o.useState(``),x=e=>{e.preventDefault(),y.trim()&&(d?.(y.trim()),b(``),v(!1))};return(0,c.jsx)(`div`,{className:h,...g,children:(0,c.jsxs)(i.Select,{value:l??null,onValueChange:e=>{e&&u?.(e)},children:[(0,c.jsx)(i.SelectTrigger,{className:m,children:(0,c.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,c.jsx)(s.BookmarkIcon,{className:`size-4 text-muted-foreground`}),(0,c.jsx)(i.SelectValue,{placeholder:`Saved views`})]})}),(0,c.jsxs)(i.SelectContent,{children:[(0,c.jsxs)(i.SelectGroup,{children:[(0,c.jsx)(i.SelectLabel,{children:`Views`}),e.length===0&&(0,c.jsx)(`div`,{className:`px-2 py-1.5 text-sm text-muted-foreground`,children:`No saved views`}),e.map(e=>(0,c.jsxs)(`div`,{className:`group relative flex items-center`,children:[(0,c.jsx)(i.SelectItem,{value:e.id,className:`pr-8 w-full`,children:e.name}),(0,c.jsxs)(n.Button,{variant:`ghost`,size:`icon-sm`,className:`absolute right-1 hidden group-hover:flex`,onClick:n=>{n.preventDefault(),t.stopInteractivePropagation(n),f?.(e.id)},onMouseDown:t.stopInteractivePropagation,onDoubleClick:t.stopInteractivePropagation,children:[(0,c.jsx)(s.XIcon,{className:`size-3`}),(0,c.jsx)(`span`,{className:`sr-only`,children:`Delete`})]})]},e.id))]}),(0,c.jsx)(i.SelectSeparator,{}),(0,c.jsx)(`div`,{className:`p-1`,children:(0,c.jsxs)(r.Popover,{open:_,onOpenChange:v,children:[(0,c.jsxs)(r.PopoverTrigger,{render:(0,c.jsx)(n.Button,{variant:`ghost`,size:`sm`,className:`w-full justify-start gap-2`}),children:[(0,c.jsx)(s.SaveIcon,{className:`size-4`}),`Save current view`]}),(0,c.jsx)(r.PopoverContent,{className:`w-64`,align:`start`,children:(0,c.jsxs)(`form`,{onSubmit:x,className:`grid gap-4`,children:[(0,c.jsxs)(`div`,{className:`space-y-2`,children:[(0,c.jsx)(`h4`,{className:`font-medium leading-none`,children:`Save View`}),(0,c.jsx)(`p`,{className:`text-sm text-muted-foreground`,children:`Save current filters and sorting.`})]}),(0,c.jsx)(`div`,{className:`grid gap-2`,children:(0,c.jsx)(a.Input,{id:`name`,placeholder:`e.g. Active Users`,value:y,onChange:e=>b(e.target.value)})}),(0,c.jsx)(n.Button,{type:`submit`,disabled:!y.trim(),children:`Save`})]})})]})}),l&&(0,c.jsx)(`div`,{className:`p-1`,children:(0,c.jsxs)(n.Button,{variant:`ghost`,size:`sm`,className:`w-full justify-start gap-2 text-destructive hover:bg-destructive/10 hover:text-destructive`,onClick:e=>{e.preventDefault(),t.stopInteractivePropagation(e),p?.()},onMouseDown:t.stopInteractivePropagation,onDoubleClick:t.stopInteractivePropagation,children:[(0,c.jsx)(s.XIcon,{className:`size-4`}),`Clear active view`]})})]})]})})}exports.DataTableSavedFilters=l;
|
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
import { stopInteractivePropagation as e } from "../../lib/utils.js";
|
|
3
3
|
import { Button as t } from "../ui/button/index.js";
|
|
4
4
|
import { Popover as n, PopoverContent as r, PopoverTrigger as i } from "../ui/popover/index.js";
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
5
|
+
import { Select as a, SelectContent as o, SelectGroup as s, SelectItem as c, SelectLabel as l, SelectSeparator as u, SelectTrigger as d, SelectValue as f } from "../ui/select/index.js";
|
|
6
|
+
import { Input as p } from "../ui/input/index.js";
|
|
7
7
|
import * as m from "react";
|
|
8
8
|
import { BookmarkIcon as h, SaveIcon as g, XIcon as _ } from "lucide-react";
|
|
9
9
|
import { jsx as v, jsxs as y } from "react/jsx-runtime";
|
|
@@ -15,27 +15,27 @@ function b({ savedFilters: b, activeFilterId: x, onSelectFilter: S, onSaveFilter
|
|
|
15
15
|
return /* @__PURE__ */ v("div", {
|
|
16
16
|
className: D,
|
|
17
17
|
...O,
|
|
18
|
-
children: /* @__PURE__ */ y(
|
|
18
|
+
children: /* @__PURE__ */ y(a, {
|
|
19
19
|
value: x ?? null,
|
|
20
20
|
onValueChange: (e) => {
|
|
21
21
|
e && S?.(e);
|
|
22
22
|
},
|
|
23
|
-
children: [/* @__PURE__ */ v(
|
|
23
|
+
children: [/* @__PURE__ */ v(d, {
|
|
24
24
|
className: E,
|
|
25
25
|
children: /* @__PURE__ */ y("div", {
|
|
26
26
|
className: "flex items-center gap-2",
|
|
27
|
-
children: [/* @__PURE__ */ v(h, { className: "size-4 text-muted-foreground" }), /* @__PURE__ */ v(
|
|
27
|
+
children: [/* @__PURE__ */ v(h, { className: "size-4 text-muted-foreground" }), /* @__PURE__ */ v(f, { placeholder: "Saved views" })]
|
|
28
28
|
})
|
|
29
|
-
}), /* @__PURE__ */ y(
|
|
30
|
-
/* @__PURE__ */ y(
|
|
31
|
-
/* @__PURE__ */ v(
|
|
29
|
+
}), /* @__PURE__ */ y(o, { children: [
|
|
30
|
+
/* @__PURE__ */ y(s, { children: [
|
|
31
|
+
/* @__PURE__ */ v(l, { children: "Views" }),
|
|
32
32
|
b.length === 0 && /* @__PURE__ */ v("div", {
|
|
33
33
|
className: "px-2 py-1.5 text-sm text-muted-foreground",
|
|
34
34
|
children: "No saved views"
|
|
35
35
|
}),
|
|
36
36
|
b.map((n) => /* @__PURE__ */ y("div", {
|
|
37
37
|
className: "group relative flex items-center",
|
|
38
|
-
children: [/* @__PURE__ */ v(
|
|
38
|
+
children: [/* @__PURE__ */ v(c, {
|
|
39
39
|
value: n.id,
|
|
40
40
|
className: "pr-8 w-full",
|
|
41
41
|
children: n.name
|
|
@@ -55,7 +55,7 @@ function b({ savedFilters: b, activeFilterId: x, onSelectFilter: S, onSaveFilter
|
|
|
55
55
|
})]
|
|
56
56
|
}, n.id))
|
|
57
57
|
] }),
|
|
58
|
-
/* @__PURE__ */ v(
|
|
58
|
+
/* @__PURE__ */ v(u, {}),
|
|
59
59
|
/* @__PURE__ */ v("div", {
|
|
60
60
|
className: "p-1",
|
|
61
61
|
children: /* @__PURE__ */ y(n, {
|
|
@@ -87,7 +87,7 @@ function b({ savedFilters: b, activeFilterId: x, onSelectFilter: S, onSaveFilter
|
|
|
87
87
|
}),
|
|
88
88
|
/* @__PURE__ */ v("div", {
|
|
89
89
|
className: "grid gap-2",
|
|
90
|
-
children: /* @__PURE__ */ v(
|
|
90
|
+
children: /* @__PURE__ */ v(p, {
|
|
91
91
|
id: "name",
|
|
92
92
|
placeholder: "e.g. Active Users",
|
|
93
93
|
value: j,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("../ui/button/index.cjs"),r=require("../feedback/state-view.cjs"),i=require("../ui/input/index.cjs"),ee=require("./data-table-actions-column.cjs"),te=require("./data-table-bulk-actions.cjs"),ne=require("./data-table-column-visibility-menu.cjs"),re=require("./data-table-pagination.cjs"),ie=require("./data-table-toolbar.cjs"),ae=require("../../../node_modules/@tanstack/react-virtual/dist/esm/index.cjs"),oe=require("../display/data-state.cjs"),se=require("../../hooks/use-is-mobile.cjs"),a=require("../ui/table/index.cjs");let o=require("react");o=e.__toESM(o,1);let s=require("react/jsx-runtime"),c=require("@tanstack/react-table");var ce={compact:`h-8 px-2 py-1.5`,default:`h-10 px-2 py-2`,comfortable:`h-12 px-3 py-3`},le={compact:`px-2 py-1.5`,default:`p-2`,comfortable:`px-3 py-3`};function ue(e,t){return typeof t==`function`?t(e):t}function de(e,t){return typeof t==`function`?t(e):t}function fe(e,t){return typeof t==`function`?t(e):t}function pe(e){return e==null||e===``}function me(e){let t=e.column.columnDef.header;return typeof t==`string`?t:typeof t==`number`?String(t):e.column.id===`actions`?`Actions`:e.column.id}function l({className:e,columns:l,data:u,title:d,description:f,features:p,search:m,filters:h,summary:g,toolbarActions:_,rowActions:v,bulkActions:y,onRefresh:he,onExport:b,refreshLabel:ge=`Refresh`,exportLabel:_e=`Export`,getRowId:ve,isLoading:x=!1,isError:ye=!1,emptyState:be,errorState:xe,loadingState:Se,loadingVariant:Ce=`skeleton`,toolbar:S,toolbarProps:C,pagination:w,sorting:we,onSortingChange:Te,columnVisibility:Ee,onColumnVisibilityChange:De,rowSelection:Oe,onRowSelectionChange:ke,enableRowSelection:Ae,renderMobileCard:T,mobileLayout:je=`auto`,onRowClick:E,onRowDoubleClick:Me,getRowDisabled:D,density:O=`default`,striped:k=!1,bordered:A=!1,stickyHeader:j=!1,skeletonRows:Ne=6,skeletonCellClassName:Pe,cellFallback:M=`-`,tableClassName:Fe,tableWrapperClassName:Ie,headerCellClassName:Le,cellClassName:Re,rowClassName:N,renderExpandedRow:P,expanded:ze,onExpandedChange:Be,getRowCanExpand:Ve,columnPinning:F,onColumnPinningChange:He,virtualization:Ue,...We}){let Ge=o.useMemo(()=>{let e=l;return!v||p?.rowActions===!1?e:[...e,ee.createDataTableActionsColumn({getActions:v})]},[l,p?.rowActions,v]),I=w===!1?void 0:w,Ke=I?{pageIndex:I.pageIndex,pageSize:I.pageSize}:void 0,qe=!!(I&&I.manual!==!1),Je=Oe??{},L=(0,c.useReactTable)({data:u,columns:Ge,getRowId:ve,getCoreRowModel:(0,c.getCoreRowModel)(),getPaginationRowModel:I&&!qe?(0,c.getPaginationRowModel)():void 0,manualPagination:qe,pageCount:I?.pageCount,state:{sorting:we,columnVisibility:Ee,rowSelection:Je,pagination:Ke,expanded:ze,...F?{columnPinning:F}:{}},onSortingChange:Te,onColumnVisibilityChange:De,onRowSelectionChange:ke,onExpandedChange:Be,onColumnPinningChange:He,enableRowSelection:Ae,getRowCanExpand:Ve,getExpandedRowModel:(0,c.getExpandedRowModel)()}),R=L.getRowModel().rows,Ye=o.useRef(null),z=Ue===!1?void 0:Ue,B=!!(z&&z.enabled!==!1&&R.length>0),V=z?.height??480,Xe=z?.onRangeChange,H=ae.useVirtualizer({count:B?R.length:0,getScrollElement:()=>Ye.current,estimateSize:()=>z?.estimateRowHeight??48,getItemKey:e=>R[e]?.id??e,overscan:z?.overscan??8,initialRect:{width:0,height:typeof V==`number`?V:480},onChange(e){if(!Xe)return;let t=e.getVirtualItems();Xe({startIndex:t[0]?.index??-1,endIndex:t.at(-1)?.index??-1})}}),Ze=B?H.getVirtualItems():[],U=z?.estimateRowHeight??48,Qe=B?Math.min(R.length,Math.ceil((typeof V==`number`?V:480)/U)+(z?.overscan??8)):0,W=Ze.length>0?Ze:Array.from({length:Qe},(e,t)=>({key:R[t]?.id??t,index:t,start:t*U,end:(t+1)*U,size:U,lane:0})),$e=W[0]?.start??0,et=W.length?Math.max(H.getTotalSize()-W[W.length-1].end,0):0,G=L.getSelectedRowModel().rows.map(e=>e.original),tt=G.length,K=o.useMemo(()=>({table:L,data:u,selectedRows:G}),[u,G,L]),nt=L.getVisibleLeafColumns(),rt=Math.max(nt.length,1),it=typeof S==`function`?S(L):S,at=typeof C==`function`?C(L):C,q=typeof h==`function`?h(K):h,J=typeof g==`function`?g(K):g,ot=!!(m&&p?.search!==!1),st=!!(p?.columnVisibility&&L.getAllLeafColumns().some(e=>e.getCanHide())),Y=!!(p?.refresh&&he),X=!!(p?.export&&b),ct=!!(p?.bulkActions!==!1&&y?.length),lt=st&&!!(d||f||m||q||J||_||Y||X),ut=ot&&m?(0,s.jsx)(i.Input,{type:`search`,value:m.value,onValueChange:m.onValueChange,placeholder:m.placeholder??`Search...`,wrapperClassName:m.wrapperClassName??m.className,inputClassName:m.inputClassName,disabled:m.disabled,clearable:m.clearable,clearLabel:m.clearLabel,searchIcon:m.searchIcon}):void 0,dt=(0,s.jsxs)(s.Fragment,{children:[typeof _==`function`?_(K):_,lt&&(0,s.jsx)(ne.DataTableColumnVisibilityMenu,{table:L}),Y&&(0,s.jsx)(n.Button,{type:`button`,variant:`outline`,size:`sm`,disabled:x,onClick:()=>he?.(K),children:ge}),X&&(0,s.jsx)(n.Button,{type:`button`,variant:`outline`,size:`sm`,onClick:()=>b?.(K),children:_e})]}),ft=ct?(0,s.jsx)(te.DataTableBulkActions,{rows:G,actions:y??[],selectedLabel:()=>`Actions`,clearLabel:null,onClearSelection:()=>L.resetRowSelection(),hideWhenEmpty:!1}):void 0,pt=!!(it||at||d||f||ut||q||J||_||lt||Y||X||ft),mt=!!(I&&!I.hidden),Z=x&&Ce===`skeleton`,ht=se.useIsMobile(),gt=je!==`scroll`&&ht,_t=(e,t)=>t>0?(0,s.jsx)(a.TableRow,{"aria-hidden":`true`,className:`pointer-events-none border-0 hover:bg-transparent`,children:(0,s.jsx)(a.TableCell,{colSpan:rt,className:`border-0 p-0`,style:{height:t}})},e):null,vt=e=>(0,s.jsx)(a.TableRow,{children:(0,s.jsx)(a.TableCell,{colSpan:rt,className:`p-0`,children:e})}),yt=()=>Array.from({length:Math.max(Ne,1)},(e,n)=>(0,s.jsx)(a.TableRow,{"aria-hidden":`true`,children:nt.map(e=>(0,s.jsx)(a.TableCell,{className:t.cn(le[O],A&&`border-r last:border-r-0`),children:(0,s.jsx)(`div`,{className:t.cn(`h-4 w-full max-w-40 animate-pulse rounded-md bg-muted`,n%3==1&&`max-w-24`,n%3==2&&`max-w-32`,Pe)})},`${e.id}-${n}`))},`skeleton-${n}`)),Q=Z?null:x?(0,s.jsx)(r.StateView,{status:`loading`,title:`Loading data...`,...Se}):ye?(0,s.jsx)(oe.DataState,{status:`error`,title:`Could not load data`,description:`Please try again.`,variant:`plain`,...xe}):R.length===0?(0,s.jsx)(oe.DataState,{status:`empty`,variant:`plain`,...be}):null,$=(e,n,r)=>{let i=D?.(e)??!1;return(0,s.jsxs)(o.Fragment,{children:[(0,s.jsx)(a.TableRow,{ref:r&&z?.measureRows!==!1?H.measureElement:void 0,"data-index":r?.index,"data-state":e.getIsSelected()?`selected`:void 0,"data-striped":k&&n%2==1?`true`:void 0,"data-disabled":i||void 0,className:t.cn(E&&!i&&`cursor-pointer`,!i&&`transition-colors hover:bg-[color:color-mix(in_oklch,var(--primary),transparent_96%)] data-[state=selected]:bg-[color:color-mix(in_oklch,var(--primary),transparent_90%)]`,i&&`pointer-events-none opacity-55`,ue(e,N)),onClick:()=>{i||E?.(e)},onDoubleClick:()=>{i||Me?.(e)},children:e.getVisibleCells().map(e=>{let n=(0,c.flexRender)(e.column.columnDef.cell,e.getContext());return(0,s.jsx)(a.TableCell,{style:{...e.column.getIsPinned()===`left`?{left:`${e.column.getStart(`left`)}px`,position:`sticky`,zIndex:10}:{},...e.column.getIsPinned()===`right`?{right:`${e.column.getAfter(`right`)}px`,position:`sticky`,zIndex:10}:{}},className:t.cn(le[O],e.column.getIsPinned()&&`bg-card shadow-[1px_0_0_var(--border)]`,A&&`border-r last:border-r-0`,fe(e,Re)),children:pe(n)?M:n},e.id)})}),e.getIsExpanded()&&P?(0,s.jsx)(a.TableRow,{className:`bg-muted/50 hover:bg-muted/50`,children:(0,s.jsx)(a.TableCell,{colSpan:e.getVisibleCells().length,children:P(e)})}):null]},e.id)},bt=e=>{let n=D?.(e)??!1,r=e.getVisibleCells();return(0,s.jsx)(`article`,{"data-slot":`data-table-mobile-card`,"data-state":e.getIsSelected()?`selected`:void 0,"data-disabled":n||void 0,className:t.cn(`grid gap-3 rounded-[var(--aui-card-radius,var(--radius-lg))] border border-[color:var(--aui-card-border,var(--border))] bg-card p-3 shadow-[var(--aui-card-shadow,0_10px_24px_rgba(15,23,42,0.07))]`,E&&!n&&`cursor-pointer transition-colors hover:bg-[color:color-mix(in_oklch,var(--primary),transparent_96%)]`,n&&`pointer-events-none opacity-55`,ue(e,N)),role:E&&!n?`button`:void 0,tabIndex:E&&!n?0:void 0,onClick:()=>{n||E?.(e)},onKeyDown:t=>{t.target!==t.currentTarget||n||!E||(t.key===`Enter`||t.key===` `)&&(t.preventDefault(),E(e))},children:r.map(e=>{let t=(0,c.flexRender)(e.column.columnDef.cell,e.getContext());return(0,s.jsxs)(`div`,{"data-slot":`data-table-mobile-cell`,className:`grid grid-cols-[minmax(7rem,0.42fr)_minmax(0,1fr)] items-start gap-3 text-sm`,children:[(0,s.jsx)(`span`,{className:`min-w-0 text-xs font-semibold uppercase tracking-wide text-muted-foreground`,children:me(e)}),(0,s.jsx)(`div`,{className:`min-w-0 text-right text-foreground/92 [&>*]:ml-auto`,children:pe(t)?M:t})]},e.id)})},e.id)};return(0,s.jsxs)(`div`,{"data-slot":`data-table`,className:t.cn(`grid gap-3`,e),...We,children:[pt&&(it??(0,s.jsx)(ie.DataTableToolbar,{title:d,description:f,search:ut,filters:q,summary:J,actions:dt,selectionActions:ft,selectedCount:tt,totalCount:I?I.rowCount??u.length:u.length,variant:`plain`,...at})),gt&&(0,s.jsx)(`div`,{className:`grid gap-3`,children:Q??(Z?(0,s.jsx)(r.StateView,{status:`loading`,title:`Loading data...`,...Se}):R.map(e=>(0,s.jsx)(o.Fragment,{children:T?T(e):bt(e)},e.id)))}),!gt&&(0,s.jsxs)(`div`,{"data-slot":`data-table-wrapper`,"data-density":O,"data-striped":k||void 0,"data-bordered":A||void 0,"data-virtualized":B||void 0,className:t.cn(`overflow-hidden rounded-[var(--aui-card-radius,var(--radius-lg))] border border-[color:var(--aui-card-border,var(--border))] bg-card shadow-[var(--aui-card-shadow,0_10px_24px_rgba(15,23,42,0.07))] backdrop-blur`,Ie),children:[(0,s.jsxs)(a.Table,{containerRef:Ye,containerStyle:B?{height:V,overscrollBehavior:`contain`}:void 0,containerClassName:t.cn(`rounded-none border-0 bg-transparent shadow-none ring-0`,B&&`overflow-auto`),className:t.cn(`text-[0.95rem]`,Fe),"aria-rowcount":R.length,children:[(0,s.jsx)(a.TableHeader,{className:t.cn((j||B)&&`sticky top-0 z-10 shadow-sm backdrop-blur`),children:L.getHeaderGroups().map(e=>(0,s.jsx)(a.TableRow,{children:e.headers.map(e=>(0,s.jsx)(a.TableHead,{style:{width:e.getSize(),...e.column.getIsPinned()===`left`?{left:`${e.column.getStart(`left`)}px`,position:`sticky`,zIndex:j?20:11}:{},...e.column.getIsPinned()===`right`?{right:`${e.column.getAfter(`right`)}px`,position:`sticky`,zIndex:j?20:11}:{}},className:t.cn(ce[O],`bg-[color:color-mix(in_oklch,var(--card),var(--background)_10%)] text-muted-foreground`,(j||B)&&`bg-[color:color-mix(in_oklch,var(--card),transparent_12%)] backdrop-blur`,e.column.getIsPinned()&&`bg-card shadow-[1px_0_0_var(--border)]`,A&&`border-r last:border-r-0`,de(e,Le)),children:e.isPlaceholder?null:(0,c.flexRender)(e.column.columnDef.header,e.getContext())},e.id))},e.id))}),(0,s.jsx)(a.TableBody,{children:Q?vt(Q):Z?yt():B?[_t(`virtual-top`,$e),...W.map(e=>$(R[e.index],e.index,e)),_t(`virtual-bottom`,et)]:R.map((e,t)=>$(e,t))})]}),mt&&I&&(0,s.jsx)(re.DataTablePagination,{pageIndex:I.pageIndex,pageSize:I.pageSize,pageCount:I.pageCount,rowCount:I.rowCount,pageSizeOptions:I.pageSizeOptions,showPageSize:I.showPageSize,labels:I.labels,disabled:x,onPageChange:I.onPageChange,onPageSizeChange:I.onPageSizeChange})]})]})}exports.DataTable=l;
|
|
1
|
+
"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("../ui/button/index.cjs"),r=require("../feedback/state-view.cjs"),i=require("../ui/input/index.cjs"),a=require("../ui/table/index.cjs"),ee=require("./data-table-actions-column.cjs"),te=require("./data-table-bulk-actions.cjs"),ne=require("./data-table-column-visibility-menu.cjs"),re=require("./data-table-pagination.cjs"),ie=require("./data-table-toolbar.cjs"),ae=require("../../../node_modules/@tanstack/react-virtual/dist/esm/index.cjs"),o=require("../display/data-state.cjs"),oe=require("../../hooks/use-is-mobile.cjs");let s=require("react");s=e.__toESM(s,1);let c=require("react/jsx-runtime"),l=require("@tanstack/react-table");var se={compact:`h-8 px-2 py-1.5`,default:`h-10 px-2 py-2`,comfortable:`h-12 px-3 py-3`},ce={compact:`px-2 py-1.5`,default:`p-2`,comfortable:`px-3 py-3`};function le(e,t){return typeof t==`function`?t(e):t}function ue(e,t){return typeof t==`function`?t(e):t}function de(e,t){return typeof t==`function`?t(e):t}function fe(e){return e==null||e===``}function pe(e){let t=e.column.columnDef.header;return typeof t==`string`?t:typeof t==`number`?String(t):e.column.id===`actions`?`Actions`:e.column.id}function u({className:e,columns:u,data:d,title:f,description:p,features:m,search:h,filters:g,summary:_,toolbarActions:v,rowActions:y,bulkActions:b,onRefresh:me,onExport:x,refreshLabel:he=`Refresh`,exportLabel:ge=`Export`,getRowId:_e,isLoading:S=!1,isError:ve=!1,emptyState:ye,errorState:be,loadingState:xe,loadingVariant:Se=`skeleton`,toolbar:C,toolbarProps:w,pagination:T,sorting:Ce,onSortingChange:we,columnVisibility:Te,onColumnVisibilityChange:Ee,rowSelection:De,onRowSelectionChange:Oe,enableRowSelection:ke,renderMobileCard:E,mobileLayout:Ae=`auto`,onRowClick:D,onRowDoubleClick:je,getRowDisabled:O,density:k=`default`,striped:A=!1,bordered:j=!1,stickyHeader:M=!1,skeletonRows:Me=6,skeletonCellClassName:Ne,cellFallback:N=`-`,tableClassName:Pe,tableWrapperClassName:Fe,headerCellClassName:Ie,cellClassName:Le,rowClassName:P,renderExpandedRow:F,expanded:Re,onExpandedChange:ze,getRowCanExpand:Be,columnPinning:Ve,onColumnPinningChange:He,virtualization:Ue,...We}){let Ge=s.useMemo(()=>{let e=u;return!y||m?.rowActions===!1?e:[...e,ee.createDataTableActionsColumn({getActions:y})]},[u,m?.rowActions,y]),I=T===!1?void 0:T,Ke=I?{pageIndex:I.pageIndex,pageSize:I.pageSize}:void 0,qe=!!(I&&I.manual!==!1),Je=De??{},L=(0,l.useReactTable)({data:d,columns:Ge,getRowId:_e,getCoreRowModel:(0,l.getCoreRowModel)(),getPaginationRowModel:I&&!qe?(0,l.getPaginationRowModel)():void 0,manualPagination:qe,pageCount:I?.pageCount,state:{sorting:Ce,columnVisibility:Te,rowSelection:Je,pagination:Ke,expanded:Re,...Ve?{columnPinning:Ve}:{}},onSortingChange:we,onColumnVisibilityChange:Ee,onRowSelectionChange:Oe,onExpandedChange:ze,onColumnPinningChange:He,enableRowSelection:ke,getRowCanExpand:Be,getExpandedRowModel:(0,l.getExpandedRowModel)()}),R=L.getRowModel().rows,Ye=s.useRef(null),z=Ue===!1?void 0:Ue,B=!!(z&&z.enabled!==!1&&R.length>0),V=z?.height??480,Xe=z?.onRangeChange,H=ae.useVirtualizer({count:B?R.length:0,getScrollElement:()=>Ye.current,estimateSize:()=>z?.estimateRowHeight??48,getItemKey:e=>R[e]?.id??e,overscan:z?.overscan??8,initialRect:{width:0,height:typeof V==`number`?V:480},onChange(e){if(!Xe)return;let t=e.getVirtualItems();Xe({startIndex:t[0]?.index??-1,endIndex:t.at(-1)?.index??-1})}}),Ze=B?H.getVirtualItems():[],U=z?.estimateRowHeight??48,Qe=B?Math.min(R.length,Math.ceil((typeof V==`number`?V:480)/U)+(z?.overscan??8)):0,W=Ze.length>0?Ze:Array.from({length:Qe},(e,t)=>({key:R[t]?.id??t,index:t,start:t*U,end:(t+1)*U,size:U,lane:0})),$e=W[0]?.start??0,et=W.length?Math.max(H.getTotalSize()-W[W.length-1].end,0):0,G=L.getSelectedRowModel().rows.map(e=>e.original),tt=G.length,K=s.useMemo(()=>({table:L,data:d,selectedRows:G}),[d,G,L]),nt=L.getVisibleLeafColumns(),rt=Math.max(nt.length,1),it=typeof C==`function`?C(L):C,at=typeof w==`function`?w(L):w,q=typeof g==`function`?g(K):g,J=typeof _==`function`?_(K):_,ot=!!(h&&m?.search!==!1),st=!!(m?.columnVisibility&&L.getAllLeafColumns().some(e=>e.getCanHide())),Y=!!(m?.refresh&&me),X=!!(m?.export&&x),ct=!!(m?.bulkActions!==!1&&b?.length),lt=st&&!!(f||p||h||q||J||v||Y||X),ut=ot&&h?(0,c.jsx)(i.Input,{type:`search`,value:h.value,onValueChange:h.onValueChange,placeholder:h.placeholder??`Search...`,wrapperClassName:h.wrapperClassName??h.className,inputClassName:h.inputClassName,disabled:h.disabled,clearable:h.clearable,clearLabel:h.clearLabel,searchIcon:h.searchIcon}):void 0,dt=(0,c.jsxs)(c.Fragment,{children:[typeof v==`function`?v(K):v,lt&&(0,c.jsx)(ne.DataTableColumnVisibilityMenu,{table:L}),Y&&(0,c.jsx)(n.Button,{type:`button`,variant:`outline`,size:`sm`,disabled:S,onClick:()=>me?.(K),children:he}),X&&(0,c.jsx)(n.Button,{type:`button`,variant:`outline`,size:`sm`,onClick:()=>x?.(K),children:ge})]}),ft=ct?(0,c.jsx)(te.DataTableBulkActions,{rows:G,actions:b??[],selectedLabel:()=>`Actions`,clearLabel:null,onClearSelection:()=>L.resetRowSelection(),hideWhenEmpty:!1}):void 0,pt=!!(it||at||f||p||ut||q||J||v||lt||Y||X||ft),mt=!!(I&&!I.hidden),Z=S&&Se===`skeleton`,ht=oe.useIsMobile(),gt=Ae!==`scroll`&&ht,_t=(e,t)=>t>0?(0,c.jsx)(a.TableRow,{"aria-hidden":`true`,className:`pointer-events-none border-0 hover:bg-transparent`,children:(0,c.jsx)(a.TableCell,{colSpan:rt,className:`border-0 p-0`,style:{height:t}})},e):null,vt=e=>(0,c.jsx)(a.TableRow,{children:(0,c.jsx)(a.TableCell,{colSpan:rt,className:`p-0`,children:e})}),yt=()=>Array.from({length:Math.max(Me,1)},(e,n)=>(0,c.jsx)(a.TableRow,{"aria-hidden":`true`,children:nt.map(e=>(0,c.jsx)(a.TableCell,{className:t.cn(ce[k],j&&`border-r last:border-r-0`),children:(0,c.jsx)(`div`,{className:t.cn(`h-4 w-full max-w-40 animate-pulse rounded-md bg-muted`,n%3==1&&`max-w-24`,n%3==2&&`max-w-32`,Ne)})},`${e.id}-${n}`))},`skeleton-${n}`)),Q=Z?null:S?(0,c.jsx)(r.StateView,{status:`loading`,title:`Loading data...`,...xe}):ve?(0,c.jsx)(o.DataState,{status:`error`,title:`Could not load data`,description:`Please try again.`,variant:`plain`,...be}):R.length===0?(0,c.jsx)(o.DataState,{status:`empty`,variant:`plain`,...ye}):null,$=(e,n,r)=>{let i=O?.(e)??!1;return(0,c.jsxs)(s.Fragment,{children:[(0,c.jsx)(a.TableRow,{ref:r&&z?.measureRows!==!1?H.measureElement:void 0,"data-index":r?.index,"data-state":e.getIsSelected()?`selected`:void 0,"data-striped":A&&n%2==1?`true`:void 0,"data-disabled":i||void 0,className:t.cn(D&&!i&&`cursor-pointer`,!i&&`transition-colors hover:bg-[color:color-mix(in_oklch,var(--primary),transparent_96%)] data-[state=selected]:bg-[color:color-mix(in_oklch,var(--primary),transparent_90%)]`,i&&`pointer-events-none opacity-55`,le(e,P)),onClick:()=>{i||D?.(e)},onDoubleClick:()=>{i||je?.(e)},children:e.getVisibleCells().map(e=>{let n=(0,l.flexRender)(e.column.columnDef.cell,e.getContext());return(0,c.jsx)(a.TableCell,{style:{...e.column.getIsPinned()===`left`?{left:`${e.column.getStart(`left`)}px`,position:`sticky`,zIndex:10}:{},...e.column.getIsPinned()===`right`?{right:`${e.column.getAfter(`right`)}px`,position:`sticky`,zIndex:10}:{}},className:t.cn(ce[k],e.column.getIsPinned()&&`bg-card shadow-[1px_0_0_var(--border)]`,j&&`border-r last:border-r-0`,de(e,Le)),children:fe(n)?N:n},e.id)})}),e.getIsExpanded()&&F?(0,c.jsx)(a.TableRow,{className:`bg-muted/50 hover:bg-muted/50`,children:(0,c.jsx)(a.TableCell,{colSpan:e.getVisibleCells().length,children:F(e)})}):null]},e.id)},bt=e=>{let n=O?.(e)??!1,r=e.getVisibleCells();return(0,c.jsx)(`article`,{"data-slot":`data-table-mobile-card`,"data-state":e.getIsSelected()?`selected`:void 0,"data-disabled":n||void 0,className:t.cn(`grid gap-3 rounded-[var(--aui-card-radius,var(--radius-lg))] border border-[color:var(--aui-card-border,var(--border))] bg-card p-3 shadow-[var(--aui-card-shadow,0_10px_24px_rgba(15,23,42,0.07))]`,D&&!n&&`cursor-pointer transition-colors hover:bg-[color:color-mix(in_oklch,var(--primary),transparent_96%)]`,n&&`pointer-events-none opacity-55`,le(e,P)),role:D&&!n?`button`:void 0,tabIndex:D&&!n?0:void 0,onClick:()=>{n||D?.(e)},onKeyDown:t=>{t.target!==t.currentTarget||n||!D||(t.key===`Enter`||t.key===` `)&&(t.preventDefault(),D(e))},children:r.map(e=>{let t=(0,l.flexRender)(e.column.columnDef.cell,e.getContext());return(0,c.jsxs)(`div`,{"data-slot":`data-table-mobile-cell`,className:`grid grid-cols-[minmax(7rem,0.42fr)_minmax(0,1fr)] items-start gap-3 text-sm`,children:[(0,c.jsx)(`span`,{className:`min-w-0 text-xs font-semibold uppercase tracking-wide text-muted-foreground`,children:pe(e)}),(0,c.jsx)(`div`,{className:`min-w-0 text-right text-foreground/92 [&>*]:ml-auto`,children:fe(t)?N:t})]},e.id)})},e.id)};return(0,c.jsxs)(`div`,{"data-slot":`data-table`,className:t.cn(`grid gap-3`,e),...We,children:[pt&&(it??(0,c.jsx)(ie.DataTableToolbar,{title:f,description:p,search:ut,filters:q,summary:J,actions:dt,selectionActions:ft,selectedCount:tt,totalCount:I?I.rowCount??d.length:d.length,variant:`plain`,...at})),gt&&(0,c.jsx)(`div`,{className:`grid gap-3`,children:Q??(Z?(0,c.jsx)(r.StateView,{status:`loading`,title:`Loading data...`,...xe}):R.map(e=>(0,c.jsx)(s.Fragment,{children:E?E(e):bt(e)},e.id)))}),!gt&&(0,c.jsxs)(`div`,{"data-slot":`data-table-wrapper`,"data-density":k,"data-striped":A||void 0,"data-bordered":j||void 0,"data-virtualized":B||void 0,className:t.cn(`overflow-hidden rounded-[var(--aui-card-radius,var(--radius-lg))] border border-[color:var(--aui-card-border,var(--border))] bg-card shadow-[var(--aui-card-shadow,0_10px_24px_rgba(15,23,42,0.07))] backdrop-blur`,Fe),children:[(0,c.jsxs)(a.Table,{containerRef:Ye,containerStyle:B?{height:V,overscrollBehavior:`contain`}:void 0,containerClassName:t.cn(`rounded-none border-0 bg-transparent shadow-none ring-0`,B&&`overflow-auto`),className:t.cn(`text-[0.95rem]`,Pe),"aria-rowcount":R.length,children:[(0,c.jsx)(a.TableHeader,{className:t.cn((M||B)&&`sticky top-0 z-10 shadow-sm backdrop-blur`),children:L.getHeaderGroups().map(e=>(0,c.jsx)(a.TableRow,{children:e.headers.map(e=>(0,c.jsx)(a.TableHead,{style:{width:e.getSize(),...e.column.getIsPinned()===`left`?{left:`${e.column.getStart(`left`)}px`,position:`sticky`,zIndex:M?20:11}:{},...e.column.getIsPinned()===`right`?{right:`${e.column.getAfter(`right`)}px`,position:`sticky`,zIndex:M?20:11}:{}},className:t.cn(se[k],`bg-[color:color-mix(in_oklch,var(--card),var(--background)_10%)] text-muted-foreground`,(M||B)&&`bg-[color:color-mix(in_oklch,var(--card),transparent_12%)] backdrop-blur`,e.column.getIsPinned()&&`bg-card shadow-[1px_0_0_var(--border)]`,j&&`border-r last:border-r-0`,ue(e,Ie)),children:e.isPlaceholder?null:(0,l.flexRender)(e.column.columnDef.header,e.getContext())},e.id))},e.id))}),(0,c.jsx)(a.TableBody,{children:Q?vt(Q):Z?yt():B?[_t(`virtual-top`,$e),...W.map(e=>$(R[e.index],e.index,e)),_t(`virtual-bottom`,et)]:R.map((e,t)=>$(e,t))})]}),mt&&I&&(0,c.jsx)(re.DataTablePagination,{pageIndex:I.pageIndex,pageSize:I.pageSize,pageCount:I.pageCount,rowCount:I.rowCount,pageSizeOptions:I.pageSizeOptions,showPageSize:I.showPageSize,labels:I.labels,disabled:S,onPageChange:I.onPageChange,onPageSizeChange:I.onPageSizeChange})]})]})}exports.DataTable=u;
|