@tulip-systems/core 0.8.3 → 0.9.0

package/dist/modules/data-tables/hooks/use-context.client.d.mts

@@ -1,4 +1,4 @@
-import { CommandDef } from "../../commands/lib/definitions.mjs";
+import { CommandDef } from "../../commands/lib/builder.mjs";
 import { TableFiltersResult } from "../lib/filters/config.mjs";
 import { Selection, TableColumnDef, TableMetaInput, TableStrategy } from "../lib/types.mjs";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
@@ -6,40 +6,33 @@ import { Dispatch, PropsWithChildren, SetStateAction } from "react";
 import { TableOptions, VisibilityState } from "@tanstack/react-table";
 
 //#region src/modules/data-tables/hooks/use-context.client.d.ts
-type useReactTableProps<TData extends {
-  id: string;
-}> = Omit<TableOptions<TData>, "getCoreRowModel"> & {
+type useReactTableProps<TData> = Omit<TableOptions<TData>, "getCoreRowModel"> & {
   getCoreRowModel?: TableOptions<TData>["getCoreRowModel"];
 };
 /**
  * Use table config
  */
-type TableConfigContextValue<TData extends {
-  id: string;
-}, TFilters extends TableFiltersResult = TableFiltersResult, TMeta extends TableMetaInput<TData> = TableMetaInput<TData>> = useReactTableProps<TData> & {
+type TableConfigContextValue<TData, TFilters extends TableFiltersResult = TableFiltersResult, TMeta extends TableMetaInput<TData> = TableMetaInput<TData>> = useReactTableProps<TData> & {
   queryData: TData[];
   data: TData[];
   setData: Dispatch<SetStateAction<TData[]>>;
+  getRowId: (row: TData) => string;
   columns: TableColumnDef<TData>[];
   strategy: TableStrategy;
   selection?: Selection;
   columnVisibility?: VisibilityState;
-  commands?: CommandDef<TData, TMeta>[];
+  commands?: CommandDef[];
   meta?: TMeta;
   where?: TFilters;
 };
 /**
  * Table context hook
  */
-declare function useTableConfigContext<TData extends {
-  id: string;
-}, TFilters extends TableFiltersResult = TableFiltersResult, TMeta extends TableMetaInput<TData> = TableMetaInput<TData>>(): TableConfigContextValue<TData, TFilters, TMeta>;
+declare function useTableConfigContext<TData, TFilters extends TableFiltersResult = TableFiltersResult, TMeta extends TableMetaInput<TData> = TableMetaInput<TData>>(): TableConfigContextValue<TData, TFilters, TMeta>;
 /**
  * Table context provider
  */
-declare function TableConfigProvider<TData extends {
-  id: string;
-}, TFilters extends TableFiltersResult = TableFiltersResult, TMeta extends TableMetaInput<TData> = TableMetaInput<TData>>({
+declare function TableConfigProvider<TData, TFilters extends TableFiltersResult = TableFiltersResult, TMeta extends TableMetaInput<TData> = TableMetaInput<TData>>({
   children,
   config
 }: PropsWithChildren<{
@@ -48,11 +41,7 @@ declare function TableConfigProvider<TData extends {
 /**
  * Create use table config hook
  */
-type CreateTableConfigInput<TData extends {
-  id: string;
-}, TFilters extends TableFiltersResult = TableFiltersResult, TMeta extends TableMetaInput<TData> = TableMetaInput<TData>> = Omit<TableConfigContextValue<TData, TFilters, TMeta>, "data" | "setData">;
-declare const createTableConfig: <TData extends {
-  id: string;
-}, TFilters extends TableFiltersResult = TableFiltersResult, TMeta extends TableMetaInput<TData> = TableMetaInput<TData>>(config: CreateTableConfigInput<TData, TFilters, TMeta>) => CreateTableConfigInput<TData, TFilters, TMeta>;
+type CreateTableConfigInput<TData, TFilters extends TableFiltersResult = TableFiltersResult, TMeta extends TableMetaInput<TData> = TableMetaInput<TData>> = Omit<TableConfigContextValue<TData, TFilters, TMeta>, "data" | "setData">;
+declare const createTableConfig: <TData, TFilters extends TableFiltersResult = TableFiltersResult, TMeta extends TableMetaInput<TData> = TableMetaInput<TData>>(config: CreateTableConfigInput<TData, TFilters, TMeta>) => CreateTableConfigInput<TData, TFilters, TMeta>;
 //#endregion
 export { TableConfigContextValue, TableConfigProvider, createTableConfig, useTableConfigContext };

package/dist/modules/data-tables/hooks/use-selection.client.mjs

@@ -22,8 +22,14 @@ function useSelection(props) {
 		setRowSelection(newState);
 		const selectedIds = new Set(Object.keys(newState).filter((id) => newState[id]));
 		setSelectedData((prevData) => {
-			const prevSelectedIds = new Set(prevData.map((item) => item.id));
-			return [...prevData.filter(({ id }) => selectedIds.has(id)), ...props.data.filter(({ id }) => selectedIds.has(id) && !prevSelectedIds.has(id))];
+			const prevSelectedIds = new Set(prevData.map((item) => props.getRowId(item)));
+			return [...prevData.filter((row) => {
+				const id = props.getRowId(row);
+				return selectedIds.has(id) && prevSelectedIds.has(id);
+			}), ...props.data.filter((row) => {
+				const id = props.getRowId(row);
+				return selectedIds.has(id) && !prevSelectedIds.has(id);
+			})];
 		});
 		return newState;
 	}

package/dist/modules/data-tables/hooks/use-table.client.d.mts

@@ -5,8 +5,6 @@ import * as _tanstack_react_table0 from "@tanstack/react-table";
 /**
  * Server data table
  */
-declare function useTable<TData extends {
-  id: string;
-}, TMeta extends TableMeta$1<TData> = TableMeta$1<TData>>(): _tanstack_react_table0.Table<TData>;
+declare function useTable<TData, TMeta extends TableMeta$1<TData> = TableMeta$1<TData>>(): _tanstack_react_table0.Table<TData>;
 //#endregion
 export { useTable };

package/dist/modules/data-tables/hooks/use-table.client.mjs

@@ -10,10 +10,11 @@ import { getCoreRowModel, useReactTable } from "@tanstack/react-table";
 * Server data table
 */
 function useTable() {
-	const { data, strategy, selection, columnVisibility, commands, ...options } = useTableConfigContext();
+	const { data, strategy, selection, columnVisibility, commands, getRowId, ...options } = useTableConfigContext();
 	const { rowSelection, selectedData, onRowSelectionChange } = useSelection({
 		data,
-		selection
+		selection,
+		getRowId
 	});
 	const [columnFilters, setColumnFilters] = useState([]);
 	const [columnVisibilityState, setColumnVisibility] = useState(columnVisibility ?? {});
@@ -30,7 +31,7 @@ function useTable() {
 			pagination: strategy.paginationState
 		},
 		getCoreRowModel: getCoreRowModel(),
-		getRowId: (row) => row.id,
+		getRowId,
 		manualPagination: strategy.manualPagination,
 		onPaginationChange: strategy.onPaginationChange,
 		manualSorting: strategy.manualSorting,

package/dist/modules/data-tables/lib/converters/filters.d.mts

@@ -0,0 +1,40 @@
+import { Database } from "../../../database/lib/service.server.mjs";
+import { SQL } from "drizzle-orm";
+import { TDatabaseSchema } from "@tulip-systems/core/config";
+
+//#region src/modules/data-tables/lib/converters/filters.d.ts
+/**
+ * Parser function for a single filter key.
+ * Returns a SQL condition or undefined when the filter is not active.
+ */
+type FilterParser<TFilters, TSchema extends TDatabaseSchema = TDatabaseSchema> = (filters: TFilters, context: {
+  db: Database<TSchema>;
+}) => SQL | undefined;
+/**
+ * Map of filter keys to parser functions.
+ * Parsers are optional so routes can define only the keys they need.
+ */
+type FilterParserConfig<TFilters extends Record<string, unknown>, TSchema extends TDatabaseSchema = TDatabaseSchema> = { [K in keyof TFilters]?: FilterParser<TFilters, TSchema> };
+/**
+ * Boolean key selection used by .pick() and .omit().
+ * Example: { search: true, status: true }
+ */
+type KeySelection<K extends PropertyKey> = Partial<Record<K, boolean>>;
+/**
+ * Creates a chainable parser builder for table query filters.
+ *
+ * Usage:
+ * - create parser once from config
+ * - bind context per request
+ * - optionally narrow keys with pick/omit
+ * - parse filters into a single `and(...)` SQL condition
+ */
+declare function createTableQueryFiltersParser<TFilters extends Record<string, unknown>, TSchema extends TDatabaseSchema = TDatabaseSchema>(config: FilterParserConfig<TFilters, TSchema>): (context: {
+  db: Database<TSchema>;
+}) => {
+  pick(keys: KeySelection<Extract<keyof TFilters, string>>): /*elided*/any;
+  omit(keys: KeySelection<Extract<keyof TFilters, string>>): /*elided*/any;
+  parse(filters: TFilters): SQL | undefined;
+};
+//#endregion
+export { createTableQueryFiltersParser };

package/dist/modules/data-tables/lib/converters/filters.mjs

@@ -0,0 +1,38 @@
+import { and } from "drizzle-orm";
+
+//#region src/modules/data-tables/lib/converters/filters.ts
+/**
+* Creates a chainable parser builder for table query filters.
+*
+* Usage:
+* - create parser once from config
+* - bind context per request
+* - optionally narrow keys with pick/omit
+* - parse filters into a single `and(...)` SQL condition
+*/
+function createTableQueryFiltersParser(config) {
+	const configKeys = Object.keys(config);
+	function createBuilder(context, selected) {
+		return {
+			pick(keys) {
+				const selectedKeys = Object.entries(keys).filter(([_, value]) => value).map(([key]) => key);
+				return createBuilder(context, new Set(selectedKeys));
+			},
+			omit(keys) {
+				const selectedKeys = Array.from(selected).filter((key) => !keys[key]);
+				return createBuilder(context, new Set(selectedKeys));
+			},
+			parse(filters) {
+				return and(...Array.from(selected).map((key) => {
+					const parser = config[key];
+					if (!parser) throw new Error(`No parser defined for filter key "${key}"`);
+					return parser(filters, context);
+				}));
+			}
+		};
+	}
+	return (context) => createBuilder(context, new Set(configKeys));
+}
+
+//#endregion
+export { createTableQueryFiltersParser };

package/dist/modules/data-tables/lib/converters/{cursor.d.mts → pagination.d.mts}

@@ -1,12 +1,12 @@
 import { TableQuerySchema } from "../validators.mjs";
 
-//#region src/modules/data-tables/lib/converters/cursor.d.ts
+//#region src/modules/data-tables/lib/converters/pagination.d.ts
 /**
  * Convert pagination to DB query
  * @param {ConvertPaginationToQueryParamsInput} pagination
  * @returns {{ limit: number; offset: number; }}
  */
-declare function convertCursorToQueryParams({
+declare function parseTableQueryPagination({
   limit,
   cursor
 }: Pick<TableQuerySchema, "cursor" | "limit">): {
@@ -14,4 +14,4 @@ declare function convertCursorToQueryParams({
   offset: number;
 };
 //#endregion
-export { convertCursorToQueryParams };
+export { parseTableQueryPagination };

package/dist/modules/data-tables/lib/converters/{cursor.mjs → pagination.mjs}

@@ -1,10 +1,10 @@
-//#region src/modules/data-tables/lib/converters/cursor.ts
+//#region src/modules/data-tables/lib/converters/pagination.ts
 /**
 * Convert pagination to DB query
 * @param {ConvertPaginationToQueryParamsInput} pagination
 * @returns {{ limit: number; offset: number; }}
 */
-function convertCursorToQueryParams({ limit, cursor }) {
+function parseTableQueryPagination({ limit, cursor }) {
 	return {
 		limit,
 		offset: cursor * limit
@@ -12,4 +12,4 @@ function convertCursorToQueryParams({ limit, cursor }) {
 }
 
 //#endregion
-export { convertCursorToQueryParams };
+export { parseTableQueryPagination };

package/dist/modules/data-tables/lib/converters/sorting.d.mts

@@ -1,14 +1,48 @@
 import { TableQuerySchema } from "../validators.mjs";
-import { PgTable } from "drizzle-orm/pg-core";
-import { AnyColumn, SQL, ValueOrArray } from "drizzle-orm";
+import { PgColumn } from "drizzle-orm/pg-core";
+import { SQL } from "drizzle-orm";
 
 //#region src/modules/data-tables/lib/converters/sorting.d.ts
-type ConvertSortToQueryParamsFallback = ValueOrArray<AnyColumn | SQL>;
 /**
- * Convert pagination to DB query
- * @param {ConvertSortToQueryParamsInput} pagination
- * @returns { { orderBy: Record<string, "asc" | "desc"> } }
+ * Creates a reusable sorting parser for table query parameters.
+ *
+ * Resolves a user's sort/order selection to Drizzle SQL expressions.
+ * Supports sorting on both own-table columns and relation columns (via joins).
+ *
+ * Returns an object with the resolved config, normalized options, and a `parse`
+ * function that converts `TableQuerySchema` input into `SQL[]` for `.orderBy(...orderBy)`.
+ *
+ * @param config - Sortable columns keyed by their URL sort parameter name.
+ *   Use `getTableColumns(table)` as a base, and spread in relation columns.
+ * @param options.fallback - Order applied when no valid sort is provided by the user.
+ * @param options.every - Order appended to every result, regardless of user sort.
+ *   Useful for deterministic tiebreakers (e.g. always sort by id as secondary).
+ *
+ * @example
+ * const runSortingConfig = {
+ *   ...getTableColumns(runs),
+ *   projectTitle: projects.title,
+ * };
+ *
+ * export const parseRunTableQuerySorting = createTableQuerySortingParser(
+ *   runSortingConfig,
+ *   { fallback: [desc(runs.scheduledAt)] },
+ * );
+ *
+ * // In handler:
+ * const orderBy = parseRunTableQuerySorting.parse(input);
+ * db.select().from(runs).orderBy(...orderBy);
  */
-declare function convertOrderByToQueryParams(query: Pick<TableQuerySchema, "sort" | "order">, table: PgTable, fallback: ConvertSortToQueryParamsFallback): ValueOrArray<AnyColumn | SQL>;
+declare function createTableQuerySortingParser<TConfig extends Record<string, PgColumn>>(config: TConfig, options?: {
+  fallback?: SQL | SQL[];
+  every?: SQL | SQL[];
+}): {
+  config: TConfig;
+  options: {
+    every: SQL<unknown>[];
+    fallback: SQL<unknown>[];
+  };
+  parse: (input: Pick<TableQuerySchema, "sort" | "order">) => SQL[];
+};
 //#endregion
-export { ConvertSortToQueryParamsFallback, convertOrderByToQueryParams };
+export { createTableQuerySortingParser };

package/dist/modules/data-tables/lib/converters/sorting.mjs

@@ -2,18 +2,54 @@ import { asc, desc } from "drizzle-orm";
 
 //#region src/modules/data-tables/lib/converters/sorting.ts
 /**
-* Convert pagination to DB query
-* @param {ConvertSortToQueryParamsInput} pagination
-* @returns { { orderBy: Record<string, "asc" | "desc"> } }
+* Creates a reusable sorting parser for table query parameters.
+*
+* Resolves a user's sort/order selection to Drizzle SQL expressions.
+* Supports sorting on both own-table columns and relation columns (via joins).
+*
+* Returns an object with the resolved config, normalized options, and a `parse`
+* function that converts `TableQuerySchema` input into `SQL[]` for `.orderBy(...orderBy)`.
+*
+* @param config - Sortable columns keyed by their URL sort parameter name.
+*   Use `getTableColumns(table)` as a base, and spread in relation columns.
+* @param options.fallback - Order applied when no valid sort is provided by the user.
+* @param options.every - Order appended to every result, regardless of user sort.
+*   Useful for deterministic tiebreakers (e.g. always sort by id as secondary).
+*
+* @example
+* const runSortingConfig = {
+*   ...getTableColumns(runs),
+*   projectTitle: projects.title,
+* };
+*
+* export const parseRunTableQuerySorting = createTableQuerySortingParser(
+*   runSortingConfig,
+*   { fallback: [desc(runs.scheduledAt)] },
+* );
+*
+* // In handler:
+* const orderBy = parseRunTableQuerySorting.parse(input);
+* db.select().from(runs).orderBy(...orderBy);
 */
-function convertOrderByToQueryParams(query, table, fallback) {
-	const { sort, order } = query;
-	if (sort && sort in table) {
-		const column = table[sort];
-		return order === "asc" ? asc(column) : desc(column);
-	}
-	return fallback;
+function createTableQuerySortingParser(config, options) {
+	const every = options?.every ? Array.isArray(options.every) ? options.every : [options.every] : [];
+	const fallback = options?.fallback ? Array.isArray(options.fallback) ? options.fallback : [options.fallback] : [];
+	return {
+		config,
+		options: {
+			every,
+			fallback
+		},
+		parse: (input) => {
+			const direction = input.order === "asc" ? asc : desc;
+			if (input.sort && input.sort in config) {
+				const column = config[input.sort];
+				return [direction(column), ...every];
+			}
+			return [...fallback, ...every];
+		}
+	};
 }
 
 //#endregion
-export { convertOrderByToQueryParams };
+export { createTableQuerySortingParser };

package/dist/modules/data-tables/lib/filters/parsers.d.mts

@@ -32,10 +32,15 @@ declare const parseFilterBoolean: <TSchema extends z.ZodType<boolean>>(schema: T
  */
 type ParseFilterDatetimeSchema = z.ZodDate;
 declare const parseFilterDatetime: <TSchema extends ParseFilterDatetimeSchema>(schema: TSchema) => ParseFilter<TSchema>;
+/**
+ * Filter datetime range value (tuple of two dates)
+ */
+type ParseFilterDatetimeRangeSchema = z.ZodTuple<[z.ZodDate, z.ZodDate]>;
+declare const parseFilterDatetimeRange: <TSchema extends ParseFilterDatetimeRangeSchema>(schema: TSchema) => ParseFilter<TSchema>;
 /**
  * Filter range value
  */
 type ParseFilterTupleSchema = z.ZodTuple<[ZodType, ZodType]>;
 declare const parseFilterTuple: <TSchema extends ParseFilterTupleSchema>(schema: TSchema) => ParseFilter<TSchema>;
 //#endregion
-export { ParseFilter, ParseFilterArraySchema, ParseFilterBooleanSchema, ParseFilterDatetimeSchema, ParseFilterEnumSchema, ParseFilterStringSchema, ParseFilterTupleSchema, parseFilterArray, parseFilterBoolean, parseFilterDatetime, parseFilterEnum, parseFilterString, parseFilterTuple };
+export { ParseFilter, ParseFilterArraySchema, ParseFilterBooleanSchema, ParseFilterDatetimeRangeSchema, ParseFilterDatetimeSchema, ParseFilterEnumSchema, ParseFilterStringSchema, ParseFilterTupleSchema, parseFilterArray, parseFilterBoolean, parseFilterDatetime, parseFilterDatetimeRange, parseFilterEnum, parseFilterString, parseFilterTuple };

package/dist/modules/data-tables/lib/filters/parsers.mjs

@@ -28,6 +28,15 @@ const parseFilterDatetime = (schema) => ({
 	decode: (encoded) => encoded ? new Date(encoded) : null,
 	encode: (decoded) => decoded ? decoded.toISOString() : ""
 });
+const parseFilterDatetimeRange = (schema) => ({
+	schema: schema.nullable(),
+	decode: (encoded) => {
+		if (!encoded) return null;
+		const [from, to] = encoded.split("_");
+		return from && to ? [new Date(from), new Date(to)] : null;
+	},
+	encode: (decoded) => decoded ? `${decoded[0].toISOString()}_${decoded[1].toISOString()}` : ""
+});
 const parseFilterTuple = (schema) => ({
 	schema: schema.nullable(),
 	decode: (encoded) => encoded?.split("_") ?? [],
@@ -35,4 +44,4 @@ const parseFilterTuple = (schema) => ({
 });
 
 //#endregion
-export { parseFilterArray, parseFilterBoolean, parseFilterDatetime, parseFilterEnum, parseFilterString, parseFilterTuple };
+export { parseFilterArray, parseFilterBoolean, parseFilterDatetime, parseFilterDatetimeRange, parseFilterEnum, parseFilterString, parseFilterTuple };

package/dist/modules/data-tables/lib/types.d.mts

@@ -1,5 +1,5 @@
 import { Permission } from "../../auth/lib/permissions.mjs";
-import { CommandDef } from "../../commands/lib/definitions.mjs";
+import { CommandDef } from "../../commands/lib/builder.mjs";
 import { UseQueryStatesKeysMap } from "nuqs";
 import { ColumnDef, PaginationState, RowSelectionState, SortingState, TableMeta, Updater } from "@tanstack/react-table";
 
@@ -7,15 +7,11 @@ import { ColumnDef, PaginationState, RowSelectionState, SortingState, TableMeta,
 /**
  * Data table meta
  */
-type TableMetaInput<TData extends {
-  id: string;
-}> = TableMeta<TData>;
-type TableMeta$1<TData extends {
-  id: string;
-}, TMeta = TableMetaInput<TData>> = {
+type TableMetaInput<TData> = TableMeta<TData>;
+type TableMeta$1<TData, TMeta = TableMetaInput<TData>> = {
   strategy: TableStrategy;
   selectedData: TData[];
-  commands?: CommandDef<TData, TMeta>[];
+  commands?: CommandDef[];
 };
 /**
  * Table column definition

package/dist/modules/data-tables/server/get-data.server.d.mts

@@ -3,17 +3,16 @@ import { TulipContext } from "../../config/lib/context.mjs";
 import "../../../config.mjs";
 import { TableQuerySchema } from "../lib/validators.mjs";
 import { ConvertSearchToQueryParamsFields } from "../lib/converters/search.mjs";
-import { ConvertSortToQueryParamsFallback } from "../lib/converters/sorting.mjs";
 import { PgTable } from "drizzle-orm/pg-core";
 import "server-cli-only";
-import { DBQueryConfig, SQL } from "drizzle-orm";
+import { AnyColumn, DBQueryConfig, SQL } from "drizzle-orm";
 
 //#region src/modules/data-tables/server/get-data.server.d.ts
 type GetTableDataOptions<TTable extends PgTable> = DBQueryConfig<"many"> & {
   table: TTable;
   where?: SQL;
   columns?: keyof TTable["_"]["columns"];
-  defaultOrder: ConvertSortToQueryParamsFallback;
+  defaultOrder: (AnyColumn | SQL)[];
   searchFields: ConvertSearchToQueryParamsFields;
 };
 /**

package/dist/modules/data-tables/server/get-data.server.mjs

@@ -1,8 +1,8 @@
-import { convertCursorToQueryParams } from "../lib/converters/cursor.mjs";
+import { parseTableQueryPagination } from "../lib/converters/pagination.mjs";
 import { convertSearchToQueryParams } from "../lib/converters/search.mjs";
-import { convertOrderByToQueryParams } from "../lib/converters/sorting.mjs";
+import { createTableQuerySortingParser } from "../lib/converters/sorting.mjs";
 import "server-cli-only";
-import { and, getTableName, isTable } from "drizzle-orm";
+import { and, getTableColumns, getTableName, isTable } from "drizzle-orm";
 
 //#region src/modules/data-tables/server/get-data.server.ts
 /**
@@ -13,9 +13,9 @@ async function getTableData({ db, schema }, query, options) {
 	if (!isTable(table)) throw new Error(`Provided table is not a table: ${table}`);
 	const tableName = Object.entries({ ...schema }).filter(([, t]) => isTable(t)).find(([, t]) => getTableName(t) === getTableName(table))?.[0];
 	if (!tableName) throw new Error(`Table name not found for table: ${tableName}`);
-	const { limit, offset } = convertCursorToQueryParams(query);
-	const orderBy = convertOrderByToQueryParams(query, table, defaultSort);
+	const { limit, offset } = parseTableQueryPagination(query);
 	const search = convertSearchToQueryParams(query, searchFields);
+	const orderBy = createTableQuerySortingParser(getTableColumns(table), { fallback: defaultSort }).parse(query);
 	/**
 	* Make a transaction to get the data
 	*/

package/dist/modules/data-tables/tables/data-table/components/table.d.mts

@@ -3,8 +3,6 @@ import * as react_jsx_runtime0 from "react/jsx-runtime";
 import { ComponentProps } from "react";
 
 //#region src/modules/data-tables/tables/data-table/components/table.d.ts
-declare function DataTable<TData extends {
-  id: string;
-}>(props: ComponentProps<typeof Table>): react_jsx_runtime0.JSX.Element;
+declare function DataTable<TData>(props: ComponentProps<typeof Table>): react_jsx_runtime0.JSX.Element;
 //#endregion
 export { DataTable };

package/dist/modules/data-tables/tables/data-table/components/table.mjs

@@ -1,6 +1,6 @@
 "use client";
 
-import { FloatingCommandMenu } from "../../../../commands/menus/floating-menu.client.mjs";
+import { FloatingCommandMenu } from "../../../../commands/components/menus/floating-menu.client.mjs";
 import { Table } from "../../../components/table.mjs";
 import { useTable } from "../../../hooks/use-table.client.mjs";
 import { TableBottombar, TableFooter } from "../../../components/footer.mjs";

package/dist/modules/data-tables/tables/inline-table/components/row.client.mjs

@@ -1,15 +1,13 @@
 "use client";
 
 import { TableRow } from "../../../components/table.mjs";
-import { InlineEditProvider } from "../../../../inline-edit/hooks/context.client.mjs";
 import { jsx } from "react/jsx-runtime";
 import { useSortable } from "@dnd-kit/sortable";
 import { CSS } from "@dnd-kit/utilities";
 
 //#region src/modules/data-tables/tables/inline-table/components/row.client.tsx
 function InlineTableRow({ row, table, children, ...props }) {
-	const rowId = row.original.id;
-	const { setNodeRef, transform, transition } = useSortable({ id: rowId });
+	const { setNodeRef, transform, transition } = useSortable({ id: row.id });
 	return /* @__PURE__ */ jsx(TableRow, {
 		...props,
 		ref: setNodeRef,
@@ -18,10 +16,7 @@ function InlineTableRow({ row, table, children, ...props }) {
 			transform: CSS.Transform.toString(transform),
 			transition
 		},
-		children: /* @__PURE__ */ jsx(InlineEditProvider, {
-			id: row.original.id,
-			children
-		})
+		children
 	});
 }
 

package/dist/modules/data-tables/tables/inline-table/components/table.d.mts

@@ -4,9 +4,7 @@ import * as react_jsx_runtime0 from "react/jsx-runtime";
 import { ComponentProps } from "react";
 
 //#region src/modules/data-tables/tables/inline-table/components/table.d.ts
-declare function InlineTable<TData extends {
-  id: string;
-}>({
+declare function InlineTable<TData>({
   disabledColumns,
   moveRowAction,
   hotkeys,

package/dist/modules/data-tables/tables/inline-table/components/table.mjs

@@ -1,6 +1,6 @@
 "use client";
 
-import { FloatingCommandMenu } from "../../../../commands/menus/floating-menu.client.mjs";
+import { FloatingCommandMenu } from "../../../../commands/components/menus/floating-menu.client.mjs";
 import { Table } from "../../../components/table.mjs";
 import { useTable } from "../../../hooks/use-table.client.mjs";
 import { TableBottombar, TableFooter } from "../../../components/footer.mjs";

package/dist/modules/data-tables/tables/inline-table/hooks/context.client.d.mts

@@ -31,9 +31,7 @@ declare function useInlineTableContext(): InlineTableContextValue;
 /**
  * Inline form table context provider
  */
-declare function InlineTableProvider<TData extends {
-  id: string;
-}>({
+declare function InlineTableProvider<TData>({
   children,
   disabledColumns,
   moveRowAction,

package/dist/modules/inline/components/cell.client.d.mts

@@ -0,0 +1,20 @@
+import { TableCell } from "../../data-tables/components/table.mjs";
+import "../../../data-tables.mjs";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import React from "react";
+
+//#region src/modules/inline/components/cell.client.d.ts
+/**
+ * Inline Cell
+ */
+declare function InlineTableCell({
+  className,
+  children,
+  ...props
+}: React.ComponentProps<typeof TableCell>): react_jsx_runtime0.JSX.Element;
+/**
+ * Inline Cell Error
+ */
+declare function InlineTableCellError(): react_jsx_runtime0.JSX.Element | null;
+//#endregion
+export { InlineTableCell, InlineTableCellError };

package/dist/modules/inline/components/cell.client.mjs

@@ -0,0 +1,46 @@
+"use client";
+
+import { cn } from "../../../lib/utils/cn.mjs";
+import { useLocalIndicator } from "../../../lib/hooks/use-indicator.mjs";
+import { Tooltip, TooltipContent, TooltipTrigger } from "../../../components/ui/tooltip.client.mjs";
+import { TableCell } from "../../data-tables/components/table.mjs";
+import { InlineStateContext, useInlineState } from "../hooks/inline-state.client.mjs";
+import { AlertCircleIcon } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+
+//#region src/modules/inline/components/cell.client.tsx
+/**
+* Inline Cell
+*/
+function InlineTableCell({ className, children, ...props }) {
+	const { status, setStatus } = useLocalIndicator();
+	const [error, setError] = useState();
+	return /* @__PURE__ */ jsx(InlineStateContext, {
+		value: {
+			status,
+			setStatus,
+			error,
+			setError
+		},
+		children: /* @__PURE__ */ jsx(TableCell, {
+			...props,
+			className: cn("relative h-8 border-l p-0 align-middle first:border-0 focus-within:bg-accent focus-within:text-accent-foreground [&:has([role=checkbox])]:pr-0", className),
+			children
+		})
+	});
+}
+/**
+* Inline Cell Error
+*/
+function InlineTableCellError() {
+	const { error } = useInlineState();
+	if (!error) return null;
+	return /* @__PURE__ */ jsxs(Tooltip, { children: [/* @__PURE__ */ jsx(TooltipTrigger, {
+		className: "absolute top-1/2 right-2 z-10 -translate-y-1/2 text-destructive",
+		children: /* @__PURE__ */ jsx(AlertCircleIcon, { className: "size-4" })
+	}), /* @__PURE__ */ jsx(TooltipContent, { children: error })] });
+}
+
+//#endregion
+export { InlineTableCell, InlineTableCellError };