next-data-kit 0.0.1 → 1.0.1
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/README.md +52 -0
- package/dist/client/components/data-kit-table.d.ts.map +1 -0
- package/dist/client/components/data-kit-table.js +134 -0
- package/dist/client/components/data-kit-table.js.map +1 -0
- package/dist/client/components/data-kit.d.ts +3 -2
- package/dist/client/components/data-kit.d.ts.map +1 -0
- package/dist/client/components/data-kit.js +74 -0
- package/dist/client/components/data-kit.js.map +1 -0
- package/dist/client/components/index.d.ts.map +1 -0
- package/dist/client/components/index.js +3 -0
- package/dist/client/components/index.js.map +1 -0
- package/dist/client/components/ui/button.d.ts.map +1 -0
- package/dist/client/components/ui/button.js +36 -0
- package/dist/client/components/ui/button.js.map +1 -0
- package/dist/client/components/ui/checkbox.d.ts.map +1 -0
- package/dist/client/components/ui/checkbox.js +10 -0
- package/dist/client/components/ui/checkbox.js.map +1 -0
- package/dist/client/components/ui/dropdown-menu.d.ts.map +1 -0
- package/dist/client/components/ui/dropdown-menu.js +52 -0
- package/dist/client/components/ui/dropdown-menu.js.map +1 -0
- package/dist/client/components/ui/index.d.ts.map +1 -0
- package/dist/client/components/ui/index.js +9 -0
- package/dist/client/components/ui/index.js.map +1 -0
- package/dist/client/components/ui/pagination.d.ts.map +1 -0
- package/dist/client/components/ui/pagination.js +31 -0
- package/dist/client/components/ui/pagination.js.map +1 -0
- package/dist/client/components/ui/popover.d.ts.map +1 -0
- package/dist/client/components/ui/popover.js +18 -0
- package/dist/client/components/ui/popover.js.map +1 -0
- package/dist/client/components/ui/select.d.ts.map +1 -0
- package/dist/client/components/ui/select.js +39 -0
- package/dist/client/components/ui/select.js.map +1 -0
- package/dist/client/components/ui/switch.d.ts.map +1 -0
- package/dist/client/components/ui/switch.js +9 -0
- package/dist/client/components/ui/switch.js.map +1 -0
- package/dist/client/components/ui/table.d.ts.map +1 -0
- package/dist/client/components/ui/table.js +29 -0
- package/dist/client/components/ui/table.js.map +1 -0
- package/dist/client/context/index.d.ts +2 -2
- package/dist/client/context/index.d.ts.map +1 -0
- package/dist/client/context/index.js +34 -0
- package/dist/client/context/index.js.map +1 -0
- package/dist/client/hooks/index.d.ts +1 -1
- package/dist/client/hooks/index.d.ts.map +1 -0
- package/dist/client/hooks/index.js +7 -0
- package/dist/client/hooks/index.js.map +1 -0
- package/dist/client/hooks/useDataKit.d.ts +2 -2
- package/dist/client/hooks/useDataKit.d.ts.map +1 -0
- package/dist/client/hooks/useDataKit.js +252 -0
- package/dist/client/hooks/useDataKit.js.map +1 -0
- package/dist/client/hooks/usePagination.d.ts +1 -1
- package/dist/client/hooks/usePagination.d.ts.map +1 -0
- package/dist/client/hooks/usePagination.js +57 -0
- package/dist/client/hooks/usePagination.js.map +1 -0
- package/dist/client/hooks/useSelection.d.ts +1 -1
- package/dist/client/hooks/useSelection.d.ts.map +1 -0
- package/dist/client/hooks/useSelection.js +99 -0
- package/dist/client/hooks/useSelection.js.map +1 -0
- package/dist/client/index.d.ts +2 -2
- package/dist/client/index.d.ts.map +1 -0
- package/dist/client/index.js +15 -0
- package/dist/client/index.js.map +1 -0
- package/dist/client/utils/cn.d.ts.map +1 -0
- package/dist/client/utils/cn.js +22 -0
- package/dist/client/utils/cn.js.map +1 -0
- package/dist/client/utils/index.d.ts +1 -1
- package/dist/client/utils/index.d.ts.map +1 -0
- package/dist/client/utils/index.js +148 -0
- package/dist/client/utils/index.js.map +1 -0
- package/dist/client.d.ts +2 -2
- package/dist/client.d.ts.map +1 -0
- package/dist/client.js +8 -0
- package/dist/client.js.map +1 -0
- package/dist/index.cjs +1571 -0
- package/dist/index.cjs.map +1 -0
- package/dist/index.d.cts +27 -21
- package/dist/index.d.ts +27 -21
- package/dist/index.js +1523 -0
- package/dist/index.js.map +1 -0
- package/dist/{react-data-kit-DmTzxNTc.d.cts → next-data-kit-DmZ7pNHV.d.cts} +4 -4
- package/dist/{react-data-kit-DmTzxNTc.d.ts → next-data-kit-DmZ7pNHV.d.ts} +4 -4
- package/dist/server.cjs +19 -0
- package/dist/server.cjs.map +1 -1
- package/dist/server.d.cts +62 -7
- package/dist/server.d.ts +62 -7
- package/dist/server.js +19 -1
- package/dist/server.js.map +1 -1
- package/dist/types/component.d.ts +8 -2
- package/dist/types/component.d.ts.map +1 -0
- package/dist/types/component.js +7 -0
- package/dist/types/component.js.map +1 -0
- package/dist/types/database/mongo.d.ts +1 -1
- package/dist/types/database/mongo.d.ts.map +1 -0
- package/dist/types/database/mongo.js +8 -0
- package/dist/types/database/mongo.js.map +1 -0
- package/dist/types/hook.d.ts +5 -5
- package/dist/types/hook.d.ts.map +1 -0
- package/dist/types/hook.js +7 -0
- package/dist/types/hook.js.map +1 -0
- package/dist/types/index.d.cts +14 -9
- package/dist/types/index.d.ts +3 -3
- package/dist/types/index.d.ts.map +1 -0
- package/dist/types/index.js +6 -12
- package/dist/types/index.js.map +1 -1
- package/dist/types/{react-data-kit.d.ts → next-data-kit.d.ts} +4 -4
- package/dist/types/next-data-kit.d.ts.map +1 -0
- package/dist/types/next-data-kit.js +17 -0
- package/dist/types/next-data-kit.js.map +1 -0
- package/dist/types/selectable.d.ts +1 -1
- package/dist/types/selectable.d.ts.map +1 -0
- package/dist/types/selectable.js +7 -0
- package/dist/types/selectable.js.map +1 -0
- package/package.json +2 -2
package/README.md
CHANGED
|
@@ -58,6 +58,28 @@ export async function fetchUsers(input: TDataKitInput) {
|
|
|
58
58
|
}
|
|
59
59
|
```
|
|
60
60
|
|
|
61
|
+
|
|
62
|
+
### Input Validation (Optional)
|
|
63
|
+
|
|
64
|
+
You can use the built-in Zod schema to validate inputs before processing:
|
|
65
|
+
|
|
66
|
+
```typescript
|
|
67
|
+
"use server";
|
|
68
|
+
|
|
69
|
+
import { dataKitServerAction, dataKitSchemaZod } from "next-data-kit/server";
|
|
70
|
+
|
|
71
|
+
export async function fetchUsers(input: unknown) {
|
|
72
|
+
// Validate input
|
|
73
|
+
const parsedInput = dataKitSchemaZod.parse(input);
|
|
74
|
+
|
|
75
|
+
return dataKitServerAction({
|
|
76
|
+
model: UserModel,
|
|
77
|
+
input: parsedInput,
|
|
78
|
+
// ...
|
|
79
|
+
});
|
|
80
|
+
}
|
|
81
|
+
```
|
|
82
|
+
|
|
61
83
|
### Client-side (DataKitTable Component)
|
|
62
84
|
|
|
63
85
|
Ready-to-use table with built-in filtering, sorting, and selection:
|
|
@@ -277,6 +299,36 @@ filterCustom: {
|
|
|
277
299
|
}
|
|
278
300
|
```
|
|
279
301
|
|
|
302
|
+
#### Understanding `filterCustom` Flow
|
|
303
|
+
|
|
304
|
+
To use custom filters effectively, you must match the **Key** on the client with the **Key** on the server.
|
|
305
|
+
|
|
306
|
+
1. **Client-side**: Define a filter with a specific `id` (e.g., `'priceRange'`).
|
|
307
|
+
```tsx
|
|
308
|
+
// Client Component
|
|
309
|
+
<DataKitTable
|
|
310
|
+
filters={[
|
|
311
|
+
{ id: 'priceRange', label: 'Price Range', type: 'TEXT' }
|
|
312
|
+
]}
|
|
313
|
+
// ...
|
|
314
|
+
/>
|
|
315
|
+
```
|
|
316
|
+
|
|
317
|
+
_Note: When use interact with this filter, `DataKit` sends `{ filter: { priceRange: "value" } }` to the server._
|
|
318
|
+
|
|
319
|
+
2. **Server-side**: Handle that key in `filterCustom`.
|
|
320
|
+
```typescript
|
|
321
|
+
// Server Action
|
|
322
|
+
filterCustom: {
|
|
323
|
+
// MATCHES 'priceRange' FROM CLIENT
|
|
324
|
+
priceRange: (value) => ({
|
|
325
|
+
price: { $lte: Number(value) }
|
|
326
|
+
})
|
|
327
|
+
}
|
|
328
|
+
```
|
|
329
|
+
|
|
330
|
+
The `filterCustom` function intercepts the value sent from the client before it hits the database query builder, allowing you to transform simple values into complex queries.
|
|
331
|
+
|
|
280
332
|
**Client Usage:**
|
|
281
333
|
|
|
282
334
|
```tsx
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"data-kit-table.d.ts","sourceRoot":"","sources":["../../../src/client/components/data-kit-table.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAKxE,OAAO,EAkBH,SAAS,EACT,SAAS,EAGZ,MAAM,MAAM,CAAC;AACd,OAAO,KAAK,EACR,aAAa,EACb,cAAc,EACd,uBAAuB,EACvB,kBAAkB,EAClB,kBAAkB,EAClB,2BAA2B,EAC3B,sBAAsB,EACtB,iBAAiB,EACjB,uBAAuB,EACvB,aAAa,EAChB,MAAM,aAAa,CAAC;AAsXrB,eAAO,MAAM,YAAY,IA/WrB,OAAO,SAAS,CAAC,KAAK,EAAE,aAAa,CAAC,OAAO,CAAC,KAAK,OAAO,CAAC,cAAc,CAAC,sBAAsB,CAAC,CAAC,EAClG,SAAS,mBACJ,QAAQ,CAAC;IACd,MAAM,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAChC,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B,KAAK,EAAE,uBAAuB,CAAC,uBAAuB,CAAC,OAAO,CAAC,EAAE,SAAS,CAAC,EAAE,CAAC;IAC9E,OAAO,CAAC,EAAE,kBAAkB,EAAE,CAAC;IAC/B,UAAU,CAAC,EAAE;QACT,OAAO,EAAE,OAAO,CAAC;QACjB,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,kBAAkB,CAAC,uBAAuB,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;KAClF,CAAC;IACF,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,KAAK,CAAC,EAAE;QAAE,OAAO,EAAE,MAAM,CAAA;KAAE,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,iBAAiB,CAAC;IAC1B,UAAU,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,2BAA2B,CAAC,uBAAuB,CAAC,OAAO,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC;CAC7G,CAAC;;;CA6VA,CAAC"}
|
|
@@ -0,0 +1,134 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import React, { useState, useEffect, useRef, useCallback } from 'react';
|
|
4
|
+
import { ArrowDown, ArrowUp, ChevronLeft, ChevronRight, Filter, Loader2, MoreHorizontal } from 'lucide-react';
|
|
5
|
+
import { useDataKit } from '../hooks/useDataKit';
|
|
6
|
+
import { useSelectionWithTotal } from '../hooks/useSelection';
|
|
7
|
+
import { usePagination } from '../hooks/usePagination';
|
|
8
|
+
import { Button, Checkbox, DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger, Popover, PopoverContent, PopoverTrigger, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, Switch, Table, TableBody, TableCell, TableHead, TableHeader, TableRow, } from './ui';
|
|
9
|
+
// ** ============================================================================
|
|
10
|
+
// ** Component
|
|
11
|
+
// ** ============================================================================
|
|
12
|
+
const DataKitRoot = (props) => {
|
|
13
|
+
// ** Deconstruct Props
|
|
14
|
+
const { action, query, filterConfig, table: columns, filters = [], selectable, initialState, limit: limitConfig, className, autoFetch = true, debounce = 300, bordered, refetchInterval, state: stateMode = 'memory', controller, } = props;
|
|
15
|
+
// ** Ref
|
|
16
|
+
const tableRef = useRef(null);
|
|
17
|
+
const intervalRef = useRef(null);
|
|
18
|
+
// ** State
|
|
19
|
+
const [isVisible, setIsVisible] = useState(false);
|
|
20
|
+
const [isFilterOpen, setIsFilterOpen] = useState(false);
|
|
21
|
+
const [actionLoading, setActionLoading] = useState(null);
|
|
22
|
+
const [actionsMenuOpen, setActionsMenuOpen] = useState(false);
|
|
23
|
+
// ** Variable
|
|
24
|
+
const overlayContainer = tableRef.current;
|
|
25
|
+
// ** Hooks
|
|
26
|
+
const dataKit = useDataKit({
|
|
27
|
+
action: action,
|
|
28
|
+
filterConfig,
|
|
29
|
+
autoFetch,
|
|
30
|
+
debounce,
|
|
31
|
+
state: stateMode,
|
|
32
|
+
initial: {
|
|
33
|
+
limit: limitConfig?.default ?? 10,
|
|
34
|
+
query: query ?? {},
|
|
35
|
+
sorts: columns.reduce((acc, col) => {
|
|
36
|
+
if (col.sortable && col.sortable.default !== 0) {
|
|
37
|
+
acc.push({ path: col.sortable.path, value: col.sortable.default });
|
|
38
|
+
}
|
|
39
|
+
return acc;
|
|
40
|
+
}, []),
|
|
41
|
+
filter: filters.reduce((acc, f) => {
|
|
42
|
+
if (f.defaultValue !== undefined)
|
|
43
|
+
acc[f.id] = f.defaultValue;
|
|
44
|
+
return acc;
|
|
45
|
+
}, {}),
|
|
46
|
+
},
|
|
47
|
+
});
|
|
48
|
+
const pagination = usePagination({ page: dataKit.page, limit: dataKit.limit, total: dataKit.total, siblingCount: 1 });
|
|
49
|
+
const selection = useSelectionWithTotal(dataKit.items.map((item) => item.id));
|
|
50
|
+
// ** Variable
|
|
51
|
+
const selectedCount = selection.selectedIds.size;
|
|
52
|
+
const colSpan = columns.length + (selectable?.enabled ? 1 : 0);
|
|
53
|
+
// ** Handlers
|
|
54
|
+
const handleSort = useCallback((path) => {
|
|
55
|
+
const currentSort = dataKit.sorts.find((s) => s.path === path);
|
|
56
|
+
const nextValue = currentSort?.value === 1 ? -1 : currentSort?.value === -1 ? null : 1;
|
|
57
|
+
dataKit.actions.setSort(path, nextValue);
|
|
58
|
+
}, [dataKit.sorts, dataKit.actions]);
|
|
59
|
+
const handleSelectionAction = useCallback(async (actionKey) => {
|
|
60
|
+
if (!selectable?.actions?.[actionKey] || actionLoading)
|
|
61
|
+
return;
|
|
62
|
+
setActionLoading(actionKey);
|
|
63
|
+
setActionsMenuOpen(false);
|
|
64
|
+
try {
|
|
65
|
+
const selectedItems = dataKit.items.filter((item) => selection.isSelected(item.id));
|
|
66
|
+
const result = await selectable.actions[actionKey].function(selectedItems);
|
|
67
|
+
if (result[0]) {
|
|
68
|
+
const data = result[1];
|
|
69
|
+
if (data.deselectAll)
|
|
70
|
+
selection.deselectAll();
|
|
71
|
+
await dataKit.actions.refresh();
|
|
72
|
+
}
|
|
73
|
+
}
|
|
74
|
+
catch (error) {
|
|
75
|
+
console.error('Selection action failed:', error);
|
|
76
|
+
}
|
|
77
|
+
finally {
|
|
78
|
+
setActionLoading(null);
|
|
79
|
+
}
|
|
80
|
+
}, [selectable?.actions, actionLoading, dataKit.items, selection, dataKit.actions]);
|
|
81
|
+
const handleResetFilters = useCallback(() => {
|
|
82
|
+
filters.forEach((f) => {
|
|
83
|
+
dataKit.actions.setFilter(f.id, f.defaultValue ?? (f.type === 'BOOLEAN' ? false : ''));
|
|
84
|
+
});
|
|
85
|
+
}, [filters, dataKit.actions]);
|
|
86
|
+
const getSortFor = useCallback((path) => dataKit.sorts.find((s) => s.path === path)?.value ?? null, [dataKit.sorts]);
|
|
87
|
+
// ** Effects
|
|
88
|
+
useEffect(() => {
|
|
89
|
+
if (controller) {
|
|
90
|
+
controller.current = {
|
|
91
|
+
itemPush: dataKit.actions.itemPush,
|
|
92
|
+
refetchData: dataKit.actions.refresh,
|
|
93
|
+
deleteBulk: dataKit.actions.deleteBulk,
|
|
94
|
+
getSelectedItems: () => dataKit.items.filter((item) => selection.isSelected(item.id)),
|
|
95
|
+
clearSelection: () => selection.deselectAll(),
|
|
96
|
+
};
|
|
97
|
+
}
|
|
98
|
+
}, [controller, dataKit.actions, dataKit.items, selection]);
|
|
99
|
+
useEffect(() => {
|
|
100
|
+
if (!tableRef.current || !refetchInterval)
|
|
101
|
+
return;
|
|
102
|
+
const observer = new IntersectionObserver((entries) => entries[0] && setIsVisible(entries[0].isIntersecting), { threshold: 0.1 });
|
|
103
|
+
const currentRef = tableRef.current;
|
|
104
|
+
observer.observe(currentRef);
|
|
105
|
+
return () => { if (currentRef)
|
|
106
|
+
observer.unobserve(currentRef); };
|
|
107
|
+
}, [refetchInterval]);
|
|
108
|
+
useEffect(() => {
|
|
109
|
+
if (intervalRef.current) {
|
|
110
|
+
clearInterval(intervalRef.current);
|
|
111
|
+
intervalRef.current = null;
|
|
112
|
+
}
|
|
113
|
+
if (refetchInterval && isVisible) {
|
|
114
|
+
intervalRef.current = setInterval(dataKit.actions.refresh, refetchInterval);
|
|
115
|
+
}
|
|
116
|
+
return () => { if (intervalRef.current)
|
|
117
|
+
clearInterval(intervalRef.current); };
|
|
118
|
+
}, [refetchInterval, isVisible, dataKit.actions]);
|
|
119
|
+
useEffect(() => { selection.deselectAll(); }, [dataKit.items.length]);
|
|
120
|
+
// ** Render
|
|
121
|
+
return (_jsxs("div", { ref: tableRef, className: `space-y-3 ${className ?? ''}`, children: [_jsxs("div", { className: "flex items-center justify-between gap-2", children: [_jsx("div", { className: "flex items-center gap-2", children: filters.length > 0 && (_jsxs(Popover, { open: isFilterOpen, onOpenChange: setIsFilterOpen, children: [_jsx(PopoverTrigger, { asChild: true, children: _jsxs(Button, { variant: "outline", size: "sm", children: [_jsx(Filter, { className: "mr-1.5 size-4" }), "Filters"] }) }), _jsxs(PopoverContent, { align: "start", className: "w-80", container: overlayContainer, children: [_jsx("div", { className: "grid gap-3", children: filters.map((f) => (_jsxs("div", { className: "grid gap-1.5", children: [_jsx("label", { className: "text-sm font-medium", children: f.label }), f.type === 'TEXT' && (_jsx("input", { type: "text", className: "h-9 w-full rounded-md border bg-transparent px-3 text-sm outline-none focus:ring-2 focus:ring-ring", placeholder: f.placeholder, value: dataKit.filter[f.id] ?? '', onChange: (e) => dataKit.actions.setFilter(f.id, e.target.value) })), f.type === 'SELECT' && (_jsxs(Select, { value: String(dataKit.filter[f.id] || '__all__'), onValueChange: (v) => dataKit.actions.setFilter(f.id, v === '__all__' ? '' : v), children: [_jsx(SelectTrigger, { children: _jsx(SelectValue, {}) }), _jsxs(SelectContent, { container: overlayContainer, children: [_jsx(SelectItem, { value: "__all__", children: "All" }), f.dataset?.map((d) => (_jsx(SelectItem, { value: d.id, children: d.label }, d.id)))] })] })), f.type === 'BOOLEAN' && (_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("span", { className: "text-sm text-muted-foreground", children: f.placeholder ?? 'Enable' }), _jsx(Switch, { checked: Boolean(dataKit.filter[f.id]), onCheckedChange: (c) => dataKit.actions.setFilter(f.id, c) })] }))] }, f.id))) }), _jsxs("div", { className: "mt-4 flex justify-between border-t pt-3", children: [_jsx(Button, { variant: "outline", size: "sm", onClick: handleResetFilters, children: "Reset" }), _jsx(Button, { size: "sm", onClick: () => setIsFilterOpen(false), children: "Done" })] })] })] })) }), _jsxs("div", { className: "flex items-center gap-1", children: [_jsxs("span", { className: "mr-2 text-sm text-muted-foreground", children: [dataKit.items.length, " of ", dataKit.total] }), _jsxs(Select, { value: String(dataKit.limit), onValueChange: (v) => dataKit.actions.setLimit(Number(v)), disabled: dataKit.state.isLoading, children: [_jsx(SelectTrigger, { className: "w-16", children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { container: overlayContainer, children: [10, 25, 50, 100].map((v) => (_jsx(SelectItem, { value: String(v), children: v }, v))) })] })] })] }), _jsx("div", { className: `overflow-hidden border border-gray-200 dark:border-gray-800 ${bordered === 'rounded' ? 'rounded-lg' : bordered ? '' : 'rounded-lg'}`, children: _jsxs(Table, { children: [_jsx(TableHeader, { children: _jsxs(TableRow, { children: [selectable?.enabled && (_jsx(TableHead, { className: "w-12", children: _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Checkbox, { checked: selection.isIndeterminate ? 'indeterminate' : selection.isAllSelected, onCheckedChange: () => selection.toggleAll() }), selectable.actions && Object.keys(selectable.actions).length > 0 && (_jsxs(DropdownMenu, { open: actionsMenuOpen, onOpenChange: setActionsMenuOpen, children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsx(Button, { variant: "ghost", size: "icon", className: "size-6", disabled: selectedCount === 0 || !!actionLoading, children: actionLoading ? _jsx(Loader2, { className: "size-4 animate-spin" }) : _jsx(MoreHorizontal, { className: "size-4" }) }) }), _jsx(DropdownMenuContent, { align: "start", container: overlayContainer, children: Object.entries(selectable.actions).map(([key, action]) => (_jsx(DropdownMenuItem, { disabled: !!actionLoading, onSelect: () => handleSelectionAction(key), children: actionLoading === key ? 'Working…' : action.name }, key))) })] }))] }) })), columns.map((col, idx) => (_jsx(React.Fragment, { children: col.sortable ? (_jsx(TableHead, { ...(React.isValidElement(col.head) ? col.head.props : {}), children: _jsxs(Button, { variant: "ghost", size: "sm", className: "-ml-3", onClick: () => handleSort(col.sortable.path), children: [React.isValidElement(col.head) ? col.head.props.children : col.head, getSortFor(col.sortable.path) === 1 && _jsx(ArrowUp, { className: "ml-1 size-4" }), getSortFor(col.sortable.path) === -1 && _jsx(ArrowDown, { className: "ml-1 size-4" })] }) })) : (col.head) }, idx)))] }) }), _jsx(TableBody, { children: dataKit.state.isLoading ? (_jsx(TableRow, { children: _jsx(TableCell, { colSpan: colSpan, className: "h-24 text-center", children: _jsx(Loader2, { className: "mx-auto size-5 animate-spin" }) }) })) : dataKit.items.length === 0 ? (_jsx(TableRow, { children: _jsx(TableCell, { colSpan: colSpan, className: "h-24 text-center text-muted-foreground", children: "No results found." }) })) : (dataKit.items.map((item, idx) => (_jsxs(TableRow, { children: [selectable?.enabled && (_jsx(TableCell, { children: _jsx(Checkbox, { checked: selection.isSelected(item.id), onCheckedChange: () => selection.toggle(item.id) }) })), columns.map((col, colIdx) => (_jsx(React.Fragment, { children: col.body({
|
|
122
|
+
item,
|
|
123
|
+
index: idx,
|
|
124
|
+
state: initialState,
|
|
125
|
+
setState: () => { },
|
|
126
|
+
setItem: (updatedItem) => dataKit.actions.setItemAt(idx, updatedItem),
|
|
127
|
+
deleteItem: () => dataKit.actions.deleteItemAt(idx),
|
|
128
|
+
}) }, colIdx)))] }, item.id ?? idx)))) })] }) }), _jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("p", { className: "text-sm text-muted-foreground", children: ["Page ", dataKit.page, " of ", pagination.totalPages, selectable?.enabled && selectedCount > 0 && (_jsxs("span", { className: "ml-2 text-foreground", children: ["(", selectedCount, " selected)"] }))] }), _jsxs("div", { className: "flex items-center gap-1", children: [_jsx(Button, { variant: "outline", size: "icon", disabled: !pagination.hasPrevPage || dataKit.state.isLoading, onClick: () => dataKit.actions.setPage(dataKit.page - 1), children: _jsx(ChevronLeft, { className: "size-4" }) }), _jsx(Button, { variant: "outline", size: "icon", disabled: !pagination.hasNextPage || dataKit.state.isLoading, onClick: () => dataKit.actions.setPage(dataKit.page + 1), children: _jsx(ChevronRight, { className: "size-4" }) })] })] })] }));
|
|
129
|
+
};
|
|
130
|
+
export const DataKitTable = Object.assign(DataKitRoot, {
|
|
131
|
+
Cell: TableCell,
|
|
132
|
+
Head: TableHead,
|
|
133
|
+
});
|
|
134
|
+
//# sourceMappingURL=data-kit-table.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"data-kit-table.js","sourceRoot":"","sources":["../../../src/client/components/data-kit-table.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import type { TDataKitInput, TDataKitResult, TDataKitFilterItem, TDataKitSelectableItem, TDataKitStateMode, TExtractDataKitItemType, TFilterConfig, TUseDataKitReturn } from '../../types';
|
|
2
|
+
import type { TDataKitInput, TDataKitResult, TDataKitFilterItem, TDataKitSelectableItem, TDataKitStateMode, TExtractDataKitItemType, TFilterConfig, TUseDataKitReturn, TDataKitRef } from '../../types';
|
|
3
3
|
export declare const DataKit: <TAction extends (input: TDataKitInput<unknown>) => Promise<TDataKitResult<TDataKitSelectableItem>>>(props: Readonly<{
|
|
4
4
|
action: TAction;
|
|
5
5
|
query?: Record<string, unknown>;
|
|
@@ -15,5 +15,6 @@ export declare const DataKit: <TAction extends (input: TDataKitInput<unknown>) =
|
|
|
15
15
|
state?: TDataKitStateMode;
|
|
16
16
|
manual?: boolean;
|
|
17
17
|
children: (dataKit: TUseDataKitReturn<unknown, TExtractDataKitItemType<TAction>>) => React.ReactNode;
|
|
18
|
-
|
|
18
|
+
ref?: React.Ref<TDataKitRef<unknown, TExtractDataKitItemType<TAction>>>;
|
|
19
|
+
}>) => React.ReactElement;
|
|
19
20
|
//# sourceMappingURL=data-kit.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"data-kit.d.ts","sourceRoot":"","sources":["../../../src/client/components/data-kit.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAgBxE,OAAO,KAAK,EACR,aAAa,EACb,cAAc,EACd,kBAAkB,EAClB,sBAAsB,EACtB,iBAAiB,EACjB,uBAAuB,EACvB,aAAa,EACb,iBAAiB,EACjB,WAAW,EACd,MAAM,aAAa,CAAC;AAqOrB,eAAO,MAAM,OAAO,EAAgD,CAChE,OAAO,SAAS,CAAC,KAAK,EAAE,aAAa,CAAC,OAAO,CAAC,KAAK,OAAO,CAAC,cAAc,CAAC,sBAAsB,CAAC,CAAC,EAElG,KAAK,EAAE,QAAQ,CAAC;IACZ,MAAM,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAChC,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B,OAAO,CAAC,EAAE,kBAAkB,EAAE,CAAC;IAC/B,KAAK,CAAC,EAAE;QAAE,OAAO,EAAE,MAAM,CAAA;KAAE,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,iBAAiB,CAAC;IAC1B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,CAAC,OAAO,EAAE,iBAAiB,CAAC,OAAO,EAAE,uBAAuB,CAAC,OAAO,CAAC,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;IACrG,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,OAAO,EAAE,uBAAuB,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;CAC3E,CAAC,KACD,KAAK,CAAC,YAAY,CAAC"}
|
|
@@ -0,0 +1,74 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import React, { useState, useEffect, useRef, useCallback } from 'react';
|
|
4
|
+
import { ChevronLeft, ChevronRight, Filter, Loader2 } from 'lucide-react';
|
|
5
|
+
import { useDataKit } from '../hooks/useDataKit';
|
|
6
|
+
import { usePagination } from '../hooks/usePagination';
|
|
7
|
+
import { Button, Popover, PopoverContent, PopoverTrigger, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, Switch, } from './ui';
|
|
8
|
+
// ** ============================================================================
|
|
9
|
+
// ** Component
|
|
10
|
+
// ** ============================================================================
|
|
11
|
+
const DataKitInner = (props, ref) => {
|
|
12
|
+
// ** Deconstruct Props
|
|
13
|
+
const { action, query, filterConfig, filters = [], limit: limitConfig, className, autoFetch = true, debounce = 300, refetchInterval, state: stateMode = 'memory', manual = false, children, } = props;
|
|
14
|
+
// ** Ref
|
|
15
|
+
const containerRef = useRef(null);
|
|
16
|
+
const intervalRef = useRef(null);
|
|
17
|
+
// ** State
|
|
18
|
+
const [isVisible, setIsVisible] = useState(false);
|
|
19
|
+
const [isFilterOpen, setIsFilterOpen] = useState(false);
|
|
20
|
+
// ** Variable
|
|
21
|
+
const overlayContainer = containerRef.current;
|
|
22
|
+
// ** Hooks
|
|
23
|
+
const dataKit = useDataKit({
|
|
24
|
+
action: action,
|
|
25
|
+
filterConfig,
|
|
26
|
+
autoFetch,
|
|
27
|
+
debounce,
|
|
28
|
+
state: stateMode,
|
|
29
|
+
initial: {
|
|
30
|
+
limit: limitConfig?.default ?? 10,
|
|
31
|
+
query: query ?? {},
|
|
32
|
+
sorts: [],
|
|
33
|
+
filter: filters.reduce((acc, f) => {
|
|
34
|
+
if (f.defaultValue !== undefined)
|
|
35
|
+
acc[f.id] = f.defaultValue;
|
|
36
|
+
return acc;
|
|
37
|
+
}, {}),
|
|
38
|
+
},
|
|
39
|
+
});
|
|
40
|
+
const pagination = usePagination({ page: dataKit.page, limit: dataKit.limit, total: dataKit.total, siblingCount: 1 });
|
|
41
|
+
// ** Imperative Handle
|
|
42
|
+
React.useImperativeHandle(ref, () => dataKit, [dataKit]);
|
|
43
|
+
// ** Handlers
|
|
44
|
+
const handleResetFilters = useCallback(() => {
|
|
45
|
+
filters.forEach((f) => {
|
|
46
|
+
dataKit.actions.setFilter(f.id, f.defaultValue ?? (f.type === 'BOOLEAN' ? false : ''));
|
|
47
|
+
});
|
|
48
|
+
}, [filters, dataKit.actions]);
|
|
49
|
+
// ** Effects
|
|
50
|
+
useEffect(() => {
|
|
51
|
+
if (!containerRef.current || !refetchInterval)
|
|
52
|
+
return;
|
|
53
|
+
const observer = new IntersectionObserver((entries) => entries[0] && setIsVisible(entries[0].isIntersecting), { threshold: 0.1 });
|
|
54
|
+
const currentRef = containerRef.current;
|
|
55
|
+
observer.observe(currentRef);
|
|
56
|
+
return () => { if (currentRef)
|
|
57
|
+
observer.unobserve(currentRef); };
|
|
58
|
+
}, [refetchInterval]);
|
|
59
|
+
useEffect(() => {
|
|
60
|
+
if (intervalRef.current) {
|
|
61
|
+
clearInterval(intervalRef.current);
|
|
62
|
+
intervalRef.current = null;
|
|
63
|
+
}
|
|
64
|
+
if (refetchInterval && isVisible) {
|
|
65
|
+
intervalRef.current = setInterval(dataKit.actions.refresh, refetchInterval);
|
|
66
|
+
}
|
|
67
|
+
return () => { if (intervalRef.current)
|
|
68
|
+
clearInterval(intervalRef.current); };
|
|
69
|
+
}, [refetchInterval, isVisible, dataKit.actions]);
|
|
70
|
+
// ** Render
|
|
71
|
+
return (_jsxs("div", { ref: containerRef, className: `space-y-3 ${className ?? ''}`, children: [_jsxs("div", { className: "flex items-center justify-between gap-2", children: [_jsx("div", { className: "flex items-center gap-2", children: filters.length > 0 && (_jsxs(Popover, { open: isFilterOpen, onOpenChange: setIsFilterOpen, children: [_jsx(PopoverTrigger, { asChild: true, children: _jsxs(Button, { variant: "outline", size: "sm", children: [_jsx(Filter, { className: "mr-1.5 size-4" }), "Filters"] }) }), _jsxs(PopoverContent, { align: "start", className: "w-80", container: overlayContainer, children: [_jsx("div", { className: "grid gap-3", children: filters.map((f) => (_jsxs("div", { className: "grid gap-1.5", children: [_jsx("label", { className: "text-sm font-medium", children: f.label }), f.type === 'TEXT' && (_jsx("input", { type: "text", className: "h-9 w-full rounded-md border bg-transparent px-3 text-sm outline-none focus:ring-2 focus:ring-ring", placeholder: f.placeholder, value: dataKit.filter[f.id] ?? '', onChange: (e) => dataKit.actions.setFilter(f.id, e.target.value) })), f.type === 'SELECT' && (_jsxs(Select, { value: String(dataKit.filter[f.id] || '__all__'), onValueChange: (v) => dataKit.actions.setFilter(f.id, v === '__all__' ? '' : v), children: [_jsx(SelectTrigger, { children: _jsx(SelectValue, {}) }), _jsxs(SelectContent, { container: overlayContainer, children: [_jsx(SelectItem, { value: "__all__", children: "All" }), f.dataset?.map((d) => (_jsx(SelectItem, { value: d.id, children: d.label }, d.id)))] })] })), f.type === 'BOOLEAN' && (_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("span", { className: "text-sm text-muted-foreground", children: f.placeholder ?? 'Enable' }), _jsx(Switch, { checked: Boolean(dataKit.filter[f.id]), onCheckedChange: (c) => dataKit.actions.setFilter(f.id, c) })] }))] }, f.id))) }), _jsxs("div", { className: "mt-4 flex justify-between border-t pt-3", children: [_jsx(Button, { variant: "outline", size: "sm", onClick: handleResetFilters, children: "Reset" }), _jsx(Button, { size: "sm", onClick: () => setIsFilterOpen(false), children: "Done" })] })] })] })) }), _jsxs("div", { className: "flex items-center gap-1", children: [_jsxs("span", { className: "mr-2 text-sm text-muted-foreground", children: [dataKit.items.length, " of ", dataKit.total] }), _jsxs(Select, { value: String(dataKit.limit), onValueChange: (v) => dataKit.actions.setLimit(Number(v)), disabled: dataKit.state.isLoading, children: [_jsx(SelectTrigger, { className: "w-16", children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { container: overlayContainer, children: [10, 25, 50, 100].map((v) => (_jsx(SelectItem, { value: String(v), children: v }, v))) })] })] })] }), manual ? (children(dataKit)) : (_jsx("div", { className: "min-h-[200px]", children: dataKit.state.isLoading ? (_jsx("div", { className: "flex h-48 items-center justify-center", children: _jsx(Loader2, { className: "size-6 animate-spin text-muted-foreground" }) })) : dataKit.items.length === 0 ? (_jsx("div", { className: "flex h-48 items-center justify-center text-muted-foreground", children: "No results found." })) : (children(dataKit)) })), _jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("p", { className: "text-sm text-muted-foreground", children: ["Page ", dataKit.page, " of ", pagination.totalPages] }), _jsxs("div", { className: "flex items-center gap-1", children: [_jsx(Button, { variant: "outline", size: "icon", disabled: !pagination.hasPrevPage || dataKit.state.isLoading, onClick: () => dataKit.actions.setPage(dataKit.page - 1), children: _jsx(ChevronLeft, { className: "size-4" }) }), _jsx(Button, { variant: "outline", size: "icon", disabled: !pagination.hasNextPage || dataKit.state.isLoading, onClick: () => dataKit.actions.setPage(dataKit.page + 1), children: _jsx(ChevronRight, { className: "size-4" }) })] })] })] }));
|
|
72
|
+
};
|
|
73
|
+
export const DataKit = React.forwardRef(DataKitInner);
|
|
74
|
+
//# sourceMappingURL=data-kit.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"data-kit.js","sourceRoot":"","sources":["../../../src/client/components/data-kit.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/client/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/client/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../../src/client/components/ui/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAIjE,QAAA,MAAM,cAAc;;;8EA8BnB,CAAA;AAED,QAAA,MAAM,MAAM;;;;cAIQ,OAAO;2CAwBzB,CAAA;AAIF,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAA"}
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
import { Slot } from "@radix-ui/react-slot";
|
|
4
|
+
import { cva } from "class-variance-authority";
|
|
5
|
+
import { cn } from '../../utils';
|
|
6
|
+
const buttonVariants = cva("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:ring-black/20 dark:focus-visible:ring-white/20 focus-visible:ring-[3px] aria-invalid:ring-red-500/20 dark:aria-invalid:ring-red-500/30 aria-invalid:border-red-500", {
|
|
7
|
+
variants: {
|
|
8
|
+
variant: {
|
|
9
|
+
default: "bg-gray-900 text-white hover:bg-gray-800 dark:bg-gray-100 dark:text-gray-900 dark:hover:bg-gray-200",
|
|
10
|
+
destructive: "bg-red-600 text-white hover:bg-red-700 dark:bg-red-600 dark:hover:bg-red-500",
|
|
11
|
+
outline: "border border-gray-200 bg-white text-gray-900 shadow-xs hover:bg-gray-50 dark:border-gray-800 dark:bg-gray-950 dark:text-gray-100 dark:hover:bg-gray-900",
|
|
12
|
+
secondary: "bg-gray-100 text-gray-900 hover:bg-gray-200 dark:bg-gray-900 dark:text-gray-100 dark:hover:bg-gray-800",
|
|
13
|
+
ghost: "hover:bg-gray-100 hover:text-gray-900 dark:hover:bg-gray-900 dark:hover:text-gray-100",
|
|
14
|
+
link: "text-gray-900 underline-offset-4 hover:underline dark:text-gray-100",
|
|
15
|
+
},
|
|
16
|
+
size: {
|
|
17
|
+
default: "h-9 px-4 py-2 has-[>svg]:px-3",
|
|
18
|
+
sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
|
|
19
|
+
lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
|
|
20
|
+
icon: "size-9",
|
|
21
|
+
"icon-sm": "size-8",
|
|
22
|
+
"icon-lg": "size-10",
|
|
23
|
+
},
|
|
24
|
+
},
|
|
25
|
+
defaultVariants: {
|
|
26
|
+
variant: "default",
|
|
27
|
+
size: "default",
|
|
28
|
+
},
|
|
29
|
+
});
|
|
30
|
+
const Button = React.forwardRef(function Button({ className, variant = "default", size = "default", asChild = false, ...props }, ref) {
|
|
31
|
+
const Comp = asChild ? Slot : "button";
|
|
32
|
+
return (_jsx(Comp, { ref: ref, "data-slot": "button", "data-variant": variant, "data-size": size, className: cn(buttonVariants({ variant, size, className })), ...props }));
|
|
33
|
+
});
|
|
34
|
+
Button.displayName = "Button";
|
|
35
|
+
export { Button, buttonVariants };
|
|
36
|
+
//# sourceMappingURL=button.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"button.js","sourceRoot":"","sources":["../../../../src/client/components/ui/button.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAA;AAC3C,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAA;AAEjE,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AAEjC,MAAM,cAAc,GAAG,GAAG,CACrB,ybAAyb,EACzb;IACK,QAAQ,EAAE;QACL,OAAO,EAAE;YACJ,OAAO,EAAE,qGAAqG;YAC9G,WAAW,EACN,8EAA8E;YACnF,OAAO,EACF,0JAA0J;YAC/J,SAAS,EACJ,wGAAwG;YAC7G,KAAK,EACA,uFAAuF;YAC5F,IAAI,EAAE,qEAAqE;SAC/E;QACD,IAAI,EAAE;YACD,OAAO,EAAE,+BAA+B;YACxC,EAAE,EAAE,+CAA+C;YACnD,EAAE,EAAE,sCAAsC;YAC1C,IAAI,EAAE,QAAQ;YACd,SAAS,EAAE,QAAQ;YACnB,SAAS,EAAE,SAAS;SACxB;KACL;IACD,eAAe,EAAE;QACZ,OAAO,EAAE,SAAS;QAClB,IAAI,EAAE,SAAS;KACnB;CACL,CACL,CAAA;AAED,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAM7B,SAAS,MAAM,CACZ,EACK,SAAS,EACT,OAAO,GAAG,SAAS,EACnB,IAAI,GAAG,SAAS,EAChB,OAAO,GAAG,KAAK,EACf,GAAG,KAAK,EACZ,EACD,GAAG;IAEH,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAA;IAEtC,OAAO,CACF,KAAC,IAAI,IACA,GAAG,EAAE,GAAG,eACE,QAAQ,kBACJ,OAAO,eACV,IAAI,EACf,SAAS,EAAE,EAAE,CAAC,cAAc,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,CAAC,KACvD,KAAK,GACZ,CACN,CAAA;AACN,CAAC,CAAC,CAAA;AAEF,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAA;AAE7B,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../../src/client/components/ui/checkbox.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAC;AAK9D,iBAAS,QAAQ,CAAC,EACb,SAAS,EACT,GAAG,KAAK,EACZ,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,iBAAiB,CAAC,IAAI,CAAC,2CAkBrD;AAED,OAAO,EAAE,QAAQ,EAAE,CAAC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
+
import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
|
|
4
|
+
import { CheckIcon } from 'lucide-react';
|
|
5
|
+
import { cn } from '../../utils';
|
|
6
|
+
function Checkbox({ className, ...props }) {
|
|
7
|
+
return (_jsx(CheckboxPrimitive.Root, { "data-slot": "checkbox", className: cn('peer border-gray-200 bg-white text-gray-900 dark:border-gray-800 dark:bg-gray-950 dark:text-gray-100 data-[state=checked]:bg-gray-900 data-[state=checked]:text-white dark:data-[state=checked]:bg-gray-100 dark:data-[state=checked]:text-gray-900 data-[state=checked]:border-gray-900 dark:data-[state=checked]:border-gray-100 focus-visible:border-gray-900 dark:focus-visible:border-gray-200 focus-visible:ring-black/20 dark:focus-visible:ring-white/20 aria-invalid:ring-red-500/20 dark:aria-invalid:ring-red-500/30 aria-invalid:border-red-500 size-4 shrink-0 rounded-[4px] border shadow-xs transition-shadow outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50', className), ...props, children: _jsx(CheckboxPrimitive.Indicator, { "data-slot": "checkbox-indicator", className: "grid place-content-center text-current transition-none", children: _jsx(CheckIcon, { className: "size-3.5" }) }) }));
|
|
8
|
+
}
|
|
9
|
+
export { Checkbox };
|
|
10
|
+
//# sourceMappingURL=checkbox.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"checkbox.js","sourceRoot":"","sources":["../../../../src/client/components/ui/checkbox.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAC;AAC9D,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AAEjC,SAAS,QAAQ,CAAC,EACb,SAAS,EACT,GAAG,KAAK,EACyC;IACjD,OAAO,CACF,KAAC,iBAAiB,CAAC,IAAI,iBACR,UAAU,EACpB,SAAS,EAAE,EAAE,CACR,orBAAorB,EACprB,SAAS,CACb,KACG,KAAK,YAET,KAAC,iBAAiB,CAAC,SAAS,iBACb,oBAAoB,EAC9B,SAAS,EAAC,wDAAwD,YAElE,KAAC,SAAS,IAAC,SAAS,EAAC,UAAU,GAAG,GACT,GACV,CAC7B,CAAC;AACP,CAAC;AAED,OAAO,EAAE,QAAQ,EAAE,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"dropdown-menu.d.ts","sourceRoot":"","sources":["../../../../src/client/components/ui/dropdown-menu.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
|
|
4
|
+
import { CheckIcon, ChevronRightIcon, CircleIcon } from "lucide-react";
|
|
5
|
+
import { cn } from '../../utils';
|
|
6
|
+
function DropdownMenu({ ...props }) {
|
|
7
|
+
return _jsx(DropdownMenuPrimitive.Root, { "data-slot": "dropdown-menu", ...props });
|
|
8
|
+
}
|
|
9
|
+
function DropdownMenuPortal({ ...props }) {
|
|
10
|
+
return (_jsx(DropdownMenuPrimitive.Portal, { "data-slot": "dropdown-menu-portal", ...props }));
|
|
11
|
+
}
|
|
12
|
+
function DropdownMenuTrigger({ ...props }) {
|
|
13
|
+
return (_jsx(DropdownMenuPrimitive.Trigger, { "data-slot": "dropdown-menu-trigger", ...props }));
|
|
14
|
+
}
|
|
15
|
+
function DropdownMenuContent({ className, sideOffset = 4, container, ...props }) {
|
|
16
|
+
return (_jsx(DropdownMenuPrimitive.Portal, { container: container ?? undefined, children: _jsx(DropdownMenuPrimitive.Content, { "data-slot": "dropdown-menu-content", sideOffset: sideOffset, className: cn("bg-white text-gray-900 dark:bg-gray-950 dark:text-gray-100 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border border-gray-200 dark:border-gray-800 p-1 shadow-md", className), ...props }) }));
|
|
17
|
+
}
|
|
18
|
+
function DropdownMenuGroup({ ...props }) {
|
|
19
|
+
return (_jsx(DropdownMenuPrimitive.Group, { "data-slot": "dropdown-menu-group", ...props }));
|
|
20
|
+
}
|
|
21
|
+
function DropdownMenuItem({ className, inset, variant = "default", ...props }) {
|
|
22
|
+
return (_jsx(DropdownMenuPrimitive.Item, { "data-slot": "dropdown-menu-item", "data-inset": inset, "data-variant": variant, className: cn("focus:bg-gray-50 dark:focus:bg-gray-900 focus:text-gray-900 dark:focus:text-gray-100 data-[variant=destructive]:text-red-600 dark:data-[variant=destructive]:text-red-500 data-[variant=destructive]:focus:bg-red-500/10 dark:data-[variant=destructive]:focus:bg-red-500/15 data-[variant=destructive]:focus:text-red-700 dark:data-[variant=destructive]:focus:text-red-400 data-[variant=destructive]:*:[svg]:!text-red-600 dark:data-[variant=destructive]:*:[svg]:!text-red-500 [&_svg:not([class*='text-'])]:text-gray-500 dark:[&_svg:not([class*='text-'])]:text-gray-400 relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className), ...props }));
|
|
23
|
+
}
|
|
24
|
+
function DropdownMenuCheckboxItem({ className, children, checked, ...props }) {
|
|
25
|
+
return (_jsxs(DropdownMenuPrimitive.CheckboxItem, { "data-slot": "dropdown-menu-checkbox-item", className: cn("focus:bg-gray-50 dark:focus:bg-gray-900 focus:text-gray-900 dark:focus:text-gray-100 relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className), checked: checked, ...props, children: [_jsx("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: _jsx(DropdownMenuPrimitive.ItemIndicator, { children: _jsx(CheckIcon, { className: "size-4" }) }) }), children] }));
|
|
26
|
+
}
|
|
27
|
+
function DropdownMenuRadioGroup({ ...props }) {
|
|
28
|
+
return (_jsx(DropdownMenuPrimitive.RadioGroup, { "data-slot": "dropdown-menu-radio-group", ...props }));
|
|
29
|
+
}
|
|
30
|
+
function DropdownMenuRadioItem({ className, children, ...props }) {
|
|
31
|
+
return (_jsxs(DropdownMenuPrimitive.RadioItem, { "data-slot": "dropdown-menu-radio-item", className: cn("focus:bg-gray-50 dark:focus:bg-gray-900 focus:text-gray-900 dark:focus:text-gray-100 relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className), ...props, children: [_jsx("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: _jsx(DropdownMenuPrimitive.ItemIndicator, { children: _jsx(CircleIcon, { className: "size-2 fill-current" }) }) }), children] }));
|
|
32
|
+
}
|
|
33
|
+
function DropdownMenuLabel({ className, inset, ...props }) {
|
|
34
|
+
return (_jsx(DropdownMenuPrimitive.Label, { "data-slot": "dropdown-menu-label", "data-inset": inset, className: cn("px-2 py-1.5 text-sm font-medium data-[inset]:pl-8", className), ...props }));
|
|
35
|
+
}
|
|
36
|
+
function DropdownMenuSeparator({ className, ...props }) {
|
|
37
|
+
return (_jsx(DropdownMenuPrimitive.Separator, { "data-slot": "dropdown-menu-separator", className: cn("bg-gray-100 dark:bg-gray-900 -mx-1 my-1 h-px", className), ...props }));
|
|
38
|
+
}
|
|
39
|
+
function DropdownMenuShortcut({ className, ...props }) {
|
|
40
|
+
return (_jsx("span", { "data-slot": "dropdown-menu-shortcut", className: cn("text-gray-500 dark:text-gray-400 ml-auto text-xs tracking-widest", className), ...props }));
|
|
41
|
+
}
|
|
42
|
+
function DropdownMenuSub({ ...props }) {
|
|
43
|
+
return _jsx(DropdownMenuPrimitive.Sub, { "data-slot": "dropdown-menu-sub", ...props });
|
|
44
|
+
}
|
|
45
|
+
function DropdownMenuSubTrigger({ className, inset, children, ...props }) {
|
|
46
|
+
return (_jsxs(DropdownMenuPrimitive.SubTrigger, { "data-slot": "dropdown-menu-sub-trigger", "data-inset": inset, className: cn("focus:bg-gray-50 dark:focus:bg-gray-900 focus:text-gray-900 dark:focus:text-gray-100 data-[state=open]:bg-gray-50 dark:data-[state=open]:bg-gray-900 data-[state=open]:text-gray-900 dark:data-[state=open]:text-gray-100 [&_svg:not([class*='text-'])]:text-gray-500 dark:[&_svg:not([class*='text-'])]:text-gray-400 flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className), ...props, children: [children, _jsx(ChevronRightIcon, { className: "ml-auto size-4" })] }));
|
|
47
|
+
}
|
|
48
|
+
function DropdownMenuSubContent({ className, ...props }) {
|
|
49
|
+
return (_jsx(DropdownMenuPrimitive.SubContent, { "data-slot": "dropdown-menu-sub-content", className: cn("bg-white text-gray-900 dark:bg-gray-950 dark:text-gray-100 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border border-gray-200 dark:border-gray-800 p-1 shadow-lg", className), ...props }));
|
|
50
|
+
}
|
|
51
|
+
export { DropdownMenu, DropdownMenuPortal, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent, };
|
|
52
|
+
//# sourceMappingURL=dropdown-menu.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"dropdown-menu.js","sourceRoot":"","sources":["../../../../src/client/components/ui/dropdown-menu.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/client/components/ui/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACF,KAAK,EACL,WAAW,EACX,SAAS,EACT,WAAW,EACX,QAAQ,EACR,SAAS,EACT,SAAS,EACT,YAAY,GAChB,MAAM,SAAS,CAAC;AAEjB,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,OAAO,EAAE,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAEnF,OAAO,EACF,YAAY,EACZ,kBAAkB,EAClB,mBAAmB,EACnB,mBAAmB,EACnB,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,EAChB,wBAAwB,EACxB,sBAAsB,EACtB,qBAAqB,EACrB,qBAAqB,EACrB,oBAAoB,EACpB,eAAe,EACf,sBAAsB,EACtB,sBAAsB,GAC1B,MAAM,iBAAiB,CAAC;AAEzB,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAElD,OAAO,EACF,UAAU,EACV,iBAAiB,EACjB,cAAc,EACd,cAAc,EACd,kBAAkB,EAClB,cAAc,EACd,kBAAkB,GACtB,MAAM,cAAc,CAAC;AAEtB,OAAO,EACF,MAAM,EACN,aAAa,EACb,WAAW,EACX,UAAU,EACV,WAAW,EACX,sBAAsB,EACtB,oBAAoB,EACpB,eAAe,EACf,aAAa,EACb,WAAW,GACf,MAAM,UAAU,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
export { Table, TableHeader, TableBody, TableFooter, TableRow, TableHead, TableCell, TableCaption, } from './table';
|
|
2
|
+
export { Checkbox } from './checkbox';
|
|
3
|
+
export { Popover, PopoverAnchor, PopoverContent, PopoverTrigger } from './popover';
|
|
4
|
+
export { DropdownMenu, DropdownMenuPortal, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent, } from './dropdown-menu';
|
|
5
|
+
export { Switch } from './switch';
|
|
6
|
+
export { Button, buttonVariants } from './button';
|
|
7
|
+
export { Pagination, PaginationContent, PaginationItem, PaginationLink, PaginationPrevious, PaginationNext, PaginationEllipsis, } from './pagination';
|
|
8
|
+
export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, } from './select';
|
|
9
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/client/components/ui/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACF,KAAK,EACL,WAAW,EACX,SAAS,EACT,WAAW,EACX,QAAQ,EACR,SAAS,EACT,SAAS,EACT,YAAY,GAChB,MAAM,SAAS,CAAC;AAEjB,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,OAAO,EAAE,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAEnF,OAAO,EACF,YAAY,EACZ,kBAAkB,EAClB,mBAAmB,EACnB,mBAAmB,EACnB,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,EAChB,wBAAwB,EACxB,sBAAsB,EACtB,qBAAqB,EACrB,qBAAqB,EACrB,oBAAoB,EACpB,eAAe,EACf,sBAAsB,EACtB,sBAAsB,GAC1B,MAAM,iBAAiB,CAAC;AAEzB,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAElD,OAAO,EACF,UAAU,EACV,iBAAiB,EACjB,cAAc,EACd,cAAc,EACd,kBAAkB,EAClB,cAAc,EACd,kBAAkB,GACtB,MAAM,cAAc,CAAC;AAEtB,OAAO,EACF,MAAM,EACN,aAAa,EACb,WAAW,EACX,UAAU,EACV,WAAW,EACX,sBAAsB,EACtB,oBAAoB,EACpB,eAAe,EACf,aAAa,EACb,WAAW,GACf,MAAM,UAAU,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"pagination.d.ts","sourceRoot":"","sources":["../../../../src/client/components/ui/pagination.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAkB,KAAK,MAAM,EAAE,MAAM,UAAU,CAAC;AAEvD,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAUvE;AAED,iBAAS,iBAAiB,CAAC,EACtB,SAAS,EACT,GAAG,KAAK,EACZ,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,2CAQ5B;AAED,iBAAS,cAAc,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,2CAE/D;AAED,KAAK,mBAAmB,GAAG;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACvB,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,SAAS,GAAG,MAAM,CAAC,GAClF,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,UAAU,CAAC,CAAC;AAE3E,iBAAS,cAAc,CAAC,EACnB,SAAS,EACT,QAAQ,EACR,IAAa,EACb,IAAe,EACf,GAAG,KAAK,EACZ,EAAE,mBAAmB,2CAiBrB;AAED,iBAAS,kBAAkB,CAAC,EACvB,SAAS,EACT,GAAG,KAAK,EACZ,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,2CAY7C;AAED,iBAAS,cAAc,CAAC,EACnB,SAAS,EACT,GAAG,KAAK,EACZ,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,2CAY7C;AAED,iBAAS,kBAAkB,CAAC,EACvB,SAAS,EACT,GAAG,KAAK,EACZ,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,2CAY9B;AAED,OAAO,EACF,UAAU,EACV,iBAAiB,EACjB,cAAc,EACd,cAAc,EACd,kBAAkB,EAClB,cAAc,EACd,kBAAkB,GACtB,CAAC"}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { ChevronLeft, ChevronRight, MoreHorizontal } from 'lucide-react';
|
|
4
|
+
import { cn } from '../../utils';
|
|
5
|
+
import { buttonVariants } from './button';
|
|
6
|
+
function Pagination({ className, ...props }) {
|
|
7
|
+
return (_jsx("nav", { role: "navigation", "aria-label": "pagination", "data-slot": "pagination", className: cn('mx-auto flex w-full justify-center', className), ...props }));
|
|
8
|
+
}
|
|
9
|
+
function PaginationContent({ className, ...props }) {
|
|
10
|
+
return (_jsx("ul", { "data-slot": "pagination-content", className: cn('flex flex-row items-center gap-1', className), ...props }));
|
|
11
|
+
}
|
|
12
|
+
function PaginationItem({ ...props }) {
|
|
13
|
+
return _jsx("li", { "data-slot": "pagination-item", ...props });
|
|
14
|
+
}
|
|
15
|
+
function PaginationLink({ className, isActive, size = 'icon', type = 'button', ...props }) {
|
|
16
|
+
return (_jsx("button", { "aria-current": isActive ? 'page' : undefined, "data-slot": "pagination-link", "data-active": isActive ? 'true' : 'false', className: cn(buttonVariants({
|
|
17
|
+
variant: isActive ? 'outline' : 'ghost',
|
|
18
|
+
size,
|
|
19
|
+
}), className), type: type, ...props }));
|
|
20
|
+
}
|
|
21
|
+
function PaginationPrevious({ className, ...props }) {
|
|
22
|
+
return (_jsxs(PaginationLink, { "aria-label": "Go to previous page", size: "default", className: cn('gap-1 px-2.5 sm:pl-2.5', className), ...props, children: [_jsx(ChevronLeft, { className: "size-4", "aria-hidden": "true" }), _jsx("span", { className: "hidden sm:block", children: "Previous" })] }));
|
|
23
|
+
}
|
|
24
|
+
function PaginationNext({ className, ...props }) {
|
|
25
|
+
return (_jsxs(PaginationLink, { "aria-label": "Go to next page", size: "default", className: cn('gap-1 px-2.5 sm:pr-2.5', className), ...props, children: [_jsx("span", { className: "hidden sm:block", children: "Next" }), _jsx(ChevronRight, { className: "size-4", "aria-hidden": "true" })] }));
|
|
26
|
+
}
|
|
27
|
+
function PaginationEllipsis({ className, ...props }) {
|
|
28
|
+
return (_jsxs("span", { "aria-hidden": "true", "data-slot": "pagination-ellipsis", className: cn('flex size-9 items-center justify-center', className), ...props, children: [_jsx(MoreHorizontal, { className: "size-4", "aria-hidden": "true" }), _jsx("span", { className: "sr-only", children: "More pages" })] }));
|
|
29
|
+
}
|
|
30
|
+
export { Pagination, PaginationContent, PaginationItem, PaginationLink, PaginationPrevious, PaginationNext, PaginationEllipsis, };
|
|
31
|
+
//# sourceMappingURL=pagination.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"pagination.js","sourceRoot":"","sources":["../../../../src/client/components/ui/pagination.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAEzE,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AACjC,OAAO,EAAE,cAAc,EAAe,MAAM,UAAU,CAAC;AAEvD,SAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAA+B;IACnE,OAAO,CACF,cACK,IAAI,EAAC,YAAY,gBACN,YAAY,eACb,YAAY,EACtB,SAAS,EAAE,EAAE,CAAC,oCAAoC,EAAE,SAAS,CAAC,KAC1D,KAAK,GACZ,CACN,CAAC;AACP,CAAC;AAED,SAAS,iBAAiB,CAAC,EACtB,SAAS,EACT,GAAG,KAAK,EACgB;IACxB,OAAO,CACF,0BACe,oBAAoB,EAC9B,SAAS,EAAE,EAAE,CAAC,kCAAkC,EAAE,SAAS,CAAC,KACxD,KAAK,GACZ,CACN,CAAC;AACP,CAAC;AAED,SAAS,cAAc,CAAC,EAAE,GAAG,KAAK,EAA8B;IAC3D,OAAO,0BAAc,iBAAiB,KAAK,KAAK,GAAI,CAAC;AAC1D,CAAC;AAOD,SAAS,cAAc,CAAC,EACnB,SAAS,EACT,QAAQ,EACR,IAAI,GAAG,MAAM,EACb,IAAI,GAAG,QAAQ,EACf,GAAG,KAAK,EACS;IACjB,OAAO,CACF,iCACmB,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,eACjC,iBAAiB,iBACd,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,EACxC,SAAS,EAAE,EAAE,CACR,cAAc,CAAC;YACV,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO;YACvC,IAAI;SACR,CAAC,EACF,SAAS,CACb,EACD,IAAI,EAAE,IAAI,KACN,KAAK,GACZ,CACN,CAAC;AACP,CAAC;AAED,SAAS,kBAAkB,CAAC,EACvB,SAAS,EACT,GAAG,KAAK,EACiC;IACzC,OAAO,CACF,MAAC,cAAc,kBACC,qBAAqB,EAChC,IAAI,EAAC,SAAS,EACd,SAAS,EAAE,EAAE,CAAC,wBAAwB,EAAE,SAAS,CAAC,KAC9C,KAAK,aAET,KAAC,WAAW,IAAC,SAAS,EAAC,QAAQ,iBAAa,MAAM,GAAG,EACrD,eAAM,SAAS,EAAC,iBAAiB,yBAAgB,IACrC,CACrB,CAAC;AACP,CAAC;AAED,SAAS,cAAc,CAAC,EACnB,SAAS,EACT,GAAG,KAAK,EACiC;IACzC,OAAO,CACF,MAAC,cAAc,kBACC,iBAAiB,EAC5B,IAAI,EAAC,SAAS,EACd,SAAS,EAAE,EAAE,CAAC,wBAAwB,EAAE,SAAS,CAAC,KAC9C,KAAK,aAET,eAAM,SAAS,EAAC,iBAAiB,qBAAY,EAC7C,KAAC,YAAY,IAAC,SAAS,EAAC,QAAQ,iBAAa,MAAM,GAAG,IAC1C,CACrB,CAAC;AACP,CAAC;AAED,SAAS,kBAAkB,CAAC,EACvB,SAAS,EACT,GAAG,KAAK,EACkB;IAC1B,OAAO,CACF,+BACiB,MAAM,eACR,qBAAqB,EAC/B,SAAS,EAAE,EAAE,CAAC,yCAAyC,EAAE,SAAS,CAAC,KAC/D,KAAK,aAET,KAAC,cAAc,IAAC,SAAS,EAAC,QAAQ,iBAAa,MAAM,GAAG,EACxD,eAAM,SAAS,EAAC,SAAS,2BAAkB,IACzC,CACX,CAAC;AACP,CAAC;AAED,OAAO,EACF,UAAU,EACV,iBAAiB,EACjB,cAAc,EACd,cAAc,EACd,kBAAkB,EAClB,cAAc,EACd,kBAAkB,GACtB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../../src/client/components/ui/popover.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAC;AAI5D,iBAAS,OAAO,CACX,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC,2CAG7D;AAED,iBAAS,cAAc,CAClB,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,2CAGhE;AAED,iBAAS,cAAc,CAAC,EACnB,SAAS,EACT,KAAgB,EAChB,UAAc,EACd,SAAS,EACT,GAAG,KAAK,EACZ,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,GAAG;IACtD,SAAS,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;CACnC,2CAeA;AAED,iBAAS,aAAa,CACjB,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,MAAM,CAAC,2CAG/D;AAED,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,aAAa,EAAE,CAAC"}
|