@cryptlex/web-components 6.6.6-alpha40 → 6.6.6-alpha45

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

@@ -1 +1 @@
-{"version":3,"file":"data-table.js","sources":["../../lib/components/data-table.tsx","../../lib/components/data-table-filter.tsx"],"sourcesContent":["'use client';\nimport type { operations } from '@cryptlex/web-api-types/develop';\nimport {\n    closestCenter,\n    DndContext,\n    DragOverlay,\n    KeyboardSensor,\n    PointerSensor,\n    useSensor,\n    useSensors,\n} from '@dnd-kit/core';\nimport {\n    arrayMove,\n    SortableContext,\n    sortableKeyboardCoordinates,\n    useSortable,\n    verticalListSortingStrategy,\n} from '@dnd-kit/sortable';\nimport { CSS } from '@dnd-kit/utilities';\nimport { keepPreviousData, useQuery } from '@tanstack/react-query';\nimport {\n    type Column,\n    type ColumnDef,\n    type ColumnHelper,\n    type ColumnOrderState,\n    createColumnHelper,\n    flexRender,\n    getCoreRowModel,\n    type Header,\n    type PaginationState,\n    type RowSelectionState,\n    type SortingState,\n    type Updater,\n    useReactTable,\n    type VisibilityState,\n} from '@tanstack/react-table';\nimport { useLocalStorage } from '@uidotdev/usehooks';\nimport { merge } from 'lodash-es';\nimport { createContext, useContext, useEffect, useMemo, useState } from 'react';\nimport type { PressEvent } from 'react-aria-components';\nimport { Button } from '../components/button';\nimport { DataTableFilter, type FiltersConfig, type TableFilter } from '../components/data-table-filter';\nimport { DialogMenu, type DialogMenuAction } from '../components/dialog-menu';\nimport { Loader } from '../components/loader';\nimport { EasyMenu, MenuItem } from '../components/menu';\nimport { SearchField } from '../components/searchfield';\nimport { TableBody, TableCell, Table as TableComponent, TableHead, TableHeader, TableRow } from '../components/table';\nimport { formatDate } from '../utilities/date';\nimport type { CtxResourceName } from '../utilities/resources';\nimport { useResourceFormatter } from '../utilities/resources';\nimport { classNames } from '../utilities/theme';\nimport { Checkbox } from './checkbox';\nimport {\n    type CtxIcon,\n    IcColumns,\n    IcFirst,\n    IcGrip,\n    IcInfo,\n    IcLast,\n    IcLeft,\n    IcMoreVertical,\n    IcRefresh,\n    IcRight,\n    IcSortAsc,\n    IcSortDesc,\n    IcSortNone,\n} from './icons';\n\n/** Reserved name for actions column */\n// export const ACTIONS_COLUMN_ID = 'tableActions';\n\nexport type TableAction<in TActionData> = {\n    label: string;\n    onClick: (e: PressEvent, t: TActionData[]) => void;\n    bulk: boolean;\n    icon: CtxIcon;\n    tooltip?: string;\n};\n\nexport type TableFetchFn<in out TData extends object> = (\n    p: PaginationState,\n    s: SortingState,\n    q: string,\n    f: Record<string, any>\n) => Promise<{\n    total: number;\n    data: TData[] | undefined;\n}>;\nexport function getTableCallback<T extends object>(\n    getter: (\n        q: Record<string, any>\n    ) => Promise<{ data?: T[]; error?: { code?: string | null; message: string }; response: Response }>\n): { callback: TableFetchFn<T>; columnHelper: ColumnHelper<T> } {\n    const callback: TableFetchFn<T> = async (pagination, sorting, searching, filters) => {\n        const query = {\n            ...filters,\n            page: pagination.pageIndex + 1,\n            limit: pagination.pageSize,\n            sort: generateSortParam(sorting[0]),\n            search: searching,\n        };\n\n        const _f = await getter(query);\n\n        return {\n            total: Number.parseInt(_f.response.headers.get('Pagination-Count') || '0'),\n            data: _f.data,\n        };\n    };\n\n    const columnHelper = createColumnHelper<T>();\n\n    return { callback, columnHelper };\n}\n\nfunction generateSortParam(sort: { id: string; desc: boolean } | undefined): string {\n    if (sort) {\n        if (sort.desc) {\n            return `-${sort.id}`;\n        } else {\n            return `+${sort.id}`;\n        }\n    } else {\n        return '-createdAt';\n    }\n}\n\nconst cH = createColumnHelper<any>();\nconst TABLE_CHECK_BOX_COLUMN = [\n    cH.accessor('checkbox', {\n        header: ({ table }) => (\n            <Checkbox\n                isIndeterminate={table.getIsSomeRowsSelected() && !table.getIsAllPageRowsSelected()}\n                isSelected={table.getIsAllPageRowsSelected() || table.getIsSomePageRowsSelected()}\n                onChange={() => table.toggleAllPageRowsSelected()}\n                aria-label=\"Select all\"\n            />\n        ),\n\n        cell: ({ row }) => (\n            <Checkbox isSelected={row.getIsSelected()} onChange={() => row.toggleSelected()} aria-label=\"Select row\" />\n        ),\n        enableSorting: false,\n        enableHiding: false,\n    }),\n];\n\nconst TABLE_ID_COLUMN = [\n    cH.accessor('id', {\n        header: 'ID',\n    }),\n];\nconst TABLE_DEFAULT_DATE_COLUMNS = [\n    cH.accessor('createdAt', {\n        header: 'Creation Date',\n        cell: ({ row }) => {\n            const date = row.getValue('createdAt') satisfies string | null | undefined;\n            return formatDate(date);\n        },\n        enableHiding: false,\n    }),\n    cH.accessor('updatedAt', {\n        header: 'Last Updated',\n        cell: ({ row }) => {\n            const date = row.getValue('updatedAt') satisfies string | null | undefined;\n            return formatDate(date);\n        },\n        enableHiding: false,\n    }),\n];\n\nconst ACTIONS_COLUMN_ID = 'TableActions';\nconst getActionColumn = (rowActions: DialogMenuAction<any>[]) => {\n    if (rowActions.length === 0) return [];\n\n    return [\n        cH.accessor(ACTIONS_COLUMN_ID, {\n            header: 'Actions',\n            id: ACTIONS_COLUMN_ID,\n            enableHiding: false,\n            cell: ({ row }) => <DialogMenu label={<IcMoreVertical />} data={row.original} items={rowActions} />,\n            enableSorting: false,\n        }),\n    ];\n};\n\ntype DataTableFactory<T extends object, TOperation extends keyof operations> = {\n    resourceName: CtxResourceName;\n    callback: TableFetchFn<T>;\n    columns: ColumnDef<T, any>[];\n    tableActions: TableAction<T>[];\n    columnsToHideByDefault?: Partial<Record<keyof T, boolean>>; // Columns that are hidden by default\n    allowSelection?: boolean;\n    filterConfig: FiltersConfig<TOperation>;\n    initialFilters: TableFilter[];\n    rowActions?: DialogMenuAction<T>[];\n};\n\ntype DataTableState = {\n    sorting: SortingState;\n    pagination: PaginationState;\n};\n/**\n * Hook for handling all data-table state. Used in DataTableContext\n */\nexport function useDataTableState<T extends object, TOperation extends keyof operations>({\n    resourceName,\n    columns,\n    callback,\n    filterConfig,\n    columnsToHideByDefault = {},\n    allowSelection = false,\n    initialFilters = [],\n    tableActions,\n    rowActions,\n}: DataTableFactory<T, TOperation>) {\n    const [tableState, _setTableState] = useState<DataTableState>({\n        /** Reflect in URL in host application  */\n        pagination: { pageIndex: 0, pageSize: 20 }, // Pagination state\n        sorting: [], // Sorting state\n    });\n    //\n    const [rowSelection, setRowSelection] = useState<RowSelectionState>({});\n\n    /** Reflect in URL in host application  */\n    const [searchQuery, setSearchQuery] = useState('');\n\n    const [columnOrder, setColumnOrder] = useLocalStorage<ColumnOrderState>(\n        `${resourceName}_ctx_column_order_preference`,\n        []\n    );\n    const [columnVisibility, setColumnVisibility] = useLocalStorage<VisibilityState>(\n        `${resourceName}_ctx_column_visibility_preference`,\n        {\n            id: false,\n            ...columnsToHideByDefault,\n        }\n    );\n\n    const [filters, setFilters] = useState(initialFilters);\n\n    const mergedFilters = useMemo(() => {\n        // TODO, generic transform fn\n        return filters\n            .map(tf => {\n                if (Array.isArray(tf.value)) {\n                    return {\n                        [tf.property]: {\n                            [tf.operator]: tf.value.join(','),\n                        },\n                    };\n                }\n                return {\n                    [tf.property]: {\n                        [tf.operator]: tf.value,\n                    },\n                };\n            })\n            .reduce((acc, current) => {\n                return merge(acc, current);\n            }, {});\n    }, [filters]);\n\n    // Update table state with new values\n    const updateTableState = (updates: Partial<DataTableState>) => {\n        _setTableState(prev => ({ ...prev, ...updates }));\n    };\n\n    const { sorting, pagination } = tableState;\n\n    const query = useQuery({\n        queryKey: [resourceName, pagination, sorting, searchQuery, mergedFilters],\n        queryFn: () => callback(pagination, sorting, searchQuery, mergedFilters),\n        placeholderData: keepPreviousData, // Keep previous data while loading new data\n        retry: 0,\n        refetchOnWindowFocus: false,\n    });\n\n    /**\n     * ID,createdAt and updatedAt will be added by default for all tables\n     * If selection is allowed, checkbox will be added\n     * If the dto has metadata, dynamics columns for all the metadata key-value will be added(particular for a view)\n     * If there are actions for the table, they will be placed fixed at the right side of table.\n     */\n    const cols: ColumnDef<any, any>[] = [\n        ...(allowSelection ? TABLE_CHECK_BOX_COLUMN : []),\n        ...TABLE_ID_COLUMN,\n        ...columns,\n        ...TABLE_DEFAULT_DATE_COLUMNS,\n        ...getActionColumn(rowActions ?? []),\n    ];\n\n    // Type-guard for updater\n    function isUpdaterFunction<T>(updater: Updater<T>): updater is (old: T) => T {\n        return typeof updater === 'function';\n    }\n    // Utility function to resolve updater\n    function resolveUpdater<T>(updater: Updater<T>, currentValue: T) {\n        if (isUpdaterFunction(updater)) {\n            return updater(currentValue);\n        }\n        return updater;\n    }\n\n    // Use react-table's hook to create the table instance\n    const tanTable = useReactTable({\n        data: query.data?.data ?? [],\n        columns: cols,\n        getCoreRowModel: getCoreRowModel(),\n        rowCount: query.data?.total,\n        manualPagination: true, // Handle pagination manually since pagination is done server side for data tables\n        onPaginationChange: updater => {\n            updateTableState({ pagination: resolveUpdater(updater, pagination) });\n        },\n        manualSorting: true, // Handle sorting manually since sorting is done server side for data tables\n        onSortingChange: updater => {\n            setRowSelection({});\n            updateTableState({ sorting: [...resolveUpdater(updater, sorting)] }); // Reset selection when sorting.\n        },\n        manualFiltering: true, // Handle filtering manually since filtering is done server side for data tables\n        onColumnVisibilityChange: updater => {\n            setColumnVisibility(resolveUpdater(updater, columnVisibility));\n        },\n        onRowSelectionChange: updater => {\n            setRowSelection(resolveUpdater(updater, rowSelection));\n        },\n        onColumnOrderChange: updater => {\n            setColumnOrder(resolveUpdater(updater, columnOrder));\n        },\n        state: {\n            sorting: sorting,\n            columnVisibility: columnVisibility,\n            pagination: pagination,\n            rowSelection: rowSelection,\n            columnOrder: columnOrder,\n        },\n        meta: {\n            refetch: query.refetch,\n        },\n    });\n\n    // By default, ColumnDef does not give guarantees of column.id existing. Once useReactTable is called, all columns are assigned IDs.\n    // This populates the columnIds in the columnOrder state\n    useEffect(() => {\n        setColumnOrder([...tanTable.getAllLeafColumns().map(c => c.id)]);\n    }, []);\n\n    return {\n        tableState,\n        updateTableState,\n        query,\n        setSearchQuery,\n        searchQuery,\n        tanTable,\n        mergedFilters,\n        filters,\n        setFilters,\n        filterConfig,\n        tableActions,\n    } as const;\n}\n\nexport const DataTableContext = createContext<ReturnType<typeof useDataTableState> | null>(null);\n// TODO, don't export this\nexport function useDataTable() {\n    const ctx = useContext(DataTableContext);\n    if (!ctx) {\n        throw Error('DataTable should be used within DataTableProvider.');\n    }\n    return ctx;\n}\n\nexport function DataTableProvider<T extends object, TOperation extends keyof operations>({\n    children,\n    ...props\n}: { children: React.ReactNode } & ReturnType<typeof useDataTableState<T, TOperation>>) {\n    // @ts-expect-error, propogating the generic type further will be more complex. Since this is a tightly coupled type, it should be okay but reviewed whenever useDataTableState changes.\n    return <DataTableContext.Provider value={props}>{children}</DataTableContext.Provider>;\n}\n\nexport type DataTableProps = React.ComponentProps<'section'>;\nexport function DataTable({ className, ...props }: DataTableProps) {\n    const { query, tanTable } = useDataTable();\n\n    return (\n        <>\n            {/* Table Actions Section */}\n            <section {...props} className={classNames('flex flex-col bg-elevation-1', className)}>\n                <Actions />\n                {/* The div here is necessary because TableContent is internally a <table> tag and does not respect width, height CSS */}\n                <div className=\"w-full overflow-auto border-x h-table relative\" tabIndex={0}>\n                    {/* Table overlay with loader */}\n                    {query.isLoading && (\n                        <TableOverlay className=\"cursor-wait\">\n                            <Loader />\n                        </TableOverlay>\n                    )}\n                    {/* Table overlay for empty table */}\n                    {!query.isLoading && tanTable.getRowModel().rows.length === 0 && (\n                        // Empty table\n                        <TableOverlay className=\"cursor-not-allowed\">\n                            {!query.isFetching &&\n                                (query.isError ? (\n                                    <span className=\"flex gap-3 justify-center items-center\">\n                                        {/* TODO (mudasir-pandith) Check for 403 explicitly!! */}\n                                        {/* <span>{query.error}</span> */}\n                                        <IcInfo />\n                                        <span>{query.error.message}</span>\n                                    </span>\n                                ) : query.data?.data?.length === 0 ? (\n                                    <>No results found.</>\n                                ) : (\n                                    <>Unknown error. Please contact customer support.</>\n                                ))}\n                        </TableOverlay>\n                    )}\n                    {!query.isLoading && tanTable.getRowModel().rows.length !== 0 && (\n                        <TableContent className=\"w-full\" />\n                    )}\n                </div>\n\n                {/* Table Footer Section with Pagination and Column Picker */}\n                <div className=\"flex w-full justify-between border gap-icon p-icon overflow-x-auto\">\n                    <div className=\"flex gap-icon\">\n                        <ColumnPicker />\n                        <PageSize />\n                    </div>\n                    <Paginator />\n                </div>\n            </section>\n        </>\n    );\n}\n/** Table overlay to be shown for loaders or other messages */\nfunction TableOverlay({ children, className }: { children: React.ReactNode; className?: string }) {\n    return (\n        <>\n            <span\n                className={classNames(\n                    className,\n                    'absolute top-0 bg-elevation-1 text-foreground z-20 size-full body-sm flex items-center justify-center'\n                )}\n            >\n                {children}\n            </span>\n            {/* Keep something in document flow with the correct height */}\n            <span className=\"relative h-full w-0 block\" />\n        </>\n    );\n}\n\n// TODO, ?include query param on Licenses, Activations and other future resources that need this\nfunction ColumnPicker() {\n    const { tanTable } = useDataTable();\n    const [activeId, setActiveId] = useState<string | null>(null);\n\n    const resourceFormatter = useResourceFormatter();\n\n    const sensors = useSensors(\n        useSensor(PointerSensor),\n        useSensor(KeyboardSensor, {\n            coordinateGetter: sortableKeyboardCoordinates,\n        })\n    );\n    return (\n        <DndContext\n            sensors={sensors}\n            collisionDetection={closestCenter}\n            onDragStart={event => {\n                const { active } = event;\n                setActiveId(active.id.toString());\n            }}\n            onDragEnd={event => {\n                const { active, over } = event;\n\n                if (over && active.id !== over.id) {\n                    const columnOrder = tanTable.getState().columnOrder;\n                    const oldIndex = columnOrder.indexOf(active.id.toString());\n                    const newIndex = columnOrder.indexOf(over.id.toString());\n                    tanTable.setColumnOrder([...arrayMove(columnOrder, oldIndex, newIndex)]);\n                }\n\n                setActiveId(null);\n            }}\n        >\n            <SortableContext items={tanTable.getState().columnOrder} strategy={verticalListSortingStrategy}>\n                <EasyMenu\n                    label={\n                        <>\n                            <IcColumns className=\"inline align-bottom me-1\" />\n                            Columns\n                        </>\n                    }\n                    selectionMode=\"multiple\"\n                    items={tanTable.getAllFlatColumns()}\n                    // Using selectedKeys = 'all' does not mark MenuItems with isDisabled=true as selected. This is not the intended behaviour in this use-case.\n                    selectedKeys={tanTable.getVisibleFlatColumns().map(c => c.id)}\n                >\n                    <MenuItem onAction={() => tanTable.toggleAllColumnsVisible()} className={'italic'}>\n                        (select all)\n                    </MenuItem>\n                    {tanTable.getState().columnOrder.map(colId => {\n                        const col = tanTable.getAllFlatColumns().find(c => c.id === colId);\n                        // Don't show checkbox and actions columns in picker\n                        if (!col || col.id === 'checkbox' || col.id === ACTIONS_COLUMN_ID) return null;\n                        return <SortableItem key={col.id} column={col} />;\n                    })}\n                </EasyMenu>\n                <DragOverlay>\n                    {activeId ? (\n                        <div className=\"opacity-70 border-2 border-primary\">{resourceFormatter(activeId)}</div>\n                    ) : null}\n                </DragOverlay>\n            </SortableContext>\n        </DndContext>\n    );\n\n    function SortableItem({ column }: { column: Column<any, unknown> }) {\n        const { attributes, listeners, setNodeRef, transform, transition } = useSortable({ id: column.id });\n        const style = {\n            transform: CSS.Transform.toString(transform),\n            transition,\n            zIndex: '999',\n        };\n        return (\n            <MenuItem\n                ref={setNodeRef}\n                style={style}\n                {...attributes}\n                id={column.id}\n                onAction={() => column.toggleVisibility()}\n                isDisabled={!column.getCanHide()}\n                className=\"flex items-center\"\n            >\n                <IcGrip {...listeners} className=\"size-icon cursor-grab\" />\n                {getColumnHeaderText(column)}\n                {column.getIsSorted() && <SortIcon className=\"size-icon\" direction={column.getIsSorted()} />}\n            </MenuItem>\n        );\n    }\n}\n\nfunction Paginator() {\n    const { tanTable, query } = useDataTable();\n    const rowCount = query.data?.total ?? 0;\n    return (\n        <div className=\"flex items-center gap-2\">\n            <span className=\"whitespace-nowrap body-sm text-muted\">\n                {`${tanTable.getState().pagination.pageIndex * tanTable.getState().pagination.pageSize + 1} - ${Math.min(\n                    (tanTable.getState().pagination.pageIndex + 1) * tanTable.getState().pagination.pageSize,\n                    rowCount\n                )} of ${rowCount?.toLocaleString()}`}\n            </span>\n\n            <Button\n                aria-label=\"First page\"\n                onPress={() => tanTable.firstPage()}\n                isDisabled={!tanTable.getCanPreviousPage()}\n                variant=\"neutral\"\n                size={'icon'}\n            >\n                <IcFirst />\n            </Button>\n            <Button\n                aria-label=\"Previous page\"\n                onPress={() => tanTable.previousPage()}\n                isDisabled={!tanTable.getCanPreviousPage()}\n                variant=\"neutral\"\n                size={'icon'}\n            >\n                <IcLeft />\n            </Button>\n            <Button\n                aria-label=\"Next page\"\n                onPress={() => tanTable.nextPage()}\n                isDisabled={!tanTable.getCanNextPage()}\n                variant=\"neutral\"\n                size={'icon'}\n            >\n                <IcRight />\n            </Button>\n            <Button\n                aria-label=\"Last page\"\n                onClick={() => tanTable.lastPage()}\n                isDisabled={!tanTable.getCanNextPage()}\n                variant=\"neutral\"\n                size={'icon'}\n            >\n                <IcLast />\n            </Button>\n        </div>\n    );\n}\n\nfunction PageSize() {\n    const { tanTable } = useDataTable();\n    const PAGE_SIZES = [10, 20, 30, 40, 50];\n\n    return (\n        <EasyMenu\n            label={tanTable.getState().pagination.pageSize.toString()}\n            selectionMode=\"single\"\n            selectedKeys={[tanTable.getState().pagination.pageSize.toString()]}\n            items={PAGE_SIZES.map(s => ({ id: s.toString(), value: s }))}\n        >\n            {items => <MenuItem onAction={() => tanTable.setPageSize(items.value)}>{items.value}</MenuItem>}\n        </EasyMenu>\n    );\n}\n\nfunction Actions() {\n    const { query, tanTable, searchQuery, setSearchQuery, tableActions } = useDataTable();\n\n    return (\n        <section className=\"flex bg-elevation-1 justify-between my-0 p-icon border gap-icon overflow-auto\">\n            <div className=\"flex gap-icon\">\n                <Button\n                    aria-label=\"Refresh\"\n                    isPending={query.isFetching}\n                    onClick={() => query.refetch()}\n                    variant={'neutral'}\n                    size={'icon'}\n                >\n                    <IcRefresh />\n                </Button>\n\n                {tableActions\n                    .filter(ta => ta.bulk === tanTable.getSelectedRowModel().rows.length > 0)\n                    .map((ta, i) => {\n                        const Icon = ta.icon;\n                        return (\n                            <Button\n                                aria-label={ta.label}\n                                key={`${i}-${ta.bulk}`}\n                                type=\"button\"\n                                isDisabled={query.isFetching}\n                                className=\"animate-in fade-in slide-in-from-left-15 duration-300 transition-transform\"\n                                onPress={e => {\n                                    ta.onClick(\n                                        e,\n                                        tanTable.getSelectedRowModel().rows.map(r => r.original)\n                                    );\n                                }}\n                                size={'icon'}\n                            >\n                                <Icon />\n                            </Button>\n                        );\n                    })}\n            </div>\n            <div className=\"flex gap-icon\">\n                <DataTableFilter />\n                {<SearchField value={searchQuery} onChange={setSearchQuery} />}\n            </div>\n        </section>\n    );\n}\n\nfunction SortIcon({\n    direction,\n    ...props\n}: { direction: 'asc' | 'desc' | false } & Omit<React.ComponentProps<'svg'>, 'direction'>) {\n    if (direction === 'asc') return <IcSortAsc className=\"size-3.5\" {...props} />;\n    else if (direction === 'desc') return <IcSortDesc className=\"size-3.5\" {...props} />;\n    else return <IcSortNone className=\"size-3.5\" {...props} />;\n}\n\nfunction getColumnHeaderText(column: Column<any, unknown>): string {\n    const resourceFormatter = useResourceFormatter();\n    const headerDef = column.columnDef.header;\n    return typeof headerDef === 'string' ? headerDef : resourceFormatter(column.id);\n}\n\nfunction HeaderText({ header }: { header: Header<any, unknown> }) {\n    const headerDef = header.column.columnDef.header;\n\n    if (typeof headerDef === 'string' || !headerDef) {\n        return getColumnHeaderText(header.column);\n    }\n\n    if (typeof headerDef === 'function') {\n        const result = headerDef(header.getContext());\n        if (typeof result === 'string') {\n            return getColumnHeaderText(header.column);\n        }\n        return flexRender(headerDef, header.getContext());\n    }\n\n    return flexRender(headerDef, header.getContext());\n}\n\n// TODO, automate checking valid HTML\nfunction TableContent({ className }: React.ComponentProps<typeof TableComponent>) {\n    const { tanTable } = useDataTable();\n    const tableCellStyle = (isSticky: boolean, className?: string, zIndex: string = 'z-50') =>\n        classNames(\n            'px-icon py-2 text-left body-sm font-medium whitespace-nowrap',\n            isSticky && `bg-elevation-1 sticky right-0 ${zIndex} text-center`,\n            className\n        );\n    return (\n        <TableComponent className={classNames('table-auto', className)}>\n            <TableHeader className=\"sticky top-0 z-10\">\n                {tanTable.getHeaderGroups().map(headerGroup => (\n                    <TableRow key={headerGroup.id}>\n                        {headerGroup.headers.map(header => (\n                            <TableHead\n                                scope=\"col\"\n                                key={header.id}\n                                colSpan={header.colSpan}\n                                className={tableCellStyle(header.id === ACTIONS_COLUMN_ID, 'bg-elevation-1')}\n                            >\n                                {!header.column.getCanSort() && !header.isPlaceholder && (\n                                    <div className=\"w-full justify-start py-1 inline-flex items-center gap-1 body-sm\">\n                                        <HeaderText header={header} />\n                                    </div>\n                                )}\n                                {header.column.getCanSort() && (\n                                    <Button\n                                        variant=\"ghost\"\n                                        className=\"w-full justify-start p-1\"\n                                        onPress={header.column.getToggleSortingHandler()}\n                                    >\n                                        <span>\n                                            <HeaderText header={header} />\n                                        </span>\n                                        <SortIcon direction={header.column.getIsSorted()} />\n                                    </Button>\n                                )}\n                            </TableHead>\n                        ))}\n                    </TableRow>\n                ))}\n            </TableHeader>\n            <TableBody>\n                {tanTable.getRowModel().rows.map(row => (\n                    <TableRow\n                        className={classNames(\n                            'transition-colors data-[selected=true]:bg-primary/10 hover:bg-muted-foreground/20'\n                        )}\n                        key={row.id}\n                        data-selected={row.getIsSelected()}\n                    >\n                        {row.getVisibleCells().map(cell => (\n                            <TableCell\n                                key={cell.id}\n                                className={tableCellStyle(cell.column.id === ACTIONS_COLUMN_ID, undefined, 'z-1')}\n                            >\n                                {flexRender(cell.column.columnDef.cell, cell.getContext())}\n                            </TableCell>\n                        ))}\n                    </TableRow>\n                ))}\n            </TableBody>\n        </TableComponent>\n    );\n}\n","'use client';\nimport type { operations } from '@cryptlex/web-api-types/develop';\nimport { useRef } from 'react';\nimport { Button } from '../components/button';\nimport { useDataTable } from '../components/data-table';\nimport { TfDatePicker } from '../components/date-picker';\nimport { EasyMenu, MenuItem } from '../components/menu';\nimport type { MultiSelectProps } from '../components/multi-select';\nimport { Popover, PopoverTrigger } from '../components/popover';\nimport { useAppForm } from '../utilities/form-hook';\nimport { useResourceFormatter, type ApiFilters } from '../utilities/resources';\nimport { classNames } from '../utilities/theme';\nimport { IcAccount, IcCheck, IcDate, IcFile, IcFilter, IcLicense, IcMinus, IcRemove, type CtxIcon } from './icons';\nimport { TfMultipleIdSearchInput } from './id-search';\n\nexport const FILTER_COMPARISON_OPERATORS = [\n    'eq',\n    'ne',\n    'cn',\n    'nc',\n    'sw',\n    'ew',\n    'in',\n    'nin',\n    'gt',\n    'gte',\n    'lt',\n    'lte',\n] as const;\nexport type FilterComparisonOperator = (typeof FILTER_COMPARISON_OPERATORS)[number];\n\nexport const COMPARISON_OPERATOR_LABELS: Record<FilterComparisonOperator, string> = {\n    eq: 'equal to',\n    ne: 'not equal to',\n    cn: 'contains',\n    nc: 'does not contain',\n    sw: 'starts with',\n    ew: 'ends with',\n    in: 'includes',\n    nin: 'does not include',\n    gt: 'greater than',\n    gte: 'greater than or equal to',\n    lt: 'less than',\n    lte: 'less than or equal to',\n};\n\ntype BaseLocalFilter<T extends FilterType, V> = {\n    id: string;\n    type: T;\n    property: string;\n    operator: FilterComparisonOperator;\n    value: V | undefined;\n    displayValue?: string;\n};\ntype EnumLocalFilter = BaseLocalFilter<'enum', Set<string | number>>;\ntype IdLocalFilter = BaseLocalFilter<'id', string>;\ntype BoolLocalFilter = BaseLocalFilter<'bool', boolean>;\ntype StringLocalFilter = BaseLocalFilter<'string', string>;\ntype NumberLocalFilter = BaseLocalFilter<'number', number>;\n// DatePicker accepts a string,and converts it to a ZonedDateTime\ntype DateLocalFilter = BaseLocalFilter<'date', string>;\ntype IdSearchLocalFilter = BaseLocalFilter<'id-search', string[]>;\n// TODO, entitlementSets.productIds\nfunction createNewFilter(type: FilterType, property: string): TableFilter {\n    const id = `${property}-${Date.now()}`;\n    const operator = FilterOperations[type][0];\n\n    switch (type) {\n        case 'bool':\n            return { id, type, property, operator, value: true };\n        case 'string':\n            return { id, type, property, operator, value: '' };\n        case 'date':\n            return { id, type, property, operator, value: new Date().toISOString() };\n        case 'id':\n            return { id, type, property, operator, value: '' };\n        case 'id-search':\n            return { id, type, property, operator, value: [] };\n        case 'enum':\n            return { id, type, property, operator, value: new Set<string | number>() };\n        case 'number':\n            return { id, type, property, operator, value: 0 };\n    }\n}\n\nexport type TableFilter =\n    | EnumLocalFilter\n    | IdLocalFilter\n    | BoolLocalFilter\n    | StringLocalFilter\n    | DateLocalFilter\n    | IdSearchLocalFilter\n    | NumberLocalFilter;\n\nexport type FilterConfig =\n    | { type: 'enum'; options: MultiSelectProps['items'] }\n    | ({ type: 'id-search' } & Pick<\n          React.ComponentProps<typeof TfMultipleIdSearchInput>,\n          'accessor' | 'searchFn' | 'resource'\n      >)\n    | { type: 'id' }\n    | { type: 'bool' }\n    | { type: 'string' }\n    | { type: 'date' }\n    | { type: 'number' };\n\nexport type FilterType = FilterConfig['type'];\n\nconst FilterOperations: Record<FilterType, FilterComparisonOperator[]> = {\n    bool: ['eq'],\n    enum: ['in', 'nin'],\n    id: ['in', 'nin'],\n    'id-search': ['in', 'nin'],\n    string: ['eq', 'ne', 'cn', 'nc', 'sw', 'ew', 'in', 'nin'],\n    date: ['lt', 'gt'],\n    number: ['eq', 'ne', 'gt', 'gte', 'lt', 'lte'],\n};\n\n// TS workaround to get rid of filterConfig: Required<Record<never, FilterConfig>>\nexport type FiltersConfig<TOperation extends keyof operations> = [keyof ApiFilters<TOperation>] extends [never]\n    ? Record<string, FilterConfig>\n    : Required<Record<keyof ApiFilters<TOperation>, FilterConfig>>;\n\nexport function DataTableFilter({ className, ...props }: React.ComponentProps<'section'>) {\n    const { filters, query, setFilters, filterConfig } = useDataTable();\n\n    const addFilterButtonRef = useRef<HTMLButtonElement>(null);\n\n    const resourceFormatter = useResourceFormatter();\n\n    const DEFAULT_VALUES: { filters: TableFilter[] } = {\n        filters,\n    };\n    const form = useAppForm({\n        defaultValues: DEFAULT_VALUES,\n        onSubmit: ({ value }) => {\n            setFilters(value.filters);\n        },\n    });\n\n    // More reason to hate TS https://github.com/Microsoft/TypeScript/issues/12870\n    const filterKeys = Object.keys(filterConfig).sort();\n\n    return (\n        <section {...props} className={classNames('flex gap-icon items-center', className)}>\n            <PopoverTrigger\n                onOpenChange={o => {\n                    // Set filters when the popover closes\n                    if (!o) {\n                        form.handleSubmit();\n                    } else {\n                        addFilterButtonRef.current?.focus();\n                    }\n                }}\n            >\n                <div className=\"relative\">\n                    {filters.length > 0 && (\n                        <div className=\"size-2 rounded-full absolute bg-primary/90 z-20 top-0 right-0 translate-x-0.5 -translate-y-0.5\"></div>\n                    )}\n                    <Button\n                        aria-label=\"Filter\"\n                        isDisabled={query.isPending || filterKeys.length === 0}\n                        type=\"button\"\n                        size={'icon'}\n                        variant={'neutral'}\n                    >\n                        <IcFilter />\n                    </Button>\n                </div>\n                {/* TODO, icon maps with dynamic imports? */}\n                {/* TODO open popover with form for property specific filter */}\n                {/* TODO, icons here??? */}\n                <Popover className=\"w-full p-icon\">\n                    <form\n                        onSubmit={e => {\n                            e.preventDefault();\n                        }}\n                        className=\"flex flex-col gap-icon max-h-table overflow-auto \"\n                    >\n                        <form.Field mode=\"array\" name={'filters'}>\n                            {field => {\n                                return (\n                                    <>\n                                        {field.state.value.map((lf, i) => {\n                                            return (\n                                                <div key={lf.id} className=\"flex gap-icon items-center justify-normal\">\n                                                    <span className=\"body-sm\">{resourceFormatter(lf.property)}</span>\n                                                    <form.AppField key={lf.id} name={`filters[${i}].operator`}>\n                                                        {sf => (\n                                                            <sf.TfSingleSelect\n                                                                items={FilterOperations[lf.type].map(op => ({\n                                                                    id: op,\n                                                                    label: <>{COMPARISON_OPERATOR_LABELS[op]}</>,\n                                                                }))}\n                                                            />\n                                                        )}\n                                                    </form.AppField>\n\n                                                    {lf.type === 'bool' && (\n                                                        <form.AppField name={`filters[${i}].value`}>\n                                                            {sf => <sf.TfCheckbox autoFocus />}\n                                                        </form.AppField>\n                                                    )}\n                                                    {lf.type === 'date' && (\n                                                        <form.AppField name={`filters[${i}].value`}>\n                                                            {_ => <TfDatePicker autoFocus />}\n                                                        </form.AppField>\n                                                    )}\n                                                    {lf.type === 'id' && (\n                                                        <form.AppField name={`filters[${i}].value`}>\n                                                            {sf => <sf.TfTextField autoFocus />}\n                                                        </form.AppField>\n                                                    )}\n                                                    {lf.type === 'string' && (\n                                                        <form.AppField name={`filters[${i}].value`}>\n                                                            {sf => <sf.TfTextField autoFocus />}\n                                                        </form.AppField>\n                                                    )}\n                                                    {lf.type === 'number' && (\n                                                        <form.AppField name={`filters[${i}].value`}>\n                                                            {sf => <sf.TfNumberField autoFocus />}\n                                                        </form.AppField>\n                                                    )}\n\n                                                    {lf.type === 'enum' && (\n                                                        <form.AppField name={`filters[${i}].value`}>\n                                                            {sf => {\n                                                                const config = filterConfig[lf.property];\n                                                                if (config.type !== 'enum') return null;\n                                                                return <sf.TfMultiSelect items={config.options} />;\n                                                            }}\n                                                        </form.AppField>\n                                                    )}\n\n                                                    {lf.type === 'id-search' && (\n                                                        <form.AppField name={`filters[${i}].value`}>\n                                                            {_ => {\n                                                                const config = filterConfig[lf.property];\n                                                                if (config.type !== 'id-search') return null;\n                                                                return (\n                                                                    <TfMultipleIdSearchInput\n                                                                        resource={config.resource}\n                                                                        accessor={config.accessor}\n                                                                        searchFn={config.searchFn}\n                                                                    />\n                                                                );\n                                                            }}\n                                                        </form.AppField>\n                                                    )}\n\n                                                    <Button\n                                                        type=\"button\"\n                                                        variant=\"neutral\"\n                                                        size=\"icon\"\n                                                        onPress={() => field.removeValue(i)}\n                                                    >\n                                                        <IcRemove />\n                                                    </Button>\n                                                </div>\n                                            );\n                                        })}\n                                        <div className=\"flex w-full items-center justify-end gap-2 not-first:mt-icon\">\n                                            <EasyMenu label=\"Add filter\" autoFocus>\n                                                {filterKeys.sort().map(k => {\n                                                    const type = filterConfig[k].type;\n                                                    const Icon = FilterIcon[type];\n                                                    return (\n                                                        <MenuItem\n                                                            key={k}\n                                                            onAction={() => {\n                                                                const newFilter = createNewFilter(type, k);\n                                                                field.pushValue(newFilter);\n                                                            }}\n                                                        >\n                                                            {resourceFormatter(k)}\n                                                            <Icon />\n                                                        </MenuItem>\n                                                    );\n                                                })}\n                                            </EasyMenu>\n                                            {field.state.value.length > 0 ? (\n                                                <Button\n                                                    type=\"button\"\n                                                    variant=\"neutral\"\n                                                    onPress={() => {\n                                                        field.setValue([]);\n                                                    }}\n                                                >\n                                                    <IcRemove />\n                                                    Reset\n                                                </Button>\n                                            ) : null}\n                                        </div>\n                                    </>\n                                );\n                            }}\n                        </form.Field>\n                    </form>\n                </Popover>\n            </PopoverTrigger>\n        </section>\n    );\n}\n\nconst FilterIcon: Record<FilterConfig['type'], CtxIcon> = {\n    'id-search': IcFile,\n    bool: IcCheck,\n    date: IcDate,\n    enum: IcLicense,\n    id: IcAccount,\n    number: IcMinus,\n    string: IcCheck,\n};\n"],"names":["getTableCallback","getter","callback","pagination","sorting","searching","filters","query","generateSortParam","_f","columnHelper","createColumnHelper","sort","cH","TABLE_CHECK_BOX_COLUMN","table","jsx","Checkbox","row","TABLE_ID_COLUMN","TABLE_DEFAULT_DATE_COLUMNS","date","formatDate","ACTIONS_COLUMN_ID","getActionColumn","rowActions","DialogMenu","IcMoreVertical","useDataTableState","resourceName","columns","filterConfig","columnsToHideByDefault","allowSelection","initialFilters","tableActions","tableState","_setTableState","useState","rowSelection","setRowSelection","searchQuery","setSearchQuery","columnOrder","setColumnOrder","useLocalStorage","columnVisibility","setColumnVisibility","setFilters","mergedFilters","useMemo","tf","acc","current","merge","updateTableState","updates","prev","useQuery","keepPreviousData","cols","isUpdaterFunction","updater","resolveUpdater","currentValue","tanTable","useReactTable","getCoreRowModel","useEffect","c","DataTableContext","createContext","useDataTable","ctx","useContext","DataTableProvider","children","props","DataTable","className","Fragment","classNames","Actions","jsxs","TableOverlay","Loader","IcInfo","TableContent","ColumnPicker","PageSize","Paginator","activeId","setActiveId","resourceFormatter","useResourceFormatter","sensors","useSensors","useSensor","PointerSensor","KeyboardSensor","sortableKeyboardCoordinates","DndContext","closestCenter","event","active","over","oldIndex","newIndex","arrayMove","SortableContext","verticalListSortingStrategy","EasyMenu","IcColumns","MenuItem","colId","col","SortableItem","DragOverlay","column","attributes","listeners","setNodeRef","transform","transition","useSortable","style","CSS","IcGrip","getColumnHeaderText","SortIcon","rowCount","Button","IcFirst","IcLeft","IcRight","IcLast","PAGE_SIZES","s","items","IcRefresh","ta","i","Icon","e","r","DataTableFilter","SearchField","direction","IcSortAsc","IcSortDesc","IcSortNone","headerDef","HeaderText","header","flexRender","tableCellStyle","isSticky","zIndex","TableComponent","TableHeader","headerGroup","TableRow","TableHead","TableBody","cell","TableCell","FILTER_COMPARISON_OPERATORS","COMPARISON_OPERATOR_LABELS","createNewFilter","type","property","id","operator","FilterOperations","addFilterButtonRef","useRef","form","useAppForm","value","filterKeys","PopoverTrigger","o","IcFilter","Popover","field","lf","sf","op","_","TfDatePicker","config","TfMultipleIdSearchInput","IcRemove","k","FilterIcon","newFilter","IcFile","IcCheck","IcDate","IcLicense","IcAccount","IcMinus"],"mappings":"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"}
+{"version":3,"file":"data-table.js","sources":["../../lib/components/data-table.tsx","../../stories/story-commons.tsx","../../lib/components/id-search.tsx","../../lib/components/data-table-filter.tsx"],"sourcesContent":["'use client';\nimport type { operations } from '@cryptlex/web-api-types/develop';\nimport {\n    closestCenter,\n    DndContext,\n    DragOverlay,\n    KeyboardSensor,\n    PointerSensor,\n    useSensor,\n    useSensors,\n} from '@dnd-kit/core';\nimport {\n    arrayMove,\n    SortableContext,\n    sortableKeyboardCoordinates,\n    useSortable,\n    verticalListSortingStrategy,\n} from '@dnd-kit/sortable';\nimport { CSS } from '@dnd-kit/utilities';\nimport { keepPreviousData, useQuery } from '@tanstack/react-query';\n\nimport {\n    type Column,\n    type ColumnDef,\n    type ColumnHelper,\n    type ColumnOrderState,\n    createColumnHelper,\n    flexRender,\n    getCoreRowModel,\n    type Header,\n    type PaginationState,\n    type RowData,\n    type RowSelectionState,\n    type SortingState,\n    type Updater,\n    useReactTable,\n    type VisibilityState,\n} from '@tanstack/react-table';\nimport { useLocalStorage } from '@uidotdev/usehooks';\nimport { merge } from 'lodash-es';\nimport { createContext, useContext, useEffect, useMemo, useState } from 'react';\nimport { Badge } from '../components/badge';\n\nimport { Button } from '../components/button';\nimport { DataTableFilter, type FiltersConfig, type TableFilter } from '../components/data-table-filter';\nimport { DialogMenu, type DialogMenuAction } from '../components/dialog-menu';\nimport { Loader } from '../components/loader';\nimport { EasyMenu, MenuItem } from '../components/menu';\nimport { SearchField } from '../components/searchfield';\nimport { TableBody, TableCell, Table as TableComponent, TableHead, TableHeader, TableRow } from '../components/table';\nimport { CountryName } from '../utilities/countries';\nimport { formatDate } from '../utilities/date';\nimport { formatDays, formatFilesize, formatNumber } from '../utilities/numbers';\nimport type { CtxResourceName } from '../utilities/resources';\nimport { useResourceFormatter } from '../utilities/resources';\nimport { classNames } from '../utilities/theme';\nimport { Checkbox } from './checkbox';\nimport {\n    IcColumns,\n    IcFirst,\n    IcGrip,\n    IcInfo,\n    IcLast,\n    IcLeft,\n    IcMoreVertical,\n    IcRefresh,\n    IcRight,\n    IcSortAsc,\n    IcSortDesc,\n    IcSortNone,\n} from './icons';\nimport { type TableAction, TableActions } from './table-actions';\n\nimport '@tanstack/react-table';\n\nimport type { Cell } from '@tanstack/react-table';\nexport type DisplayType = 'string' | 'boolean' | 'date' | 'number' | 'enum' | 'badge' | 'country' | 'fileSize' | 'days';\n\ndeclare module '@tanstack/react-table' {\n    interface ColumnMeta<TData extends RowData, TValue> {\n        displayType: DisplayType;\n    }\n}\n\n/** Reserved name for actions column */\n// export const ACTIONS_COLUMN_ID = 'tableActions';\n\nexport type TableFetchFn<in out TData extends object> = (\n    p: PaginationState,\n    s: SortingState,\n    q: string,\n    f: Record<string, any>\n) => Promise<{\n    total: number;\n    data: TData[] | undefined;\n}>;\nexport function getTableCallback<T extends object>(\n    getter: (\n        q: Record<string, any>\n    ) => Promise<{ data?: T[]; error?: { code?: string | null; message: string }; response: Response }>\n): { callback: TableFetchFn<T>; columnHelper: ColumnHelper<T> } {\n    const callback: TableFetchFn<T> = async (pagination, sorting, searching, filters) => {\n        const query = {\n            ...filters,\n            page: pagination.pageIndex + 1,\n            limit: pagination.pageSize,\n            sort: generateSortParam(sorting[0]),\n            search: searching,\n        };\n\n        const _f = await getter(query);\n\n        return {\n            total: Number.parseInt(_f.response.headers.get('Pagination-Count') || '0'),\n            data: _f.data,\n        };\n    };\n\n    const columnHelper = createColumnHelper<T>();\n\n    return { callback, columnHelper };\n}\n\nfunction generateSortParam(sort: { id: string; desc: boolean } | undefined): string {\n    if (sort) {\n        if (sort.desc) {\n            return `-${sort.id}`;\n        } else {\n            return `+${sort.id}`;\n        }\n    } else {\n        return '-createdAt';\n    }\n}\n\nconst cH = createColumnHelper<any>();\nconst TABLE_CHECK_BOX_COLUMN = [\n    cH.accessor('checkbox', {\n        header: ({ table }) => (\n            <Checkbox\n                isIndeterminate={table.getIsSomeRowsSelected() && !table.getIsAllPageRowsSelected()}\n                isSelected={table.getIsAllPageRowsSelected() || table.getIsSomePageRowsSelected()}\n                onChange={() => table.toggleAllPageRowsSelected()}\n                aria-label=\"Select all\"\n            />\n        ),\n\n        cell: ({ row }) => (\n            <Checkbox isSelected={row.getIsSelected()} onChange={() => row.toggleSelected()} aria-label=\"Select row\" />\n        ),\n        enableSorting: false,\n        enableHiding: false,\n    }),\n];\n\nconst TABLE_ID_COLUMN = [\n    cH.accessor('id', {\n        header: 'ID',\n        meta: {\n            displayType: 'string',\n        },\n    }),\n];\nconst TABLE_DEFAULT_DATE_COLUMNS = [\n    cH.accessor('createdAt', {\n        header: 'Creation Date',\n        meta: {\n            displayType: 'date',\n        },\n        enableHiding: false,\n    }),\n    cH.accessor('updatedAt', {\n        header: 'Last Updated',\n        meta: {\n            displayType: 'date',\n        },\n        enableHiding: false,\n    }),\n];\n\nconst ACTIONS_COLUMN_ID = 'TableActions';\nconst getActionColumn = (rowActions: DialogMenuAction<any>[]) => {\n    if (rowActions.length === 0) return [];\n\n    return [\n        cH.accessor(ACTIONS_COLUMN_ID, {\n            header: 'Actions',\n            id: ACTIONS_COLUMN_ID,\n            enableHiding: false,\n            cell: ({ row }) => <DialogMenu label={<IcMoreVertical />} data={row.original} items={rowActions} />,\n            enableSorting: false,\n        }),\n    ];\n};\n\ntype DataTableFactory<T extends object, TOperation extends keyof operations> = {\n    resourceName: CtxResourceName;\n    callback: TableFetchFn<T>;\n    columns: ColumnDef<T, any>[];\n    tableActions: TableAction<T>[];\n    columnsToHideByDefault?: Partial<Record<keyof T, boolean>>; // Columns that are hidden by default\n    allowSelection?: boolean;\n    filterConfig: FiltersConfig<TOperation>;\n    initialFilters: TableFilter[];\n    rowActions?: DialogMenuAction<T>[];\n};\n\ntype DataTableState = {\n    sorting: SortingState;\n    pagination: PaginationState;\n};\n/**\n * Hook for handling all data-table state. Used in DataTableContext\n */\nexport function useDataTableState<T extends object, TOperation extends keyof operations>({\n    resourceName,\n    columns,\n    callback,\n    filterConfig,\n    columnsToHideByDefault = {},\n    allowSelection = false,\n    initialFilters = [],\n    tableActions,\n    rowActions,\n}: DataTableFactory<T, TOperation>) {\n    const [tableState, _setTableState] = useState<DataTableState>({\n        /** Reflect in URL in host application  */\n        pagination: { pageIndex: 0, pageSize: 20 }, // Pagination state\n        sorting: [], // Sorting state\n    });\n    //\n    const [rowSelection, setRowSelection] = useState<RowSelectionState>({});\n\n    /** Reflect in URL in host application  */\n    const [searchQuery, setSearchQuery] = useState('');\n\n    const [columnOrder, setColumnOrder] = useLocalStorage<ColumnOrderState>(\n        `${resourceName}_ctx_column_order_preference`,\n        []\n    );\n    const [columnVisibility, setColumnVisibility] = useLocalStorage<VisibilityState>(\n        `${resourceName}_ctx_column_visibility_preference`,\n        {\n            id: false,\n            ...columnsToHideByDefault,\n        }\n    );\n\n    const [filters, setFilters] = useState(initialFilters);\n\n    const mergedFilters = useMemo(() => {\n        // TODO, generic transform fn\n        return filters\n            .map(tf => {\n                if (Array.isArray(tf.value)) {\n                    return {\n                        [tf.property]: {\n                            [tf.operator]: tf.value.join(','),\n                        },\n                    };\n                }\n                return {\n                    [tf.property]: {\n                        [tf.operator]: tf.value,\n                    },\n                };\n            })\n            .reduce((acc, current) => {\n                return merge(acc, current);\n            }, {});\n    }, [filters]);\n\n    // Update table state with new values\n    const updateTableState = (updates: Partial<DataTableState>) => {\n        _setTableState(prev => ({ ...prev, ...updates }));\n    };\n\n    const { sorting, pagination } = tableState;\n\n    const query = useQuery({\n        queryKey: [resourceName, pagination, sorting, searchQuery, mergedFilters],\n        queryFn: () => callback(pagination, sorting, searchQuery, mergedFilters),\n        placeholderData: keepPreviousData, // Keep previous data while loading new data\n        retry: 0,\n        refetchOnWindowFocus: false,\n    });\n\n    /**\n     * ID,createdAt and updatedAt will be added by default for all tables\n     * If selection is allowed, checkbox will be added\n     * If the dto has metadata, dynamics columns for all the metadata key-value will be added(particular for a view)\n     * If there are actions for the table, they will be placed fixed at the right side of table.\n     */\n    const cols: ColumnDef<any, any>[] = [\n        ...(allowSelection ? TABLE_CHECK_BOX_COLUMN : []),\n        ...TABLE_ID_COLUMN,\n        ...columns,\n        ...TABLE_DEFAULT_DATE_COLUMNS,\n        ...getActionColumn(rowActions ?? []),\n    ];\n\n    // Type-guard for updater\n    function isUpdaterFunction<T>(updater: Updater<T>): updater is (old: T) => T {\n        return typeof updater === 'function';\n    }\n    // Utility function to resolve updater\n    function resolveUpdater<T>(updater: Updater<T>, currentValue: T) {\n        if (isUpdaterFunction(updater)) {\n            return updater(currentValue);\n        }\n        return updater;\n    }\n\n    // Use react-table's hook to create the table instance\n    const tanTable = useReactTable({\n        data: query.data?.data ?? [],\n        columns: cols,\n        getCoreRowModel: getCoreRowModel(),\n        rowCount: query.data?.total,\n        manualPagination: true, // Handle pagination manually since pagination is done server side for data tables\n        onPaginationChange: updater => {\n            updateTableState({ pagination: resolveUpdater(updater, pagination) });\n        },\n        manualSorting: true, // Handle sorting manually since sorting is done server side for data tables\n        onSortingChange: updater => {\n            setRowSelection({});\n            updateTableState({ sorting: [...resolveUpdater(updater, sorting)] }); // Reset selection when sorting.\n        },\n        manualFiltering: true, // Handle filtering manually since filtering is done server side for data tables\n        onColumnVisibilityChange: updater => {\n            setColumnVisibility(resolveUpdater(updater, columnVisibility));\n        },\n        onRowSelectionChange: updater => {\n            setRowSelection(resolveUpdater(updater, rowSelection));\n        },\n        onColumnOrderChange: updater => {\n            setColumnOrder(resolveUpdater(updater, columnOrder));\n        },\n        state: {\n            sorting: sorting,\n            columnVisibility: columnVisibility,\n            pagination: pagination,\n            rowSelection: rowSelection,\n            columnOrder: columnOrder,\n        },\n        meta: {\n            refetch: query.refetch,\n        },\n    });\n\n    // By default, ColumnDef does not give guarantees of column.id existing. Once useReactTable is called, all columns are assigned IDs.\n    // This populates the columnIds in the columnOrder state\n    useEffect(() => {\n        setColumnOrder([...tanTable.getAllLeafColumns().map(c => c.id)]);\n    }, []);\n\n    return {\n        tableState,\n        updateTableState,\n        query,\n        setSearchQuery,\n        searchQuery,\n        tanTable,\n        mergedFilters,\n        filters,\n        setFilters,\n        filterConfig,\n        tableActions,\n    } as const;\n}\n\nexport const DataTableContext = createContext<ReturnType<typeof useDataTableState> | null>(null);\n// TODO, don't export this\nexport function useDataTable() {\n    const ctx = useContext(DataTableContext);\n    if (!ctx) {\n        throw Error('DataTable should be used within DataTableProvider.');\n    }\n    return ctx;\n}\n\nexport function DataTableProvider<T extends object, TOperation extends keyof operations>({\n    children,\n    ...props\n}: { children: React.ReactNode } & ReturnType<typeof useDataTableState<T, TOperation>>) {\n    // @ts-expect-error, propogating the generic type further will be more complex. Since this is a tightly coupled type, it should be okay but reviewed whenever useDataTableState changes.\n    return <DataTableContext.Provider value={props}>{children}</DataTableContext.Provider>;\n}\n\nexport type DataTableProps = React.ComponentProps<'section'>;\nexport function DataTable({ className, ...props }: DataTableProps) {\n    const { query, tanTable } = useDataTable();\n\n    return (\n        <>\n            {/* Table Actions Section */}\n            <section {...props} className={classNames('flex flex-col bg-elevation-1', className)}>\n                <Actions />\n                {/* The div here is necessary because TableContent is internally a <table> tag and does not respect width, height CSS */}\n                <div className=\"w-full overflow-auto border-x h-table relative\" tabIndex={0}>\n                    {/* Table overlay with loader */}\n                    {query.isLoading && (\n                        <TableOverlay className=\"cursor-wait\">\n                            <Loader />\n                        </TableOverlay>\n                    )}\n                    {/* Table overlay for empty table */}\n                    {!query.isLoading && tanTable.getRowModel().rows.length === 0 && (\n                        // Empty table\n                        <TableOverlay className=\"cursor-not-allowed\">\n                            {!query.isFetching &&\n                                (query.isError ? (\n                                    <span className=\"flex gap-3 justify-center items-center\">\n                                        {/* TODO (mudasir-pandith) Check for 403 explicitly!! */}\n                                        {/* <span>{query.error}</span> */}\n                                        <IcInfo />\n                                        <span>{query.error.message}</span>\n                                    </span>\n                                ) : query.data?.data?.length === 0 ? (\n                                    <>No results found.</>\n                                ) : (\n                                    <>Unknown error. Please contact customer support.</>\n                                ))}\n                        </TableOverlay>\n                    )}\n                    {!query.isLoading && tanTable.getRowModel().rows.length !== 0 && (\n                        <TableContent className=\"w-full\" />\n                    )}\n                </div>\n\n                {/* Table Footer Section with Pagination and Column Picker */}\n                <div className=\"flex w-full justify-between border gap-icon p-icon overflow-x-auto\">\n                    <div className=\"flex gap-icon\">\n                        <ColumnPicker />\n                        <PageSize />\n                    </div>\n                    <Paginator />\n                </div>\n            </section>\n        </>\n    );\n}\n/** Table overlay to be shown for loaders or other messages */\nfunction TableOverlay({ children, className }: { children: React.ReactNode; className?: string }) {\n    return (\n        <>\n            <span\n                className={classNames(\n                    className,\n                    'absolute top-0 bg-elevation-1 text-foreground z-20 size-full body-sm flex items-center justify-center'\n                )}\n            >\n                {children}\n            </span>\n            {/* Keep something in document flow with the correct height */}\n            <span className=\"relative h-full w-0 block\" />\n        </>\n    );\n}\n\n// TODO, ?include query param on Licenses, Activations and other future resources that need this\nfunction ColumnPicker() {\n    const { tanTable } = useDataTable();\n    const [activeId, setActiveId] = useState<string | null>(null);\n\n    const resourceFormatter = useResourceFormatter();\n\n    const sensors = useSensors(\n        useSensor(PointerSensor),\n        useSensor(KeyboardSensor, {\n            coordinateGetter: sortableKeyboardCoordinates,\n        })\n    );\n    return (\n        <DndContext\n            sensors={sensors}\n            collisionDetection={closestCenter}\n            onDragStart={event => {\n                const { active } = event;\n                setActiveId(active.id.toString());\n            }}\n            onDragEnd={event => {\n                const { active, over } = event;\n\n                if (over && active.id !== over.id) {\n                    const columnOrder = tanTable.getState().columnOrder;\n                    const oldIndex = columnOrder.indexOf(active.id.toString());\n                    const newIndex = columnOrder.indexOf(over.id.toString());\n                    tanTable.setColumnOrder([...arrayMove(columnOrder, oldIndex, newIndex)]);\n                }\n\n                setActiveId(null);\n            }}\n        >\n            <SortableContext items={tanTable.getState().columnOrder} strategy={verticalListSortingStrategy}>\n                <EasyMenu\n                    label={\n                        <>\n                            <IcColumns className=\"inline align-bottom me-1\" />\n                            Columns\n                        </>\n                    }\n                    selectionMode=\"multiple\"\n                    items={tanTable.getAllFlatColumns()}\n                    // Using selectedKeys = 'all' does not mark MenuItems with isDisabled=true as selected. This is not the intended behaviour in this use-case.\n                    selectedKeys={tanTable.getVisibleFlatColumns().map(c => c.id)}\n                >\n                    <MenuItem onAction={() => tanTable.toggleAllColumnsVisible()} className={'italic'}>\n                        (select all)\n                    </MenuItem>\n                    {tanTable.getState().columnOrder.map(colId => {\n                        const col = tanTable.getAllFlatColumns().find(c => c.id === colId);\n                        // Don't show checkbox and actions columns in picker\n                        if (!col || col.id === 'checkbox' || col.id === ACTIONS_COLUMN_ID) return null;\n                        return <SortableItem key={col.id} column={col} />;\n                    })}\n                </EasyMenu>\n                <DragOverlay>\n                    {activeId ? (\n                        <div className=\"opacity-70 border-2 border-primary\">{resourceFormatter(activeId)}</div>\n                    ) : null}\n                </DragOverlay>\n            </SortableContext>\n        </DndContext>\n    );\n\n    function SortableItem({ column }: { column: Column<any, unknown> }) {\n        const { attributes, listeners, setNodeRef, transform, transition } = useSortable({ id: column.id });\n        const style = {\n            transform: CSS.Transform.toString(transform),\n            transition,\n            zIndex: '999',\n        };\n        return (\n            <MenuItem\n                ref={setNodeRef}\n                style={style}\n                {...attributes}\n                id={column.id}\n                onAction={() => column.toggleVisibility()}\n                isDisabled={!column.getCanHide()}\n                className=\"flex items-center\"\n            >\n                <IcGrip {...listeners} className=\"size-icon cursor-grab\" />\n                {getColumnHeaderText(column)}\n                {column.getIsSorted() && <SortIcon className=\"size-icon\" direction={column.getIsSorted()} />}\n            </MenuItem>\n        );\n    }\n}\n\nfunction Paginator() {\n    const { tanTable, query } = useDataTable();\n    const rowCount = query.data?.total ?? 0;\n    return (\n        <div className=\"flex items-center gap-2\">\n            <span className=\"whitespace-nowrap body-sm text-muted\">\n                {`${tanTable.getState().pagination.pageIndex * tanTable.getState().pagination.pageSize + 1} - ${Math.min(\n                    (tanTable.getState().pagination.pageIndex + 1) * tanTable.getState().pagination.pageSize,\n                    rowCount\n                )} of ${rowCount?.toLocaleString()}`}\n            </span>\n\n            <Button\n                aria-label=\"First page\"\n                onPress={() => tanTable.firstPage()}\n                isDisabled={!tanTable.getCanPreviousPage()}\n                variant=\"neutral\"\n                size={'icon'}\n            >\n                <IcFirst />\n            </Button>\n            <Button\n                aria-label=\"Previous page\"\n                onPress={() => tanTable.previousPage()}\n                isDisabled={!tanTable.getCanPreviousPage()}\n                variant=\"neutral\"\n                size={'icon'}\n            >\n                <IcLeft />\n            </Button>\n            <Button\n                aria-label=\"Next page\"\n                onPress={() => tanTable.nextPage()}\n                isDisabled={!tanTable.getCanNextPage()}\n                variant=\"neutral\"\n                size={'icon'}\n            >\n                <IcRight />\n            </Button>\n            <Button\n                aria-label=\"Last page\"\n                onClick={() => tanTable.lastPage()}\n                isDisabled={!tanTable.getCanNextPage()}\n                variant=\"neutral\"\n                size={'icon'}\n            >\n                <IcLast />\n            </Button>\n        </div>\n    );\n}\n\nfunction PageSize() {\n    const { tanTable } = useDataTable();\n    const PAGE_SIZES = [10, 20, 30, 40, 50];\n\n    return (\n        <EasyMenu\n            label={tanTable.getState().pagination.pageSize.toString()}\n            selectionMode=\"single\"\n            selectedKeys={[tanTable.getState().pagination.pageSize.toString()]}\n            items={PAGE_SIZES.map(s => ({ id: s.toString(), value: s }))}\n        >\n            {items => <MenuItem onAction={() => tanTable.setPageSize(items.value)}>{items.value}</MenuItem>}\n        </EasyMenu>\n    );\n}\n\nfunction Actions() {\n    const { query, tanTable, searchQuery, setSearchQuery, tableActions } = useDataTable();\n    const hasSelectedRows = tanTable.getSelectedRowModel().rows.length > 0;\n    const selectedRows = tanTable.getSelectedRowModel().rows.map(r => r.original);\n\n    const filteredActions = tableActions.filter(ta => ta.bulk === hasSelectedRows);\n\n    return (\n        <section className=\"flex bg-elevation-1 justify-between my-0 p-icon border gap-icon overflow-auto\">\n            <div className=\"flex gap-icon\">\n                <Button\n                    aria-label=\"Refresh\"\n                    isPending={query.isFetching}\n                    onClick={() => query.refetch()}\n                    variant={'neutral'}\n                    size={'icon'}\n                >\n                    <IcRefresh />\n                </Button>\n\n                <TableActions items={filteredActions} rowsSelected={selectedRows} isFetching={query.isFetching} />\n            </div>\n            <div className=\"flex gap-icon\">\n                <DataTableFilter />\n                {<SearchField value={searchQuery} onChange={setSearchQuery} />}\n            </div>\n        </section>\n    );\n}\n\nfunction SortIcon({\n    direction,\n    ...props\n}: { direction: 'asc' | 'desc' | false } & Omit<React.ComponentProps<'svg'>, 'direction'>) {\n    if (direction === 'asc') return <IcSortAsc className=\"size-3.5\" {...props} />;\n    else if (direction === 'desc') return <IcSortDesc className=\"size-3.5\" {...props} />;\n    else return <IcSortNone className=\"size-3.5\" {...props} />;\n}\n\nfunction getColumnHeaderText(column: Column<any, unknown>): string {\n    const resourceFormatter = useResourceFormatter();\n    const headerDef = column.columnDef.header;\n    return typeof headerDef === 'string' ? headerDef : resourceFormatter(column.id);\n}\n\n/**\n * Renders a cell value based on the displayType metadata\n * @param cell - The cell to render\n * @returns The formatted value as a React node\n */\nfunction renderCellByDisplayType(cell: Cell<any, any>): React.ReactNode {\n    const displayType = cell.column.columnDef.meta?.displayType;\n    const value = cell.getValue();\n\n    if (value === null || value === undefined) {\n        return null;\n    }\n\n    switch (displayType) {\n        case 'date':\n            return formatDate(value);\n\n        case 'number':\n            return formatNumber(value);\n        case 'boolean':\n        case 'badge':\n            return <Badge className=\"uppercase w-full\">{String(value)}</Badge>;\n        case 'country':\n            return <CountryName value={value} />;\n        case 'enum':\n            return <span className=\"uppercase w-full\">{String(value)}</span>;\n        case 'fileSize':\n            return formatFilesize(value);\n        case 'days':\n            return formatDays(value);\n        default:\n            return String(value);\n    }\n}\n\nfunction HeaderText({ header }: { header: Header<any, unknown> }) {\n    const headerDef = header.column.columnDef.header;\n\n    if (typeof headerDef === 'string' || !headerDef) {\n        return getColumnHeaderText(header.column);\n    }\n\n    if (typeof headerDef === 'function') {\n        const result = headerDef(header.getContext());\n        if (typeof result === 'string') {\n            return getColumnHeaderText(header.column);\n        }\n        return flexRender(headerDef, header.getContext());\n    }\n\n    return flexRender(headerDef, header.getContext());\n}\n\n// TODO, automate checking valid HTML\nfunction TableContent({ className }: React.ComponentProps<typeof TableComponent>) {\n    const { tanTable } = useDataTable();\n    const tableCellStyle = (isSticky: boolean, className?: string, zIndex: string = 'z-50') =>\n        classNames(\n            'px-icon py-2 text-left body-sm font-medium whitespace-nowrap',\n            isSticky && `bg-elevation-1 sticky right-0 ${zIndex} text-center justify-center`,\n            className\n        );\n    return (\n        <TableComponent className={classNames('table-auto', className)}>\n            <TableHeader className=\"sticky top-0 z-10\">\n                {tanTable.getHeaderGroups().map(headerGroup => (\n                    <TableRow key={headerGroup.id}>\n                        {headerGroup.headers.map(header => (\n                            <TableHead\n                                scope=\"col\"\n                                key={header.id}\n                                colSpan={header.colSpan}\n                                className={tableCellStyle(header.id === ACTIONS_COLUMN_ID, 'bg-elevation-1')}\n                            >\n                                {!header.column.getCanSort() && !header.isPlaceholder && (\n                                    <div\n                                        className={classNames(\n                                            'w-full py-1 inline-flex items-center gap-1 body-sm',\n                                            header.id === ACTIONS_COLUMN_ID ? 'justify-center' : 'justify-start'\n                                        )}\n                                    >\n                                        <HeaderText header={header} />\n                                    </div>\n                                )}\n                                {header.column.getCanSort() && (\n                                    <Button\n                                        variant=\"ghost\"\n                                        className={classNames(\n                                            'w-full p-1',\n                                            header.id === ACTIONS_COLUMN_ID ? 'justify-center' : 'justify-start'\n                                        )}\n                                        onPress={header.column.getToggleSortingHandler()}\n                                    >\n                                        <span>\n                                            <HeaderText header={header} />\n                                        </span>\n                                        <SortIcon direction={header.column.getIsSorted()} />\n                                    </Button>\n                                )}\n                            </TableHead>\n                        ))}\n                    </TableRow>\n                ))}\n            </TableHeader>\n            <TableBody>\n                {tanTable.getRowModel().rows.map(row => (\n                    <TableRow\n                        className={classNames(\n                            'transition-colors data-[selected=true]:bg-primary/10 hover:bg-muted-foreground/20'\n                        )}\n                        key={row.id}\n                        data-selected={row.getIsSelected()}\n                    >\n                        {row.getVisibleCells().map(cell => {\n                            const isActionsColumn = cell.column.id === ACTIONS_COLUMN_ID;\n                            const cellContent = cell.column.columnDef.meta?.displayType\n                                ? renderCellByDisplayType(cell)\n                                : flexRender(cell.column.columnDef.cell, cell.getContext());\n\n                            return (\n                                <TableCell\n                                    key={cell.id}\n                                    className={classNames(\n                                        tableCellStyle(isActionsColumn, undefined, 'z-1'),\n                                        isActionsColumn && 'flex justify-center items-center'\n                                    )}\n                                >\n                                    {cellContent}\n                                </TableCell>\n                            );\n                        })}\n                    </TableRow>\n                ))}\n            </TableBody>\n        </TableComponent>\n    );\n}\n","import type { paths } from '@cryptlex/web-api-types/develop';\nimport { useMutation } from '@tanstack/react-query';\nimport createClient, { type Middleware } from 'openapi-fetch';\nimport { Button } from '../lib/components/button';\nimport { DataTable, DataTableProvider, getTableCallback, useDataTableState } from '../lib/components/data-table';\nimport type { FiltersConfig } from '../lib/components/data-table-filter';\nimport { DialogFooter, DialogHeader, DialogTitle } from '../lib/components/dialog';\nimport { DialogMenuContentProps, type DialogMenuAction } from '../lib/components/dialog-menu';\nimport { IcCreate, IcDelete, IcExport, IcTag, IcUpdate } from '../lib/components/icons';\nimport type { TableAction, TableActionDialogContentProps } from '../lib/components/table-actions';\nimport { toast } from '../lib/components/toast';\nimport type { ApiSchema } from '../lib/utilities/resources';\nexport type PlanDto = ApiSchema<'PlanDto'>;\n// Create a client instance to interact with the API\nexport const ctxClient = createClient<paths>({\n    baseUrl: 'https://api.dev.cryptlex.com',\n});\nconst authMiddleware: Middleware = {\n    async onRequest({ request }) {\n        return request;\n    },\n    async onResponse({ response }) {\n        if (!response.ok) {\n            throw await response.json();\n        }\n        return response;\n    },\n};\nctxClient.use(authMiddleware);\n\nfunction DeleteDialog({ close, data }: Readonly<DialogMenuContentProps<PlanDto>>) {\n    const deleteMutation = useMutation({\n        mutationFn: async () =>\n            await ctxClient.DELETE('/v3/plans/{id}', { params: { path: { id: data.id } } }).then(d => d.data),\n        onSuccess: () => {\n            toast({ title: 'Item deleted', variant: 'success' });\n            close();\n        },\n        onError: error => {\n            toast({ title: error.message, variant: 'destructive' });\n        },\n    });\n    return (\n        <>\n            <DialogHeader>\n                <DialogTitle>Delete</DialogTitle>\n            </DialogHeader>\n            <div className=\"py-icon\">\n                <p> Are you sure you want to delete this item?</p>\n\n                <div className=\"mt-2 body-sm text-muted\">Name: {data.name}</div>\n                <div className=\"body-sm text-muted\">ID: {data.id}</div>\n            </div>\n            <DialogFooter>\n                <Button onPress={close}>Cancel</Button>\n                <Button\n                    variant=\"destructive\"\n                    onPress={() => deleteMutation.mutate()}\n                    isPending={deleteMutation.isPending}\n                    isDisabled={deleteMutation.isPending}\n                >\n                    Delete\n                </Button>\n            </DialogFooter>\n        </>\n    );\n}\n\nfunction BulkDeleteDialog({ close, data }: Readonly<TableActionDialogContentProps<PlanDto>>) {\n    const deleteMutation = useMutation({\n        mutationFn: async () => {\n            // Delete all selected plans\n            await Promise.all(\n                data.map(plan => ctxClient.DELETE('/v3/plans/{id}', { params: { path: { id: plan.id } } }))\n            );\n        },\n        onSuccess: () => {\n            toast({ title: `${data.length} item(s) deleted`, variant: 'success' });\n            close();\n        },\n        onError: error => {\n            toast({ title: error.message, variant: 'destructive' });\n        },\n    });\n    return (\n        <>\n            <DialogHeader>\n                <DialogTitle>Bulk Delete</DialogTitle>\n            </DialogHeader>\n            <div className=\"py-icon\">\n                <p>Are you sure you want to delete {data.length} selected item(s)?</p>\n                <div className=\"mt-2 body-sm text-muted\">\n                    This action cannot be undone. The following items will be deleted:\n                </div>\n                <ul className=\"mt-2 list-disc list-inside body-sm text-muted\">\n                    {data.map(plan => (\n                        <li key={plan.id}>\n                            {plan.name} (ID: {plan.id})\n                        </li>\n                    ))}\n                </ul>\n            </div>\n            <DialogFooter>\n                <Button onPress={close}>Cancel</Button>\n                <Button\n                    variant=\"destructive\"\n                    onPress={() => deleteMutation.mutate()}\n                    isPending={deleteMutation.isPending}\n                    isDisabled={deleteMutation.isPending}\n                >\n                    Delete {data.length} item(s)\n                </Button>\n            </DialogFooter>\n        </>\n    );\n}\nexport function DataTableUsage() {\n    // Fetch function to get data from the API\n    const { callback, columnHelper } = getTableCallback(query => ctxClient.GET('/v3/plans', { params: { query } }));\n\n    // Define columns for the table\n    const columns = [\n        columnHelper.accessor('name', {}),\n\n        columnHelper.accessor('displayName', {}),\n\n        columnHelper.accessor('tier', {}),\n        columnHelper.accessor('activationLogsRetentionPeriod', {}),\n        columnHelper.accessor('allowActivationLogs', {\n            meta: {\n                displayType: 'boolean',\n            },\n        }),\n        columnHelper.accessor('allowAuditLogs', {\n            meta: {\n                displayType: 'boolean',\n            },\n        }),\n        columnHelper.accessor('allowedProductSpace', {\n            meta: {\n                displayType: 'fileSize',\n            },\n        }),\n        columnHelper.accessor('allowCustomDomain', {\n            meta: {\n                displayType: 'boolean',\n            },\n        }),\n        columnHelper.accessor('interval', {\n            meta: {\n                displayType: 'enum',\n            },\n        }),\n        columnHelper.accessor('paddleId', {}),\n        columnHelper.accessor('paddlePriceId', {}),\n        columnHelper.accessor('allowedUsers', {\n            meta: {\n                displayType: 'number',\n            },\n        }),\n        columnHelper.accessor('allowedActivations', {\n            meta: {\n                displayType: 'number',\n            },\n        }),\n        columnHelper.accessor('allowedOrganizations', {\n            meta: {\n                displayType: 'number',\n            },\n        }),\n        columnHelper.accessor('allowedAdmins', {\n            meta: {\n                displayType: 'number',\n            },\n        }),\n    ];\n\n    // Filterable fields for the table\n    const filterConfig: FiltersConfig<'GetAllPlans'> = {\n        id: {\n            type: 'id-search',\n            accessor: 'id',\n            resource: 'plan',\n        },\n        createdAt: { type: 'date' },\n        updatedAt: { type: 'date' },\n    };\n\n    const state = useDataTableState({\n        resourceName: 'plan',\n        columns,\n        columnsToHideByDefault: {},\n        allowSelection: true,\n        callback: callback,\n        filterConfig: filterConfig,\n        rowActions,\n        initialFilters: [],\n        tableActions: [\n            {\n                type: 'action',\n                label: 'Create',\n                icon: IcCreate,\n                onClick: () => alert('Create!'),\n                bulk: false,\n                tooltip: 'Create',\n            },\n            {\n                type: 'action',\n                label: 'Export',\n                icon: IcExport,\n                onClick: () => alert('Export!'),\n                bulk: true,\n                tooltip: 'Export',\n            },\n            {\n                type: 'dialog',\n                label: 'Delete',\n                icon: IcDelete,\n                component: BulkDeleteDialog,\n                bulk: true,\n                tooltip: 'Bulk Delete',\n                variant: 'destructive',\n            },\n            {\n                type: 'action',\n                label: 'Tag',\n                icon: IcTag,\n                onClick: (_, t) => alert(`Tag! ${JSON.stringify(t.map(r => r.id))}`),\n                bulk: true,\n                tooltip: 'Tag',\n            },\n        ] satisfies TableAction<PlanDto>[],\n    });\n\n    return (\n        <DataTableProvider {...state}>\n            <DataTable className=\"[--spacing-table:20rem]\" />\n        </DataTableProvider>\n    );\n}\n\nexport const rowActions = [\n    {\n        type: 'action',\n        label: 'Edit',\n        icon: IcUpdate,\n        onPress: (q: PlanDto) => alert(JSON.stringify(q)),\n    },\n    {\n        type: 'dialog',\n        label: 'Delete',\n        icon: IcDelete,\n        component: DeleteDialog,\n    },\n] satisfies DialogMenuAction<PlanDto>[];\n","'use client';\nimport { useQuery } from '@tanstack/react-query';\nimport { useId, useState } from 'react';\nimport { Select as AriaSelect, Autocomplete } from 'react-aria-components';\n\nimport { ctxClient } from '../../stories/story-commons';\nimport { Loader } from '../components/loader';\nimport { Menu, MenuItem } from '../components/menu';\nimport { PopoverTrigger } from '../components/popover';\nimport { SearchField } from '../components/searchfield';\nimport { getFieldErrorMessage } from '../utilities/form';\nimport { useFieldContext } from '../utilities/form-context';\nimport type { CtxResourceName } from '../utilities/resources';\nimport { RESOURCE_ENDPOINT_MAP } from '../utilities/resources';\nimport { FormField, type FormFieldProps } from './form';\nimport { SelectPopover, SelectTrigger } from './select';\n\n/**\n * Minimal resource shape used by the ID search inputs.\n * Only `id` and `name` are required.\n *\n * @example\n * const user: BaseSearchableResource = { id: 'u_123', name: 'Nabeel Farooq' };\n */\ntype BaseSearchableResource = {\n    /** Unique identifier used as the input value. */\n    id: string;\n    /** Human-readable label shown to users. */\n    name: string;\n};\n\n/**\n * Type guard to check if a value is an array of searchable resources\n */\nfunction isSearchableResourceArray<T extends BaseSearchableResource>(value: unknown): value is T[] {\n    return (\n        Array.isArray(value) && value.every(item => item && typeof item === 'object' && 'id' in item && 'name' in item)\n    );\n}\n\n/**\n * - Generic, accessible ID-search building block.\n * - Search (powered by react-query)\n * - Renders an accessible Autocomplete + Menu listbox\n * - Exposes a controlled `value`/`onChange` contract so callers (and wrappers) can manage state\n * - Automatically generates search function based on resource name using RESOURCE_ENDPOINT_MAP\n *\n * @template T - resource type extending `BaseSearchableResource` (must have `id` and `name`)\n * @template V - controlled value type (e.g. `string` for single-select or `string[]` for multi-select)\n *\n * @param props - props object (see inline property JSDoc for the most important fields)\n *\n * @remarks\n * - Search is automatically handled based on the `resource` prop using the API client from context\n * - When the popover closes, `onBlur` (if provided) is called with the current `value`.\n * - `renderLabel` must convert `value` to a readable string for the control button.\n * - `defaultParams` can be used to pass additional query parameters to the search endpoint\n *\n * @example\n * <BaseIdSearchInput\n *   label=\"Owner\"\n *   resource=\"user\"\n *   value={ownerId}\n *   onChange={setOwnerId}\n *   renderLabel={(v, data) => data?.find(d => d.id === v)?.name ?? v}\n * />\n *\n * @testing\n * - Ensure API client is provided via context; assert keyboard navigation, open/close behavior, and `onBlur` call on popover close.\n */\nfunction BaseIdSearchInput<T extends BaseSearchableResource, V>({\n    label,\n    description,\n    errorMessage,\n    requiredIndicator,\n    isDisabled,\n    isInvalid,\n    onBlur,\n    resource,\n    onChange,\n    value,\n    renderLabel,\n    accessor,\n    defaultParams,\n    className,\n    ...props\n}: FormFieldProps & {\n    resource: CtxResourceName;\n    /** Disable interactions. */\n    isDisabled?: boolean;\n    /** Whether the field is invalid. */\n    isInvalid?: boolean;\n    /** Key used to access an alternate display accessor on item (kept for compatibility). */\n    accessor: keyof BaseSearchableResource;\n    /** Controlled value. */\n    value: V;\n    /** Called when popover closes or the field blurs with the current value. */\n    onBlur?: (v: V) => void;\n    /** Controlled change handler. */\n    onChange: (v: V) => void;\n    /** Render a human-readable label for the current value using the latest data. */\n    renderLabel: (v: V, data: T[] | undefined) => string;\n    /** Default parameters to include in the request. This is useful when using /v3/users?role='admin' or /v3/organizations/ID/user-groups */\n    defaultParams?: Record<'path' | 'query', any>;\n    /** Optional className to customize the trigger button styling. */\n    className?: string;\n} & Omit<React.ComponentProps<typeof Menu>, 'items' | 'className'>) {\n    if (resource === 'profile') {\n        throw Error('Resource \"profile\" is not supported with IdSearch since it is not a searchable resource.');\n    }\n\n    const generatedId = useId();\n    const fieldId = props.id || generatedId;\n\n    const [search, _setSearch] = useState('');\n    const { data, isError, isFetching, error } = useQuery({\n        queryKey: [resource, 'id', search],\n        queryFn: async (): Promise<T[]> => {\n            const result = await ctxClient.GET(RESOURCE_ENDPOINT_MAP[resource], {\n                params: {\n                    query: {\n                        search,\n                        ...defaultParams?.query,\n                    },\n                    path: {\n                        ...defaultParams?.path,\n                    },\n                },\n            });\n\n            // Type narrowing: result.data is inferred as never due to complex union types\n            // We use unknown to bypass this and then validate with our type guard\n            const responseData: unknown = result.data;\n            if (responseData && isSearchableResourceArray<T>(responseData)) {\n                return responseData;\n            }\n            return [];\n        },\n    });\n\n    return (\n        <div className=\"group form-field\" data-invalid={isInvalid ? '' : undefined}>\n            <FormField {...{ label, description, errorMessage, requiredIndicator, htmlFor: fieldId }}>\n                <AriaSelect isInvalid={isInvalid}>\n                    <PopoverTrigger\n                        onOpenChange={o => {\n                            if (!o) {\n                                // searchInputRef.current?.focus();\n                                onBlur?.(value);\n                            }\n                        }}\n                    >\n                        <SelectTrigger id={fieldId} isDisabled={isDisabled} className={className ?? 'w-full'}>\n                            {renderLabel(value, data)}\n                        </SelectTrigger>\n                        <SelectPopover placement=\"bottom start\">\n                            <Autocomplete inputValue={search} onInputChange={_setSearch}>\n                                <SearchField className={'p-2'} autoFocus />\n                                {isFetching && (\n                                    <div className=\"p-input\">\n                                        <Loader className=\"mx-auto\" />\n                                    </div>\n                                )}\n                                {!isFetching && !isError && (\n                                    <Menu\n                                        {...props}\n                                        className={'max-h-48'}\n                                        items={data}\n                                        renderEmptyState={() => <div className=\"body-sm p-2\">No results found.</div>}\n                                    >\n                                        {item => (\n                                            <MenuItem key={item[accessor]} id={item[accessor]}>\n                                                {item.name}\n                                            </MenuItem>\n                                        )}\n                                    </Menu>\n                                )}\n                                {isError && <div className=\"text-destructive p-icon body-sm\">{error.message}</div>}\n                            </Autocomplete>\n                        </SelectPopover>\n                    </PopoverTrigger>\n                </AriaSelect>\n            </FormField>\n        </div>\n    );\n}\n\n/**\n * Single-selection ID search input.\n *\n * Thin, typed wrapper around `BaseIdSearchInput` specialized for the very common single-ID case.\n * Adapts the internal selection events into `onChange(id?: string)` and renders the selected label.\n *\n * @template T - resource type (extends BaseSearchableResource)\n *\n * @param props - Inherits `BaseIdSearchInput` props but uses `string[]` value type.\n *\n * @example\n * <SingleIdSearchInput\n *   label=\"Reporter\"\n *   value={reporterId}\n *   onChange={setReporterId}\n * />\n *\n */\nexport function SingleIdSearchInput<T extends BaseSearchableResource>({\n    ...props\n}: Omit<\n    React.ComponentProps<typeof BaseIdSearchInput<T, string>>,\n    'onSelectionChange' | 'selectionMode' | 'selectedKeys' | 'renderLabel'\n>) {\n    return (\n        <BaseIdSearchInput\n            selectedKeys={[props.value]}\n            onSelectionChange={e => props.onChange(Array.from(e).filter(v => typeof v === 'string')[0])}\n            renderLabel={(v, d) => d?.find(di => di.id === v)?.name ?? v}\n            selectionMode=\"single\"\n            {...props}\n        />\n    );\n}\n\n/**\n * Multi-selection ID search input.\n *\n * Thin wrapper around `BaseIdSearchInput` for the multiple-ID (`string[]`) case.\n * Adapts internal selection events into `onChange(ids: string[])`.\n *\n * @template T - resource type (extends BaseSearchableResource)\n *\n * @param props - Inherits `BaseIdSearchInput` props but uses `string[]` value type.\n *\n * @example\n * <MultipleIdSearchInput\n *   label=\"Reviewers\"\n *   value={reviewerIds}\n *   onChange={setReviewerIds}\n * />\n *\n * @remarks\n * - The `renderLabel` joins selected item names with commas for compact display.\n */\nexport function MultipleIdSearchInput<T extends BaseSearchableResource>({\n    ...props\n}: Omit<\n    React.ComponentProps<typeof BaseIdSearchInput<T, string[]>>,\n    'renderLabel' | 'onSelectionChange' | 'selectionMode' | 'selectedKeys'\n>) {\n    return (\n        <BaseIdSearchInput\n            selectedKeys={props.value}\n            onSelectionChange={e => props.onChange(Array.from(e).filter(v => typeof v === 'string'))}\n            selectionMode=\"multiple\"\n            renderLabel={(v, d) => v?.map(vi => d?.find(di => di.id === vi)?.name ?? vi).join(',')}\n            {...props}\n        />\n    );\n}\n\n/**\n * Form-integrated single-select ID input (field wrapper).\n *\n * Integrates `SingleIdSearchInput` into the form system using `useFieldContext`.\n * - wires `value`, `onChange`, and `onBlur`\n * - disables the control while the form is submitting\n * - surfaces field-level error messages\n *\n * @example\n * <TfSingleIdSearchInput name=\"ownerId\" label=\"Owner\" />\n \n */\nexport function TfSingleIdSearchInput({\n    isDisabled,\n    ...props\n}: Omit<React.ComponentProps<typeof SingleIdSearchInput>, 'value' | 'onChange' | 'onBlur'>) {\n    const field = useFieldContext<string>({ disabled: isDisabled });\n    return (\n        <SingleIdSearchInput\n            {...props}\n            isDisabled={isDisabled || field.form.state.isSubmitting}\n            value={field.state.value}\n            onBlur={_ => field.handleBlur()}\n            onChange={e => field.handleChange(e)}\n            isInvalid={!!getFieldErrorMessage(field)}\n            errorMessage={getFieldErrorMessage(field)}\n        />\n    );\n}\n\n/**\n * Form-integrated multi-select ID input (field wrapper).\n *\n * Integrates `MultipleIdSearchInput` into the form system using `useFieldContext`.\n * - wires `value`, `onChange`, and `onBlur`\n * - disables the control while the form is submitting\n * - surfaces field-level error messages\n *\n * @example\n * <TfMultipleIdSearchInput name=\"reviewerIds\" label=\"Reviewers\" />\n *\n */\nexport function TfMultipleIdSearchInput({\n    isDisabled,\n    ...props\n}: Omit<React.ComponentProps<typeof MultipleIdSearchInput>, 'value' | 'onChange'>) {\n    const field = useFieldContext<string[]>({ disabled: isDisabled });\n    return (\n        <MultipleIdSearchInput\n            {...props}\n            isDisabled={isDisabled || field.form.state.isSubmitting}\n            value={field.state.value}\n            onBlur={_ => field.handleBlur()}\n            onChange={e => field.handleChange(e)}\n            isInvalid={!!getFieldErrorMessage(field)}\n            errorMessage={getFieldErrorMessage(field)}\n        />\n    );\n}\n","'use client';\nimport type { operations } from '@cryptlex/web-api-types/develop';\nimport { useRef } from 'react';\nimport { Button } from '../components/button';\nimport { useDataTable } from '../components/data-table';\nimport { TfDatePicker } from '../components/date-picker';\nimport { EasyMenu, MenuItem } from '../components/menu';\nimport type { MultiSelectProps } from '../components/multi-select';\nimport { Popover, PopoverTrigger } from '../components/popover';\nimport { useAppForm } from '../utilities/form-hook';\nimport { useResourceFormatter, type ApiFilters } from '../utilities/resources';\nimport { classNames } from '../utilities/theme';\nimport { IcAccount, IcCheck, IcDate, IcFile, IcFilter, IcLicense, IcMinus, IcRemove, type CtxIcon } from './icons';\nimport { TfMultipleIdSearchInput } from './id-search';\n\nexport const FILTER_COMPARISON_OPERATORS = [\n    'eq',\n    'ne',\n    'cn',\n    'nc',\n    'sw',\n    'ew',\n    'in',\n    'nin',\n    'gt',\n    'gte',\n    'lt',\n    'lte',\n] as const;\nexport type FilterComparisonOperator = (typeof FILTER_COMPARISON_OPERATORS)[number];\n\nexport const COMPARISON_OPERATOR_LABELS: Record<FilterComparisonOperator, string> = {\n    eq: 'equal to',\n    ne: 'not equal to',\n    cn: 'contains',\n    nc: 'does not contain',\n    sw: 'starts with',\n    ew: 'ends with',\n    in: 'includes',\n    nin: 'does not include',\n    gt: 'greater than',\n    gte: 'greater than or equal to',\n    lt: 'less than',\n    lte: 'less than or equal to',\n};\n\ntype BaseLocalFilter<T extends FilterType, V> = {\n    id: string;\n    type: T;\n    property: string;\n    operator: FilterComparisonOperator;\n    value: V | undefined;\n    displayValue?: string;\n};\ntype EnumLocalFilter = BaseLocalFilter<'enum', Set<string | number>>;\ntype IdLocalFilter = BaseLocalFilter<'id', string>;\ntype BoolLocalFilter = BaseLocalFilter<'bool', boolean>;\ntype StringLocalFilter = BaseLocalFilter<'string', string>;\ntype NumberLocalFilter = BaseLocalFilter<'number', number>;\n// DatePicker accepts a string,and converts it to a ZonedDateTime\ntype DateLocalFilter = BaseLocalFilter<'date', string>;\ntype IdSearchLocalFilter = BaseLocalFilter<'id-search', string[]>;\n// TODO, entitlementSets.productIds\nfunction createNewFilter(type: FilterType, property: string): TableFilter {\n    const id = `${property}-${Date.now()}`;\n    const operator = FilterOperations[type][0];\n\n    switch (type) {\n        case 'bool':\n            return { id, type, property, operator, value: true };\n        case 'string':\n            return { id, type, property, operator, value: '' };\n        case 'date':\n            return { id, type, property, operator, value: new Date().toISOString() };\n        case 'id':\n            return { id, type, property, operator, value: '' };\n        case 'id-search':\n            return { id, type, property, operator, value: [] };\n        case 'enum':\n            return { id, type, property, operator, value: new Set<string | number>() };\n        case 'number':\n            return { id, type, property, operator, value: 0 };\n    }\n}\n\nexport type TableFilter =\n    | EnumLocalFilter\n    | IdLocalFilter\n    | BoolLocalFilter\n    | StringLocalFilter\n    | DateLocalFilter\n    | IdSearchLocalFilter\n    | NumberLocalFilter;\n\nexport type FilterConfig =\n    | { type: 'enum'; options: MultiSelectProps['items'] }\n    | ({ type: 'id-search' } & Pick<React.ComponentProps<typeof TfMultipleIdSearchInput>, 'accessor' | 'resource'>)\n    | { type: 'id' }\n    | { type: 'bool' }\n    | { type: 'string' }\n    | { type: 'date' }\n    | { type: 'number' };\n\nexport type FilterType = FilterConfig['type'];\n\nconst FilterOperations: Record<FilterType, FilterComparisonOperator[]> = {\n    bool: ['eq'],\n    enum: ['in', 'nin'],\n    id: ['in', 'nin'],\n    'id-search': ['in', 'nin'],\n    string: ['eq', 'ne', 'cn', 'nc', 'sw', 'ew', 'in', 'nin'],\n    date: ['lt', 'gt'],\n    number: ['eq', 'ne', 'gt', 'gte', 'lt', 'lte'],\n};\n\n// TS workaround to get rid of filterConfig: Required<Record<never, FilterConfig>>\nexport type FiltersConfig<TOperation extends keyof operations> = [keyof ApiFilters<TOperation>] extends [never]\n    ? Record<string, FilterConfig>\n    : Required<Record<keyof ApiFilters<TOperation>, FilterConfig>>;\n\nexport function DataTableFilter({ className, ...props }: React.ComponentProps<'section'>) {\n    const { filters, query, setFilters, filterConfig } = useDataTable();\n\n    const addFilterButtonRef = useRef<HTMLButtonElement>(null);\n\n    const resourceFormatter = useResourceFormatter();\n\n    const DEFAULT_VALUES: { filters: TableFilter[] } = {\n        filters,\n    };\n    const form = useAppForm({\n        defaultValues: DEFAULT_VALUES,\n        onSubmit: ({ value }) => {\n            setFilters(value.filters);\n        },\n    });\n\n    // More reason to hate TS https://github.com/Microsoft/TypeScript/issues/12870\n    const filterKeys = Object.keys(filterConfig).sort();\n\n    return (\n        <section {...props} className={classNames('flex gap-icon items-center', className)}>\n            <PopoverTrigger\n                onOpenChange={o => {\n                    // Set filters when the popover closes\n                    if (!o) {\n                        form.handleSubmit();\n                    } else {\n                        addFilterButtonRef.current?.focus();\n                    }\n                }}\n            >\n                <div className=\"relative\">\n                    {filters.length > 0 && (\n                        <div className=\"size-2 rounded-full absolute bg-primary/90 z-20 top-0 right-0 translate-x-0.5 -translate-y-0.5\"></div>\n                    )}\n                    <Button\n                        aria-label=\"Filter\"\n                        isDisabled={query.isPending || filterKeys.length === 0}\n                        type=\"button\"\n                        size={'icon'}\n                        variant={'neutral'}\n                    >\n                        <IcFilter />\n                    </Button>\n                </div>\n                {/* TODO, icon maps with dynamic imports? */}\n                {/* TODO open popover with form for property specific filter */}\n                {/* TODO, icons here??? */}\n                <Popover className=\"w-full p-icon\">\n                    <form\n                        onSubmit={e => {\n                            e.preventDefault();\n                        }}\n                        className=\"flex flex-col gap-icon max-h-table overflow-auto \"\n                    >\n                        <form.Field mode=\"array\" name={'filters'}>\n                            {field => {\n                                return (\n                                    <>\n                                        {field.state.value.map((lf, i) => {\n                                            return (\n                                                <div key={lf.id} className=\"flex gap-icon items-center justify-normal\">\n                                                    <span className=\"body-sm\">{resourceFormatter(lf.property)}</span>\n                                                    <form.AppField key={lf.id} name={`filters[${i}].operator`}>\n                                                        {sf => (\n                                                            <sf.TfSingleSelect\n                                                                items={FilterOperations[lf.type].map(op => ({\n                                                                    id: op,\n                                                                    label: <>{COMPARISON_OPERATOR_LABELS[op]}</>,\n                                                                }))}\n                                                            />\n                                                        )}\n                                                    </form.AppField>\n\n                                                    {lf.type === 'bool' && (\n                                                        <form.AppField name={`filters[${i}].value`}>\n                                                            {sf => <sf.TfCheckbox autoFocus />}\n                                                        </form.AppField>\n                                                    )}\n                                                    {lf.type === 'date' && (\n                                                        <form.AppField name={`filters[${i}].value`}>\n                                                            {_ => <TfDatePicker autoFocus />}\n                                                        </form.AppField>\n                                                    )}\n                                                    {lf.type === 'id' && (\n                                                        <form.AppField name={`filters[${i}].value`}>\n                                                            {sf => <sf.TfTextField autoFocus />}\n                                                        </form.AppField>\n                                                    )}\n                                                    {lf.type === 'string' && (\n                                                        <form.AppField name={`filters[${i}].value`}>\n                                                            {sf => <sf.TfTextField autoFocus />}\n                                                        </form.AppField>\n                                                    )}\n                                                    {lf.type === 'number' && (\n                                                        <form.AppField name={`filters[${i}].value`}>\n                                                            {sf => <sf.TfNumberField autoFocus />}\n                                                        </form.AppField>\n                                                    )}\n\n                                                    {lf.type === 'enum' && (\n                                                        <form.AppField name={`filters[${i}].value`}>\n                                                            {sf => {\n                                                                const config = filterConfig[lf.property];\n                                                                if (config.type !== 'enum') return null;\n                                                                return <sf.TfMultiSelect items={config.options} />;\n                                                            }}\n                                                        </form.AppField>\n                                                    )}\n\n                                                    {lf.type === 'id-search' && (\n                                                        <form.AppField name={`filters[${i}].value`}>\n                                                            {_ => {\n                                                                const config = filterConfig[lf.property];\n                                                                if (config.type !== 'id-search') return null;\n                                                                return (\n                                                                    <TfMultipleIdSearchInput\n                                                                        resource={config.resource}\n                                                                        accessor={config.accessor}\n                                                                    />\n                                                                );\n                                                            }}\n                                                        </form.AppField>\n                                                    )}\n\n                                                    <Button\n                                                        type=\"button\"\n                                                        variant=\"neutral\"\n                                                        size=\"icon\"\n                                                        onPress={() => field.removeValue(i)}\n                                                    >\n                                                        <IcRemove />\n                                                    </Button>\n                                                </div>\n                                            );\n                                        })}\n                                        <div className=\"flex w-full items-center justify-end gap-2 not-first:mt-icon\">\n                                            <EasyMenu label=\"Add filter\" autoFocus>\n                                                {filterKeys.sort().map(k => {\n                                                    const type = filterConfig[k].type;\n                                                    const Icon = FilterIcon[type];\n                                                    return (\n                                                        <MenuItem\n                                                            key={k}\n                                                            onAction={() => {\n                                                                const newFilter = createNewFilter(type, k);\n                                                                field.pushValue(newFilter);\n                                                            }}\n                                                        >\n                                                            {resourceFormatter(k)}\n                                                            <Icon />\n                                                        </MenuItem>\n                                                    );\n                                                })}\n                                            </EasyMenu>\n                                            {field.state.value.length > 0 ? (\n                                                <Button\n                                                    type=\"button\"\n                                                    variant=\"neutral\"\n                                                    onPress={() => {\n                                                        field.setValue([]);\n                                                    }}\n                                                >\n                                                    <IcRemove />\n                                                    Reset\n                                                </Button>\n                                            ) : null}\n                                        </div>\n                                    </>\n                                );\n                            }}\n                        </form.Field>\n                    </form>\n                </Popover>\n            </PopoverTrigger>\n        </section>\n    );\n}\n\nconst FilterIcon: Record<FilterConfig['type'], CtxIcon> = {\n    'id-search': IcFile,\n    bool: IcCheck,\n    date: IcDate,\n    enum: IcLicense,\n    id: IcAccount,\n    number: IcMinus,\n    string: IcCheck,\n};\n"],"names":["getTableCallback","getter","callback","pagination","sorting","searching","filters","query","generateSortParam","_f","columnHelper","createColumnHelper","sort","cH","TABLE_CHECK_BOX_COLUMN","table","jsx","Checkbox","row","TABLE_ID_COLUMN","TABLE_DEFAULT_DATE_COLUMNS","ACTIONS_COLUMN_ID","getActionColumn","rowActions","DialogMenu","IcMoreVertical","useDataTableState","resourceName","columns","filterConfig","columnsToHideByDefault","allowSelection","initialFilters","tableActions","tableState","_setTableState","useState","rowSelection","setRowSelection","searchQuery","setSearchQuery","columnOrder","setColumnOrder","useLocalStorage","columnVisibility","setColumnVisibility","setFilters","mergedFilters","useMemo","tf","acc","current","merge","updateTableState","updates","prev","useQuery","keepPreviousData","cols","isUpdaterFunction","updater","resolveUpdater","currentValue","tanTable","useReactTable","getCoreRowModel","useEffect","c","DataTableContext","createContext","useDataTable","ctx","useContext","DataTableProvider","children","props","DataTable","className","Fragment","classNames","Actions","jsxs","TableOverlay","Loader","IcInfo","TableContent","ColumnPicker","PageSize","Paginator","activeId","setActiveId","resourceFormatter","useResourceFormatter","sensors","useSensors","useSensor","PointerSensor","KeyboardSensor","sortableKeyboardCoordinates","DndContext","closestCenter","event","active","over","oldIndex","newIndex","arrayMove","SortableContext","verticalListSortingStrategy","EasyMenu","IcColumns","MenuItem","colId","col","SortableItem","DragOverlay","column","attributes","listeners","setNodeRef","transform","transition","useSortable","style","CSS","IcGrip","getColumnHeaderText","SortIcon","rowCount","Button","IcFirst","IcLeft","IcRight","IcLast","PAGE_SIZES","s","items","hasSelectedRows","selectedRows","r","filteredActions","ta","IcRefresh","TableActions","DataTableFilter","SearchField","direction","IcSortAsc","IcSortDesc","IcSortNone","headerDef","renderCellByDisplayType","cell","displayType","value","formatDate","formatNumber","Badge","CountryName","formatFilesize","formatDays","HeaderText","header","flexRender","tableCellStyle","isSticky","zIndex","TableComponent","TableHeader","headerGroup","TableRow","TableHead","TableBody","isActionsColumn","cellContent","TableCell","ctxClient","createClient","authMiddleware","request","response","isSearchableResourceArray","item","BaseIdSearchInput","label","description","errorMessage","requiredIndicator","isDisabled","isInvalid","onBlur","resource","onChange","renderLabel","accessor","defaultParams","generatedId","useId","fieldId","search","_setSearch","data","isError","isFetching","error","responseData","RESOURCE_ENDPOINT_MAP","FormField","AriaSelect","PopoverTrigger","o","SelectTrigger","SelectPopover","Autocomplete","Menu","SingleIdSearchInput","e","v","d","di","MultipleIdSearchInput","vi","TfSingleIdSearchInput","field","useFieldContext","_","getFieldErrorMessage","TfMultipleIdSearchInput","FILTER_COMPARISON_OPERATORS","COMPARISON_OPERATOR_LABELS","createNewFilter","type","property","id","operator","FilterOperations","addFilterButtonRef","useRef","form","useAppForm","filterKeys","IcFilter","Popover","lf","i","sf","op","TfDatePicker","config","IcRemove","k","Icon","FilterIcon","newFilter","IcFile","IcCheck","IcDate","IcLicense","IcAccount","IcMinus"],"mappings":"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"}

package/dist/components/date-picker.js

@@ -1,2 +1,2 @@
-"use client";import{jsxs as o,jsx as e}from"react/jsx-runtime";import{DatePicker as D,composeRenderProps as c,DateRangePicker as b,Popover as v,Dialog as N}from"react-aria-components";import{parseAbsolute as P,getLocalTimeZone as k}from"@internationalized/date";import{Button as u}from"./button.js";import{Calendar as C,RangeCalendar as F}from"./calendar.js";import{DateInput as m}from"./datefield.js";import{getFieldErrorMessage as d}from"../utilities/form.js";import{useFieldContext as R}from"../utilities/form-context.js";import{classNames as l}from"../utilities/theme.js";import{FormField as f,FieldGroup as g}from"./form.js";import{IcDate as p}from"./icons.js";import"class-variance-authority";import"./loader.js";import"react";import"@tanstack/react-form";import"clsx";const h=({className:a,popoverClassName:r,...i})=>e(v,{className:c(r,t=>l("w-auto p-3 bg-elevation-2 border",t)),children:e(N,{className:l("flex w-full flex-col gap-y-2 outline-none sm:flex-row sm:gap-x-icon sm:gap-y-0",a),...i})});function w({label:a,description:r,errorMessage:i,requiredIndicator:t,className:n,...s}){return o(D,{className:c(n,x=>l("group flex flex-col gap-2",x)),...s,children:[e(f,{label:a,description:r,errorMessage:i,requiredIndicator:t,children:o(g,{children:[e(m,{className:"flex-1",variant:"ghost"}),e(u,{variant:"ghost",size:"icon",className:"-me-2 ms-2",children:e(p,{"aria-hidden":!0})})]})}),e(h,{children:e(C,{})})]})}function J({...a}){const r=R({disabled:a.isDisabled});return e(w,{hideTimeZone:!0,isDisabled:a.isDisabled||r.form.state.isSubmitting,value:r.state.value?P(r.state.value,k()):null,onChange:i=>i?r.handleChange(i.toAbsoluteString()):r.handleChange(null),onBlur:r.handleBlur,isInvalid:!!d(r),errorMessage:d(r),...a})}function K({label:a,description:r,errorMessage:i,className:t,...n}){return o(b,{className:c(t,s=>l("group flex flex-col gap-2",s)),...n,children:[e(f,{label:a,errorMessage:i,description:r,children:o(g,{children:[e(m,{variant:"ghost",slot:"start"}),e("span",{"aria-hidden":!0,className:"px-2 body-sm text-muted-foreground",children:"-"}),e(m,{className:"flex-1",variant:"ghost",slot:"end"}),e(u,{variant:"ghost",size:"icon",className:"mr-1 data-[focus-visible]:ring-offset-0",children:e(p,{"aria-hidden":!0})})]})}),e(h,{children:e(F,{})})]})}export{w as DatePicker,K as DateRangePicker,J as TfDatePicker};
+"use client";import{jsxs as o,jsx as e}from"react/jsx-runtime";import{DatePicker as D,composeRenderProps as c,DateRangePicker as b,Popover as v,Dialog as N}from"react-aria-components";import{parseAbsolute as P,getLocalTimeZone as k}from"@internationalized/date";import{Button as u}from"./button.js";import{Calendar as C,RangeCalendar as F}from"./calendar.js";import{DateInput as m}from"./datefield.js";import{getFieldErrorMessage as d}from"../utilities/form.js";import{useFieldContext as R}from"../utilities/form-context.js";import{classNames as l}from"../utilities/theme.js";import{FormField as f,FieldGroup as g}from"./form.js";import{IcDate as p}from"./icons.js";import"class-variance-authority";import"./loader.js";import"clsx";import"react";import"@tanstack/react-form";const h=({className:a,popoverClassName:r,...i})=>e(v,{className:c(r,t=>l("w-auto p-3 bg-elevation-2 border",t)),children:e(N,{className:l("flex w-full flex-col gap-y-2 outline-none sm:flex-row sm:gap-x-icon sm:gap-y-0",a),...i})});function w({label:a,description:r,errorMessage:i,requiredIndicator:t,className:n,...s}){return o(D,{className:c(n,x=>l("group flex flex-col gap-2",x)),...s,children:[e(f,{label:a,description:r,errorMessage:i,requiredIndicator:t,children:o(g,{children:[e(m,{className:"flex-1",variant:"ghost"}),e(u,{variant:"ghost",size:"icon",className:"-me-2 ms-2",children:e(p,{"aria-hidden":!0})})]})}),e(h,{children:e(C,{})})]})}function J({...a}){const r=R({disabled:a.isDisabled});return e(w,{hideTimeZone:!0,isDisabled:a.isDisabled||r.form.state.isSubmitting,value:r.state.value?P(r.state.value,k()):null,onChange:i=>i?r.handleChange(i.toAbsoluteString()):r.handleChange(null),onBlur:r.handleBlur,isInvalid:!!d(r),errorMessage:d(r),...a})}function K({label:a,description:r,errorMessage:i,className:t,...n}){return o(b,{className:c(t,s=>l("group flex flex-col gap-2",s)),...n,children:[e(f,{label:a,errorMessage:i,description:r,children:o(g,{children:[e(m,{variant:"ghost",slot:"start"}),e("span",{"aria-hidden":!0,className:"px-2 body-sm text-muted-foreground",children:"-"}),e(m,{className:"flex-1",variant:"ghost",slot:"end"}),e(u,{variant:"ghost",size:"icon",className:"mr-1 data-[focus-visible]:ring-offset-0",children:e(p,{"aria-hidden":!0})})]})}),e(h,{children:e(F,{})})]})}export{w as DatePicker,K as DateRangePicker,J as TfDatePicker};
 //# sourceMappingURL=date-picker.js.map

package/dist/components/dialog-action-utils.d.ts

@@ -0,0 +1,38 @@
+/**
+ * Hook for managing dialog state in action components.
+ * Returns the open key and setter function.
+ */
+export declare function useDialogState(): {
+    openKey: string | null;
+    setOpenKey: import('react').Dispatch<import('react').SetStateAction<string | null>>;
+};
+/**
+ * Props for rendering a dialog action.
+ */
+export type DialogActionRendererProps<TDialogProps extends {
+    close: () => void;
+}> = {
+    /** The key of the currently open dialog */
+    readonly openKey: string | null;
+    /** Callback when dialog open state changes */
+    readonly onOpenChange: (open: boolean) => void;
+    /** Function to find the dialog item by normalized label key */
+    readonly findItem: (key: string) => {
+        component: React.ComponentType<TDialogProps>;
+    } | null;
+    /** Function to get dialog props, receives close function and returns full dialog props */
+    readonly getDialogProps: (close: () => void) => TDialogProps;
+};
+/**
+ * Renders a dialog for action components.
+ * Handles the DialogTrigger, DialogOverlay, and DialogContent wrapper.
+ */
+export declare function DialogActionRenderer<TDialogProps extends {
+    close: () => void;
+}>({ openKey, onOpenChange, findItem, getDialogProps, }: DialogActionRendererProps<TDialogProps>): import("react/jsx-runtime").JSX.Element;
+/**
+ * Helper function to find an item by normalized label.
+ */
+export declare function findItemByNormalizedLabel<T extends {
+    label: string;
+}>(items: T[], normalizedKey: string): T | undefined;

package/dist/components/dialog-action-utils.js

@@ -0,0 +1,2 @@
+"use client";import{jsx as o}from"react/jsx-runtime";import{useState as p}from"react";import{normalizeLabel as u}from"../utilities/string.js";import{DialogTrigger as a,DialogOverlay as c,DialogContent as f}from"./dialog.js";import"lodash-es";import"class-variance-authority";import"react-aria-components";import"./button.js";import"../utilities/theme.js";import"clsx";import"./loader.js";import"./icons.js";function S(){const[r,t]=p(null);return{openKey:r,setOpenKey:t}}function j({openKey:r,onOpenChange:t,findItem:n,getDialogProps:e}){return o(a,{isOpen:r!==null,onOpenChange:t,children:r!==null&&(()=>{const i=n(r);if(!i)return null;const l=i.component;return o(c,{children:o(f,{children:({close:m})=>o(l,{...e(m)})})})})()})}function v(r,t){return r.find(n=>u(n.label)===t)}export{j as DialogActionRenderer,v as findItemByNormalizedLabel,S as useDialogState};
+//# sourceMappingURL=dialog-action-utils.js.map

package/dist/components/dialog-action-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-action-utils.js","sources":["../../lib/components/dialog-action-utils.tsx"],"sourcesContent":["'use client';\nimport { useState } from 'react';\nimport { normalizeLabel } from '../utilities/string';\nimport { DialogContent, DialogOverlay, DialogTrigger } from './dialog';\n\n/**\n * Hook for managing dialog state in action components.\n * Returns the open key and setter function.\n */\nexport function useDialogState() {\n    const [openKey, setOpenKey] = useState<string | null>(null);\n    return { openKey, setOpenKey };\n}\n\n/**\n * Props for rendering a dialog action.\n */\nexport type DialogActionRendererProps<TDialogProps extends { close: () => void }> = {\n    /** The key of the currently open dialog */\n    readonly openKey: string | null;\n    /** Callback when dialog open state changes */\n    readonly onOpenChange: (open: boolean) => void;\n    /** Function to find the dialog item by normalized label key */\n    readonly findItem: (key: string) => { component: React.ComponentType<TDialogProps> } | null;\n    /** Function to get dialog props, receives close function and returns full dialog props */\n    readonly getDialogProps: (close: () => void) => TDialogProps;\n};\n\n/**\n * Renders a dialog for action components.\n * Handles the DialogTrigger, DialogOverlay, and DialogContent wrapper.\n */\nexport function DialogActionRenderer<TDialogProps extends { close: () => void }>({\n    openKey,\n    onOpenChange,\n    findItem,\n    getDialogProps,\n}: DialogActionRendererProps<TDialogProps>) {\n    return (\n        <DialogTrigger isOpen={openKey !== null} onOpenChange={onOpenChange}>\n            {openKey !== null &&\n                (() => {\n                    const item = findItem(openKey);\n                    if (!item) return null;\n\n                    const Component = item.component;\n\n                    return (\n                        <DialogOverlay>\n                            <DialogContent>{({ close }) => <Component {...getDialogProps(close)} />}</DialogContent>\n                        </DialogOverlay>\n                    );\n                })()}\n        </DialogTrigger>\n    );\n}\n\n/**\n * Helper function to find an item by normalized label.\n */\nexport function findItemByNormalizedLabel<T extends { label: string }>(\n    items: T[],\n    normalizedKey: string\n): T | undefined {\n    return items.find(it => normalizeLabel(it.label) === normalizedKey);\n}\n"],"names":["useDialogState","openKey","setOpenKey","useState","DialogActionRenderer","onOpenChange","findItem","getDialogProps","jsx","DialogTrigger","item","Component","DialogOverlay","DialogContent","close","findItemByNormalizedLabel","items","normalizedKey","it","normalizeLabel"],"mappings":"uZASO,SAASA,GAAiB,CAC7B,KAAM,CAACC,EAASC,CAAU,EAAIC,EAAwB,IAAI,EAC1D,MAAO,CAAE,QAAAF,EAAS,WAAAC,CAAA,CACtB,CAoBO,SAASE,EAAiE,CAC7E,QAAAH,EACA,aAAAI,EACA,SAAAC,EACA,eAAAC,CACJ,EAA4C,CACxC,OACIC,EAACC,GAAc,OAAQR,IAAY,KAAM,aAAAI,EACpC,SAAAJ,IAAY,OACR,IAAM,CACH,MAAMS,EAAOJ,EAASL,CAAO,EAC7B,GAAI,CAACS,EAAM,OAAO,KAElB,MAAMC,EAAYD,EAAK,UAEvB,OACIF,EAACI,EAAA,CACG,SAAAJ,EAACK,EAAA,CAAe,UAAC,CAAE,MAAAC,CAAA,IAAYN,EAACG,GAAW,GAAGJ,EAAeO,CAAK,CAAA,CAAG,EAAG,EAC5E,CAER,IAAG,CACX,CAER,CAKO,SAASC,EACZC,EACAC,EACa,CACb,OAAOD,EAAM,KAAKE,GAAMC,EAAeD,EAAG,KAAK,IAAMD,CAAa,CACtE"}

package/dist/components/dialog-menu.d.ts

@@ -27,8 +27,8 @@ export type MenuActionDialog<T> = MenuActionBase<T> & {
 /** Common menu action type that works for both DialogMenu and table row actions */
 export type DialogMenuAction<T> = MenuActionAction<T> | MenuActionDialog<T>;
 export type DialogMenuProps<T> = {
-    label: React.ReactNode;
-    items: DialogMenuAction<T>[];
-    data: T;
+    readonly label: React.ReactNode;
+    readonly items: DialogMenuAction<T>[];
+    readonly data: T;
 };
 export declare function DialogMenu<T>({ label, items, data }: DialogMenuProps<T>): import("react/jsx-runtime").JSX.Element;

package/dist/components/dialog-menu.js

@@ -1,2 +1,2 @@
-"use client";import{jsxs as m,Fragment as d,jsx as r}from"react/jsx-runtime";import{useState as g}from"react";import{DialogTrigger as b,DialogOverlay as D,DialogContent as h}from"./dialog.js";import{EasyMenu as y,MenuItem as A}from"./menu.js";import"class-variance-authority";import"react-aria-components";import"./button.js";import"../utilities/theme.js";import"clsx";import"./loader.js";import"./icons.js";import"./list-box.js";import"./select.js";import"../utilities/form.js";import"../utilities/form-context.js";import"@tanstack/react-form";import"./form.js";import"./popover.js";function p(i){return i.trim().toLowerCase().replace(/\s+/g,"-")}function M(i){return i.type==="action"}function a(i){return i.type==="dialog"}function f(i,t){return i.isDisabled?i.isDisabled(t):!1}function G({label:i,items:t,data:l}){const[s,u]=g(null);return m(d,{children:[r(y,{"aria-label":"Actions",label:i,size:"icon",onAction:n=>{if(typeof n!="string")return;const e=t.find(c=>p(c.label)===n);!e||f(e,l)||(M(e)?e.onPress(l):a(e)&&u(n))},children:t.map(n=>{const e=p(n.label),o=n.icon,c=f(n,l);return m(A,{id:e,isDisabled:c,children:[r(o,{className:"size-icon"})," ",n.label]},e)})}),r(b,{isOpen:s!==null,onOpenChange:n=>{n||u(null)},children:s!==null&&(()=>{const n=t.find(o=>p(o.label)===s);if(!n||!a(n))return null;const e=n.component;return r(D,{children:r(h,{children:({close:o})=>r(e,{close:o,data:l})})})})()})]})}export{G as DialogMenu};
+"use client";import{jsxs as m,Fragment as d,jsx as t}from"react/jsx-runtime";import{normalizeLabel as b}from"../utilities/string.js";import{useDialogState as g,findItemByNormalizedLabel as p,DialogActionRenderer as D}from"./dialog-action-utils.js";import{EasyMenu as A,MenuItem as y}from"./menu.js";import"lodash-es";import"react";import"./dialog.js";import"class-variance-authority";import"react-aria-components";import"./button.js";import"../utilities/theme.js";import"clsx";import"./loader.js";import"./icons.js";import"./list-box.js";import"./select.js";import"../utilities/form.js";import"../utilities/form-context.js";import"@tanstack/react-form";import"./form.js";import"./popover.js";function I(n){return n.type==="action"}function c(n){return n.type==="dialog"}function a(n,e){return n.isDisabled?n.isDisabled(e):!1}function J({label:n,items:e,data:r}){const{openKey:u,setOpenKey:s}=g();return m(d,{children:[t(A,{"aria-label":"Actions",label:n,size:"icon",onAction:i=>{if(typeof i!="string")return;const o=p(e,i);!o||a(o,r)||(I(o)?o.onPress(r):c(o)&&s(i))},children:e.map(i=>{const o=b(i.label),l=i.icon,f=a(i,r);return m(y,{id:o,isDisabled:f,children:[t(l,{className:"size-icon"})," ",i.label]},o)})}),t(D,{openKey:u,onOpenChange:i=>{i||s(null)},findItem:i=>{const o=p(e,i);return!o||!c(o)?null:{component:o.component}},getDialogProps:i=>({data:r,close:i})})]})}export{J as DialogMenu};
 //# sourceMappingURL=dialog-menu.js.map

package/dist/components/dialog-menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"dialog-menu.js","sources":["../../lib/components/dialog-menu.tsx"],"sourcesContent":["'use client';\nimport { useState } from 'react';\nimport { DialogContent, DialogOverlay, DialogTrigger } from './dialog';\nimport type { CtxIcon } from './icons';\nimport { EasyMenu, MenuItem } from './menu';\n\nfunction normalizeLabel(label: string): string {\n    return label.trim().toLowerCase().replace(/\\s+/g, '-');\n}\n\nexport type DialogMenuContentProps<T> = {\n    /** Callback to close the dialog */\n    close: () => void;\n    /** The data passed to the dialog */\n    data: T;\n};\n\n/** Base properties shared by all menu actions */\nexport type MenuActionBase<T> = {\n    label: string;\n    /** Optional function to determine if the action is disabled. Receives the data and returns a boolean. Defaults to false if not provided */\n    isDisabled?: (data: T) => boolean;\n    icon: CtxIcon;\n};\n\n/** Action that triggers a callback */\nexport type MenuActionAction<T> = MenuActionBase<T> & {\n    type: 'action';\n    /** Callback triggered when the action is pressed. Receives the data as parameter */\n    onPress: (data: T) => void;\n};\n\n/** Action that opens a dialog */\nexport type MenuActionDialog<T> = MenuActionBase<T> & {\n    type: 'dialog';\n    /** Component to render in the dialog */\n    component: React.ComponentType<DialogMenuContentProps<T>>;\n};\n\n/** Common menu action type that works for both DialogMenu and table row actions */\nexport type DialogMenuAction<T> = MenuActionAction<T> | MenuActionDialog<T>;\n\nfunction isMenuActionAction<T>(item: DialogMenuAction<T>): item is MenuActionAction<T> {\n    return item.type === 'action';\n}\n\nfunction isMenuActionDialog<T>(item: DialogMenuAction<T>): item is MenuActionDialog<T> {\n    return item.type === 'dialog';\n}\n\nfunction getIsDisabled<T>(item: DialogMenuAction<T>, data: T): boolean {\n    return item.isDisabled ? item.isDisabled(data) : false;\n}\n\nexport type DialogMenuProps<T> = {\n    label: React.ReactNode;\n    items: DialogMenuAction<T>[];\n    data: T;\n};\n\nexport function DialogMenu<T>({ label, items, data }: DialogMenuProps<T>) {\n    const [openKey, setOpenKey] = useState<string | null>(null);\n\n    return (\n        <>\n            <EasyMenu\n                aria-label=\"Actions\"\n                label={label}\n                size={'icon'}\n                onAction={key => {\n                    if (typeof key !== 'string') return;\n                    const found = items.find(it => normalizeLabel(it.label) === key);\n                    if (!found) return;\n\n                    const isDisabled = getIsDisabled(found, data);\n                    if (isDisabled) return;\n\n                    if (isMenuActionAction(found)) {\n                        found.onPress(data);\n                    } else if (isMenuActionDialog(found)) {\n                        setOpenKey(key);\n                    }\n                }}\n            >\n                {items.map(it => {\n                    const id = normalizeLabel(it.label);\n                    const Icon = it.icon;\n                    const isDisabled = getIsDisabled(it, data);\n                    return (\n                        <MenuItem key={id} id={id} isDisabled={isDisabled}>\n                            {<Icon className=\"size-icon\" />} {it.label}\n                        </MenuItem>\n                    );\n                })}\n            </EasyMenu>\n\n            <DialogTrigger\n                isOpen={openKey !== null}\n                onOpenChange={open => {\n                    if (!open) setOpenKey(null);\n                }}\n            >\n                {openKey !== null &&\n                    (() => {\n                        const renderItem = items.find(it => normalizeLabel(it.label) === openKey);\n                        if (!renderItem || !isMenuActionDialog(renderItem)) return null;\n\n                        const Component = renderItem.component;\n\n                        return (\n                            <DialogOverlay>\n                                <DialogContent>{({ close }) => <Component close={close} data={data} />}</DialogContent>\n                            </DialogOverlay>\n                        );\n                    })()}\n            </DialogTrigger>\n        </>\n    );\n}\n"],"names":["normalizeLabel","label","isMenuActionAction","item","isMenuActionDialog","getIsDisabled","data","DialogMenu","items","openKey","setOpenKey","useState","jsxs","Fragment","jsx","EasyMenu","key","found","it","id","Icon","isDisabled","MenuItem","DialogTrigger","open","renderItem","Component","DialogOverlay","DialogContent","close"],"mappings":"wkBAMA,SAASA,EAAeC,EAAuB,CAC3C,OAAOA,EAAM,OAAO,cAAc,QAAQ,OAAQ,GAAG,CACzD,CAkCA,SAASC,EAAsBC,EAAwD,CACnF,OAAOA,EAAK,OAAS,QACzB,CAEA,SAASC,EAAsBD,EAAwD,CACnF,OAAOA,EAAK,OAAS,QACzB,CAEA,SAASE,EAAiBF,EAA2BG,EAAkB,CACnE,OAAOH,EAAK,WAAaA,EAAK,WAAWG,CAAI,EAAI,EACrD,CAQO,SAASC,EAAc,CAAE,MAAAN,EAAO,MAAAO,EAAO,KAAAF,GAA4B,CACtE,KAAM,CAACG,EAASC,CAAU,EAAIC,EAAwB,IAAI,EAE1D,OACIC,EAAAC,EAAA,CACI,SAAA,CAAAC,EAACC,EAAA,CACG,aAAW,UACX,MAAAd,EACA,KAAM,OACN,SAAUe,GAAO,CACb,GAAI,OAAOA,GAAQ,SAAU,OAC7B,MAAMC,EAAQT,EAAM,KAAKU,GAAMlB,EAAekB,EAAG,KAAK,IAAMF,CAAG,EAC3D,CAACC,GAEcZ,EAAcY,EAAOX,CAAI,IAGxCJ,EAAmBe,CAAK,EACxBA,EAAM,QAAQX,CAAI,EACXF,EAAmBa,CAAK,GAC/BP,EAAWM,CAAG,EAEtB,EAEC,SAAAR,EAAM,IAAIU,GAAM,CACb,MAAMC,EAAKnB,EAAekB,EAAG,KAAK,EAC5BE,EAAOF,EAAG,KACVG,EAAahB,EAAca,EAAIZ,CAAI,EACzC,OACIM,EAACU,EAAA,CAAkB,GAAAH,EAAQ,WAAAE,EACtB,SAAA,CAAAP,EAACM,EAAA,CAAK,UAAU,WAAA,CAAY,EAAG,IAAEF,EAAG,KAAA,CAAA,EAD1BC,CAEf,CAER,CAAC,CAAA,CAAA,EAGLL,EAACS,EAAA,CACG,OAAQd,IAAY,KACpB,aAAce,GAAQ,CACbA,GAAMd,EAAW,IAAI,CAC9B,EAEC,SAAAD,IAAY,OACR,IAAM,CACH,MAAMgB,EAAajB,EAAM,KAAKU,GAAMlB,EAAekB,EAAG,KAAK,IAAMT,CAAO,EACxE,GAAI,CAACgB,GAAc,CAACrB,EAAmBqB,CAAU,EAAG,OAAO,KAE3D,MAAMC,EAAYD,EAAW,UAE7B,OACIX,EAACa,EAAA,CACG,SAAAb,EAACc,EAAA,CAAe,SAAA,CAAC,CAAE,MAAAC,CAAA,IAAYf,EAACY,EAAA,CAAU,MAAAG,EAAc,KAAAvB,CAAA,CAAY,EAAG,EAC3E,CAER,GAAA,CAAG,CAAA,CACX,EACJ,CAER"}
+{"version":3,"file":"dialog-menu.js","sources":["../../lib/components/dialog-menu.tsx"],"sourcesContent":["'use client';\nimport { normalizeLabel } from '../utilities/string';\nimport { DialogActionRenderer, findItemByNormalizedLabel, useDialogState } from './dialog-action-utils';\nimport type { CtxIcon } from './icons';\nimport { EasyMenu, MenuItem } from './menu';\n\nexport type DialogMenuContentProps<T> = {\n    /** Callback to close the dialog */\n    close: () => void;\n    /** The data passed to the dialog */\n    data: T;\n};\n\n/** Base properties shared by all menu actions */\nexport type MenuActionBase<T> = {\n    label: string;\n    /** Optional function to determine if the action is disabled. Receives the data and returns a boolean. Defaults to false if not provided */\n    isDisabled?: (data: T) => boolean;\n    icon: CtxIcon;\n};\n\n/** Action that triggers a callback */\nexport type MenuActionAction<T> = MenuActionBase<T> & {\n    type: 'action';\n    /** Callback triggered when the action is pressed. Receives the data as parameter */\n    onPress: (data: T) => void;\n};\n\n/** Action that opens a dialog */\nexport type MenuActionDialog<T> = MenuActionBase<T> & {\n    type: 'dialog';\n    /** Component to render in the dialog */\n    component: React.ComponentType<DialogMenuContentProps<T>>;\n};\n\n/** Common menu action type that works for both DialogMenu and table row actions */\nexport type DialogMenuAction<T> = MenuActionAction<T> | MenuActionDialog<T>;\n\nfunction isMenuActionAction<T>(item: DialogMenuAction<T>): item is MenuActionAction<T> {\n    return item.type === 'action';\n}\n\nfunction isMenuActionDialog<T>(item: DialogMenuAction<T>): item is MenuActionDialog<T> {\n    return item.type === 'dialog';\n}\n\nfunction getIsDisabled<T>(item: DialogMenuAction<T>, data: T): boolean {\n    return item.isDisabled ? item.isDisabled(data) : false;\n}\n\nexport type DialogMenuProps<T> = {\n    readonly label: React.ReactNode;\n    readonly items: DialogMenuAction<T>[];\n    readonly data: T;\n};\n\nexport function DialogMenu<T>({ label, items, data }: DialogMenuProps<T>) {\n    const { openKey, setOpenKey } = useDialogState();\n\n    return (\n        <>\n            <EasyMenu\n                aria-label=\"Actions\"\n                label={label}\n                size={'icon'}\n                onAction={key => {\n                    if (typeof key !== 'string') return;\n                    const found = findItemByNormalizedLabel(items, key);\n                    if (!found) return;\n\n                    const isDisabled = getIsDisabled(found, data);\n                    if (isDisabled) return;\n\n                    if (isMenuActionAction(found)) {\n                        found.onPress(data);\n                    } else if (isMenuActionDialog(found)) {\n                        setOpenKey(key);\n                    }\n                }}\n            >\n                {items.map(it => {\n                    const id = normalizeLabel(it.label);\n                    const Icon = it.icon;\n                    const isDisabled = getIsDisabled(it, data);\n                    return (\n                        <MenuItem key={id} id={id} isDisabled={isDisabled}>\n                            {<Icon className=\"size-icon\" />} {it.label}\n                        </MenuItem>\n                    );\n                })}\n            </EasyMenu>\n\n            <DialogActionRenderer<DialogMenuContentProps<T>>\n                openKey={openKey}\n                onOpenChange={open => {\n                    if (!open) setOpenKey(null);\n                }}\n                findItem={key => {\n                    const item = findItemByNormalizedLabel(items, key);\n                    if (!item || !isMenuActionDialog(item)) return null;\n                    return { component: item.component };\n                }}\n                getDialogProps={close => ({ data, close })}\n            />\n        </>\n    );\n}\n"],"names":["isMenuActionAction","item","isMenuActionDialog","getIsDisabled","data","DialogMenu","label","items","openKey","setOpenKey","useDialogState","jsxs","Fragment","jsx","EasyMenu","key","found","findItemByNormalizedLabel","it","id","normalizeLabel","Icon","isDisabled","MenuItem","DialogActionRenderer","open","close"],"mappings":"orBAsCA,SAASA,EAAsBC,EAAwD,CACnF,OAAOA,EAAK,OAAS,QACzB,CAEA,SAASC,EAAsBD,EAAwD,CACnF,OAAOA,EAAK,OAAS,QACzB,CAEA,SAASE,EAAiBF,EAA2BG,EAAkB,CACnE,OAAOH,EAAK,WAAaA,EAAK,WAAWG,CAAI,EAAI,EACrD,CAQO,SAASC,EAAc,CAAE,MAAAC,EAAO,MAAAC,EAAO,KAAAH,GAA4B,CACtE,KAAM,CAAE,QAAAI,EAAS,WAAAC,CAAA,EAAeC,EAAA,EAEhC,OACIC,EAAAC,EAAA,CACI,SAAA,CAAAC,EAACC,EAAA,CACG,aAAW,UACX,MAAAR,EACA,KAAM,OACN,SAAUS,GAAO,CACb,GAAI,OAAOA,GAAQ,SAAU,OAC7B,MAAMC,EAAQC,EAA0BV,EAAOQ,CAAG,EAC9C,CAACC,GAEcb,EAAca,EAAOZ,CAAI,IAGxCJ,EAAmBgB,CAAK,EACxBA,EAAM,QAAQZ,CAAI,EACXF,EAAmBc,CAAK,GAC/BP,EAAWM,CAAG,EAEtB,EAEC,SAAAR,EAAM,IAAIW,GAAM,CACb,MAAMC,EAAKC,EAAeF,EAAG,KAAK,EAC5BG,EAAOH,EAAG,KACVI,EAAanB,EAAce,EAAId,CAAI,EACzC,OACIO,EAACY,EAAA,CAAkB,GAAAJ,EAAQ,WAAAG,EACtB,SAAA,CAAAT,EAACQ,EAAA,CAAK,UAAU,WAAA,CAAY,EAAG,IAAEH,EAAG,KAAA,CAAA,EAD1BC,CAEf,CAER,CAAC,CAAA,CAAA,EAGLN,EAACW,EAAA,CACG,QAAAhB,EACA,aAAciB,GAAQ,CACbA,GAAMhB,EAAW,IAAI,CAC9B,EACA,SAAUM,GAAO,CACb,MAAMd,EAAOgB,EAA0BV,EAAOQ,CAAG,EACjD,MAAI,CAACd,GAAQ,CAACC,EAAmBD,CAAI,EAAU,KACxC,CAAE,UAAWA,EAAK,SAAA,CAC7B,EACA,eAAgByB,IAAU,CAAE,KAAAtB,EAAM,MAAAsB,CAAA,EAAM,CAAA,CAC5C,EACJ,CAER"}

package/dist/components/dialog.d.ts

@@ -7,7 +7,7 @@ import { DialogProps as AriaDialogProps, DialogTrigger as AriaDialogTrigger, Hea
  * Internally used to style `<DialogContent side="...">`.
  */
 declare const sheetVariants: (props?: ({
-    side?: "top" | "bottom" | "left" | "right" | null | undefined;
+    side?: "bottom" | "top" | "left" | "right" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 /**
  * Opens the dialog when interacted with (click/press).