@nocobase/app-plugin-projects 0.0.0-stage → 0.1.0-beta.10

package/dist/client/components/data-table-column-header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-table-column-header.d.ts","sourceRoot":"","sources":["../../../client/components/data-table-column-header.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,MAAM,EAAiB,MAAM,uBAAuB,CAAC;AAEnE,OAAO,KAAK,EAAE,wBAAwB,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAK/E,MAAM,WAAW,0BAA0B,CAAC,KAAK,EAAE,MAAM,CAAE,SAAQ,IAAI,CACrE,wBAAwB,CAAC,KAAK,CAAC,EAC/B,OAAO,CACR;IACC,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;IACvC,QAAQ,CAAC,KAAK,EAAE,SAAS,CAAC;CAC3B;AAYD;;;;;GAKG;AACH,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,MAAM,EAAE,EACnD,MAAM,EACN,KAAK,EACL,SAAS,EACT,GAAG,KAAK,EACT,EAAE,0BAA0B,CAAC,KAAK,EAAE,MAAM,CAAC,GAAG,YAAY,CA0C1D"}

package/dist/client/components/data-table-column-header.js

@@ -0,0 +1,39 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useTranslation } from '@nocobase/i18n/client';
+import { ArrowDownIcon, ArrowUpIcon, ChevronsUpDownIcon } from 'lucide-react';
+import { Button } from './ui/button.js';
+import { cn } from 'cn';
+function SortIcon({ direction, }) {
+    if (direction === 'desc')
+        return _jsx(ArrowDownIcon, {});
+    if (direction === 'asc')
+        return _jsx(ArrowUpIcon, {});
+    return _jsx(ChevronsUpDownIcon, {});
+}
+/**
+ * A sortable column header: clicking it cycles ascending → descending → unsorted and
+ * the icon shows the current state. There is no menu on the header; hiding columns lives in `DataTableViewOptions`.
+ * Use it as the `header` of a column definition:
+ * `header: ({ column }) => <DataTableColumnHeader column={column} title='Email' />`.
+ */
+export function DataTableColumnHeader({ column, title, className, ...props }) {
+    const { t } = useTranslation();
+    if (!column.getCanSort()) {
+        return (_jsx("div", { className: cn(className), ...props, children: title }));
+    }
+    const direction = column.getIsSorted();
+    function cycle() {
+        if (direction === false)
+            column.toggleSorting(false);
+        else if (direction === 'asc')
+            column.toggleSorting(true);
+        else
+            column.clearSorting();
+    }
+    return (_jsx("div", { className: cn('flex items-center gap-2', className), ...props, children: _jsxs(Button, { variant: 'ghost', size: 'sm', className: cn('-ml-2.5 h-8 px-2.5 font-medium', direction ? 'text-foreground' : 'text-muted-foreground'), "data-sort": direction || 'none', title: direction === 'asc'
+                ? t('dataTable.sortAscending', { defaultValue: 'Asc' })
+                : direction === 'desc'
+                    ? t('dataTable.sortDescending', { defaultValue: 'Desc' })
+                    : undefined, onClick: cycle, children: [_jsx("span", { children: title }), _jsx(SortIcon, { direction: direction })] }) }));
+}
+//# sourceMappingURL=data-table-column-header.js.map

package/dist/client/components/data-table-column-header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-table-column-header.js","sourceRoot":"","sources":["../../../client/components/data-table-column-header.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEvD,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAG9E,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AACxC,OAAO,EAAE,EAAE,EAAE,MAAM,IAAI,CAAC;AAUxB,SAAS,QAAQ,CAAC,EAChB,SAAS,GAGV;IACC,IAAI,SAAS,KAAK,MAAM;QAAE,OAAO,KAAC,aAAa,KAAG,CAAC;IACnD,IAAI,SAAS,KAAK,KAAK;QAAE,OAAO,KAAC,WAAW,KAAG,CAAC;IAChD,OAAO,KAAC,kBAAkB,KAAG,CAAC;AAChC,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,qBAAqB,CAAgB,EACnD,MAAM,EACN,KAAK,EACL,SAAS,EACT,GAAG,KAAK,EACkC;IAC1C,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAC;IAE/B,IAAI,CAAC,MAAM,CAAC,UAAU,EAAE,EAAE,CAAC;QACzB,OAAO,CACL,cAAK,SAAS,EAAE,EAAE,CAAC,SAAS,CAAC,KAAM,KAAK,YACrC,KAAK,GACF,CACP,CAAC;IACJ,CAAC;IAED,MAAM,SAAS,GAAG,MAAM,CAAC,WAAW,EAAE,CAAC;IACvC,SAAS,KAAK;QACZ,IAAI,SAAS,KAAK,KAAK;YAAE,MAAM,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;aAChD,IAAI,SAAS,KAAK,KAAK;YAAE,MAAM,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;;YACpD,MAAM,CAAC,YAAY,EAAE,CAAC;IAC7B,CAAC;IAED,OAAO,CACL,cAAK,SAAS,EAAE,EAAE,CAAC,yBAAyB,EAAE,SAAS,CAAC,KAAM,KAAK,YACjE,MAAC,MAAM,IACL,OAAO,EAAC,OAAO,EACf,IAAI,EAAC,IAAI,EACT,SAAS,EAAE,EAAE,CACX,gCAAgC,EAChC,SAAS,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,uBAAuB,CACxD,eACU,SAAS,IAAI,MAAM,EAC9B,KAAK,EACH,SAAS,KAAK,KAAK;gBACjB,CAAC,CAAC,CAAC,CAAC,yBAAyB,EAAE,EAAE,YAAY,EAAE,KAAK,EAAE,CAAC;gBACvD,CAAC,CAAC,SAAS,KAAK,MAAM;oBACpB,CAAC,CAAC,CAAC,CAAC,0BAA0B,EAAE,EAAE,YAAY,EAAE,MAAM,EAAE,CAAC;oBACzD,CAAC,CAAC,SAAS,EAEjB,OAAO,EAAE,KAAK,aAEd,yBAAO,KAAK,GAAQ,EACpB,KAAC,QAAQ,IAAC,SAAS,EAAE,SAAS,GAAI,IAC3B,GACL,CACP,CAAC;AACJ,CAAC"}

package/dist/client/components/data-table-pagination.d.ts

@@ -0,0 +1,15 @@
+import type { Table as TableInstance } from '@tanstack/react-table';
+import type { ComponentPropsWithoutRef, ReactElement } from 'react';
+export interface DataTablePaginationProps<TData> extends ComponentPropsWithoutRef<'div'> {
+    readonly table: TableInstance<TData>;
+    readonly pageSizeOptions?: readonly number[];
+    /** Hide the "n of m selected" summary for tables without row selection. */
+    readonly showSelectedCount?: boolean;
+}
+/**
+ * Pagination controls for a TanStack table: selected-row summary, page size,
+ * current page, and first/previous/next/last buttons. `DataTable` renders it
+ * for you; use it directly when composing a table by hand.
+ */
+export declare function DataTablePagination<TData>({ table, pageSizeOptions, showSelectedCount, className, ...props }: DataTablePaginationProps<TData>): ReactElement;
+//# sourceMappingURL=data-table-pagination.d.ts.map

package/dist/client/components/data-table-pagination.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-table-pagination.d.ts","sourceRoot":"","sources":["../../../client/components/data-table-pagination.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,KAAK,IAAI,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAOpE,OAAO,KAAK,EAAE,wBAAwB,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAYpE,MAAM,WAAW,wBAAwB,CACvC,KAAK,CACL,SAAQ,wBAAwB,CAAC,KAAK,CAAC;IACvC,QAAQ,CAAC,KAAK,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC;IACrC,QAAQ,CAAC,eAAe,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAC7C,2EAA2E;IAC3E,QAAQ,CAAC,iBAAiB,CAAC,EAAE,OAAO,CAAC;CACtC;AAID;;;;GAIG;AACH,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,EACzC,KAAK,EACL,eAA2C,EAC3C,iBAAwB,EACxB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,wBAAwB,CAAC,KAAK,CAAC,GAAG,YAAY,CAuHhD"}

package/dist/client/components/data-table-pagination.js

@@ -0,0 +1,41 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useTranslation } from '@nocobase/i18n/client';
+import { ChevronLeftIcon, ChevronRightIcon, ChevronsLeftIcon, ChevronsRightIcon, } from 'lucide-react';
+import { Button } from './ui/button.js';
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from './ui/select.js';
+import { cn } from 'cn';
+const DEFAULT_PAGE_SIZE_OPTIONS = [10, 20, 30, 40, 50];
+/**
+ * Pagination controls for a TanStack table: selected-row summary, page size,
+ * current page, and first/previous/next/last buttons. `DataTable` renders it
+ * for you; use it directly when composing a table by hand.
+ */
+export function DataTablePagination({ table, pageSizeOptions = DEFAULT_PAGE_SIZE_OPTIONS, showSelectedCount = true, className, ...props }) {
+    const { t } = useTranslation();
+    const { pageIndex, pageSize } = table.getState().pagination;
+    const pageCount = Math.max(table.getPageCount(), 1);
+    const selected = table.getFilteredSelectedRowModel().rows.length;
+    const total = table.getFilteredRowModel().rows.length;
+    const options = pageSizeOptions.includes(pageSize)
+        ? pageSizeOptions
+        : [...pageSizeOptions, pageSize].sort((a, b) => a - b);
+    return (_jsxs("div", { className: cn('flex flex-wrap items-center justify-between gap-4 px-2', className), ...props, children: [_jsx("div", { className: 'flex-1 text-sm text-muted-foreground', children: showSelectedCount
+                    ? t('dataTable.selectedCount', {
+                        defaultValue: '{{selected}} of {{total}} row(s) selected.',
+                        selected,
+                        total,
+                    })
+                    : null }), _jsxs("div", { className: 'flex flex-wrap items-center gap-6 lg:gap-8', children: [_jsxs("div", { className: 'flex items-center gap-2', children: [_jsx("p", { className: 'text-sm font-medium', children: t('dataTable.rowsPerPage', { defaultValue: 'Rows per page' }) }), _jsxs(Select, { value: String(pageSize), onValueChange: (value) => {
+                                    if (value)
+                                        table.setPageSize(Number(value));
+                                }, children: [_jsx(SelectTrigger, { size: 'sm', className: 'w-[70px]', "aria-label": t('dataTable.rowsPerPage', {
+                                            defaultValue: 'Rows per page',
+                                        }), children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { side: 'top', className: 'w-auto max-w-[min(var(--container-sm),var(--available-width))] min-w-(--anchor-width) [&_[data-slot=select-item]>:first-child]:whitespace-normal', children: options.map((size) => (_jsx(SelectItem, { value: String(size), children: size }, size))) })] })] }), _jsx("div", { className: 'flex w-[100px] items-center justify-center text-sm font-medium', children: t('dataTable.pageOf', {
+                            defaultValue: 'Page {{page}} of {{pageCount}}',
+                            page: pageIndex + 1,
+                            pageCount,
+                        }) }), _jsxs("div", { className: 'flex items-center gap-2', children: [_jsxs(Button, { variant: 'outline', size: 'icon-sm', className: 'hidden lg:flex', onClick: () => table.setPageIndex(0), disabled: !table.getCanPreviousPage(), children: [_jsx("span", { className: 'sr-only', children: t('dataTable.firstPage', { defaultValue: 'Go to first page' }) }), _jsx(ChevronsLeftIcon, {})] }), _jsxs(Button, { variant: 'outline', size: 'icon-sm', onClick: () => table.previousPage(), disabled: !table.getCanPreviousPage(), children: [_jsx("span", { className: 'sr-only', children: t('dataTable.previousPage', {
+                                            defaultValue: 'Go to previous page',
+                                        }) }), _jsx(ChevronLeftIcon, {})] }), _jsxs(Button, { variant: 'outline', size: 'icon-sm', onClick: () => table.nextPage(), disabled: !table.getCanNextPage(), children: [_jsx("span", { className: 'sr-only', children: t('dataTable.nextPage', { defaultValue: 'Go to next page' }) }), _jsx(ChevronRightIcon, {})] }), _jsxs(Button, { variant: 'outline', size: 'icon-sm', className: 'hidden lg:flex', onClick: () => table.setPageIndex(pageCount - 1), disabled: !table.getCanNextPage(), children: [_jsx("span", { className: 'sr-only', children: t('dataTable.lastPage', { defaultValue: 'Go to last page' }) }), _jsx(ChevronsRightIcon, {})] })] })] })] }));
+}
+//# sourceMappingURL=data-table-pagination.js.map

package/dist/client/components/data-table-pagination.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-table-pagination.js","sourceRoot":"","sources":["../../../client/components/data-table-pagination.tsx"],"names":[],"mappings":"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"}

package/dist/client/components/data-table-view-options.d.ts

@@ -0,0 +1,14 @@
+import type { Column, Table as TableInstance } from '@tanstack/react-table';
+import type { ReactElement, ReactNode } from 'react';
+export interface DataTableViewOptionsProps<TData> {
+    readonly table: TableInstance<TData>;
+    readonly className?: string;
+    /** Label for a column in the menu; defaults to the column id. */
+    readonly getColumnLabel?: (column: Column<TData, unknown>) => ReactNode;
+}
+/**
+ * A "View" menu that toggles the visibility of every hideable accessor column.
+ * Render it from the `toolbar` of `DataTable`.
+ */
+export declare function DataTableViewOptions<TData>({ table, className, getColumnLabel, }: DataTableViewOptionsProps<TData>): ReactElement;
+//# sourceMappingURL=data-table-view-options.d.ts.map

package/dist/client/components/data-table-view-options.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-table-view-options.d.ts","sourceRoot":"","sources":["../../../client/components/data-table-view-options.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAE5E,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAcrD,MAAM,WAAW,yBAAyB,CAAC,KAAK;IAC9C,QAAQ,CAAC,KAAK,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC;IACrC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B,iEAAiE;IACjE,QAAQ,CAAC,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,EAAE,OAAO,CAAC,KAAK,SAAS,CAAC;CACzE;AAED;;;GAGG;AACH,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,EAC1C,KAAK,EACL,SAAS,EACT,cAAc,GACf,EAAE,yBAAyB,CAAC,KAAK,CAAC,GAAG,YAAY,CA4CjD"}

package/dist/client/components/data-table-view-options.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useTranslation } from '@nocobase/i18n/client';
+import { Settings2Icon } from 'lucide-react';
+import { Button } from './ui/button.js';
+import { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger, } from './ui/dropdown-menu.js';
+import { cn } from 'cn';
+/**
+ * A "View" menu that toggles the visibility of every hideable accessor column.
+ * Render it from the `toolbar` of `DataTable`.
+ */
+export function DataTableViewOptions({ table, className, getColumnLabel, }) {
+    const { t } = useTranslation();
+    const columns = table
+        .getAllColumns()
+        .filter((column) => typeof column.accessorFn !== 'undefined' && column.getCanHide());
+    return (_jsxs(DropdownMenu, { children: [_jsxs(DropdownMenuTrigger, { render: _jsx(Button, { variant: 'outline', size: 'sm', className: cn('ml-auto hidden h-8 lg:flex', className) }), children: [_jsx(Settings2Icon, {}), t('dataTable.view', { defaultValue: 'View' })] }), _jsx(DropdownMenuContent, { align: 'end', className: 'w-[150px]', children: _jsxs(DropdownMenuGroup, { children: [_jsx(DropdownMenuLabel, { children: t('dataTable.toggleColumns', { defaultValue: 'Toggle columns' }) }), _jsx(DropdownMenuSeparator, {}), columns.map((column) => (_jsx(DropdownMenuCheckboxItem, { className: 'capitalize', checked: column.getIsVisible(), onCheckedChange: (checked) => column.toggleVisibility(checked), children: getColumnLabel ? getColumnLabel(column) : column.id }, column.id)))] }) })] }));
+}
+//# sourceMappingURL=data-table-view-options.js.map

package/dist/client/components/data-table-view-options.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-table-view-options.js","sourceRoot":"","sources":["../../../client/components/data-table-view-options.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEvD,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAG7C,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AACxC,OAAO,EACL,YAAY,EACZ,wBAAwB,EACxB,mBAAmB,EACnB,iBAAiB,EACjB,iBAAiB,EACjB,qBAAqB,EACrB,mBAAmB,GACpB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,EAAE,EAAE,MAAM,IAAI,CAAC;AASxB;;;GAGG;AACH,MAAM,UAAU,oBAAoB,CAAQ,EAC1C,KAAK,EACL,SAAS,EACT,cAAc,GACmB;IACjC,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAC;IAC/B,MAAM,OAAO,GAAG,KAAK;SAClB,aAAa,EAAE;SACf,MAAM,CACL,CAAC,MAAM,EAAE,EAAE,CACT,OAAO,MAAM,CAAC,UAAU,KAAK,WAAW,IAAI,MAAM,CAAC,UAAU,EAAE,CAClE,CAAC;IAEJ,OAAO,CACL,MAAC,YAAY,eACX,MAAC,mBAAmB,IAClB,MAAM,EACJ,KAAC,MAAM,IACL,OAAO,EAAC,SAAS,EACjB,IAAI,EAAC,IAAI,EACT,SAAS,EAAE,EAAE,CAAC,4BAA4B,EAAE,SAAS,CAAC,GACtD,aAGJ,KAAC,aAAa,KAAG,EAChB,CAAC,CAAC,gBAAgB,EAAE,EAAE,YAAY,EAAE,MAAM,EAAE,CAAC,IAC1B,EACtB,KAAC,mBAAmB,IAAC,KAAK,EAAC,KAAK,EAAC,SAAS,EAAC,WAAW,YAEpD,MAAC,iBAAiB,eAChB,KAAC,iBAAiB,cACf,CAAC,CAAC,yBAAyB,EAAE,EAAE,YAAY,EAAE,gBAAgB,EAAE,CAAC,GAC/C,EACpB,KAAC,qBAAqB,KAAG,EACxB,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACvB,KAAC,wBAAwB,IAEvB,SAAS,EAAC,YAAY,EACtB,OAAO,EAAE,MAAM,CAAC,YAAY,EAAE,EAC9B,eAAe,EAAE,CAAC,OAAO,EAAE,EAAE,CAAC,MAAM,CAAC,gBAAgB,CAAC,OAAO,CAAC,YAE7D,cAAc,CAAC,CAAC,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,EAAE,IAL/C,MAAM,CAAC,EAAE,CAMW,CAC5B,CAAC,IACgB,GACA,IACT,CAChB,CAAC;AACJ,CAAC"}

package/dist/client/components/data-table-virtual.d.ts

@@ -0,0 +1,12 @@
+import { type Row, type Table as TableInstance } from '@tanstack/react-table';
+import { type ReactElement } from 'react';
+/**
+ * The body of `DataTable` past its `virtualizeAfter` threshold: the same header and cells, rendered by
+ * `react-virtuoso`'s `TableVirtuoso` against the nearest scrolling ancestor, so a few thousand issues scroll without
+ * rendering every row.
+ */
+export declare function DataTableVirtual<TData>({ table, onRowClick, }: {
+    readonly table: TableInstance<TData>;
+    readonly onRowClick?: (row: Row<TData>) => void;
+}): ReactElement;
+//# sourceMappingURL=data-table-virtual.d.ts.map

package/dist/client/components/data-table-virtual.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-table-virtual.d.ts","sourceRoot":"","sources":["../../../client/components/data-table-virtual.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,GAAG,EACR,KAAK,KAAK,IAAI,aAAa,EAE5B,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,KAAK,YAAY,EAAY,MAAM,OAAO,CAAC;AAuDpD;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,EACtC,KAAK,EACL,UAAU,GACX,EAAE;IACD,QAAQ,CAAC,KAAK,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC;IACrC,QAAQ,CAAC,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,CAAC,KAAK,CAAC,KAAK,IAAI,CAAC;CACjD,GAAG,YAAY,CAyDf"}

package/dist/client/components/data-table-virtual.js

@@ -0,0 +1,38 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { flexRender, } from '@tanstack/react-table';
+import { useState } from 'react';
+import { TableVirtuoso, } from 'react-virtuoso';
+import { cn } from 'cn';
+import { findScrollParent } from './pm-scroll-parent.js';
+// Stable components: TableVirtuoso remounts rows whenever these identities change.
+function VirtualTable({ style, children }) {
+    return (_jsx("table", { "data-slot": 'table', style: style, className: 'w-full caption-bottom text-sm', children: children }));
+}
+function VirtualRow({ style, children, context, ...data }) {
+    const index = data['data-index'];
+    const onRowClick = context.onRowClick;
+    return (_jsx("tr", { "data-slot": 'table-row', "data-index": data['data-index'], "data-known-size": data['data-known-size'], style: style, className: cn('border-b transition-colors hover:bg-muted/50', onRowClick && 'cursor-pointer'), onClick: onRowClick ? () => onRowClick(index) : undefined, children: children }));
+}
+/**
+ * The body of `DataTable` past its `virtualizeAfter` threshold: the same header and cells, rendered by
+ * `react-virtuoso`'s `TableVirtuoso` against the nearest scrolling ancestor, so a few thousand issues scroll without
+ * rendering every row.
+ */
+export function DataTableVirtual({ table, onRowClick, }) {
+    const [anchor, setAnchor] = useState(null);
+    const rows = table.getRowModel().rows;
+    const scrollParent = anchor ? findScrollParent(anchor) : null;
+    const context = {
+        onRowClick: onRowClick
+            ? (index) => {
+                const row = rows[index];
+                if (row)
+                    onRowClick(row);
+            }
+            : undefined,
+    };
+    return (_jsx("div", { ref: setAnchor, "data-virtualized": '', className: 'relative w-full', children: anchor ? (_jsx(TableVirtuoso, { data: rows, context: context, customScrollParent: scrollParent ?? undefined, useWindowScroll: !scrollParent, increaseViewportBy: 600, computeItemKey: (_, row) => row.id, components: { Table: VirtualTable, TableRow: VirtualRow }, fixedHeaderContent: () => table.getHeaderGroups().map((headerGroup) => (_jsx("tr", { className: 'border-b bg-muted', children: headerGroup.headers.map((header) => (_jsx("th", { colSpan: header.colSpan, className: 'h-10 px-3 text-left align-middle font-medium whitespace-nowrap text-muted-foreground', children: header.isPlaceholder
+                        ? null
+                        : flexRender(header.column.columnDef.header, header.getContext()) }, header.id))) }, headerGroup.id))), itemContent: (_, row) => row.getVisibleCells().map((cell) => (_jsx("td", { className: 'p-2 px-3 align-middle whitespace-nowrap', children: flexRender(cell.column.columnDef.cell, cell.getContext()) }, cell.id))) })) : null }));
+}
+//# sourceMappingURL=data-table-virtual.js.map

package/dist/client/components/data-table-virtual.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-table-virtual.js","sourceRoot":"","sources":["../../../client/components/data-table-virtual.tsx"],"names":[],"mappings":";AAAA,OAAO,EAGL,UAAU,GACX,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAqB,QAAQ,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,EAIL,aAAa,GACd,MAAM,gBAAgB,CAAC;AAExB,OAAO,EAAE,EAAE,EAAE,MAAM,IAAI,CAAC;AAExB,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAOzD,mFAAmF;AACnF,SAAS,YAAY,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAc;IACnD,OAAO,CACL,6BACY,OAAO,EACjB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAC,+BAA+B,YAExC,QAAQ,GACH,CACT,CAAC;AACJ,CAAC;AAED,SAAS,UAAU,CAAC,EAClB,KAAK,EACL,QAAQ,EACR,OAAO,EACP,GAAG,IAAI,EAC0C;IACjD,MAAM,KAAK,GAAG,IAAI,CAAC,YAAY,CAAC,CAAC;IACjC,MAAM,UAAU,GAAG,OAAO,CAAC,UAAU,CAAC;IACtC,OAAO,CACL,0BACY,WAAW,gBACT,IAAI,CAAC,YAAY,CAAC,qBACb,IAAI,CAAC,iBAAiB,CAAC,EACxC,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,EAAE,CACX,8CAA8C,EAC9C,UAAU,IAAI,gBAAgB,CAC/B,EACD,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,YAExD,QAAQ,GACN,CACN,CAAC;AACJ,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,gBAAgB,CAAQ,EACtC,KAAK,EACL,UAAU,GAIX;IACC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAwB,IAAI,CAAC,CAAC;IAClE,MAAM,IAAI,GAAG,KAAK,CAAC,WAAW,EAAE,CAAC,IAAI,CAAC;IACtC,MAAM,YAAY,GAAG,MAAM,CAAC,CAAC,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IAC9D,MAAM,OAAO,GAAmB;QAC9B,UAAU,EAAE,UAAU;YACpB,CAAC,CAAC,CAAC,KAAK,EAAE,EAAE;gBACR,MAAM,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC;gBACxB,IAAI,GAAG;oBAAE,UAAU,CAAC,GAAG,CAAC,CAAC;YAC3B,CAAC;YACH,CAAC,CAAC,SAAS;KACd,CAAC;IACF,OAAO,CACL,cAAK,GAAG,EAAE,SAAS,sBAAmB,EAAE,EAAC,SAAS,EAAC,iBAAiB,YACjE,MAAM,CAAC,CAAC,CAAC,CACR,KAAC,aAAa,IACZ,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,kBAAkB,EAAE,YAAY,IAAI,SAAS,EAC7C,eAAe,EAAE,CAAC,YAAY,EAC9B,kBAAkB,EAAE,GAAG,EACvB,cAAc,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,EAAE,EAClC,UAAU,EAAE,EAAE,KAAK,EAAE,YAAY,EAAE,QAAQ,EAAE,UAAU,EAAE,EACzD,kBAAkB,EAAE,GAAG,EAAE,CACvB,KAAK,CAAC,eAAe,EAAE,CAAC,GAAG,CAAC,CAAC,WAAW,EAAE,EAAE,CAAC,CAC3C,aAAyB,SAAS,EAAC,mBAAmB,YACnD,WAAW,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACnC,aAEE,OAAO,EAAE,MAAM,CAAC,OAAO,EACvB,SAAS,EAAC,sFAAsF,YAE/F,MAAM,CAAC,aAAa;wBACnB,CAAC,CAAC,IAAI;wBACN,CAAC,CAAC,UAAU,CACR,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,MAAM,EAC9B,MAAM,CAAC,UAAU,EAAE,CACpB,IATA,MAAM,CAAC,EAAE,CAUX,CACN,CAAC,IAdK,WAAW,CAAC,EAAE,CAelB,CACN,CAAC,EAEJ,WAAW,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,EAAE,CACtB,GAAG,CAAC,eAAe,EAAE,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAClC,aAEE,SAAS,EAAC,yCAAyC,YAElD,UAAU,CAAC,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,EAAE,IAAI,CAAC,UAAU,EAAE,CAAC,IAHrD,IAAI,CAAC,EAAE,CAIT,CACN,CAAC,GAEJ,CACH,CAAC,CAAC,CAAC,IAAI,GACJ,CACP,CAAC;AACJ,CAAC"}

package/dist/client/components/data-table.d.ts

@@ -0,0 +1,49 @@
+import { type ColumnDef, type Row, type Table as TableInstance } from '@tanstack/react-table';
+import { type ReactElement, type ReactNode } from 'react';
+declare module '@tanstack/react-table' {
+    interface ColumnMeta<TData, TValue> {
+        readonly className?: string;
+    }
+}
+export interface DataTableProps<TData, TValue = unknown> {
+    readonly columns: ColumnDef<TData, TValue>[];
+    readonly data: TData[];
+    readonly className?: string;
+    /**
+     * Rendered above the table and handed the table instance, so filters and
+     * `DataTableViewOptions` can read and drive its state.
+     */
+    readonly toolbar?: (table: TableInstance<TData>) => ReactNode;
+    /** Shown in place of the body when no row survives filtering. */
+    readonly emptyMessage?: ReactNode;
+    /** Set to `false` to render every row and hide the pagination footer. */
+    readonly pagination?: boolean;
+    readonly pageSize?: number;
+    readonly pageSizeOptions?: readonly number[];
+    /** Set to `false` to hide the "n of m row(s) selected" summary, for tables without row selection. */
+    readonly showSelectedCount?: boolean;
+    readonly getRowId?: (row: TData, index: number, parent?: Row<TData>) => string;
+    readonly onRowClick?: (row: Row<TData>) => void;
+    /**
+     * With `pagination={false}`, past this many rows the body is virtualized (`react-virtuoso`), rendering only the
+     * rows on screen. The issue list sets 200.
+     */
+    readonly virtualizeAfter?: number;
+    /**
+     * Fill the parent's height (a flex column): the body scrolls inside the frame under a sticky header row, so the
+     * page itself does not scroll. The parent must give the table a bounded height.
+     */
+    readonly fillHeight?: boolean;
+}
+/**
+ * A table driven by TanStack Table with client-side sorting, filtering, column
+ * visibility, row selection and pagination, composed from the shadcn `Table`
+ * primitive the way the shadcn Data Table guide describes.
+ *
+ * Column definitions decide what each feature does: sort through
+ * `DataTableColumnHeader`, filter from the `toolbar` with
+ * `table.getColumn(id)?.setFilterValue(...)`, and select rows with a display
+ * column that renders a `Checkbox`.
+ */
+export declare function DataTable<TData, TValue = unknown>({ columns, data, className, toolbar, emptyMessage, pagination, pageSize, pageSizeOptions, showSelectedCount, getRowId, onRowClick, virtualizeAfter, fillHeight, }: DataTableProps<TData, TValue>): ReactElement;
+//# sourceMappingURL=data-table.d.ts.map

package/dist/client/components/data-table.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-table.d.ts","sourceRoot":"","sources":["../../../client/components/data-table.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,SAAS,EAEd,KAAK,GAAG,EAGR,KAAK,KAAK,IAAI,aAAa,EAQ5B,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,KAAK,YAAY,EAAE,KAAK,SAAS,EAAY,MAAM,OAAO,CAAC;AAcpE,OAAO,QAAQ,uBAAuB,CAAC;IAIrC,UAAU,UAAU,CAAC,KAAK,EAAE,MAAM;QAChC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;KAC7B;CACF;AAED,MAAM,WAAW,cAAc,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO;IACrD,QAAQ,CAAC,OAAO,EAAE,SAAS,CAAC,KAAK,EAAE,MAAM,CAAC,EAAE,CAAC;IAC7C,QAAQ,CAAC,IAAI,EAAE,KAAK,EAAE,CAAC;IACvB,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B;;;OAGG;IACH,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,CAAC,KAAK,CAAC,KAAK,SAAS,CAAC;IAC9D,iEAAiE;IACjE,QAAQ,CAAC,YAAY,CAAC,EAAE,SAAS,CAAC;IAClC,yEAAyE;IACzE,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAC;IAC9B,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,eAAe,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAC7C,qGAAqG;IACrG,QAAQ,CAAC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IACrC,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAClB,GAAG,EAAE,KAAK,EACV,KAAK,EAAE,MAAM,EACb,MAAM,CAAC,EAAE,GAAG,CAAC,KAAK,CAAC,KAChB,MAAM,CAAC;IACZ,QAAQ,CAAC,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,CAAC,KAAK,CAAC,KAAK,IAAI,CAAC;IAChD;;;OAGG;IACH,QAAQ,CAAC,eAAe,CAAC,EAAE,MAAM,CAAC;IAClC;;;OAGG;IACH,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAC;CAC/B;AAED;;;;;;;;;GASG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,EAAE,EACjD,OAAO,EACP,IAAI,EACJ,SAAS,EACT,OAAO,EACP,YAAY,EACZ,UAAiB,EACjB,QAAa,EACb,eAAe,EACf,iBAAwB,EACxB,QAAQ,EACR,UAAU,EACV,eAAe,EACf,UAAkB,GACnB,EAAE,cAAc,CAAC,KAAK,EAAE,MAAM,CAAC,GAAG,YAAY,CAgJ9C"}

package/dist/client/components/data-table.js

@@ -0,0 +1,56 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useTranslation } from '@nocobase/i18n/client';
+import { flexRender, getCoreRowModel, getFilteredRowModel, getPaginationRowModel, getSortedRowModel, useReactTable, } from '@tanstack/react-table';
+import { useState } from 'react';
+import { DataTablePagination } from './data-table-pagination.js';
+import { DataTableVirtual } from './data-table-virtual.js';
+import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow, } from './ui/table.js';
+import { cn } from 'cn';
+/**
+ * A table driven by TanStack Table with client-side sorting, filtering, column
+ * visibility, row selection and pagination, composed from the shadcn `Table`
+ * primitive the way the shadcn Data Table guide describes.
+ *
+ * Column definitions decide what each feature does: sort through
+ * `DataTableColumnHeader`, filter from the `toolbar` with
+ * `table.getColumn(id)?.setFilterValue(...)`, and select rows with a display
+ * column that renders a `Checkbox`.
+ */
+export function DataTable({ columns, data, className, toolbar, emptyMessage, pagination = true, pageSize = 10, pageSizeOptions, showSelectedCount = true, getRowId, onRowClick, virtualizeAfter, fillHeight = false, }) {
+    const { t } = useTranslation();
+    const [sorting, setSorting] = useState([]);
+    const [columnFilters, setColumnFilters] = useState([]);
+    const [columnVisibility, setColumnVisibility] = useState({});
+    const [rowSelection, setRowSelection] = useState({});
+    // TanStack Table hands back one mutable instance that the React Compiler
+    // cannot memoize, so it skips compiling this component; the table is still
+    // correct without it.
+    // eslint-disable-next-line react-hooks/incompatible-library
+    const table = useReactTable({
+        data,
+        columns,
+        getRowId,
+        state: { sorting, columnFilters, columnVisibility, rowSelection },
+        initialState: { pagination: { pageSize } },
+        onSortingChange: setSorting,
+        onColumnFiltersChange: setColumnFilters,
+        onColumnVisibilityChange: setColumnVisibility,
+        onRowSelectionChange: setRowSelection,
+        getCoreRowModel: getCoreRowModel(),
+        getSortedRowModel: getSortedRowModel(),
+        getFilteredRowModel: getFilteredRowModel(),
+        ...(pagination ? { getPaginationRowModel: getPaginationRowModel() } : {}),
+    });
+    const rows = table.getRowModel().rows;
+    const virtualized = !pagination &&
+        virtualizeAfter !== undefined &&
+        rows.length > virtualizeAfter;
+    return (_jsxs("div", { className: cn('flex flex-col gap-4', fillHeight && 'min-h-0 flex-1', className), children: [toolbar ? (_jsx("div", { className: 'flex items-center gap-2', children: toolbar(table) })) : null, virtualized ? (_jsx("div", { className: cn('rounded-lg border bg-card', fillHeight && 'min-h-0 flex-1 overflow-auto'), children: _jsx(DataTableVirtual, { table: table, onRowClick: onRowClick }) })) : (_jsx("div", { className: cn('overflow-hidden rounded-lg border bg-card', 
+                // The primitive's own overflow container becomes the scroller, so the sticky header stays in view.
+                fillHeight &&
+                    'min-h-0 flex-1 [&_[data-slot=table-container]]:h-full [&_[data-slot=table-container]]:overflow-auto'), children: _jsxs(Table, { children: [_jsx(TableHeader, { className: fillHeight ? 'sticky top-0 z-10 bg-muted shadow-2xs' : undefined, children: table.getHeaderGroups().map((headerGroup) => (_jsx(TableRow, { className: 'bg-muted/40 hover:bg-muted/40', children: headerGroup.headers.map((header) => (_jsx(TableHead, { colSpan: header.colSpan, className: cn('px-3 text-muted-foreground', header.column.columnDef.meta?.className), children: header.isPlaceholder
+                                        ? null
+                                        : flexRender(header.column.columnDef.header, header.getContext()) }, header.id))) }, headerGroup.id))) }), _jsx(TableBody, { children: rows.length > 0 ? (rows.map((row) => (_jsx(TableRow, { "data-state": row.getIsSelected() ? 'selected' : undefined, className: onRowClick ? 'cursor-pointer' : undefined, onClick: onRowClick ? () => onRowClick(row) : undefined, children: row.getVisibleCells().map((cell) => (_jsx(TableCell, { className: cn('px-3', cell.column.columnDef.meta?.className), children: flexRender(cell.column.columnDef.cell, cell.getContext()) }, cell.id))) }, row.id)))) : (_jsx(TableRow, { children: _jsx(TableCell, { colSpan: columns.length, className: 'h-24 text-center text-muted-foreground', children: emptyMessage ??
+                                        t('dataTable.noResults', { defaultValue: 'No results.' }) }) })) })] }) })), pagination ? (_jsx(DataTablePagination, { table: table, pageSizeOptions: pageSizeOptions, showSelectedCount: showSelectedCount })) : null] }));
+}
+//# sourceMappingURL=data-table.js.map

package/dist/client/components/data-table.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-table.js","sourceRoot":"","sources":["../../../client/components/data-table.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAQL,UAAU,EACV,eAAe,EACf,mBAAmB,EACnB,qBAAqB,EACrB,iBAAiB,EACjB,aAAa,GACd,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAqC,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEpE,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,EACL,KAAK,EACL,SAAS,EACT,SAAS,EACT,SAAS,EACT,WAAW,EACX,QAAQ,GACT,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,EAAE,EAAE,MAAM,IAAI,CAAC;AA8CxB;;;;;;;;;GASG;AACH,MAAM,UAAU,SAAS,CAA0B,EACjD,OAAO,EACP,IAAI,EACJ,SAAS,EACT,OAAO,EACP,YAAY,EACZ,UAAU,GAAG,IAAI,EACjB,QAAQ,GAAG,EAAE,EACb,eAAe,EACf,iBAAiB,GAAG,IAAI,EACxB,QAAQ,EACR,UAAU,EACV,eAAe,EACf,UAAU,GAAG,KAAK,GACY;IAC9B,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAC;IAC/B,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAe,EAAE,CAAC,CAAC;IACzD,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAqB,EAAE,CAAC,CAAC;IAC3E,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAkB,EAAE,CAAC,CAAC;IAC9E,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAoB,EAAE,CAAC,CAAC;IAExE,yEAAyE;IACzE,2EAA2E;IAC3E,sBAAsB;IACtB,4DAA4D;IAC5D,MAAM,KAAK,GAAG,aAAa,CAAC;QAC1B,IAAI;QACJ,OAAO;QACP,QAAQ;QACR,KAAK,EAAE,EAAE,OAAO,EAAE,aAAa,EAAE,gBAAgB,EAAE,YAAY,EAAE;QACjE,YAAY,EAAE,EAAE,UAAU,EAAE,EAAE,QAAQ,EAAE,EAAE;QAC1C,eAAe,EAAE,UAAU;QAC3B,qBAAqB,EAAE,gBAAgB;QACvC,wBAAwB,EAAE,mBAAmB;QAC7C,oBAAoB,EAAE,eAAe;QACrC,eAAe,EAAE,eAAe,EAAE;QAClC,iBAAiB,EAAE,iBAAiB,EAAE;QACtC,mBAAmB,EAAE,mBAAmB,EAAE;QAC1C,GAAG,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,qBAAqB,EAAE,qBAAqB,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;KAC1E,CAAC,CAAC;IAEH,MAAM,IAAI,GAAG,KAAK,CAAC,WAAW,EAAE,CAAC,IAAI,CAAC;IACtC,MAAM,WAAW,GACf,CAAC,UAAU;QACX,eAAe,KAAK,SAAS;QAC7B,IAAI,CAAC,MAAM,GAAG,eAAe,CAAC;IAEhC,OAAO,CACL,eACE,SAAS,EAAE,EAAE,CACX,qBAAqB,EACrB,UAAU,IAAI,gBAAgB,EAC9B,SAAS,CACV,aAEA,OAAO,CAAC,CAAC,CAAC,CACT,cAAK,SAAS,EAAC,yBAAyB,YAAE,OAAO,CAAC,KAAK,CAAC,GAAO,CAChE,CAAC,CAAC,CAAC,IAAI,EACP,WAAW,CAAC,CAAC,CAAC,CACb,cACE,SAAS,EAAE,EAAE,CACX,2BAA2B,EAC3B,UAAU,IAAI,8BAA8B,CAC7C,YAED,KAAC,gBAAgB,IAAC,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,UAAU,GAAI,GACtD,CACP,CAAC,CAAC,CAAC,CAGF,cACE,SAAS,EAAE,EAAE,CACX,2CAA2C;gBAC3C,mGAAmG;gBACnG,UAAU;oBACR,qGAAqG,CACxG,YAED,MAAC,KAAK,eACJ,KAAC,WAAW,IACV,SAAS,EACP,UAAU,CAAC,CAAC,CAAC,uCAAuC,CAAC,CAAC,CAAC,SAAS,YAGjE,KAAK,CAAC,eAAe,EAAE,CAAC,GAAG,CAAC,CAAC,WAAW,EAAE,EAAE,CAAC,CAC5C,KAAC,QAAQ,IAEP,SAAS,EAAC,+BAA+B,YAExC,WAAW,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACnC,KAAC,SAAS,IAER,OAAO,EAAE,MAAM,CAAC,OAAO,EACvB,SAAS,EAAE,EAAE,CACX,4BAA4B,EAC5B,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,EAAE,SAAS,CACxC,YAEA,MAAM,CAAC,aAAa;wCACnB,CAAC,CAAC,IAAI;wCACN,CAAC,CAAC,UAAU,CACR,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,MAAM,EAC9B,MAAM,CAAC,UAAU,EAAE,CACpB,IAZA,MAAM,CAAC,EAAE,CAaJ,CACb,CAAC,IAnBG,WAAW,CAAC,EAAE,CAoBV,CACZ,CAAC,GACU,EACd,KAAC,SAAS,cACP,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CACjB,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAChB,KAAC,QAAQ,kBAEK,GAAG,CAAC,aAAa,EAAE,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,EACxD,SAAS,EAAE,UAAU,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,SAAS,EACpD,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS,YAEtD,GAAG,CAAC,eAAe,EAAE,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACnC,KAAC,SAAS,IAER,SAAS,EAAE,EAAE,CACX,MAAM,EACN,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,EAAE,SAAS,CACtC,YAEA,UAAU,CACT,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,EAC1B,IAAI,CAAC,UAAU,EAAE,CAClB,IATI,IAAI,CAAC,EAAE,CAUF,CACb,CAAC,IAlBG,GAAG,CAAC,EAAE,CAmBF,CACZ,CAAC,CACH,CAAC,CAAC,CAAC,CACF,KAAC,QAAQ,cACP,KAAC,SAAS,IACR,OAAO,EAAE,OAAO,CAAC,MAAM,EACvB,SAAS,EAAC,wCAAwC,YAEjD,YAAY;wCACX,CAAC,CAAC,qBAAqB,EAAE,EAAE,YAAY,EAAE,aAAa,EAAE,CAAC,GACjD,GACH,CACZ,GACS,IACN,GACJ,CACP,EACA,UAAU,CAAC,CAAC,CAAC,CACZ,KAAC,mBAAmB,IAClB,KAAK,EAAE,KAAK,EACZ,eAAe,EAAE,eAAe,EAChC,iBAAiB,EAAE,iBAAiB,GACpC,CACH,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC;AACJ,CAAC"}

package/dist/client/components/date-picker.d.ts

@@ -0,0 +1,44 @@
+import { type ComponentProps, type ReactElement } from 'react';
+import type { DateRange, Locale, PropsBase } from 'react-day-picker';
+import { PopoverContent } from './ui/popover.js';
+interface DatePickerBaseProps {
+    readonly id?: string;
+    readonly className?: string;
+    readonly placeholder?: string;
+    readonly disabled?: boolean;
+    /** A `date-fns` locale, applied to both the trigger text and the calendar. */
+    readonly locale?: Locale;
+    /** `date-fns` format for the trigger text. */
+    readonly formatString?: string;
+    readonly align?: ComponentProps<typeof PopoverContent>['align'];
+    /** Extra props for the `Calendar`, such as `captionLayout` or `disabled`. */
+    readonly calendarProps?: Partial<PropsBase>;
+}
+export interface DatePickerProps extends DatePickerBaseProps {
+    readonly value?: Date;
+    readonly defaultValue?: Date;
+    readonly onChange?: (date: Date | undefined) => void;
+    /** Close the popover once a day is picked. Defaults to `true`. */
+    readonly closeOnSelect?: boolean;
+}
+/**
+ * A single-date picker built from `Popover`, `Button` and `Calendar`, the
+ * composition the shadcn Date Picker guide describes. Works controlled with
+ * `value` and `onChange`, or uncontrolled with `defaultValue`.
+ */
+export declare function DatePicker({ id, className, placeholder, disabled, locale, formatString, align, calendarProps, value, defaultValue, onChange, closeOnSelect, }: DatePickerProps): ReactElement;
+export interface DateRangePickerProps extends DatePickerBaseProps {
+    readonly value?: DateRange;
+    readonly defaultValue?: DateRange;
+    readonly onChange?: (range: DateRange | undefined) => void;
+    /** Close the popover once both ends of the range are picked. Defaults to `false`. */
+    readonly closeOnSelect?: boolean;
+    readonly numberOfMonths?: number;
+}
+/**
+ * A date-range picker with the same composition as `DatePicker`, rendering two
+ * months side by side by default.
+ */
+export declare function DateRangePicker({ id, className, placeholder, disabled, locale, formatString, align, calendarProps, value, defaultValue, onChange, closeOnSelect, numberOfMonths, }: DateRangePickerProps): ReactElement;
+export {};
+//# sourceMappingURL=date-picker.d.ts.map

package/dist/client/components/date-picker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-picker.d.ts","sourceRoot":"","sources":["../../../client/components/date-picker.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,YAAY,EAAY,MAAM,OAAO,CAAC;AACzE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAIrE,OAAO,EAAW,cAAc,EAAkB,MAAM,iBAAiB,CAAC;AAG1E,UAAU,mBAAmB;IAC3B,QAAQ,CAAC,EAAE,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAC;IAC9B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,8EAA8E;IAC9E,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC;IACzB,8CAA8C;IAC9C,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,CAAC;IAC/B,QAAQ,CAAC,KAAK,CAAC,EAAE,cAAc,CAAC,OAAO,cAAc,CAAC,CAAC,OAAO,CAAC,CAAC;IAChE,6EAA6E;IAC7E,QAAQ,CAAC,aAAa,CAAC,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC;CAC7C;AAED,MAAM,WAAW,eAAgB,SAAQ,mBAAmB;IAC1D,QAAQ,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC;IACtB,QAAQ,CAAC,YAAY,CAAC,EAAE,IAAI,CAAC;IAC7B,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,SAAS,KAAK,IAAI,CAAC;IACrD,kEAAkE;IAClE,QAAQ,CAAC,aAAa,CAAC,EAAE,OAAO,CAAC;CAClC;AAED;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,EACzB,EAAE,EACF,SAAS,EACT,WAAW,EACX,QAAQ,EACR,MAAM,EACN,YAAoB,EACpB,KAAe,EACf,aAAa,EACb,KAAK,EACL,YAAY,EACZ,QAAQ,EACR,aAAoB,GACrB,EAAE,eAAe,GAAG,YAAY,CAkDhC;AAED,MAAM,WAAW,oBAAqB,SAAQ,mBAAmB;IAC/D,QAAQ,CAAC,KAAK,CAAC,EAAE,SAAS,CAAC;IAC3B,QAAQ,CAAC,YAAY,CAAC,EAAE,SAAS,CAAC;IAClC,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,GAAG,SAAS,KAAK,IAAI,CAAC;IAC3D,qFAAqF;IACrF,QAAQ,CAAC,aAAa,CAAC,EAAE,OAAO,CAAC;IACjC,QAAQ,CAAC,cAAc,CAAC,EAAE,MAAM,CAAC;CAClC;AAED;;;GAGG;AACH,wBAAgB,eAAe,CAAC,EAC9B,EAAE,EACF,SAAS,EACT,WAAW,EACX,QAAQ,EACR,MAAM,EACN,YAA0B,EAC1B,KAAe,EACf,aAAa,EACb,KAAK,EACL,YAAY,EACZ,QAAQ,EACR,aAAqB,EACrB,cAAkB,GACnB,EAAE,oBAAoB,GAAG,YAAY,CAyDrC"}

package/dist/client/components/date-picker.js

@@ -0,0 +1,54 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useTranslation } from '@nocobase/i18n/client';
+import { format } from 'date-fns';
+import { CalendarIcon } from 'lucide-react';
+import { useState } from 'react';
+import { Button } from './ui/button.js';
+import { Calendar } from './ui/calendar.js';
+import { Popover, PopoverContent, PopoverTrigger } from './ui/popover.js';
+import { cn } from 'cn';
+/**
+ * A single-date picker built from `Popover`, `Button` and `Calendar`, the
+ * composition the shadcn Date Picker guide describes. Works controlled with
+ * `value` and `onChange`, or uncontrolled with `defaultValue`.
+ */
+export function DatePicker({ id, className, placeholder, disabled, locale, formatString = 'PPP', align = 'start', calendarProps, value, defaultValue, onChange, closeOnSelect = true, }) {
+    const { t } = useTranslation();
+    const [open, setOpen] = useState(false);
+    const [internal, setInternal] = useState(defaultValue);
+    const selected = value ?? internal;
+    const handleSelect = (date) => {
+        setInternal(date);
+        onChange?.(date);
+        if (closeOnSelect)
+            setOpen(false);
+    };
+    return (_jsxs(Popover, { open: open, onOpenChange: setOpen, children: [_jsxs(PopoverTrigger, { render: _jsx(Button, { id: id, variant: 'outline', disabled: disabled, "data-empty": !selected, className: cn('w-60 justify-start px-2.5 text-left font-normal data-[empty=true]:text-muted-foreground', className) }), children: [_jsx(CalendarIcon, { "data-icon": 'inline-start' }), selected ? (format(selected, formatString, { locale })) : (_jsx("span", { children: placeholder ??
+                            t('datePicker.placeholder', { defaultValue: 'Pick a date' }) }))] }), _jsx(PopoverContent, { className: 'w-auto p-0', align: align, children: _jsx(Calendar, { ...calendarProps, mode: 'single', locale: locale, selected: selected, defaultMonth: selected, onSelect: handleSelect }) })] }));
+}
+/**
+ * A date-range picker with the same composition as `DatePicker`, rendering two
+ * months side by side by default.
+ */
+export function DateRangePicker({ id, className, placeholder, disabled, locale, formatString = 'LLL dd, y', align = 'start', calendarProps, value, defaultValue, onChange, closeOnSelect = false, numberOfMonths = 2, }) {
+    const { t } = useTranslation();
+    const [open, setOpen] = useState(false);
+    const [internal, setInternal] = useState(defaultValue);
+    const selected = value ?? internal;
+    const handleSelect = (range) => {
+        setInternal(range);
+        onChange?.(range);
+        if (closeOnSelect && range?.from && range.to)
+            setOpen(false);
+    };
+    const label = selected?.from
+        ? selected.to
+            ? `${format(selected.from, formatString, { locale })} - ${format(selected.to, formatString, { locale })}`
+            : format(selected.from, formatString, { locale })
+        : null;
+    return (_jsxs(Popover, { open: open, onOpenChange: setOpen, children: [_jsxs(PopoverTrigger, { render: _jsx(Button, { id: id, variant: 'outline', disabled: disabled, "data-empty": !label, className: cn('w-72 justify-start px-2.5 text-left font-normal data-[empty=true]:text-muted-foreground', className) }), children: [_jsx(CalendarIcon, { "data-icon": 'inline-start' }), label ?? (_jsx("span", { children: placeholder ??
+                            t('datePicker.rangePlaceholder', {
+                                defaultValue: 'Pick a date range',
+                            }) }))] }), _jsx(PopoverContent, { className: 'w-auto p-0', align: align, children: _jsx(Calendar, { ...calendarProps, mode: 'range', locale: locale, selected: selected, defaultMonth: selected?.from, numberOfMonths: numberOfMonths, onSelect: handleSelect }) })] }));
+}
+//# sourceMappingURL=date-picker.js.map

package/dist/client/components/date-picker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-picker.js","sourceRoot":"","sources":["../../../client/components/date-picker.tsx"],"names":[],"mappings":"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"}

package/dist/client/components/page-container.d.ts

@@ -0,0 +1,11 @@
+import type { ComponentProps, ReactElement } from 'react';
+export type PageContainerProps = ComponentProps<'section'>;
+/**
+ * The frame of a page: the full width, the responsive padding, and the spacing between its sections.
+ *
+ * A page renders one. Content that renders inside another page — an inline child route, a tab panel — already sits in
+ * that page's container and adds none of its own, while a covering `RouteChildPage` is a surface of its own and
+ * places one inside it.
+ */
+export declare function PageContainer({ className, ...props }: PageContainerProps): ReactElement;
+//# sourceMappingURL=page-container.d.ts.map

package/dist/client/components/page-container.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-container.d.ts","sourceRoot":"","sources":["../../../client/components/page-container.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAI1D,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,SAAS,CAAC,CAAC;AAE3D;;;;;;GAMG;AACH,wBAAgB,aAAa,CAAC,EAC5B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,kBAAkB,GAAG,YAAY,CAOnC"}

package/dist/client/components/page-container.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from 'cn';
+/**
+ * The frame of a page: the full width, the responsive padding, and the spacing between its sections.
+ *
+ * A page renders one. Content that renders inside another page — an inline child route, a tab panel — already sits in
+ * that page's container and adds none of its own, while a covering `RouteChildPage` is a surface of its own and
+ * places one inside it.
+ */
+export function PageContainer({ className, ...props }) {
+    return (_jsx("section", { className: cn('w-full space-y-6 p-6 md:p-8', className), ...props }));
+}
+//# sourceMappingURL=page-container.js.map

package/dist/client/components/page-container.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-container.js","sourceRoot":"","sources":["../../../client/components/page-container.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,EAAE,EAAE,MAAM,IAAI,CAAC;AAIxB;;;;;;GAMG;AACH,MAAM,UAAU,aAAa,CAAC,EAC5B,SAAS,EACT,GAAG,KAAK,EACW;IACnB,OAAO,CACL,kBACE,SAAS,EAAE,EAAE,CAAC,6BAA6B,EAAE,SAAS,CAAC,KACnD,KAAK,GACT,CACH,CAAC;AACJ,CAAC"}

package/dist/client/components/page-header.d.ts

@@ -0,0 +1,16 @@
+import type { ReactElement, ReactNode } from 'react';
+export interface PageHeaderProps {
+    /** The `h1`'s id, for a region labelled by it. */
+    readonly id?: string;
+    readonly title: ReactNode;
+    readonly description?: ReactNode;
+    /** Page-level actions, aligned to the right of the title from the `sm` breakpoint up. */
+    readonly actions?: ReactNode;
+}
+/**
+ * The heading of a page: its only `h1`, an optional description, and the actions that apply to the whole page.
+ * This plugin sizes it for a work tool: a 2xl title, a one-line description, the
+ * actions vertically centred on the right with the one primary action last.
+ */
+export declare function PageHeader({ actions, description, id, title, }: PageHeaderProps): ReactElement;
+//# sourceMappingURL=page-header.d.ts.map

package/dist/client/components/page-header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-header.d.ts","sourceRoot":"","sources":["../../../client/components/page-header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAErD,MAAM,WAAW,eAAe;IAC9B,kDAAkD;IAClD,QAAQ,CAAC,EAAE,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,KAAK,EAAE,SAAS,CAAC;IAC1B,QAAQ,CAAC,WAAW,CAAC,EAAE,SAAS,CAAC;IACjC,yFAAyF;IACzF,QAAQ,CAAC,OAAO,CAAC,EAAE,SAAS,CAAC;CAC9B;AAED;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,EACzB,OAAO,EACP,WAAW,EACX,EAAE,EACF,KAAK,GACN,EAAE,eAAe,GAAG,YAAY,CAuBhC"}

package/dist/client/components/page-header.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * The heading of a page: its only `h1`, an optional description, and the actions that apply to the whole page.
+ * This plugin sizes it for a work tool: a 2xl title, a one-line description, the
+ * actions vertically centred on the right with the one primary action last.
+ */
+export function PageHeader({ actions, description, id, title, }) {
+    return (_jsxs("header", { className: 'flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between', children: [_jsxs("div", { className: 'min-w-0', children: [_jsx("h1", { id: id, className: 'font-heading text-2xl font-semibold tracking-tight', children: title }), description ? (_jsx("p", { className: 'mt-1.5 max-w-3xl text-sm text-muted-foreground', children: description })) : null] }), actions ? (_jsx("div", { className: 'flex flex-wrap items-center gap-2 sm:shrink-0 sm:flex-nowrap', children: actions })) : null] }));
+}
+//# sourceMappingURL=page-header.js.map

package/dist/client/components/page-header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-header.js","sourceRoot":"","sources":["../../../client/components/page-header.tsx"],"names":[],"mappings":";AAWA;;;;GAIG;AACH,MAAM,UAAU,UAAU,CAAC,EACzB,OAAO,EACP,WAAW,EACX,EAAE,EACF,KAAK,GACW;IAChB,OAAO,CACL,kBAAQ,SAAS,EAAC,oEAAoE,aACpF,eAAK,SAAS,EAAC,SAAS,aACtB,aACE,EAAE,EAAE,EAAE,EACN,SAAS,EAAC,oDAAoD,YAE7D,KAAK,GACH,EACJ,WAAW,CAAC,CAAC,CAAC,CACb,YAAG,SAAS,EAAC,gDAAgD,YAC1D,WAAW,GACV,CACL,CAAC,CAAC,CAAC,IAAI,IACJ,EACL,OAAO,CAAC,CAAC,CAAC,CACT,cAAK,SAAS,EAAC,8DAA8D,YAC1E,OAAO,GACJ,CACP,CAAC,CAAC,CAAC,IAAI,IACD,CACV,CAAC;AACJ,CAAC"}

package/dist/client/components/pm-api-key-tag.d.ts

@@ -0,0 +1,6 @@
+import type { ReactElement } from 'react';
+/** Marks an actor as an organization's API key (its hidden identity), beside the key's name. */
+export declare function PmApiKeyTag({ className, }: {
+    readonly className?: string;
+}): ReactElement;
+//# sourceMappingURL=pm-api-key-tag.d.ts.map

package/dist/client/components/pm-api-key-tag.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pm-api-key-tag.d.ts","sourceRoot":"","sources":["../../../client/components/pm-api-key-tag.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAI1C,gGAAgG;AAChG,wBAAgB,WAAW,CAAC,EAC1B,SAAS,GACV,EAAE;IACD,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B,GAAG,YAAY,CAYf"}

package/dist/client/components/pm-api-key-tag.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useTranslation } from '@nocobase/i18n/client';
+import { KeyRoundIcon } from 'lucide-react';
+import { PmTag } from './pm-tag.js';
+/** Marks an actor as an organization's API key (its hidden identity), beside the key's name. */
+export function PmApiKeyTag({ className, }) {
+    const { t } = useTranslation();
+    return (_jsx(PmTag, { tone: 'grey', icon: _jsx(KeyRoundIcon, { "aria-hidden": 'true' }), "data-api-key": 'true', ...(className ? { className } : {}), children: t('common.apiKey') }));
+}
+//# sourceMappingURL=pm-api-key-tag.js.map

package/dist/client/components/pm-api-key-tag.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pm-api-key-tag.js","sourceRoot":"","sources":["../../../client/components/pm-api-key-tag.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAG5C,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAEpC,gGAAgG;AAChG,MAAM,UAAU,WAAW,CAAC,EAC1B,SAAS,GAGV;IACC,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAC;IAC/B,OAAO,CACL,KAAC,KAAK,IACJ,IAAI,EAAC,MAAM,EACX,IAAI,EAAE,KAAC,YAAY,mBAAa,MAAM,GAAG,kBAC5B,MAAM,KACf,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,YAEnC,CAAC,CAAC,eAAe,CAAC,GACb,CACT,CAAC;AACJ,CAAC"}