@cryptlex/web-components 3.8.2 → 5.0.0

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

@@ -1 +1 @@
-{"version":3,"file":"data-table.es.js","sources":["../../../lib/components/data-table/data-table.tsx"],"sourcesContent":["\"use client\";\n// import { TableFilter, type FilterFormType } from '@/components/data-table/table-filter';\nimport {\n\tcn,\n\tLoader,\n\tTABLE_CHECK_BOX_COLUMN,\n\tTABLE_DEFAULT_DATE_COLUMNS,\n\tTABLE_ID_COLUMN\n} from \"@/index\";\nimport { keepPreviousData, useQuery } from \"@tanstack/react-query\";\nimport {\n\ttype ColumnDef,\n\tgetCoreRowModel,\n\ttype TableOptions,\n\ttype TableState,\n\ttype Updater,\n\tuseReactTable,\n\ttype VisibilityState\n} from \"@tanstack/react-table\";\nimport { Info } from \"lucide-react\";\nimport React, { useEffect, useId, useMemo, useState } from \"react\";\nimport { ColumnPicker } from \"./column-picker\";\nimport { PageSize } from \"./page-size\";\nimport { Paginator } from \"./paginator\";\nimport Actions from \"./table-actions\";\nimport { TableContent } from \"./table-content\";\nimport type { TableActions, TableFetchFn } from \"./table-utils\";\n\n/** Reserved name for actions column */\nexport const ACTIONS_COLUMN_ID = \"Actions\";\n\n// Props type for the DataTable component\n\nexport type DataTableState = Pick<TableState, 'sorting' | 'columnFilters' | 'columnVisibility' | 'rowSelection' | 'pagination'> & { search: string };\nexport interface DataTableProps<TData> extends Pick<TableOptions<TData>, 'columns'>, React.ComponentProps<'section'> {\n\tfetchFn: TableFetchFn<TData>;\n\ttableActions: TableActions;\n\tallowSelection?: boolean;\n\tcolumnsToHideByDefault?: VisibilityState; // Columns that are hidden by default\n}\nexport function DataTable<TData extends object>({\n\tcolumns,\n\tfetchFn,\n\ttableActions,\n\tcolumnsToHideByDefault = {},\n\tallowSelection = false,\n\tclassName,\n\t...props\n\t// filterableFields,\n}: DataTableProps<TData>) {\n\t// State for managing table data and filters\n\tconst id = useId();\n\n\t//TODO: This is later to be stored in url as params\n\tconst [tableState, _setTableState] = useState<DataTableState>({\n\t\tsorting: [], // Sorting state\n\t\tcolumnFilters: [], // Filters for columns, not to be confused with the filters that get sent to the Web API.\n\t\tsearch: \"\", // Search query state\n\t\tcolumnVisibility: {}, // Visibility of columns\n\t\trowSelection: {}, // Row selection state\n\t\tpagination: { pageIndex: 0, pageSize: 20 }, // Pagination state\n\t});\n\n\t// Update table state with new values\n\tconst updateTableState = (updates: Partial<DataTableState>) => {\n\t\t_setTableState((prev) => ({ ...prev, ...updates }));\n\t};\n\n\t// Destructuring the table state for easier access\n\tconst {\n\t\tsorting,\n\t\tcolumnFilters,\n\t\tsearch,\n\t\tcolumnVisibility,\n\t\trowSelection,\n\t\tpagination,\n\t} = tableState;\n\n\t// TODO\n\t// Debounce the search query to avoid making a request on every keystroke\n\t// const [debouncedQuery] = useDebounce(searching.trim(), 300);\n\n\t// Update column visibility when columnsToHideByDefault changes\n\tuseEffect(() => {\n\t\tupdateTableState({\n\t\t\tcolumnVisibility: {\n\t\t\t\tid: false,\n\t\t\t\tupdatedAt: false,\n\t\t\t\t...columnsToHideByDefault,\n\t\t\t},\n\t\t});\n\t}, [columnsToHideByDefault]);\n\n\t// TODO, implement filters\n\t// const [filters, setFilters] = useState<FilterFormType[]>([]);\n\t// const formatedFilters = useMemo(() => {\n\t//   return filters.reduce((acc, filter) => {\n\t//     const { property, value, operator } = filter;\n\t//     if (!acc[property]) {\n\t//       acc[property] = {};\n\t//     }\n\t//     acc[property][operator] = value;\n\t//     return acc;\n\t//   }, {} as Record<string, Record<string, any>>);\n\t// }, [filters]);\n\n\t// Fetch table data using the fetchFn and react-query's useQuery hook\n\tconst query = useQuery({\n\t\tqueryKey: [id, pagination, sorting, search.trim()],\n\t\tqueryFn: () => fetchFn(pagination, sorting, search.trim()),\n\t\tplaceholderData: keepPreviousData, // Keep previous data while loading new data\n\t\tretry: 0,\n\t\trefetchOnWindowFocus: false,\n\t});\n\n\n\t// TODO Memoizing here seems wasteful\n\t// TODO is createColumnHelper an expensive operation?\n\t// const columnHelper = createColumnHelper<TData>();\n\t// const metadataColumns = useMemo<ColumnDef<TData>[]>(() => {\n\t// \tconst data = query.data?.data;\n\t// \tif (!data?.length) return [];\n\t// \t// set of all the keys present in a given view\n\t// \tconst allMetadataKeys = new Set<string>();\n\n\t// \t// Collect all unique metadata keys\n\t// \tdata.forEach((row: TData) => {\n\t// \t\tif ('metadata' in row && row.metadata && Array.isArray(row.metadata)) {\n\t// \t\t\trow.metadata.forEach((meta: MetadataDto) => {\n\t// \t\t\t\tallMetadataKeys.add(meta.key);\n\t// \t\t\t});\n\t// \t\t}\n\t// \t});\n\n\t// \t// Generate columns for all unique metadata keys\n\t// \treturn Array.from(allMetadataKeys).map((key) =>\n\t// \t\tcolumnHelper.accessor(\n\t// \t\t\t(row: TData) => {\n\t// \t\t\t\t// Find the metadata object with the matching key\n\t// \t\t\t\tconst metadataEntry = row.metadata?.find(\n\t// \t\t\t\t\t(meta: MetadataDto) => meta.key === key,\n\t// \t\t\t\t);\n\t// \t\t\t\treturn metadataEntry?.value; // Return the value for the specific key\n\t// \t\t\t},\n\t// \t\t\t{\n\t// \t\t\t\theader: () => (\n\t// \t\t\t\t\t<TooltipProvider delayDuration={0}>\n\t// \t\t\t\t\t\t<Tooltip>\n\t// \t\t\t\t\t\t\t<TooltipTrigger asChild>\n\t// \t\t\t\t\t\t\t\t<span className=\"flex gap-1 items-center align-middle\">\n\t// \t\t\t\t\t\t\t\t\t{key} <Info size={18} strokeWidth={\"1px\"} />\n\t// \t\t\t\t\t\t\t\t</span>\n\t// \t\t\t\t\t\t\t</TooltipTrigger>\n\t// \t\t\t\t\t\t\t<TooltipContent>Metadata Key</TooltipContent>\n\t// \t\t\t\t\t\t</Tooltip>\n\t// \t\t\t\t\t</TooltipProvider>\n\t// \t\t\t\t), // Use the metadata key as the column header\n\t// \t\t\t\tid: key,\n\t// \t\t\t\tenableSorting: false,\n\t// \t\t\t\tcell: (info) => {\n\t// \t\t\t\t\tconst value = info.getValue();\n\t// \t\t\t\t\t// Handle null/undefined values\n\t// \t\t\t\t\tif (value === null || value === undefined) return \"\";\n\t// \t\t\t\t\t// For primitive types, return the string representation\n\t// \t\t\t\t\treturn String(value);\n\t// \t\t\t\t},\n\t// \t\t\t},\n\t// \t\t),\n\t// \t);\n\t// }, [query.data?.data]);\n\n\t/**\n\t * ID,createdAt and updatedAt will be added by default for all tables\n\t * If selection is allowed, checkbox will be added\n\t * If the dto has metadata, dynamics columns for all the metadata key-value will be added(particular for a view)\n\t * If there are actions for the table, they will be placed fixed at the right side of table.\n\t */\n\tconst extendedColumns = useMemo<ColumnDef<any, any>[]>(() => {\n\t\tconst _columns = [\n\t\t\t...(allowSelection ? TABLE_CHECK_BOX_COLUMN : []),\n\t\t\t...TABLE_ID_COLUMN,\n\t\t\t...columns.filter((col) => col.id !== ACTIONS_COLUMN_ID),\n\t\t\t// ...(metadataColumns.length ? metadataColumns : []),\n\t\t\t...TABLE_DEFAULT_DATE_COLUMNS,\n\t\t\t...columns.filter((col) => col.id === ACTIONS_COLUMN_ID),\n\t\t];\n\n\t\treturn _columns;\n\t}, [columns, query.data?.data, allowSelection]);\n\n\t// Type-guard for updater\n\tfunction isUpdaterFunction<T>(updater: Updater<T>): updater is (old: T) => T {\n\t\treturn typeof updater === \"function\";\n\t}\n\t// Utility function to resolve updater\n\tfunction resolveUpdater<T>(updater: Updater<T>, currentValue: T) {\n\t\tif (isUpdaterFunction(updater)) {\n\t\t\treturn updater(currentValue);\n\t\t}\n\t\treturn updater;\n\t}\n\n\t// Use react-table's hook to create the table instance\n\tconst table = useReactTable({\n\t\tdata: query.data?.data ?? [],\n\t\tcolumns: extendedColumns,\n\t\tgetCoreRowModel: getCoreRowModel(),\n\t\trowCount: query.data?.total,\n\t\tmanualPagination: true, // Handle pagination manually since pagination is done server side for data tables\n\t\tonPaginationChange: (updater) => {\n\t\t\tupdateTableState({ pagination: resolveUpdater(updater, pagination) });\n\t\t},\n\t\tmanualSorting: true, // Handle sorting manually since sorting is done server side for data tables\n\t\tonSortingChange: (updater) => {\n\t\t\tupdateTableState({ sorting: resolveUpdater(updater, sorting), rowSelection: {} }); // Reset selection when sorting.\n\t\t},\n\t\tmanualFiltering: true, // Handle filtering manually since filtering is done server side for data tables\n\t\tonGlobalFilterChange: (updater) => {\n\t\t\tupdateTableState({ columnFilters: resolveUpdater(updater, columnFilters) });\n\t\t},\n\t\tonColumnVisibilityChange: (updater) => {\n\t\t\tupdateTableState({ columnVisibility: resolveUpdater(updater, columnVisibility) });\n\t\t},\n\t\tonRowSelectionChange: (updater) => {\n\t\t\tupdateTableState({ rowSelection: resolveUpdater(updater, rowSelection) });\n\t\t},\n\t\tstate: {\n\t\t\tsorting: sorting,\n\t\t\tcolumnFilters: columnFilters,\n\t\t\tcolumnVisibility: columnVisibility,\n\t\t\tpagination: pagination,\n\t\t\trowSelection: rowSelection,\n\t\t},\n\t\tmeta: {\n\t\t\trefetch: query.refetch,\n\t\t},\n\t});\n\n\treturn (\n\t\t<>\n\t\t\t{/* TODO, explore filtering component being outside the data-table, fine-grained theming would be nice here */}\n\t\t\t{/* Also, the data-table is a huuuuuge component, it would be nice to have it broken into pieces a little */}\n\t\t\t{/* ContextAPI???? */}\n\n\t\t\t{/* <TableFilter\n        filterableProperties={{ ...filterableFields, ...DEFAULT_FILTERABLE_FIELDS }}\n        filters={filters}\n        onFiltersChange={setFilters}\n      /> */}\n\n\t\t\t{/* Table Actions Section */}\n\t\t\t<section {...props} className={cn(\"flex flex-col bg-card\", className)}>\n\t\t\t\t<Actions\n\t\t\t\t\tdataQuery={query}\n\t\t\t\t\tgetSelectedRowModel={table.getSelectedRowModel}\n\t\t\t\t\ttableActions={tableActions}\n\t\t\t\t\thandleSearching={(value) => updateTableState({ search: value })}\n\t\t\t\t/>\n\n\t\t\t\t{/* The div here is necessary because TableContent is internally a <table> tag and does not respect width, height CSS */}\n\t\t\t\t<div className=\"w-full overflow-auto border-x grow min-h-table relative\" tabIndex={0}>\n\t\t\t\t\t{/* Table overlay with loader */}\n\t\t\t\t\t{query.isLoading && (\n\t\t\t\t\t\t<TableOverlay className=\"cursor-wait\">\n\t\t\t\t\t\t\t<Loader />\n\t\t\t\t\t\t</TableOverlay>\n\t\t\t\t\t)}\n\t\t\t\t\t{/* Table overlay for empty table */}\n\t\t\t\t\t{!query.isLoading && table.getRowModel().rows.length === 0 && (\n\t\t\t\t\t\t// Empty table\n\t\t\t\t\t\t<TableOverlay className=\"cursor-not-allowed\">\n\t\t\t\t\t\t\t{!query.isFetching &&\n\t\t\t\t\t\t\t\t(query.isError ? (\n\t\t\t\t\t\t\t\t\t<span className=\"flex gap-3 justify-center items-center\">\n\t\t\t\t\t\t\t\t\t\t{/* TODO Check for 403 explicitly!! */}\n\t\t\t\t\t\t\t\t\t\t{/* <span>{query.error}</span> */}\n\t\t\t\t\t\t\t\t\t\t<Info />\n\t\t\t\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t\t\t\t\tYou don't have the required permissions. Please contact your\n\t\t\t\t\t\t\t\t\t\t\tadmin.\n\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t) : !query.data?.data ? (\n\t\t\t\t\t\t\t\t\t<>No results found.</>\n\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t<>Unknown error. Please contact customer support.</>\n\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t</TableOverlay>\n\t\t\t\t\t)}\n\t\t\t\t\t{!query.isLoading && table.getRowModel().rows.length !== 0 &&\n\t\t\t\t\t\t<TableContent\n\t\t\t\t\t\t\tclassName=\"size-full\"\n\t\t\t\t\t\t\tgetRowModel={table.getRowModel}\n\t\t\t\t\t\t\tgetHeaderGroups={table.getHeaderGroups}\n\t\t\t\t\t\t/>}\n\t\t\t\t</div>\n\n\t\t\t\t{/* Table Footer Section with Pagination and Column Picker */}\n\t\t\t\t<div className=\"flex w-full justify-between border gap-4 p-4 overflow-x-auto\">\n\t\t\t\t\t<div className=\"flex gap-4\">\n\t\t\t\t\t\t<ColumnPicker\n\t\t\t\t\t\t\tgetAllColumns={table.getAllColumns}\n\t\t\t\t\t\t\tgetIsAllColumnsVisible={table.getIsAllColumnsVisible}\n\t\t\t\t\t\t\ttoggleAllColumnsVisible={table.toggleAllColumnsVisible}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<PageSize\n\t\t\t\t\t\t\tsize={table.getState().pagination.pageSize}\n\t\t\t\t\t\t\tonSelect={table.setPageSize}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t\t<Paginator\n\t\t\t\t\t\tfirstPage={table.firstPage}\n\t\t\t\t\t\tpreviousPage={table.previousPage}\n\t\t\t\t\t\tgetCanNextPage={table.getCanNextPage}\n\t\t\t\t\t\tgetCanPreviousPage={table.getCanPreviousPage}\n\t\t\t\t\t\tlastPage={table.lastPage}\n\t\t\t\t\t\tnextPage={table.nextPage}\n\t\t\t\t\t\tgetState={table.getState}\n\t\t\t\t\t\trowCount={query.data?.total ?? 0}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t</section>\n\t\t</>\n\t);\n}\n\nfunction TableOverlay({\n\tchildren,\n\tclassName,\n}: { children: React.ReactNode; className?: string }) {\n\treturn (\n\t\t<>\n\t\t\t<span\n\t\t\t\tclassName={cn(\n\t\t\t\t\t\"absolute top-0 bg-card z-20 size-full flex items-center justify-center\",\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t</span>\n\t\t\t{/* Keep something in document flow with the correct height */}\n\t\t\t<span className=\"relative h-full w-0 block\" />\n\t\t</>\n\t);\n}\n"],"names":["ACTIONS_COLUMN_ID","DataTable","columns","fetchFn","tableActions","columnsToHideByDefault","allowSelection","className","props","id","useId","tableState","_setTableState","useState","updateTableState","updates","prev","sorting","columnFilters","search","columnVisibility","rowSelection","pagination","useEffect","query","useQuery","keepPreviousData","extendedColumns","useMemo","TABLE_CHECK_BOX_COLUMN","TABLE_ID_COLUMN","col","TABLE_DEFAULT_DATE_COLUMNS","_a","isUpdaterFunction","updater","resolveUpdater","currentValue","table","useReactTable","_b","getCoreRowModel","_c","jsx","Fragment","cn","Actions","value","jsxs","TableOverlay","Loader","Info","_d","TableContent","ColumnPicker","PageSize","Paginator","_e","children"],"mappings":"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"}
+{"version":3,"file":"data-table.es.js","sources":["../../../lib/components/data-table/data-table.tsx"],"sourcesContent":["\"use client\";\nimport {\n\ttype ApiFilters,\n\ttype ApiSchema,\n\tcn,\n\tLoader,\n\tSearchField,\n\tTABLE_CHECK_BOX_COLUMN,\n\tTABLE_DEFAULT_DATE_COLUMNS,\n\tTABLE_ID_COLUMN,\n\ttype TableActions,\n\ttype TableFetchFn\n} from \"@/index\";\nimport type { components, operations } from \"@cryptlex/web-api-types\";\nimport { keepPreviousData, useQuery } from \"@tanstack/react-query\";\nimport {\n\ttype AccessorFnColumnDef,\n\ttype Column,\n\ttype ColumnDef,\n\ttype ColumnOrderState,\n\tcreateColumnHelper,\n\tgetCoreRowModel,\n\ttype TableState,\n\ttype Updater,\n\tuseReactTable,\n\ttype VisibilityState\n} from \"@tanstack/react-table\";\nimport { ArrowDownNarrowWide, ArrowDownWideNarrow, ArrowUpDown, Columns3, GripVertical, Info } from \"lucide-react\";\nimport React, { createContext, useContext, useEffect, useId, useMemo, useState } from \"react\";\n\n/** Reserved name for actions column */\nexport const ACTIONS_COLUMN_ID = \"tableActions\";\n\nexport type Schemas = ApiSchema<keyof components['schemas']>;\nexport type OperationKeys = keyof operations;\n\ntype DataTableFactory<TData extends Schemas> = {\n\tfetchFn: TableFetchFn<TData, OperationKeys>;\n\tcolumns: ColumnDef<TData, any>[]\n\tallowSelection?: boolean;\n\tcolumnsToHideByDefault?: VisibilityState; // Columns that are hidden by default\n\tfilterConfig: FiltersConfig<OperationKeys>\n}\n\n\ntype DataTableState = Pick<TableState, 'sorting' | 'rowSelection' | 'pagination'> & {};\n/**\n * Hook for handling all data-table state. Used in DataTableContext\n */\nexport function useDataTableState<TData extends Schemas>({ columns, fetchFn, columnsToHideByDefault = {}, allowSelection = false, filterConfig }: DataTableFactory<TData>) {\n\tconst id = useId();\n\n\t// TODO: Would it be better for this state to be more granular?\n\tconst [tableState, _setTableState] = useState<DataTableState>({\n\t\t/** TODO Reflect in URL  */\n\t\tpagination: { pageIndex: 0, pageSize: 20 }, // Pagination state\n\t\tsorting: [], // Sorting state\n\n\t\t/** Ephemeral */\n\t\trowSelection: {}, // Row selection state\n\t});\n\n\t/** TODO Reflect in URL  */\n\tconst [searchQuery, setSearchQuery] = useState('');\n\n\t/** TODO Store on browser as preference */\n\tconst [columnOrder, setColumnOrder] = useState<ColumnOrderState>([])\n\t// TODO Store on browser\n\tconst [columnVisibility, setColumnVisibility] = useState<VisibilityState>({\n\t\tid: false,\n\t\tupdatedAt: false,\n\t\t...columnsToHideByDefault,\n\t});\n\n\tconst [filters, setFilters] = useState<ApiFilters<OperationKeys>[]>([]);\n\n\tconst mergedFilters = useMemo(() => {\n\t\treturn filters.reduce((acc, current) => {\n\t\t\treturn merge(acc, current);\n\t\t}, {});\n\t}, [filters])\n\n\t// Update table state with new values\n\tconst updateTableState = (updates: Partial<DataTableState>) => {\n\t\t_setTableState((prev) => ({ ...prev, ...updates }));\n\t};\n\n\tconst {\n\t\tsorting,\n\t\trowSelection,\n\t\tpagination,\n\t} = tableState;\n\n\tconst query = useQuery({\n\t\tqueryKey: [id, pagination, sorting, searchQuery],\n\t\tqueryFn: () => fetchFn(pagination, sorting, searchQuery, mergedFilters),\n\t\tplaceholderData: keepPreviousData, // Keep previous data while loading new data\n\t\tretry: 0,\n\t\trefetchOnWindowFocus: false,\n\t});\n\n\tuseEffect(() => {\n\t\t// TODO, store in localStorage\n\t}, [columnVisibility])\n\n\tconst columnHelper = useMemo(() => createColumnHelper<TData>(), []);\n\n\tconst metadataColumns = useMemo<AccessorFnColumnDef<TData, string>[]>(() => {\n\t\tconst data = query.data?.data;\n\t\tif (!data?.length) return [];\n\n\t\ttype WithMeta = TData & { metadata: ApiSchema<'MetadataDto'>[] };\n\t\tconst rowHasMetadata = (row: TData): row is WithMeta => row != null &&\n\t\t\ttypeof row === 'object' &&\n\t\t\t'metadata' in row &&\n\t\t\tArray.isArray((row).metadata);\n\n\t\tconst rowsWithMeta = data.filter(\n\t\t\trowHasMetadata\n\t\t);\n\t\tif (rowsWithMeta.length === 0) return [];\n\t\tconst keys = Array.from(new Set(rowsWithMeta.flatMap(r => r.metadata?.map(m => m.key) ?? [])));\n\n\t\treturn keys.map(key =>\n\t\t\tcolumnHelper.accessor(\n\t\t\t\t(row) => {\n\t\t\t\t\tif (rowHasMetadata(row)) {\n\t\t\t\t\t\treturn row?.metadata?.find(m => m.key === key)?.value ?? '';\n\t\t\t\t\t}\n\t\t\t\t\treturn '';\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tid: key,\n\t\t\t\t\theader: key, // tooltip header\n\t\t\t\t\tenableSorting: false,\n\t\t\t\t\tcell: (info) => {\n\t\t\t\t\t\tconst value = info.getValue();\n\t\t\t\t\t\t// Handle null/undefined values\n\t\t\t\t\t\tif (value === null || value === undefined) return \"\";\n\t\t\t\t\t\t// For primitive types, return the string representation\n\t\t\t\t\t\treturn String(value);\n\t\t\t\t\t},\n\t\t\t\t}\n\t\t\t));\n\t}, [query.data?.data]);\n\n\t/**\n\t * ID,createdAt and updatedAt will be added by default for all tables\n\t * If selection is allowed, checkbox will be added\n\t * If the dto has metadata, dynamics columns for all the metadata key-value will be added(particular for a view)\n\t * If there are actions for the table, they will be placed fixed at the right side of table.\n\t */\n\tconst cols: ColumnDef<any, any>[] = [\n\t\t...(allowSelection ? TABLE_CHECK_BOX_COLUMN : []),\n\t\t...TABLE_ID_COLUMN,\n\t\t...columns.filter((col) => col.id !== ACTIONS_COLUMN_ID),\n\t\t...(metadataColumns.length ? metadataColumns : []),\n\t\t...TABLE_DEFAULT_DATE_COLUMNS,\n\t\t// Actions column\n\t\t...columns.filter((col) => col.id === ACTIONS_COLUMN_ID),\n\t];\n\n\t// Type-guard for updater\n\tfunction isUpdaterFunction<T>(updater: Updater<T>): updater is (old: T) => T {\n\t\treturn typeof updater === \"function\";\n\t}\n\t// Utility function to resolve updater\n\tfunction resolveUpdater<T>(updater: Updater<T>, currentValue: T) {\n\t\tif (isUpdaterFunction(updater)) {\n\t\t\treturn updater(currentValue);\n\t\t}\n\t\treturn updater;\n\t}\n\n\t// Use react-table's hook to create the table instance\n\tconst tanTable = useReactTable({\n\t\tdata: query.data?.data ?? [],\n\t\tcolumns: cols,\n\t\tgetCoreRowModel: getCoreRowModel(),\n\t\trowCount: query.data?.total,\n\t\tmanualPagination: true, // Handle pagination manually since pagination is done server side for data tables\n\t\tonPaginationChange: (updater) => {\n\t\t\tupdateTableState({ pagination: resolveUpdater(updater, pagination) });\n\t\t},\n\t\tmanualSorting: true, // Handle sorting manually since sorting is done server side for data tables\n\t\tonSortingChange: (updater) => {\n\t\t\tupdateTableState({ sorting: [...resolveUpdater(updater, sorting)], rowSelection: {} }); // Reset selection when sorting.\n\t\t},\n\t\tmanualFiltering: true, // Handle filtering manually since filtering is done server side for data tables\n\t\tonColumnVisibilityChange: (updater) => {\n\t\t\tsetColumnVisibility(resolveUpdater(updater, columnVisibility));\n\t\t},\n\t\tonRowSelectionChange: (updater) => {\n\t\t\tupdateTableState({ rowSelection: resolveUpdater(updater, rowSelection) });\n\t\t},\n\t\tonColumnOrderChange: (updater) => {\n\t\t\tsetColumnOrder(resolveUpdater(updater, columnOrder));\n\t\t},\n\t\tstate: {\n\t\t\tsorting: sorting,\n\t\t\tcolumnVisibility: columnVisibility,\n\t\t\tpagination: pagination,\n\t\t\trowSelection: rowSelection,\n\t\t\tcolumnOrder: columnOrder\n\t\t},\n\t\tmeta: {\n\t\t\trefetch: query.refetch,\n\t\t},\n\t});\n\n\t// By default, ColumnDef does not give guarantees of column.id existing. Once useReactTable is called, all columns are assigned IDs.\n\t// This populates the columnIds in the columnOrder state\n\t// TODO, add localStorage access layer for this. \n\tuseEffect(() => {\n\t\tsetColumnOrder([...tanTable.getAllLeafColumns().map(c => c.id)]);\n\t}, [])\n\n\treturn { tableState, updateTableState, query, setSearchQuery, searchQuery, tanTable, mergedFilters, filters, setFilters, filterConfig }\n}\n\nexport const DataTableContext = createContext<ReturnType<typeof useDataTableState> | null>(null);\n\nexport const useDataTable = () => {\n\tconst ctx = useContext(DataTableContext);\n\tif (!ctx) {\n\t\tthrow Error(\"DataTable should be used within DataTableProvider.\")\n\t}\n\treturn ctx;\n}\n\nexport function DataTableProvider({ children, ...props }: { children: React.ReactNode; } & ReturnType<typeof useDataTableState>) {\n\treturn (\n\t\t<DataTableContext.Provider value={props}>\n\t\t\t{children}\n\t\t</DataTableContext.Provider>\n\t)\n}\n\n\nexport type DataTableProps = React.ComponentProps<'section'> & {\n\ttableActions: TableActions;\n\n\t// filterConfig: {\n\t// \tfilters: Record<keyof ApiFilters<TOperation>, 'date' | 'string' | 'known-string' | 'number'>,\n\t// }\n}\nexport function DataTable({\n\ttableActions,\n\tclassName,\n\t...props\n\t// filterableFields,\n}: DataTableProps) {\n\t// State for managing table data and filters\n\tconst { query, tanTable } = useDataTable();\n\n\treturn (\n\t\t<>\n\t\t\t{/* Table Actions Section */}\n\t\t\t<section {...props} className={cn(\"flex flex-col bg-card\", className)}>\n\t\t\t\t<Actions tableActions={tableActions} />\n\t\t\t\t{/* The div here is necessary because TableContent is internally a <table> tag and does not respect width, height CSS */}\n\t\t\t\t<div className=\"w-full overflow-auto border-x grow min-h-table relative\" tabIndex={0}>\n\t\t\t\t\t{/* Table overlay with loader */}\n\t\t\t\t\t{query.isLoading && (\n\t\t\t\t\t\t<TableOverlay className=\"cursor-wait\">\n\t\t\t\t\t\t\t<Loader />\n\t\t\t\t\t\t</TableOverlay>\n\t\t\t\t\t)}\n\t\t\t\t\t{/* Table overlay for empty table */}\n\t\t\t\t\t{!query.isLoading && tanTable.getRowModel().rows.length === 0 && (\n\t\t\t\t\t\t// Empty table\n\t\t\t\t\t\t<TableOverlay className=\"cursor-not-allowed\">\n\t\t\t\t\t\t\t{!query.isFetching &&\n\t\t\t\t\t\t\t\t(query.isError ? (\n\t\t\t\t\t\t\t\t\t<span className=\"flex gap-3 justify-center items-center\">\n\t\t\t\t\t\t\t\t\t\t{/* TODO (mudasir-pandith) Check for 403 explicitly!! */}\n\t\t\t\t\t\t\t\t\t\t{/* <span>{query.error}</span> */}\n\t\t\t\t\t\t\t\t\t\t<Info />\n\t\t\t\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t\t\t\t\tYou don't have the required permissions. Please contact your\n\t\t\t\t\t\t\t\t\t\t\tadmin.\n\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t) : !query.data?.data ? (\n\t\t\t\t\t\t\t\t\t<>No results found.</>\n\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t<>Unknown error. Please contact customer support.</>\n\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t</TableOverlay>\n\t\t\t\t\t)}\n\t\t\t\t\t{!query.isLoading && tanTable.getRowModel().rows.length !== 0 &&\n\t\t\t\t\t\t<TableContent className=\"size-full\" />}\n\t\t\t\t</div>\n\n\t\t\t\t{/* Table Footer Section with Pagination and Column Picker */}\n\t\t\t\t<div className=\"flex w-full justify-between border gap-icon p-icon overflow-x-auto\">\n\t\t\t\t\t<div className=\"flex gap-icon\">\n\t\t\t\t\t\t<ColumnPicker />\n\t\t\t\t\t\t<PageSize />\n\t\t\t\t\t</div>\n\t\t\t\t\t<Paginator />\n\t\t\t\t</div>\n\t\t\t</section>\n\t\t</>\n\t);\n}\n/** Table overlay to be shown for loaders or other messages */\nfunction TableOverlay({\n\tchildren,\n\tclassName,\n}: { children: React.ReactNode; className?: string }) {\n\treturn (\n\t\t<>\n\t\t\t<span\n\t\t\t\tclassName={cn(\n\t\t\t\t\tclassName,\n\t\t\t\t\t\"absolute top-0 bg-card z-20 size-full text-sm flex items-center justify-center\",\n\t\t\t\t)}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t</span>\n\t\t\t{/* Keep something in document flow with the correct height */}\n\t\t\t<span className=\"relative h-full w-0 block\" />\n\t\t</>\n\t);\n}\n\nimport {\n\tButton,\n\tgetResourceDisplayName,\n} from \"@/index\";\nimport {\n\tarrayMove,\n\tSortableContext,\n\tsortableKeyboardCoordinates,\n\tuseSortable,\n\tverticalListSortingStrategy\n} from '@dnd-kit/sortable';\n\nfunction ColumnPicker() {\n\tconst { tanTable, tableState } = useDataTable();\n\tconst [activeId, setActiveId] = useState<string | null>(null);\n\n\tconst sensors = useSensors(\n\t\tuseSensor(PointerSensor),\n\t\tuseSensor(KeyboardSensor, {\n\t\t\tcoordinateGetter: sortableKeyboardCoordinates,\n\t\t})\n\t);\n\treturn (\n\t\t<DndContext\n\t\t\tsensors={sensors}\n\t\t\tcollisionDetection={closestCenter}\n\t\t\tonDragStart={(event) => {\n\t\t\t\tconst { active } = event;\n\t\t\t\tsetActiveId(active.id.toString());\n\t\t\t}}\n\t\t\tonDragEnd={(event) => {\n\t\t\t\tconst { active, over } = event;\n\n\t\t\t\tif (over && active.id !== over.id) {\n\t\t\t\t\tconst columnOrder = tanTable.getState().columnOrder;\n\t\t\t\t\tconst oldIndex = columnOrder.indexOf(active.id.toString());\n\t\t\t\t\tconst newIndex = columnOrder.indexOf(over.id.toString());\n\t\t\t\t\ttanTable.setColumnOrder([...arrayMove(columnOrder, oldIndex, newIndex)]);\n\t\t\t\t}\n\n\t\t\t\tsetActiveId(null);\n\t\t\t}}\n\t\t>\n\t\t\t<SortableContext\n\t\t\t\titems={tanTable.getState().columnOrder}\n\t\t\t\tstrategy={verticalListSortingStrategy}\n\t\t\t>\n\t\t\t\t<EasyMenu label={<><Columns3 />Columns</>} selectionMode=\"multiple\" items={tanTable.getAllFlatColumns()} selectedKeys={tanTable.getIsAllColumnsVisible() ? 'all' : tanTable.getVisibleFlatColumns().map(c => c.id)}>\n\t\t\t\t\t<MenuItem onAction={() => tanTable.toggleAllColumnsVisible()} className={'italic'}>(select all)</MenuItem>\n\t\t\t\t\t{tanTable.getState().columnOrder.map(colId => {\n\t\t\t\t\t\tconst col = tanTable.getAllFlatColumns().find(c => c.id === colId);\n\t\t\t\t\t\tif (!col) return null;\n\t\t\t\t\t\treturn <SortableItem key={col.id} column={col} />\n\t\t\t\t\t})}\n\t\t\t\t</EasyMenu>\n\t\t\t\t<DragOverlay>\n\t\t\t\t\t{activeId ? <div className=\"dropdown-item opacity-70 border-2 border-primary\">{getResourceDisplayName(activeId, \"admin-portal\")}</div> : null}\n\t\t\t\t</DragOverlay>\n\t\t\t</SortableContext>\n\t\t</DndContext>\n\t);\n\n\n\tfunction SortableItem({ column }: { column: Column<any, unknown> }) {\n\t\tconst {\n\t\t\tattributes,\n\t\t\tlisteners,\n\t\t\tsetNodeRef,\n\t\t\ttransform,\n\t\t\ttransition,\n\t\t} = useSortable({ id: column.id });\n\t\tconst style = {\n\t\t\ttransform: CSS.Transform.toString(transform),\n\t\t\ttransition,\n\t\t\tzIndex: '999'\n\t\t};\n\t\treturn <MenuItem\n\t\t\tref={setNodeRef}\n\t\t\tstyle={style}\n\t\t\t{...attributes}\n\t\t\tid={column.id}\n\t\t\tonAction={() => column.toggleVisibility()}\n\t\t\tisDisabled={!column.getCanHide()} className=\"flex items-center\">\n\t\t\t<GripVertical {...listeners} className=\"size-icon cursor-grab\" />\n\t\t\t{/* TODO getResourceDisplayName using context provider */}\n\t\t\t{getResourceDisplayName(column.id, \"admin-portal\")}\n\t\t\t{column.getIsSorted() && <SortIcon className=\"size-icon\" direction={column.getIsSorted()} />}\n\t\t</MenuItem>;\n\t}\n}\n\n\n\nimport {\n\tChevronFirst,\n\tChevronLast,\n\tChevronLeft,\n\tChevronRight,\n} from \"lucide-react\";\n\nfunction Paginator() {\n\tconst { tanTable, query } = useDataTable();\n\tconst rowCount = query.data?.total ?? 0\n\treturn (\n\t\t<div className=\"flex items-center gap-2\">\n\t\t\t<span className=\"whitespace-nowrap caption text-muted\">\n\t\t\t\t{`${tanTable.getState().pagination.pageIndex * tanTable.getState().pagination.pageSize + 1} - ${Math.min(\n\t\t\t\t\t(tanTable.getState().pagination.pageIndex + 1) *\n\t\t\t\t\ttanTable.getState().pagination.pageSize,\n\t\t\t\t\trowCount,\n\t\t\t\t)} of ${rowCount?.toLocaleString()}`}\n\t\t\t</span>\n\n\t\t\t<Button\n\t\t\t\tonPress={() => tanTable.firstPage()}\n\t\t\t\tisDisabled={!tanTable.getCanPreviousPage()}\n\t\t\t\tvariant=\"neutral\"\n\t\t\t\tsize={\"icon\"}\n\t\t\t><ChevronFirst /></Button>\n\t\t\t<Button\n\t\t\t\tonPress={() => tanTable.previousPage()}\n\t\t\t\tisDisabled={!tanTable.getCanPreviousPage()}\n\t\t\t\tvariant=\"neutral\"\n\t\t\t\tsize={\"icon\"}\n\t\t\t><ChevronLeft /></Button>\n\t\t\t<Button\n\t\t\t\tonPress={() => tanTable.nextPage()}\n\t\t\t\tisDisabled={!tanTable.getCanNextPage()}\n\t\t\t\tvariant=\"neutral\"\n\t\t\t\tsize={\"icon\"}\n\t\t\t><ChevronRight /></Button>\n\t\t\t<Button\n\t\t\t\tonClick={() => tanTable.lastPage()}\n\t\t\t\tisDisabled={!tanTable.getCanNextPage()}\n\t\t\t\tvariant=\"neutral\"\n\t\t\t\tsize={\"icon\"}\n\t\t\t><ChevronLast /></Button>\n\t\t</div>\n\t);\n}\n\n\nfunction PageSize() {\n\tconst { tanTable } = useDataTable();\n\tconst PAGE_SIZES = [10, 20, 30, 40, 50];\n\n\treturn (\n\t\t<EasyMenu label={tanTable.getState().pagination.pageSize.toString()} selectionMode=\"single\" selectedKeys={[tanTable.getState().pagination.pageSize.toString()]} items={PAGE_SIZES.map(s => ({ id: s.toString(), value: s }))}>\n\t\t\t{\n\t\t\t\t(items) => <MenuItem onAction={() => tanTable.setPageSize(items.value)}>{items.value}</MenuItem>\n\t\t\t}\n\t\t</EasyMenu>\n\t);\n}\n\n\nimport { RotateCw } from \"lucide-react\";\n\nfunction Actions({ tableActions }: { tableActions: TableActions }) {\n\tconst { query, tanTable, searchQuery, setSearchQuery } = useDataTable();\n\n\treturn (\n\t\t<section className=\"flex bg-card justify-between my-0 p-icon border gap-icon overflow-auto\">\n\t\t\t<div className=\"flex gap-icon\">\n\t\t\t\t<Button\n\t\t\t\t\tisPending={query.isFetching}\n\t\t\t\t\tonClick={() => query.refetch()}\n\t\t\t\t\tvariant={\"neutral\"}\n\t\t\t\t\tsize={\"icon\"}\n\t\t\t\t><RotateCw /></Button>\n\n\t\t\t\t{tableActions\n\t\t\t\t\t.filter(ta => ta.bulk === tanTable.getSelectedRowModel().rows.length > 0)\n\t\t\t\t\t.map((ta, i) => {\n\t\t\t\t\t\tconst Icon = ta.icon;\n\t\t\t\t\t\treturn (<Button key={`${i}-${ta.bulk}`} type=\"button\" isDisabled={query.isFetching} className=\"animate-in fade-in slide-in-from-left-15 duration-300 transition-transform\" onPress={(e) => { ta.onClick(e, tanTable) }} size={'icon'}><Icon /></Button>)\n\t\t\t\t\t}\n\t\t\t\t\t)}\n\t\t\t</div>\n\t\t\t<div className=\"flex gap-icon\">\n\t\t\t\t<DataTableFilter />\n\t\t\t\t{(\n\t\t\t\t\t<SearchField value={searchQuery} onChange={setSearchQuery} />\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</section>\n\t);\n}\n\n\nimport { DataTableFilter, type FiltersConfig } from \"@/components/data-table/data-table-filter\";\nimport { EasyMenu, MenuItem } from \"@/components/ui/menu\";\nimport {\n\tTableBody,\n\tTableCell,\n\tTable as TableComponent,\n\tTableHead,\n\tTableHeader,\n\tTableRow,\n} from \"@/components/ui/table\";\nimport { closestCenter, DndContext, DragOverlay, KeyboardSensor, PointerSensor, useSensor, useSensors } from \"@dnd-kit/core\";\nimport { CSS } from \"@dnd-kit/utilities\";\nimport {\n\tflexRender\n} from \"@tanstack/react-table\";\nimport { merge } from \"lodash-es\";\n\nfunction SortIcon({ direction, ...props }: { direction: 'asc' | 'desc' | false } & Omit<React.ComponentProps<'svg'>, 'direction'>) {\n\tif (direction === 'asc') return <ArrowDownNarrowWide {...props} />\n\telse if (direction === 'desc') return <ArrowDownWideNarrow {...props} />\n\telse return <ArrowUpDown {...props} />\n}\n\n// TODO, automate checking valid HTML\nfunction TableContent({ className }: React.ComponentProps<typeof TableComponent>) {\n\tconst { tanTable } = useDataTable();\n\tconst tableCellStyle = (isSticky: boolean, className?: string) => cn(\"animate-in fade-in slide-in-from-top-10\", \"px-icon py-2 text-left text-sm font-medium whitespace-nowrap\", isSticky && \"bg-card sticky right-0 z-50 text-center\", className)\n\treturn (\n\t\t<TableComponent className={cn(className)}>\n\t\t\t<TableHeader className=\"sticky top-0 z-10\">\n\t\t\t\t{tanTable.getHeaderGroups().map((headerGroup) => (\n\t\t\t\t\t<TableRow className={cn(\"h-input\")} key={headerGroup.id}>\n\t\t\t\t\t\t{headerGroup.headers.map((header) => (\n\t\t\t\t\t\t\t<TableHead\n\t\t\t\t\t\t\t\tkey={header.id}\n\t\t\t\t\t\t\t\tclassName={tableCellStyle(false, \"bg-card\")}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{!header.column.getCanSort() && !header.isPlaceholder\n\t\t\t\t\t\t\t\t\t&& <>{flexRender(\n\t\t\t\t\t\t\t\t\t\theader.column.columnDef.header,\n\t\t\t\t\t\t\t\t\t\theader.getContext(),\n\t\t\t\t\t\t\t\t\t)}</>}\n\t\t\t\t\t\t\t\t{/* TODO Align header text with table text */}\n\t\t\t\t\t\t\t\t{header.column.getCanSort() && (\n\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\tvariant=\"ghost\"\n\t\t\t\t\t\t\t\t\t\tclassName=\"w-full !justify-start !px-1.5\"\n\t\t\t\t\t\t\t\t\t\tonPress={header.column.getToggleSortingHandler()}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{flexRender(\n\t\t\t\t\t\t\t\t\t\t\theader.column.columnDef.header,\n\t\t\t\t\t\t\t\t\t\t\theader.getContext(),\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t<SortIcon direction={header.column.getIsSorted()} />\n\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</TableHead>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</TableRow>\n\t\t\t\t))}\n\t\t\t</TableHeader>\n\t\t\t<TableBody className=\"flex-1 overflow-y-auto relative\">\n\t\t\t\t{tanTable.getRowModel().rows.map((row) => (\n\t\t\t\t\t<TableRow\n\t\t\t\t\t\tclassName={cn(\"h-input transition-colors data-[selected=true]:bg-primary/10 hover:bg-muted-foreground/20\")}\n\t\t\t\t\t\tkey={row.id}\n\t\t\t\t\t\tdata-selected={row.getIsSelected()}\n\t\t\t\t\t>\n\t\t\t\t\t\t{row.getVisibleCells().map((cell) => (\n\t\t\t\t\t\t\t<TableCell\n\t\t\t\t\t\t\t\tkey={cell.id}\n\t\t\t\t\t\t\t\tclassName={tableCellStyle(cell.column.id === ACTIONS_COLUMN_ID)}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{flexRender(\n\t\t\t\t\t\t\t\t\tcell.column.columnDef.cell,\n\t\t\t\t\t\t\t\t\tcell.getContext(),\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</TableCell>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</TableRow>\n\t\t\t\t))}\n\t\t\t</TableBody>\n\t\t</TableComponent>\n\t);\n}\n"],"names":["ACTIONS_COLUMN_ID","useDataTableState","columns","fetchFn","columnsToHideByDefault","allowSelection","filterConfig","id","useId","tableState","_setTableState","useState","searchQuery","setSearchQuery","columnOrder","setColumnOrder","columnVisibility","setColumnVisibility","filters","setFilters","mergedFilters","useMemo","acc","current","merge","updateTableState","updates","prev","sorting","rowSelection","pagination","query","useQuery","keepPreviousData","useEffect","columnHelper","createColumnHelper","metadataColumns","data","_a","rowHasMetadata","row","rowsWithMeta","r","m","key","_b","info","value","cols","TABLE_CHECK_BOX_COLUMN","TABLE_ID_COLUMN","col","TABLE_DEFAULT_DATE_COLUMNS","isUpdaterFunction","updater","resolveUpdater","currentValue","tanTable","useReactTable","getCoreRowModel","_c","c","DataTableContext","createContext","useDataTable","ctx","useContext","DataTableProvider","children","props","DataTable","tableActions","className","jsx","Fragment","cn","Actions","jsxs","TableOverlay","Loader","Info","TableContent","ColumnPicker","PageSize","Paginator","activeId","setActiveId","sensors","useSensors","useSensor","PointerSensor","KeyboardSensor","sortableKeyboardCoordinates","DndContext","closestCenter","event","active","over","oldIndex","newIndex","arrayMove","SortableContext","verticalListSortingStrategy","EasyMenu","Columns3","MenuItem","colId","SortableItem","DragOverlay","getResourceDisplayName","column","attributes","listeners","setNodeRef","transform","transition","useSortable","style","CSS","GripVertical","SortIcon","rowCount","Button","ChevronFirst","ChevronLeft","ChevronRight","ChevronLast","PAGE_SIZES","s","items","RotateCw","ta","i","Icon","e","DataTableFilter","SearchField","direction","ArrowDownNarrowWide","ArrowDownWideNarrow","ArrowUpDown","tableCellStyle","isSticky","TableComponent","TableHeader","headerGroup","TableRow","header","TableHead","flexRender","TableBody","cell","TableCell"],"mappings":"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"}

package/dist/components/data-table/table-commons.es.js

@@ -1,22 +1,22 @@
-import { jsx as c } from "react/jsx-runtime";
-import { createColumnHelper as r } from "@tanstack/react-table";
+import { jsx as i } from "react/jsx-runtime";
 import { Checkbox as l } from "../inputs/checkbox.es.js";
-import { FormatDate as o } from "./table-utils/date.es.js";
-const t = r(), i = [
-  t.accessor("checkbox", {
-    header: ({ table: e }) => /* @__PURE__ */ c(
+import { createColumnHelper as g } from "@tanstack/react-table";
+import { intervalToDuration as f } from "date-fns";
+const r = g(), E = [
+  r.accessor("checkbox", {
+    header: ({ table: e }) => /* @__PURE__ */ i(
       l,
       {
-        indeterminate: e.getIsSomeRowsSelected() && !e.getIsAllPageRowsSelected(),
-        checked: e.getIsAllPageRowsSelected() || e.getIsSomePageRowsSelected(),
+        isIndeterminate: e.getIsSomeRowsSelected() && !e.getIsAllPageRowsSelected(),
+        isSelected: e.getIsAllPageRowsSelected() || e.getIsSomePageRowsSelected(),
         onChange: () => e.toggleAllPageRowsSelected(),
         "aria-label": "Select all"
       }
     ),
-    cell: ({ row: e }) => /* @__PURE__ */ c(
+    cell: ({ row: e }) => /* @__PURE__ */ i(
       l,
       {
-        checked: e.getIsSelected(),
+        isSelected: e.getIsSelected(),
         onChange: () => e.toggleSelected(),
         "aria-label": "Select row"
       }
@@ -24,31 +24,279 @@ const t = r(), i = [
     enableSorting: !1,
     enableHiding: !1
   })
-], m = [
-  t.accessor("id", {
+], I = [
+  r.accessor("id", {
     header: () => "ID"
   })
-], S = [
-  t.accessor("createdAt", {
+], k = [
+  r.accessor("createdAt", {
     header: () => "Creation Date",
     cell: ({ row: e }) => {
-      const a = e.getValue("createdAt");
-      return o(a);
+      const t = e.getValue("createdAt");
+      return c(t);
     },
     enableHiding: !1
   }),
-  t.accessor("updatedAt", {
+  r.accessor("updatedAt", {
     header: () => "Last Updated",
     cell: ({ row: e }) => {
-      const a = e.getValue("updatedAt");
-      return o(a);
+      const t = e.getValue("updatedAt");
+      return c(t);
     },
     enableHiding: !1
   })
 ];
+function c(e) {
+  if (!e) return null;
+  const t = new Date(e);
+  return new Intl.DateTimeFormat(void 0, {
+    dateStyle: "medium",
+    timeStyle: "short"
+  }).format(t);
+}
+const d = {
+  "product.displayName": "Product"
+}, C = [
+  "access-token",
+  "account",
+  "activation",
+  "activation-log",
+  "admin-role",
+  "audit-log",
+  "automated-email",
+  "automated-email-event-log",
+  "card",
+  "feature-flag",
+  "invoice",
+  "license",
+  "license-template",
+  "maintenance-policy",
+  "organization",
+  "plan",
+  "product",
+  "product-version",
+  "profile",
+  "release",
+  "release-channel",
+  "release-file",
+  "release-platform",
+  "report",
+  "role",
+  "role-claim",
+  "saml-configuration",
+  "segment",
+  "sending-domain",
+  "setting",
+  "tag",
+  "team-member",
+  "trial",
+  "trial-policy",
+  "user",
+  "user-group",
+  "webhook",
+  "webhook-event-log",
+  "webhook-trigger",
+  "reseller",
+  "oidc-configuration",
+  "organization-claim",
+  "reseller-claim"
+], P = {
+  account: "Your organization account.",
+  product: "Products are the software products you want to license",
+  license: "Licenses represent a purchase of your software. These can be linked to customers, and the license key is required to use the product.",
+  "access-token": "Access Tokens are used to authenticate your API requests.",
+  activation: "Activations, also known as devices/machines/seats are the devices consuming licenses.",
+  "activation-log": "Activation Log is a log entry of activation/deactivation of a particular license.",
+  trial: "Trial/Trial Activation is a device that has activated a trial of your product.",
+  "audit-log": "Audit logs contain all the changes made to your account.",
+  "automated-email": "Automated Email allow you to send marketing emails based on events on the linked product.",
+  "automated-email-event-log": "Automated email event log is the log of all the automated email events for your product.",
+  card: "The payment card for your account.",
+  "feature-flag": "Feature flags define features that make up tiers for your products.",
+  invoice: "",
+  "license-template": "License templates are a blueprint for the licenses you create for your customers and prevent repetition when creating licenses.",
+  "maintenance-policy": "Maintenance policies represent support contracts and can be linked to licenses.",
+  plan: "",
+  "product-version": "Product Versions are sets of Feature Flags that define the tiers of your products.",
+  "release-channel": "Release channel is the release channel for your product.",
+  "release-file": "Release files are files within your created releases.",
+  "release-platform": 'Release Platforms differentiate the target platform for your release. Common platforms include "Windows", "macOS", and "Linux".',
+  release: "Releases help you to manage different versions of your app, and secure distribute it to licensed users.",
+  report: "Analytics data for your account",
+  "role-claim": "",
+  role: "Roles define permissions for your team.",
+  "saml-configuration": "",
+  segment: "Sets of filters that can be saved to filter resources.",
+  "trial-policy": "Trial policies are templates for creating trials for your products.",
+  "webhook-event-log": "Webhook Event Logs are logs of events that have occured on webhooks.",
+  "webhook-trigger": "",
+  webhook: "Webhooks are HTTP callbacks which are triggered by specific events.",
+  organization: "",
+  profile: "",
+  setting: "",
+  tag: "Tags allow you to manage your licenses and customers on the dashboard.",
+  "team-member": "Team members can access the account based on their roles.",
+  user: "A user refers to your customer whom you want to license your product.",
+  "sending-domain": "Allows Cryptlex to send emails on your behalf using your From Email address",
+  "admin-role": "Roles that have type admin",
+  "user-group": "Groups of users that you can assign licenses to.",
+  reseller: "Resellers allow you to delegate user management to third parties or partners",
+  "oidc-configuration": "",
+  "organization-claim": "",
+  "reseller-claim": ""
+}, u = {
+  id: "ID",
+  createdAt: "Creation Date",
+  scopes: "Permissions",
+  updatedAt: "Last Updated",
+  expiresAt: "Expiration Date",
+  lastSeenAt: "Last Seen",
+  os: "OS",
+  osVersion: "OS Version",
+  key: "License Key",
+  vmName: "VM Name",
+  container: "Container",
+  allowedIpRange: "Allowed IP Range",
+  allowedIpRanges: "Allowed IP Ranges",
+  allowedIpAddresses: "Allowed IP Addresses",
+  disallowedIpAddresses: "Disallowed IP Addresses",
+  allowVmActivation: "Allow VM Activation",
+  disableGeoLocation: "Disable Geolocation",
+  "user.id": "User ID",
+  userId: "User",
+  productId: "Product",
+  downloads: "Total Downloads",
+  claims: "Permissions",
+  googleSsoEnabled: "Google Login Enabled",
+  lastAttemptedAt: "Last Attempt Date",
+  url: "URL",
+  "trialPolicy.name": "Trial Policy Name",
+  "licensePolicy.name": "License Template Name",
+  licensePolicy: "License Template",
+  eventLog: "Audit Log",
+  cc: "CC Recepients",
+  bcc: "BCC Recepients",
+  ipAddress: "IP Address",
+  resellerId: "Reseller",
+  productVersionId: "Product Version",
+  releaseId: "Release",
+  maintenancePolicyId: "Maintenance Policy",
+  webhookId: "Webhook",
+  automatedEmailId: "Automated Email",
+  "location.countryName": "Country",
+  "location.ipAddress": "IP Address",
+  "location.countryCode": "Country",
+  organizationId: "Organization",
+  "address.country": "Country",
+  "address.addressLine1": "Address Line 1",
+  "address.addressLine2": "Address Line 2",
+  responseStatusCode: "HTTP Status Code",
+  resourceId: "Resource ID",
+  Sso: "SAML SSO 2.0",
+  "reseller.name": "Reseller",
+  sendingDomain: "Email Sending Domain"
+};
+function D(e, t) {
+  return t !== "admin-portal" && e in d ? d[e] : e in u ? u[e] : y(e);
+}
+function O(e) {
+  const t = e.expiresAt && new Date(e.expiresAt) < /* @__PURE__ */ new Date();
+  switch (!0) {
+    case (e.revoked && e.suspended && t):
+      return "Revoked, Suspended, Expired";
+    case (e.revoked && e.suspended):
+      return "Revoked, Suspended";
+    case (e.revoked && t):
+      return "Revoked, Expired";
+    case (e.suspended && t):
+      return "Suspended, Expired";
+    case e.suspended:
+      return "Suspended";
+    case e.revoked:
+      return "Revoked";
+    case t:
+      return "Expired";
+    default:
+      return "Active";
+  }
+}
+function T(e) {
+  return e === 0 || !e ? "Lifetime" : h(e);
+}
+function h(e) {
+  const t = f({
+    start: 0,
+    end: e * 1e3
+  });
+  return [
+    t.years && `${t.years}y`,
+    t.months && `${t.months}m`,
+    t.days && `${t.days}d`,
+    t.hours && `${t.hours}h`
+  ].filter(Boolean).join(" ").trim();
+}
+function x(e, t) {
+  const a = t.toString().split(".");
+  let o = e;
+  for (const s of a)
+    o = o == null ? void 0 : o[s];
+  return o;
+}
+const U = {
+  windows: "Windows",
+  macos: "macOS",
+  linux: "Linux",
+  ios: "iOS",
+  android: "Android"
+};
+function V(e) {
+  return e.replace(/([A-Z])/g, " $1").trim().split(" ").map((t) => t.charAt(0).toUpperCase() + t.slice(1).toLowerCase()).join(" ");
+}
+function z(e, t) {
+  return t > 1 ? /y$/.test(e) ? e === "Day" ? "Days" : e.replace(/y$/, "ies") : e.concat("s") : e;
+}
+function y(e) {
+  if (e) {
+    const t = e.replace(/([A-Z])/g, " $1");
+    return t.charAt(0).toUpperCase().concat(t.slice(1)).replace(/\.[a-z]/, (a) => a.replace(".", " ").toUpperCase());
+  }
+  return e;
+}
+var A = /* @__PURE__ */ ((e) => (e[e.USER = 0] = "USER", e[e.ORGANIZATION = 1] = "ORGANIZATION", e[e.RESELLER = 2] = "RESELLER", e))(A || {});
+function F(e, t) {
+  return async (a, o, s, p) => {
+    const m = {
+      ...p,
+      page: a.pageIndex + 1,
+      limit: a.pageSize,
+      sort: S(o[0]),
+      search: s
+    };
+    return e.GET(t, { query: m }).then((n) => ({ total: Number.parseInt(
+      n.response.headers.get("Pagination-Count") || "0"
+    ), data: n.data }));
+  };
+}
+function S(e) {
+  return e ? e.desc ? `-${e.id}` : `+${e.id}` : "-createdAt";
+}
 export {
-  i as TABLE_CHECK_BOX_COLUMN,
-  S as TABLE_DEFAULT_DATE_COLUMNS,
-  m as TABLE_ID_COLUMN
+  U as ALL_OS,
+  A as DYNAMIC_INPUT_TARGET,
+  P as RESOURCE_DEFINITIONS,
+  C as RESOURCE_NAMES,
+  E as TABLE_CHECK_BOX_COLUMN,
+  k as TABLE_DEFAULT_DATE_COLUMNS,
+  I as TABLE_ID_COLUMN,
+  y as convertCamelCaseToTitleCase,
+  V as convertToTitleCase,
+  F as createTableFetchFn,
+  c as formatDate,
+  O as getLicenseStatus,
+  D as getResourceDisplayName,
+  T as getValidityDisplay,
+  x as getValueFromData,
+  z as pluralizeTimes,
+  h as secondsToDuration
 };
 //# sourceMappingURL=table-commons.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"table-commons.es.js","sources":["../../../lib/components/data-table/table-commons.tsx"],"sourcesContent":["import { FormatDate } from \"@/components/data-table/table-utils/index\";\nimport { Checkbox } from \"@/components/inputs\";\nimport { createColumnHelper } from \"@tanstack/react-table\";\n\nconst cH = createColumnHelper<any>();\nexport const TABLE_CHECK_BOX_COLUMN = [\n\tcH.accessor(\"checkbox\", {\n\t\theader: ({ table }) => (\n\t\t\t<Checkbox\n\t\t\t\tindeterminate={table.getIsSomeRowsSelected() && !table.getIsAllPageRowsSelected()}\n\t\t\t\tchecked={\n\t\t\t\t\ttable.getIsAllPageRowsSelected() || table.getIsSomePageRowsSelected()\n\t\t\t\t}\n\t\t\t\tonChange={() => table.toggleAllPageRowsSelected()}\n\t\t\t\taria-label=\"Select all\"\n\t\t\t/>\n\t\t),\n\n\t\tcell: ({ row }) => (\n\t\t\t<Checkbox\n\t\t\t\tchecked={row.getIsSelected()}\n\t\t\t\tonChange={() => row.toggleSelected()}\n\t\t\t\taria-label=\"Select row\"\n\t\t\t/>\n\t\t),\n\t\tenableSorting: false,\n\t\tenableHiding: false,\n\t}),\n];\n\nexport const TABLE_ID_COLUMN = [\n\tcH.accessor(\"id\", {\n\t\theader: () => \"ID\",\n\t}),\n];\nexport const TABLE_DEFAULT_DATE_COLUMNS = [\n\tcH.accessor(\"createdAt\", {\n\t\theader: () => \"Creation Date\",\n\t\tcell: ({ row }) => {\n\t\t\tconst date = row.getValue(\"createdAt\") satisfies\n\t\t\t\t| string\n\t\t\t\t| null\n\t\t\t\t| undefined;\n\t\t\treturn FormatDate(date);\n\t\t},\n\t\tenableHiding: false,\n\t}),\n\tcH.accessor(\"updatedAt\", {\n\t\theader: () => \"Last Updated\",\n\t\tcell: ({ row }) => {\n\t\t\tconst date = row.getValue(\"updatedAt\") satisfies\n\t\t\t\t| string\n\t\t\t\t| null\n\t\t\t\t| undefined;\n\t\t\treturn FormatDate(date);\n\t\t},\n\t\tenableHiding: false,\n\t}),\n];\n"],"names":["cH","createColumnHelper","TABLE_CHECK_BOX_COLUMN","table","jsx","Checkbox","row","TABLE_ID_COLUMN","TABLE_DEFAULT_DATE_COLUMNS","date","FormatDate"],"mappings":";;;;AAIA,MAAMA,IAAKC,EAAA,GACEC,IAAyB;AAAA,EACrCF,EAAG,SAAS,YAAY;AAAA,IACvB,QAAQ,CAAC,EAAE,OAAAG,EAAA,MACV,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACA,eAAeF,EAAM,sBAAA,KAA2B,CAACA,EAAM,yBAAA;AAAA,QACvD,SACCA,EAAM,8BAA8BA,EAAM,0BAAA;AAAA,QAE3C,UAAU,MAAMA,EAAM,0BAAA;AAAA,QACtB,cAAW;AAAA,MAAA;AAAA,IAAA;AAAA,IAIb,MAAM,CAAC,EAAE,KAAAG,EAAA,MACR,gBAAAF;AAAA,MAACC;AAAA,MAAA;AAAA,QACA,SAASC,EAAI,cAAA;AAAA,QACb,UAAU,MAAMA,EAAI,eAAA;AAAA,QACpB,cAAW;AAAA,MAAA;AAAA,IAAA;AAAA,IAGb,eAAe;AAAA,IACf,cAAc;AAAA,EAAA,CACd;AACF,GAEaC,IAAkB;AAAA,EAC9BP,EAAG,SAAS,MAAM;AAAA,IACjB,QAAQ,MAAM;AAAA,EAAA,CACd;AACF,GACaQ,IAA6B;AAAA,EACzCR,EAAG,SAAS,aAAa;AAAA,IACxB,QAAQ,MAAM;AAAA,IACd,MAAM,CAAC,EAAE,KAAAM,QAAU;AAClB,YAAMG,IAAOH,EAAI,SAAS,WAAW;AAIrC,aAAOI,EAAWD,CAAI;AAAA,IACvB;AAAA,IACA,cAAc;AAAA,EAAA,CACd;AAAA,EACDT,EAAG,SAAS,aAAa;AAAA,IACxB,QAAQ,MAAM;AAAA,IACd,MAAM,CAAC,EAAE,KAAAM,QAAU;AAClB,YAAMG,IAAOH,EAAI,SAAS,WAAW;AAIrC,aAAOI,EAAWD,CAAI;AAAA,IACvB;AAAA,IACA,cAAc;AAAA,EAAA,CACd;AACF;"}
+{"version":3,"file":"table-commons.es.js","sources":["../../../lib/components/data-table/table-commons.tsx"],"sourcesContent":["\nimport { Checkbox } from \"@/components/inputs/checkbox\";\nimport type { components, operations, paths } from \"@cryptlex/web-api-types\";\nimport type { PaginationState, SortingState, Table } from \"@tanstack/react-table\";\nimport { createColumnHelper } from \"@tanstack/react-table\";\nimport { intervalToDuration } from \"date-fns\";\nimport type { LucideIcon } from \"lucide-react\";\nimport type createClient from \"openapi-fetch\";\nimport type { PressEvent } from \"react-aria-components\";\n\nconst cH = createColumnHelper<any>();\nexport const TABLE_CHECK_BOX_COLUMN = [\n\tcH.accessor(\"checkbox\", {\n\t\theader: ({ table }) => (\n\t\t\t<Checkbox\n\t\t\t\tisIndeterminate={table.getIsSomeRowsSelected() && !table.getIsAllPageRowsSelected()}\n\t\t\t\tisSelected={\n\t\t\t\t\ttable.getIsAllPageRowsSelected() || table.getIsSomePageRowsSelected()\n\t\t\t\t}\n\t\t\t\tonChange={() => table.toggleAllPageRowsSelected()}\n\t\t\t\taria-label=\"Select all\"\n\t\t\t/>\n\t\t),\n\n\t\tcell: ({ row }) => (\n\t\t\t<Checkbox\n\t\t\t\tisSelected={row.getIsSelected()}\n\t\t\t\tonChange={() => row.toggleSelected()}\n\t\t\t\taria-label=\"Select row\"\n\t\t\t/>\n\t\t),\n\t\tenableSorting: false,\n\t\tenableHiding: false,\n\t}),\n];\n\nexport const TABLE_ID_COLUMN = [\n\tcH.accessor(\"id\", {\n\t\theader: () => \"ID\",\n\t}),\n];\nexport const TABLE_DEFAULT_DATE_COLUMNS = [\n\tcH.accessor(\"createdAt\", {\n\t\theader: () => \"Creation Date\",\n\t\tcell: ({ row }) => {\n\t\t\tconst date = row.getValue(\"createdAt\") satisfies\n\t\t\t\t| string\n\t\t\t\t| null\n\t\t\t\t| undefined;\n\t\t\treturn formatDate(date);\n\t\t},\n\t\tenableHiding: false,\n\t}),\n\tcH.accessor(\"updatedAt\", {\n\t\theader: () => \"Last Updated\",\n\t\tcell: ({ row }) => {\n\t\t\tconst date = row.getValue(\"updatedAt\") satisfies\n\t\t\t\t| string\n\t\t\t\t| null\n\t\t\t\t| undefined;\n\t\t\treturn formatDate(date);\n\t\t},\n\t\tenableHiding: false,\n\t}),\n];\n\n// TODO, i18n\nexport function formatDate(date: string | null | undefined) {\n\tif (!date) return null;\n\tconst _date = new Date(date);\n\treturn new Intl.DateTimeFormat(undefined, {\n\t\tdateStyle: \"medium\",\n\t\ttimeStyle: \"short\",\n\t}).format(_date);\n}\n\n/** Application Names */\nexport type CtxProjectName =\n\t| \"admin-portal\"\n\t| \"customer-portal\"\n\t| \"internal-portal\"\n\t| \"reseller-portal\";\n// Display names specific to customer and reseller portal\nconst OTHER_PORTALS_DISPLAY_NAME: Record<string, string> = {\n\t\"product.displayName\": \"Product\",\n};\n\n/** Resource Name should ALWAYS be in singular form */\nexport const RESOURCE_NAMES = [\n\t\"access-token\",\n\t\"account\",\n\t\"activation\",\n\t\"activation-log\",\n\t\"admin-role\",\n\t\"audit-log\",\n\t\"automated-email\",\n\t\"automated-email-event-log\",\n\t\"card\",\n\t\"feature-flag\",\n\t\"invoice\",\n\t\"license\",\n\t\"license-template\",\n\t\"maintenance-policy\",\n\t\"organization\",\n\t\"plan\",\n\t\"product\",\n\t\"product-version\",\n\t\"profile\",\n\t\"release\",\n\t\"release-channel\",\n\t\"release-file\",\n\t\"release-platform\",\n\t\"report\",\n\t\"role\",\n\t\"role-claim\",\n\t\"saml-configuration\",\n\t\"segment\",\n\t\"sending-domain\",\n\t\"setting\",\n\t\"tag\",\n\t\"team-member\",\n\t\"trial\",\n\t\"trial-policy\",\n\t\"user\",\n\t\"user-group\",\n\t\"webhook\",\n\t\"webhook-event-log\",\n\t\"webhook-trigger\",\n\t\"reseller\",\n\t\"oidc-configuration\",\n\t\"organization-claim\",\n\t\"reseller-claim\",\n] as const;\nexport type ResourceName = (typeof RESOURCE_NAMES)[number];\nexport const RESOURCE_DEFINITIONS: Record<ResourceName, string> = {\n\taccount: \"Your organization account.\",\n\tproduct: \"Products are the software products you want to license\",\n\tlicense:\n\t\t\"Licenses represent a purchase of your software. These can be linked to customers, and the license key is required to use the product.\",\n\t\"access-token\": \"Access Tokens are used to authenticate your API requests.\",\n\tactivation:\n\t\t\"Activations, also known as devices/machines/seats are the devices consuming licenses.\",\n\t\"activation-log\":\n\t\t\"Activation Log is a log entry of activation/deactivation of a particular license.\",\n\ttrial:\n\t\t\"Trial/Trial Activation is a device that has activated a trial of your product.\",\n\t\"audit-log\": \"Audit logs contain all the changes made to your account.\",\n\t\"automated-email\":\n\t\t\"Automated Email allow you to send marketing emails based on events on the linked product.\",\n\t\"automated-email-event-log\":\n\t\t\"Automated email event log is the log of all the automated email events for your product.\",\n\tcard: \"The payment card for your account.\",\n\t\"feature-flag\":\n\t\t\"Feature flags define features that make up tiers for your products.\",\n\tinvoice: \"\",\n\t\"license-template\":\n\t\t\"License templates are a blueprint for the licenses you create for your customers and prevent repetition when creating licenses.\",\n\t\"maintenance-policy\":\n\t\t\"Maintenance policies represent support contracts and can be linked to licenses.\",\n\tplan: \"\",\n\t\"product-version\":\n\t\t\"Product Versions are sets of Feature Flags that define the tiers of your products.\",\n\t\"release-channel\": \"Release channel is the release channel for your product.\",\n\t\"release-file\": \"Release files are files within your created releases.\",\n\t\"release-platform\":\n\t\t'Release Platforms differentiate the target platform for your release. Common platforms include \"Windows\", \"macOS\", and \"Linux\".',\n\trelease:\n\t\t\"Releases help you to manage different versions of your app, and secure distribute it to licensed users.\",\n\treport: \"Analytics data for your account\",\n\t\"role-claim\": \"\",\n\trole: \"Roles define permissions for your team.\",\n\t\"saml-configuration\": \"\",\n\tsegment: \"Sets of filters that can be saved to filter resources.\",\n\t\"trial-policy\":\n\t\t\"Trial policies are templates for creating trials for your products.\",\n\t\"webhook-event-log\":\n\t\t\"Webhook Event Logs are logs of events that have occured on webhooks.\",\n\t\"webhook-trigger\": \"\",\n\twebhook:\n\t\t\"Webhooks are HTTP callbacks which are triggered by specific events.\",\n\torganization: \"\",\n\tprofile: \"\",\n\tsetting: \"\",\n\ttag: \"Tags allow you to manage your licenses and customers on the dashboard.\",\n\t\"team-member\": \"Team members can access the account based on their roles.\",\n\tuser: \"A user refers to your customer whom you want to license your product.\",\n\t\"sending-domain\":\n\t\t\"Allows Cryptlex to send emails on your behalf using your From Email address\",\n\t\"admin-role\": \"Roles that have type admin\",\n\t\"user-group\": \"Groups of users that you can assign licenses to.\",\n\treseller:\n\t\t\"Resellers allow you to delegate user management to third parties or partners\",\n\t\"oidc-configuration\": \"\",\n\t\"organization-claim\": \"\",\n\t\"reseller-claim\": \"\",\n};\n\nconst RESOURCE_DISPLAY_NAMES: Record<string, string> = {\n\tid: \"ID\",\n\tcreatedAt: \"Creation Date\",\n\tscopes: \"Permissions\",\n\tupdatedAt: \"Last Updated\",\n\texpiresAt: \"Expiration Date\",\n\tlastSeenAt: \"Last Seen\",\n\tos: \"OS\",\n\tosVersion: \"OS Version\",\n\tkey: \"License Key\",\n\tvmName: \"VM Name\",\n\tcontainer: \"Container\",\n\tallowedIpRange: \"Allowed IP Range\",\n\tallowedIpRanges: \"Allowed IP Ranges\",\n\tallowedIpAddresses: \"Allowed IP Addresses\",\n\tdisallowedIpAddresses: \"Disallowed IP Addresses\",\n\tallowVmActivation: \"Allow VM Activation\",\n\tdisableGeoLocation: \"Disable Geolocation\",\n\t\"user.id\": \"User ID\",\n\tuserId: \"User\",\n\tproductId: \"Product\",\n\tdownloads: \"Total Downloads\",\n\tclaims: \"Permissions\",\n\tgoogleSsoEnabled: \"Google Login Enabled\",\n\tlastAttemptedAt: \"Last Attempt Date\",\n\turl: \"URL\",\n\t\"trialPolicy.name\": \"Trial Policy Name\",\n\t\"licensePolicy.name\": \"License Template Name\",\n\tlicensePolicy: \"License Template\",\n\teventLog: \"Audit Log\",\n\tcc: \"CC Recepients\",\n\tbcc: \"BCC Recepients\",\n\tipAddress: \"IP Address\",\n\tresellerId: \"Reseller\",\n\tproductVersionId: \"Product Version\",\n\treleaseId: \"Release\",\n\tmaintenancePolicyId: \"Maintenance Policy\",\n\twebhookId: \"Webhook\",\n\tautomatedEmailId: \"Automated Email\",\n\t\"location.countryName\": \"Country\",\n\t\"location.ipAddress\": \"IP Address\",\n\t\"location.countryCode\": \"Country\",\n\torganizationId: \"Organization\",\n\t\"address.country\": \"Country\",\n\t\"address.addressLine1\": \"Address Line 1\",\n\t\"address.addressLine2\": \"Address Line 2\",\n\tresponseStatusCode: \"HTTP Status Code\",\n\tresourceId: \"Resource ID\",\n\tSso: \"SAML SSO 2.0\",\n\t\"reseller.name\": \"Reseller\",\n\tsendingDomain: \"Email Sending Domain\",\n};\nexport function getResourceDisplayName(\n\tresourceName: string,\n\tportal: CtxProjectName,\n) {\n\tif (portal !== \"admin-portal\" && resourceName in OTHER_PORTALS_DISPLAY_NAME) {\n\t\treturn OTHER_PORTALS_DISPLAY_NAME[resourceName];\n\t} else if (resourceName in RESOURCE_DISPLAY_NAMES) {\n\t\treturn RESOURCE_DISPLAY_NAMES[resourceName];\n\t} else {\n\t\treturn convertCamelCaseToTitleCase(resourceName);\n\t}\n}\n\n/**\n * Format multiple license parameters (expired, suspended, revoked) into a single status\n */\nexport function getLicenseStatus(license: any): string {\n\tconst licenseExpired =\n\t\tlicense.expiresAt && new Date(license.expiresAt) < new Date();\n\t// Status Column\n\tswitch (true) {\n\t\tcase license.revoked && license.suspended && licenseExpired:\n\t\t\treturn \"Revoked, Suspended, Expired\";\n\t\tcase license.revoked && license.suspended:\n\t\t\treturn \"Revoked, Suspended\";\n\t\tcase license.revoked && licenseExpired:\n\t\t\treturn \"Revoked, Expired\";\n\t\tcase license.suspended && licenseExpired:\n\t\t\treturn \"Suspended, Expired\";\n\t\tcase license.suspended:\n\t\t\treturn \"Suspended\";\n\t\tcase license.revoked:\n\t\t\treturn \"Revoked\";\n\t\tcase licenseExpired:\n\t\t\treturn \"Expired\";\n\t\tdefault:\n\t\t\treturn \"Active\";\n\t}\n}\n\nexport function getValidityDisplay(validity: number | undefined) {\n\tif (validity === 0 || !validity) {\n\t\treturn \"Lifetime\";\n\t} else {\n\t\treturn secondsToDuration(validity);\n\t}\n}\nexport function secondsToDuration(seconds: number): string {\n\tconst duration = intervalToDuration({\n\t\tstart: 0,\n\t\tend: seconds * 1000,\n\t});\n\n\tconst parts = [\n\t\tduration.years && `${duration.years}y`,\n\t\tduration.months && `${duration.months}m`,\n\t\tduration.days && `${duration.days}d`,\n\t\tduration.hours && `${duration.hours}h`,\n\t];\n\n\t// Filter out undefined values and join\n\treturn parts.filter(Boolean).join(\" \").trim();\n}\n\nexport function getValueFromData(\n\tdata: any,\n\taccessor: string | number | symbol,\n) {\n\tconst accessors = accessor.toString().split(\".\");\n\tlet value = data;\n\tfor (const acc of accessors) {\n\t\tvalue = value?.[acc];\n\t}\n\treturn value;\n}\nexport const ALL_OS: { [key: string]: string } = {\n\twindows: \"Windows\",\n\tmacos: \"macOS\",\n\tlinux: \"Linux\",\n\tios: \"iOS\",\n\tandroid: \"Android\",\n};\n\n/**\n *\n * @param input camelCase\n * @returns title case for the camelCase string\n */\nexport function convertToTitleCase(input: string): string {\n\treturn input\n\t\t.replace(/([A-Z])/g, \" $1\") // Insert space before capital letters\n\t\t.trim() // Remove any leading/trailing spaces\n\t\t.split(\" \") // Split into words\n\t\t.map((word) => word.charAt(0).toUpperCase() + word.slice(1).toLowerCase()) // Capitalize each word\n\t\t.join(\" \"); // Join back into a single string\n}\nexport function pluralizeTimes(resourceName: string, count: number) {\n\tif (count > 1) {\n\t\tif (/y$/.test(resourceName)) {\n\t\t\tif (resourceName === \"Day\") return \"Days\";\n\t\t\treturn resourceName.replace(/y$/, \"ies\");\n\t\t}\n\t\treturn resourceName.concat(\"s\");\n\t}\n\treturn resourceName;\n}\n\n/**\n * Converts a string from 'camelCase' to 'Title Case'\n * @param string String to convert to `Title Case`\n */\nexport function convertCamelCaseToTitleCase(string: string) {\n\tif (string) {\n\t\tconst spacedString = string.replace(/([A-Z])/g, \" $1\");\n\t\treturn spacedString\n\t\t\t.charAt(0)\n\t\t\t.toUpperCase()\n\t\t\t.concat(spacedString.slice(1))\n\t\t\t.replace(/\\.[a-z]/, (substr: string) => {\n\t\t\t\treturn substr.replace(\".\", \" \").toUpperCase();\n\t\t\t});\n\t}\n\treturn string;\n}\n\nexport enum DYNAMIC_INPUT_TARGET {\n\tUSER = 0,\n\tORGANIZATION = 1,\n\tRESELLER = 2,\n}\nexport type VisibilityState<T> = {\n\t[K in keyof T]?: boolean;\n};\n\nexport type TableActions = ({\n\tonClick: (e: PressEvent, t: Table<any>) => void\n\tbulk: boolean;\n\ticon: LucideIcon\n\ttooltip?: string;\n})[]\n\nexport type TableFetchFn<TData, TOperation extends keyof operations> = (\n\tp: PaginationState,\n\ts: SortingState,\n\tq: string,\n\tf: ApiFilters<TOperation>\n) => Promise<{\n\ttotal: number;\n\tdata: TData[] | undefined;\n}>;\n/*** Type for hide some of the columns based on the dto of the particular page\n ** `id`, `updatedAt` are by default hidden\n */\nexport type DefaultVisibilityState<T> = {\n\t[K in keyof T]?: boolean;\n};\n\n\ntype Client = ReturnType<typeof createClient<paths>>;\n\n// Helper type to extract valid GET paths\ntype GetPaths = {\n\t[P in keyof paths]: paths[P] extends { get: any } ? P : never;\n}[keyof paths];\n\nexport type ApiSchema<T extends keyof components['schemas']> = components['schemas'][T];\nexport type ApiQuery<T extends keyof operations> = NonNullable<operations[T]['parameters']['query']>;\nexport type ApiGetAllParameters = {\n\tpage: number;\n\tlimit: number;\n\tsearch?: string;\n\tsort?: string;\n}\n\n\nexport type ApiFilter<T extends keyof operations> = Omit<ApiQuery<T>, 'page' | 'limit' | 'sort' | 'search'>\nexport type ApiFilters<T extends keyof operations> = NonNullable<Omit<ApiQuery<T>, 'page' | 'limit' | 'sort' | 'search'>>\n\nexport function createTableFetchFn<Return, Operation extends keyof operations>(\n\tctxclient: Client,\n\tpath: GetPaths,\n): TableFetchFn<Return, Operation> {\n\treturn async (pagination, sorting, searching, filters) => {\n\t\tconst query: ApiQuery<Operation> = {\n\t\t\t...filters,\n\t\t\tpage: pagination.pageIndex + 1,\n\t\t\tlimit: pagination.pageSize,\n\t\t\tsort: generateSortParam(sorting[0]),\n\t\t\tsearch: searching,\n\t\t};\n\n\t\t// const pathParams = merge(_baseQueryObject, params);\n\n\t\treturn ctxclient.GET(path, { query }).then((value) => {\n\t\t\tconst rowCount = Number.parseInt(\n\t\t\t\tvalue.response.headers.get(\"Pagination-Count\") || \"0\",\n\t\t\t);\n\t\t\treturn { total: rowCount, data: value.data };\n\t\t});\n\t};\n}\n\nfunction generateSortParam(\n\tsort: { id: string; desc: boolean } | undefined,\n): string {\n\tif (sort) {\n\t\tif (sort.desc) {\n\t\t\treturn `-${sort.id}`;\n\t\t} else {\n\t\t\treturn `+${sort.id}`;\n\t\t}\n\t} else {\n\t\treturn \"-createdAt\";\n\t}\n}\n\n\n"],"names":["cH","createColumnHelper","TABLE_CHECK_BOX_COLUMN","table","jsx","Checkbox","row","TABLE_ID_COLUMN","TABLE_DEFAULT_DATE_COLUMNS","date","formatDate","_date","OTHER_PORTALS_DISPLAY_NAME","RESOURCE_NAMES","RESOURCE_DEFINITIONS","RESOURCE_DISPLAY_NAMES","getResourceDisplayName","resourceName","portal","convertCamelCaseToTitleCase","getLicenseStatus","license","licenseExpired","getValidityDisplay","validity","secondsToDuration","seconds","duration","intervalToDuration","getValueFromData","data","accessor","accessors","value","acc","ALL_OS","convertToTitleCase","input","word","pluralizeTimes","count","string","spacedString","substr","DYNAMIC_INPUT_TARGET","createTableFetchFn","ctxclient","path","pagination","sorting","searching","filters","query","generateSortParam","sort"],"mappings":"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"}

package/dist/components/inputs/checkbox.es.js

@@ -1,39 +1,62 @@
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
-import { cn as t } from "../../utils/index.es.js";
-import { useFieldContext as a } from "../../utils/form-context.es.js";
-import { CircleDashed as l, Check as c } from "lucide-react";
-function u({ className: n, checked: e, indeterminate: i, ...r }) {
-  return /* @__PURE__ */ s("div", { className: "relative size-input", children: [
-    i && /* @__PURE__ */ o(l, { className: "pointer-events-none absolute size-icon top-2 left-2" }),
-    e && !i && /* @__PURE__ */ o(c, { className: "pointer-events-none absolute size-icon top-2 left-2" }),
-    /* @__PURE__ */ o(
-      "input",
-      {
-        checked: e,
-        type: "checkbox",
-        className: t(
-          "appearance-none size-input border border-input bg-card checked:bg-primary rounded-none focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50",
-          n
-        ),
-        ...r
-      }
-    )
-  ] });
+import { jsx as e, Fragment as a } from "react/jsx-runtime";
+import { CheckboxGroup as l, Checkbox as b } from "../../node_modules/.pnpm/react-aria-components@1.11.0_react-dom@19.1.0_react@19.1.0/node_modules/react-aria-components/dist/Checkbox.es.js";
+import { composeRenderProps as i } from "../../node_modules/.pnpm/react-aria-components@1.11.0_react-dom@19.1.0_react@19.1.0/node_modules/react-aria-components/dist/utils.es.js";
+import { FormField as m, labelVariants as p } from "./field.es.js";
+import { Minus as f, Check as x } from "lucide-react";
+import { useFieldContext as g } from "../../utils/form-context.es.js";
+import { cn as d } from "../../utils/primitives.es.js";
+const z = l;
+function h({ className: o, label: r, description: n, errorMessage: s, ...u }) {
+  return /* @__PURE__ */ e("div", { className: "group form-field", children: /* @__PURE__ */ e(m, { label: r, description: n, errorMessage: s, children: /* @__PURE__ */ e(
+    b,
+    {
+      className: i(
+        o,
+        (t) => d(
+          "group/checkbox cursor-pointer focus-ring flex items-center gap-x-2",
+          /* Disabled */
+          "disabled-muted",
+          p,
+          t
+        )
+      ),
+      ...u,
+      children: i(/* @__PURE__ */ e(a, {}), (t, c) => /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(
+        "div",
+        {
+          className: d(
+            "flex size-input shrink-0 items-center bg-card justify-center border border-input text-current ring-offset-background",
+            /* Selected */
+            "group-data-[indeterminate]/checkbox:bg-primary group-data-[selected]/checkbox:bg-primary group-data-[indeterminate]/checkbox:text-primary-foreground  group-data-[selected]/checkbox:text-primary-foreground",
+            /* Disabled */
+            "group-data-[disabled]/checkbox:cursor-not-allowed group-data-[disabled]/checkbox:opacity-50",
+            /* Invalid */
+            "group-data-[invalid]/checkbox:border-destructive group-data-[invalid]/checkbox:group-data-[selected]/checkbox:bg-destructive group-data-[invalid]/checkbox:group-data-[selected]/checkbox:text-destructive-foreground",
+            /* Resets */
+            "focus:outline-none focus-visible:outline-none"
+          ),
+          children: c.isIndeterminate ? /* @__PURE__ */ e(f, { className: "size-icon" }) : c.isSelected ? /* @__PURE__ */ e(x, { className: "size-icon" }) : null
+        }
+      ) }))
+    }
+  ) }) });
 }
-function h({ ...n }) {
-  const e = a();
-  return /* @__PURE__ */ o(
-    u,
+function S({ ...o }) {
+  const r = g();
+  return /* @__PURE__ */ e(
+    h,
     {
-      checked: e.state.value,
-      onChange: () => e.handleChange(!e.state.value),
-      onBlur: e.handleBlur,
-      ...n
+      isSelected: r.state.value,
+      isDisabled: r.form.state.isSubmitting || o.isDisabled,
+      onChange: () => r.handleChange(!r.state.value),
+      onBlur: r.handleBlur,
+      ...o
     }
   );
 }
 export {
-  u as Checkbox,
-  h as TfCheckbox
+  h as Checkbox,
+  z as CheckboxGroup,
+  S as TfCheckbox
 };
 //# sourceMappingURL=checkbox.es.js.map