@tulip-systems/core 0.6.1 → 0.8.0

package/dist/modules/data-tables/components/header.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"header.mjs","names":[],"sources":["../../../../src/modules/data-tables/components/header.tsx"],"sourcesContent":["import { flexRender, type Header, type Table } from \"@tanstack/react-table\";\nimport { cn } from \"@/lib/utils/cn\";\nimport { Allowed } from \"@/modules/auth/components/allowed.client\";\nimport { TableRow } from \"@/modules/data-tables/components/table\";\nimport type { TableColumnDef } from \"../lib/types\";\n\n/**\n * TableHeaderProps\n */\nexport type TableHeaderProps<TData> = {\n  table: Table<TData>;\n};\n\n/**\n * DataTableHeader\n */\nexport function TableHeader({ className, ...props }: React.ComponentProps<\"thead\">) {\n  return <thead data-slot=\"table-header\" className={cn(\"[&_tr]:border-b\", className)} {...props} />;\n}\n\n/**\n * DataTableHeaderRow\n */\nexport const TableHeaderRow = TableRow;\n\n/**\n * TableHead\n */\nexport function TableHead({ className, ...props }: React.ComponentProps<\"th\">) {\n  return (\n    <th\n      data-slot=\"table-head\"\n      className={cn(\n        \"text-muted-foreground bg-muted/70 h-10 whitespace-nowrap px-2 text-left align-middle font-medium\", //[&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n/**\n * DataTableHeaderCell\n */\ntype DataTableHeaderCellProps<TData> = {\n  header: Header<TData, unknown>;\n};\n\nexport function TableHeaderCell<TData>({ header }: DataTableHeaderCellProps<TData>) {\n  const columnDef = header.column.columnDef as TableColumnDef<TData>;\n\n  const children = (\n    <TableHead key={header.id}>\n      {header.isPlaceholder\n        ? null\n        : flexRender(header.column.columnDef.header, header.getContext())}\n    </TableHead>\n  );\n\n  if (!columnDef.permissions) return children;\n\n  return (\n    <Allowed key={header.id} permission={columnDef.permissions}>\n      {children}\n    </Allowed>\n  );\n}\n"],"mappings":";;;;;;;;;;AAgBA,SAAgB,YAAY,EAAE,WAAW,GAAG,SAAwC;AAClF,QAAO,oBAAC;EAAM,aAAU;EAAe,WAAW,GAAG,mBAAmB,UAAU;EAAE,GAAI;GAAS;;;;;AAMnG,MAAa,iBAAiB;;;;AAK9B,SAAgB,UAAU,EAAE,WAAW,GAAG,SAAqC;AAC7E,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GACT,oGACA,UACD;EACD,GAAI;GACJ;;AAWN,SAAgB,gBAAuB,EAAE,UAA2C;CAClF,MAAM,YAAY,OAAO,OAAO;CAEhC,MAAM,WACJ,oBAAC,uBACE,OAAO,gBACJ,OACA,WAAW,OAAO,OAAO,UAAU,QAAQ,OAAO,YAAY,CAAC,IAHrD,OAAO,GAIX;AAGd,KAAI,CAAC,UAAU,YAAa,QAAO;AAEnC,QACE,oBAAC;EAAwB,YAAY,UAAU;EAC5C;IADW,OAAO,GAEX"}
+{"version":3,"file":"header.mjs","names":[],"sources":["../../../../src/modules/data-tables/components/header.tsx"],"sourcesContent":["import { flexRender, type Header, type Table } from \"@tanstack/react-table\";\nimport { cn } from \"@/lib/utils/cn\";\nimport { Allowed } from \"@/modules/auth/components/allowed.client\";\nimport { TableRow } from \"@/modules/data-tables/components/table\";\nimport type { TableColumnDef } from \"../lib/types\";\n\n/**\n * TableHeaderProps\n */\nexport type TableHeaderProps<TData> = {\n  table: Table<TData>;\n};\n\n/**\n * DataTableHeader\n */\nexport function TableHeader({ className, ...props }: React.ComponentProps<\"thead\">) {\n  return <thead data-slot=\"table-header\" className={cn(\"[&_tr]:border-b\", className)} {...props} />;\n}\n\n/**\n * DataTableHeaderRow\n */\nexport const TableHeaderRow = TableRow;\n\n/**\n * TableHead\n */\nexport function TableHead({ className, ...props }: React.ComponentProps<\"th\">) {\n  return (\n    <th\n      data-slot=\"table-head\"\n      className={cn(\n        \"h-10 whitespace-nowrap bg-muted/70 px-2 text-left align-middle font-medium text-muted-foreground\", //[&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n/**\n * DataTableHeaderCell\n */\ntype DataTableHeaderCellProps<TData> = {\n  header: Header<TData, unknown>;\n};\n\nexport function TableHeaderCell<TData>({ header }: DataTableHeaderCellProps<TData>) {\n  const columnDef = header.column.columnDef as TableColumnDef<TData>;\n\n  const children = (\n    <TableHead key={header.id}>\n      {header.isPlaceholder\n        ? null\n        : flexRender(header.column.columnDef.header, header.getContext())}\n    </TableHead>\n  );\n\n  if (!columnDef.permissions) return children;\n\n  return (\n    <Allowed key={header.id} permission={columnDef.permissions}>\n      {children}\n    </Allowed>\n  );\n}\n"],"mappings":";;;;;;;;;;AAgBA,SAAgB,YAAY,EAAE,WAAW,GAAG,SAAwC;AAClF,QAAO,oBAAC;EAAM,aAAU;EAAe,WAAW,GAAG,mBAAmB,UAAU;EAAE,GAAI;GAAS;;;;;AAMnG,MAAa,iBAAiB;;;;AAK9B,SAAgB,UAAU,EAAE,WAAW,GAAG,SAAqC;AAC7E,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GACT,oGACA,UACD;EACD,GAAI;GACJ;;AAWN,SAAgB,gBAAuB,EAAE,UAA2C;CAClF,MAAM,YAAY,OAAO,OAAO;CAEhC,MAAM,WACJ,oBAAC,uBACE,OAAO,gBACJ,OACA,WAAW,OAAO,OAAO,UAAU,QAAQ,OAAO,YAAY,CAAC,IAHrD,OAAO,GAIX;AAGd,KAAI,CAAC,UAAU,YAAa,QAAO;AAEnC,QACE,oBAAC;EAAwB,YAAY,UAAU;EAC5C;IADW,OAAO,GAEX"}

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

@@ -8,8 +8,8 @@ function TableSkeleton() {
 	return /* @__PURE__ */ jsx("div", {
 		className: "rounded-md border",
 		children: /* @__PURE__ */ jsxs(Table, { children: [/* @__PURE__ */ jsx(TableHeader, { children: /* @__PURE__ */ jsx(TableRow, {
-			className: "bg-muted relative",
-			children: Array.from({ length: 15 }).map((_, index) => /* @__PURE__ */ jsx(TableHead, { children: /* @__PURE__ */ jsx(Skeleton, { className: "bg-background my-2 h-2 w-full rounded-full" }) }, index))
+			className: "relative bg-muted",
+			children: Array.from({ length: 15 }).map((_, index) => /* @__PURE__ */ jsx(TableHead, { children: /* @__PURE__ */ jsx(Skeleton, { className: "my-2 h-2 w-full rounded-full bg-background" }) }, index))
 		}) }), /* @__PURE__ */ jsx(TableBody, { children: Array.from({ length: 15 }).map((_, index) => /* @__PURE__ */ jsx(TableRow, {
 			className: "relative",
 			children: Array.from({ length: 15 }).map((_, index) => /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx(Skeleton, { className: "my-2 h-2 w-full rounded-full" }) }, index))

package/dist/modules/data-tables/components/skeleton.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"skeleton.mjs","names":[],"sources":["../../../../src/modules/data-tables/components/skeleton.tsx"],"sourcesContent":["import { Skeleton } from \"@/components/ui/skeleton\";\nimport { Table, TableBody, TableCell, TableRow } from \"@/modules/data-tables/components/table\";\nimport { TableHead, TableHeader } from \"./header\";\n\nexport function TableSkeleton() {\n  return (\n    <div className=\"rounded-md border\">\n      <Table>\n        <TableHeader>\n          <TableRow className=\"bg-muted relative\">\n            {Array.from({ length: 15 }).map((_, index) => (\n              <TableHead key={index}>\n                <Skeleton className=\"bg-background my-2 h-2 w-full rounded-full\" />\n              </TableHead>\n            ))}\n          </TableRow>\n        </TableHeader>\n        <TableBody>\n          {Array.from({ length: 15 }).map((_, index) => (\n            <TableRow key={index} className=\"relative\">\n              {Array.from({ length: 15 }).map((_, index) => (\n                <TableCell key={index}>\n                  <Skeleton className=\"my-2 h-2 w-full rounded-full\" />\n                </TableCell>\n              ))}\n            </TableRow>\n          ))}\n        </TableBody>\n      </Table>\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAIA,SAAgB,gBAAgB;AAC9B,QACE,oBAAC;EAAI,WAAU;YACb,qBAAC,oBACC,oBAAC,yBACC,oBAAC;GAAS,WAAU;aACjB,MAAM,KAAK,EAAE,QAAQ,IAAI,CAAC,CAAC,KAAK,GAAG,UAClC,oBAAC,uBACC,oBAAC,YAAS,WAAU,+CAA+C,IADrD,MAEJ,CACZ;IACO,GACC,EACd,oBAAC,uBACE,MAAM,KAAK,EAAE,QAAQ,IAAI,CAAC,CAAC,KAAK,GAAG,UAClC,oBAAC;GAAqB,WAAU;aAC7B,MAAM,KAAK,EAAE,QAAQ,IAAI,CAAC,CAAC,KAAK,GAAG,UAClC,oBAAC,uBACC,oBAAC,YAAS,WAAU,iCAAiC,IADvC,MAEJ,CACZ;KALW,MAMJ,CACX,GACQ,IACN;GACJ"}
+{"version":3,"file":"skeleton.mjs","names":[],"sources":["../../../../src/modules/data-tables/components/skeleton.tsx"],"sourcesContent":["import { Skeleton } from \"@/components/ui/skeleton\";\nimport { Table, TableBody, TableCell, TableRow } from \"@/modules/data-tables/components/table\";\nimport { TableHead, TableHeader } from \"./header\";\n\nexport function TableSkeleton() {\n  return (\n    <div className=\"rounded-md border\">\n      <Table>\n        <TableHeader>\n          <TableRow className=\"relative bg-muted\">\n            {Array.from({ length: 15 }).map((_, index) => (\n              <TableHead key={index}>\n                <Skeleton className=\"my-2 h-2 w-full rounded-full bg-background\" />\n              </TableHead>\n            ))}\n          </TableRow>\n        </TableHeader>\n        <TableBody>\n          {Array.from({ length: 15 }).map((_, index) => (\n            <TableRow key={index} className=\"relative\">\n              {Array.from({ length: 15 }).map((_, index) => (\n                <TableCell key={index}>\n                  <Skeleton className=\"my-2 h-2 w-full rounded-full\" />\n                </TableCell>\n              ))}\n            </TableRow>\n          ))}\n        </TableBody>\n      </Table>\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAIA,SAAgB,gBAAgB;AAC9B,QACE,oBAAC;EAAI,WAAU;YACb,qBAAC,oBACC,oBAAC,yBACC,oBAAC;GAAS,WAAU;aACjB,MAAM,KAAK,EAAE,QAAQ,IAAI,CAAC,CAAC,KAAK,GAAG,UAClC,oBAAC,uBACC,oBAAC,YAAS,WAAU,+CAA+C,IADrD,MAEJ,CACZ;IACO,GACC,EACd,oBAAC,uBACE,MAAM,KAAK,EAAE,QAAQ,IAAI,CAAC,CAAC,KAAK,GAAG,UAClC,oBAAC;GAAqB,WAAU;aAC7B,MAAM,KAAK,EAAE,QAAQ,IAAI,CAAC,CAAC,KAAK,GAAG,UAClC,oBAAC,uBACC,oBAAC,YAAS,WAAU,iCAAiC,IADvC,MAEJ,CACZ;KALW,MAMJ,CACX,GACQ,IACN;GACJ"}

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

@@ -25,14 +25,14 @@ function TableBody({ className, ...props }) {
 function TableFooter({ className, ...props }) {
 	return /* @__PURE__ */ jsx("tfoot", {
 		"data-slot": "table-footer",
-		className: cn("bg-muted/50 border-t font-medium [&>tr]:last:border-b-0", className),
+		className: cn("border-t bg-muted/50 font-medium [&>tr]:last:border-b-0", className),
 		...props
 	});
 }
 function TableRow({ className, ...props }) {
 	return /* @__PURE__ */ jsx("tr", {
 		"data-slot": "table-row",
-		className: cn("hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors", className),
+		className: cn("border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted", className),
 		...props
 	});
 }
@@ -46,7 +46,7 @@ function TableCell({ readonly, className, ...props }) {
 function TableCaption({ className, ...props }) {
 	return /* @__PURE__ */ jsx("caption", {
 		"data-slot": "table-caption",
-		className: cn("text-muted-foreground mt-4 text-sm", className),
+		className: cn("mt-4 text-muted-foreground text-sm", className),
 		...props
 	});
 }

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

@@ -1 +1 @@
-{"version":3,"file":"table.mjs","names":[],"sources":["../../../../src/modules/data-tables/components/table.tsx"],"sourcesContent":["\"use client\";\n\nimport type * as React from \"react\";\n\nimport { cn } from \"@/lib/utils/cn\";\n\nfunction Table({ className, ...props }: React.ComponentProps<\"table\">) {\n  return (\n    <div data-slot=\"table-container\" className=\"relative w-full overflow-x-auto\">\n      <table\n        data-slot=\"table\"\n        className={cn(\"w-full caption-bottom text-sm\", className)}\n        {...props}\n      />\n    </div>\n  );\n}\n\nfunction TableBody({ className, ...props }: React.ComponentProps<\"tbody\">) {\n  return (\n    <tbody\n      data-slot=\"table-body\"\n      className={cn(\"[&_tr:last-child]:border-0\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction TableFooter({ className, ...props }: React.ComponentProps<\"tfoot\">) {\n  return (\n    <tfoot\n      data-slot=\"table-footer\"\n      className={cn(\"bg-muted/50 border-t font-medium [&>tr]:last:border-b-0\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction TableRow({ className, ...props }: React.ComponentProps<\"tr\">) {\n  return (\n    <tr\n      data-slot=\"table-row\"\n      className={cn(\n        \"hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction TableCell({\n  readonly,\n  className,\n  ...props\n}: React.ComponentProps<\"td\"> & { readonly?: boolean }) {\n  return (\n    <td\n      data-slot=\"table-cell\"\n      className={cn(\n        \"whitespace-nowrap p-2 align-middle\", //[&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]\n        readonly && \"bg-muted/50\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction TableCaption({ className, ...props }: React.ComponentProps<\"caption\">) {\n  return (\n    <caption\n      data-slot=\"table-caption\"\n      className={cn(\"text-muted-foreground mt-4 text-sm\", className)}\n      {...props}\n    />\n  );\n}\n\nexport { Table, TableBody, TableCaption, TableCell, TableFooter, TableRow };\n"],"mappings":";;;;;;AAMA,SAAS,MAAM,EAAE,WAAW,GAAG,SAAwC;AACrE,QACE,oBAAC;EAAI,aAAU;EAAkB,WAAU;YACzC,oBAAC;GACC,aAAU;GACV,WAAW,GAAG,iCAAiC,UAAU;GACzD,GAAI;IACJ;GACE;;AAIV,SAAS,UAAU,EAAE,WAAW,GAAG,SAAwC;AACzE,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GAAG,8BAA8B,UAAU;EACtD,GAAI;GACJ;;AAIN,SAAS,YAAY,EAAE,WAAW,GAAG,SAAwC;AAC3E,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GAAG,2DAA2D,UAAU;EACnF,GAAI;GACJ;;AAIN,SAAS,SAAS,EAAE,WAAW,GAAG,SAAqC;AACrE,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GACT,+EACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,UAAU,EACjB,UACA,WACA,GAAG,SACmD;AACtD,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GACT,sCACA,YAAY,eACZ,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,aAAa,EAAE,WAAW,GAAG,SAA0C;AAC9E,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GAAG,sCAAsC,UAAU;EAC9D,GAAI;GACJ"}
+{"version":3,"file":"table.mjs","names":[],"sources":["../../../../src/modules/data-tables/components/table.tsx"],"sourcesContent":["\"use client\";\n\nimport type * as React from \"react\";\n\nimport { cn } from \"@/lib/utils/cn\";\n\nfunction Table({ className, ...props }: React.ComponentProps<\"table\">) {\n  return (\n    <div data-slot=\"table-container\" className=\"relative w-full overflow-x-auto\">\n      <table\n        data-slot=\"table\"\n        className={cn(\"w-full caption-bottom text-sm\", className)}\n        {...props}\n      />\n    </div>\n  );\n}\n\nfunction TableBody({ className, ...props }: React.ComponentProps<\"tbody\">) {\n  return (\n    <tbody\n      data-slot=\"table-body\"\n      className={cn(\"[&_tr:last-child]:border-0\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction TableFooter({ className, ...props }: React.ComponentProps<\"tfoot\">) {\n  return (\n    <tfoot\n      data-slot=\"table-footer\"\n      className={cn(\"border-t bg-muted/50 font-medium [&>tr]:last:border-b-0\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction TableRow({ className, ...props }: React.ComponentProps<\"tr\">) {\n  return (\n    <tr\n      data-slot=\"table-row\"\n      className={cn(\n        \"border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction TableCell({\n  readonly,\n  className,\n  ...props\n}: React.ComponentProps<\"td\"> & { readonly?: boolean }) {\n  return (\n    <td\n      data-slot=\"table-cell\"\n      className={cn(\n        \"whitespace-nowrap p-2 align-middle\", //[&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]\n        readonly && \"bg-muted/50\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction TableCaption({ className, ...props }: React.ComponentProps<\"caption\">) {\n  return (\n    <caption\n      data-slot=\"table-caption\"\n      className={cn(\"mt-4 text-muted-foreground text-sm\", className)}\n      {...props}\n    />\n  );\n}\n\nexport { Table, TableBody, TableCaption, TableCell, TableFooter, TableRow };\n"],"mappings":";;;;;;AAMA,SAAS,MAAM,EAAE,WAAW,GAAG,SAAwC;AACrE,QACE,oBAAC;EAAI,aAAU;EAAkB,WAAU;YACzC,oBAAC;GACC,aAAU;GACV,WAAW,GAAG,iCAAiC,UAAU;GACzD,GAAI;IACJ;GACE;;AAIV,SAAS,UAAU,EAAE,WAAW,GAAG,SAAwC;AACzE,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GAAG,8BAA8B,UAAU;EACtD,GAAI;GACJ;;AAIN,SAAS,YAAY,EAAE,WAAW,GAAG,SAAwC;AAC3E,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GAAG,2DAA2D,UAAU;EACnF,GAAI;GACJ;;AAIN,SAAS,SAAS,EAAE,WAAW,GAAG,SAAqC;AACrE,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GACT,+EACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,UAAU,EACjB,UACA,WACA,GAAG,SACmD;AACtD,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GACT,sCACA,YAAY,eACZ,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,aAAa,EAAE,WAAW,GAAG,SAA0C;AAC9E,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GAAG,sCAAsC,UAAU;EAC9D,GAAI;GACJ"}

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

@@ -5,7 +5,7 @@ import { jsx } from "react/jsx-runtime";
 function TableToolbar({ children, className, ...props }) {
 	return /* @__PURE__ */ jsx("div", {
 		...props,
-		className: cn("flex max-w-full justify-between gap-5 overflow-x-auto p-1", className),
+		className: cn("flex max-w-full justify-between gap-5 overflow-x-auto py-1", className),
 		children
 	});
 }

package/dist/modules/data-tables/components/toolbar.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"toolbar.mjs","names":[],"sources":["../../../../src/modules/data-tables/components/toolbar.tsx"],"sourcesContent":["import type { HTMLAttributes } from \"react\";\nimport { cn } from \"@/lib/utils/cn\";\n\ntype TableToolbarProps = HTMLAttributes<HTMLDivElement> & {\n  children: React.ReactNode;\n};\n\nexport function TableToolbar({ children, className, ...props }: TableToolbarProps) {\n  return (\n    <div\n      {...props}\n      className={cn(\"flex max-w-full justify-between gap-5 overflow-x-auto p-1\", className)}\n    >\n      {children}\n    </div>\n  );\n}\n\ntype TableToolbarListProps = HTMLAttributes<HTMLDivElement> & {\n  children: React.ReactNode;\n};\n\nexport function TableToolbarList({ children, className, ...props }: TableToolbarListProps) {\n  return (\n    <div {...props} className={cn(\"flex flex-row gap-5\", className)}>\n      {children}\n    </div>\n  );\n}\n"],"mappings":";;;;AAOA,SAAgB,aAAa,EAAE,UAAU,WAAW,GAAG,SAA4B;AACjF,QACE,oBAAC;EACC,GAAI;EACJ,WAAW,GAAG,6DAA6D,UAAU;EAEpF;GACG;;AAQV,SAAgB,iBAAiB,EAAE,UAAU,WAAW,GAAG,SAAgC;AACzF,QACE,oBAAC;EAAI,GAAI;EAAO,WAAW,GAAG,uBAAuB,UAAU;EAC5D;GACG"}
+{"version":3,"file":"toolbar.mjs","names":[],"sources":["../../../../src/modules/data-tables/components/toolbar.tsx"],"sourcesContent":["import type { HTMLAttributes } from \"react\";\nimport { cn } from \"@/lib/utils/cn\";\n\ntype TableToolbarProps = HTMLAttributes<HTMLDivElement> & {\n  children: React.ReactNode;\n};\n\nexport function TableToolbar({ children, className, ...props }: TableToolbarProps) {\n  return (\n    <div\n      {...props}\n      className={cn(\"flex max-w-full justify-between gap-5 overflow-x-auto py-1\", className)}\n    >\n      {children}\n    </div>\n  );\n}\n\ntype TableToolbarListProps = HTMLAttributes<HTMLDivElement> & {\n  children: React.ReactNode;\n};\n\nexport function TableToolbarList({ children, className, ...props }: TableToolbarListProps) {\n  return (\n    <div {...props} className={cn(\"flex flex-row gap-5\", className)}>\n      {children}\n    </div>\n  );\n}\n"],"mappings":";;;;AAOA,SAAgB,aAAa,EAAE,UAAU,WAAW,GAAG,SAA4B;AACjF,QACE,oBAAC;EACC,GAAI;EACJ,WAAW,GAAG,8DAA8D,UAAU;EAErF;GACG;;AAQV,SAAgB,iBAAiB,EAAE,UAAU,WAAW,GAAG,SAAgC;AACzF,QACE,oBAAC;EAAI,GAAI;EAAO,WAAW,GAAG,uBAAuB,UAAU;EAC5D;GACG"}

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

@@ -1,6 +1,6 @@
 import { TableQuerySchema } from "../validators.mjs";
-import { SQL } from "drizzle-orm";
 import { PgColumn } from "drizzle-orm/pg-core";
+import { SQL } from "drizzle-orm";
 
 //#region src/modules/data-tables/lib/converters/search.d.ts
 type ConvertSearchToQueryParamsFields = PgColumn[];

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

@@ -1,6 +1,6 @@
 import { TableQuerySchema } from "../validators.mjs";
-import { AnyColumn, SQL, ValueOrArray } from "drizzle-orm";
 import { PgTable } from "drizzle-orm/pg-core";
+import { AnyColumn, SQL, ValueOrArray } from "drizzle-orm";
 
 //#region src/modules/data-tables/lib/converters/sorting.d.ts
 type ConvertSortToQueryParamsFallback = ValueOrArray<AnyColumn | SQL>;

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

@@ -1,12 +1,12 @@
-import { TDatabaseSchema } from "../../config/db/types.mjs";
 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 { DBQueryConfig, SQL } from "drizzle-orm";
 import { PgTable } from "drizzle-orm/pg-core";
-import "server-only";
+import "server-cli-only";
+import { DBQueryConfig, SQL } from "drizzle-orm";
+import { TDatabaseSchema } from "@/modules/config/db/types";
 
 //#region src/modules/data-tables/server/get-data.server.d.ts
 type GetTableDataOptions<TTable extends PgTable> = DBQueryConfig<"many"> & {

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

@@ -1,8 +1,8 @@
 import { convertCursorToQueryParams } from "../lib/converters/cursor.mjs";
 import { convertSearchToQueryParams } from "../lib/converters/search.mjs";
 import { convertOrderByToQueryParams } from "../lib/converters/sorting.mjs";
+import "server-cli-only";
 import { and, getTableName, isTable } from "drizzle-orm";
-import "server-only";
 
 //#region src/modules/data-tables/server/get-data.server.ts
 /**

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

@@ -1 +1 @@
-{"version":3,"file":"get-data.server.mjs","names":[],"sources":["../../../../src/modules/data-tables/server/get-data.server.ts"],"sourcesContent":["import \"server-only\";\n\nimport { and, type DBQueryConfig, getTableName, isTable, type SQL } from \"drizzle-orm\";\nimport type { PgTable } from \"drizzle-orm/pg-core\";\nimport type { RelationalQueryBuilder } from \"drizzle-orm/pg-core/query-builders/query\";\nimport type { TDatabaseSchema } from \"@/modules/config/db/types\";\nimport type { TulipContext } from \"@/modules/config/entry\";\nimport { convertCursorToQueryParams } from \"../lib/converters/cursor\";\nimport {\n  type ConvertSearchToQueryParamsFields,\n  convertSearchToQueryParams,\n} from \"../lib/converters/search\";\nimport {\n  type ConvertSortToQueryParamsFallback,\n  convertOrderByToQueryParams,\n} from \"../lib/converters/sorting\";\nimport type { TableQuerySchema } from \"../lib/validators\";\n\nexport type GetTableDataOptions<TTable extends PgTable> = DBQueryConfig<\"many\"> & {\n  table: TTable;\n  where?: SQL;\n  columns?: keyof TTable[\"_\"][\"columns\"];\n  defaultOrder: ConvertSortToQueryParamsFallback;\n  searchFields: ConvertSearchToQueryParamsFields;\n};\n\n/**\n * Get data from the database for the data table\n */\nexport async function getTableData<TTable extends PgTable, TSchema extends TDatabaseSchema>(\n  { db, schema }: TulipContext<TSchema>,\n  query: TableQuerySchema,\n  options: GetTableDataOptions<TTable>,\n): Promise<{ data: TTable[\"$inferSelect\"][]; total: number }> {\n  const { table, where, defaultOrder: defaultSort, searchFields } = options;\n\n  if (!isTable(table)) throw new Error(`Provided table is not a table: ${table}`);\n\n  // Get the table name kay from the schema\n  const tableName = Object.entries({ ...schema } as { [key: string]: PgTable })\n    .filter(([, t]) => isTable(t))\n    .find(([, t]) => getTableName(t) === getTableName(table))?.[0];\n\n  if (!tableName) throw new Error(`Table name not found for table: ${tableName}`);\n\n  // Convert the query params to DB query\n  const { limit, offset } = convertCursorToQueryParams(query);\n  const orderBy = convertOrderByToQueryParams(query, table, defaultSort);\n  const search = convertSearchToQueryParams(query, searchFields);\n\n  /**\n   * Make a transaction to get the data\n   */\n  const { data, total } = await db.transaction(async (tx) => {\n    // Check if the table exists in the query builder\n    if (!(tableName in tx.query)) throw new Error(`Table not found in query builder: ${tableName}`);\n    const queryBuilderKey = tableName as keyof typeof tx.query;\n\n    // Get the query builder\n    // biome-ignore lint/suspicious/noExplicitAny: This is needed to satisfy the system\n    const queryBuilder = tx.query[queryBuilderKey] as RelationalQueryBuilder<any, any>;\n    if (!queryBuilder) throw new Error(`Query builder not found for table: ${tableName}`);\n\n    // Get the data\n    const data = await queryBuilder.findMany({\n      where: and(where, search),\n      orderBy,\n      limit,\n      offset,\n      with: options.with,\n      columns: options.columns,\n      extras: options.extras,\n    });\n\n    // Get the total\n    // Get the total\n    const total = await tx.$count(table, and(where, search));\n\n    // Return the data\n    return { data, total: total ?? 0 };\n  });\n\n  return { data, total };\n}\n"],"mappings":";;;;;;;;;;AA6BA,eAAsB,aACpB,EAAE,IAAI,UACN,OACA,SAC4D;CAC5D,MAAM,EAAE,OAAO,OAAO,cAAc,aAAa,iBAAiB;AAElE,KAAI,CAAC,QAAQ,MAAM,CAAE,OAAM,IAAI,MAAM,kCAAkC,QAAQ;CAG/E,MAAM,YAAY,OAAO,QAAQ,EAAE,GAAG,QAAQ,CAA+B,CAC1E,QAAQ,GAAG,OAAO,QAAQ,EAAE,CAAC,CAC7B,MAAM,GAAG,OAAO,aAAa,EAAE,KAAK,aAAa,MAAM,CAAC,GAAG;AAE9D,KAAI,CAAC,UAAW,OAAM,IAAI,MAAM,mCAAmC,YAAY;CAG/E,MAAM,EAAE,OAAO,WAAW,2BAA2B,MAAM;CAC3D,MAAM,UAAU,4BAA4B,OAAO,OAAO,YAAY;CACtE,MAAM,SAAS,2BAA2B,OAAO,aAAa;;;;CAK9D,MAAM,EAAE,MAAM,UAAU,MAAM,GAAG,YAAY,OAAO,OAAO;AAEzD,MAAI,EAAE,aAAa,GAAG,OAAQ,OAAM,IAAI,MAAM,qCAAqC,YAAY;EAC/F,MAAM,kBAAkB;EAIxB,MAAM,eAAe,GAAG,MAAM;AAC9B,MAAI,CAAC,aAAc,OAAM,IAAI,MAAM,sCAAsC,YAAY;AAkBrF,SAAO;GAAE,MAfI,MAAM,aAAa,SAAS;IACvC,OAAO,IAAI,OAAO,OAAO;IACzB;IACA;IACA;IACA,MAAM,QAAQ;IACd,SAAS,QAAQ;IACjB,QAAQ,QAAQ;IACjB,CAAC;GAOa,OAHD,MAAM,GAAG,OAAO,OAAO,IAAI,OAAO,OAAO,CAAC,IAGzB;GAAG;GAClC;AAEF,QAAO;EAAE;EAAM;EAAO"}
+{"version":3,"file":"get-data.server.mjs","names":[],"sources":["../../../../src/modules/data-tables/server/get-data.server.ts"],"sourcesContent":["import \"server-cli-only\";\n\nimport { and, type DBQueryConfig, getTableName, isTable, type SQL } from \"drizzle-orm\";\nimport type { PgTable } from \"drizzle-orm/pg-core\";\nimport type { RelationalQueryBuilder } from \"drizzle-orm/pg-core/query-builders/query\";\nimport type { TDatabaseSchema } from \"@/modules/config/db/types\";\nimport type { TulipContext } from \"@/modules/config/entry\";\nimport { convertCursorToQueryParams } from \"../lib/converters/cursor\";\nimport {\n  type ConvertSearchToQueryParamsFields,\n  convertSearchToQueryParams,\n} from \"../lib/converters/search\";\nimport {\n  type ConvertSortToQueryParamsFallback,\n  convertOrderByToQueryParams,\n} from \"../lib/converters/sorting\";\nimport type { TableQuerySchema } from \"../lib/validators\";\n\nexport type GetTableDataOptions<TTable extends PgTable> = DBQueryConfig<\"many\"> & {\n  table: TTable;\n  where?: SQL;\n  columns?: keyof TTable[\"_\"][\"columns\"];\n  defaultOrder: ConvertSortToQueryParamsFallback;\n  searchFields: ConvertSearchToQueryParamsFields;\n};\n\n/**\n * Get data from the database for the data table\n */\nexport async function getTableData<TTable extends PgTable, TSchema extends TDatabaseSchema>(\n  { db, schema }: TulipContext<TSchema>,\n  query: TableQuerySchema,\n  options: GetTableDataOptions<TTable>,\n): Promise<{ data: TTable[\"$inferSelect\"][]; total: number }> {\n  const { table, where, defaultOrder: defaultSort, searchFields } = options;\n\n  if (!isTable(table)) throw new Error(`Provided table is not a table: ${table}`);\n\n  // Get the table name kay from the schema\n  const tableName = Object.entries({ ...schema } as { [key: string]: PgTable })\n    .filter(([, t]) => isTable(t))\n    .find(([, t]) => getTableName(t) === getTableName(table))?.[0];\n\n  if (!tableName) throw new Error(`Table name not found for table: ${tableName}`);\n\n  // Convert the query params to DB query\n  const { limit, offset } = convertCursorToQueryParams(query);\n  const orderBy = convertOrderByToQueryParams(query, table, defaultSort);\n  const search = convertSearchToQueryParams(query, searchFields);\n\n  /**\n   * Make a transaction to get the data\n   */\n  const { data, total } = await db.transaction(async (tx) => {\n    // Check if the table exists in the query builder\n    if (!(tableName in tx.query)) throw new Error(`Table not found in query builder: ${tableName}`);\n    const queryBuilderKey = tableName as keyof typeof tx.query;\n\n    // Get the query builder\n    // biome-ignore lint/suspicious/noExplicitAny: This is needed to satisfy the system\n    const queryBuilder = tx.query[queryBuilderKey] as RelationalQueryBuilder<any, any>;\n    if (!queryBuilder) throw new Error(`Query builder not found for table: ${tableName}`);\n\n    // Get the data\n    const data = await queryBuilder.findMany({\n      where: and(where, search),\n      orderBy,\n      limit,\n      offset,\n      with: options.with,\n      columns: options.columns,\n      extras: options.extras,\n    });\n\n    // Get the total\n    // Get the total\n    const total = await tx.$count(table, and(where, search));\n\n    // Return the data\n    return { data, total: total ?? 0 };\n  });\n\n  return { data, total };\n}\n"],"mappings":";;;;;;;;;;AA6BA,eAAsB,aACpB,EAAE,IAAI,UACN,OACA,SAC4D;CAC5D,MAAM,EAAE,OAAO,OAAO,cAAc,aAAa,iBAAiB;AAElE,KAAI,CAAC,QAAQ,MAAM,CAAE,OAAM,IAAI,MAAM,kCAAkC,QAAQ;CAG/E,MAAM,YAAY,OAAO,QAAQ,EAAE,GAAG,QAAQ,CAA+B,CAC1E,QAAQ,GAAG,OAAO,QAAQ,EAAE,CAAC,CAC7B,MAAM,GAAG,OAAO,aAAa,EAAE,KAAK,aAAa,MAAM,CAAC,GAAG;AAE9D,KAAI,CAAC,UAAW,OAAM,IAAI,MAAM,mCAAmC,YAAY;CAG/E,MAAM,EAAE,OAAO,WAAW,2BAA2B,MAAM;CAC3D,MAAM,UAAU,4BAA4B,OAAO,OAAO,YAAY;CACtE,MAAM,SAAS,2BAA2B,OAAO,aAAa;;;;CAK9D,MAAM,EAAE,MAAM,UAAU,MAAM,GAAG,YAAY,OAAO,OAAO;AAEzD,MAAI,EAAE,aAAa,GAAG,OAAQ,OAAM,IAAI,MAAM,qCAAqC,YAAY;EAC/F,MAAM,kBAAkB;EAIxB,MAAM,eAAe,GAAG,MAAM;AAC9B,MAAI,CAAC,aAAc,OAAM,IAAI,MAAM,sCAAsC,YAAY;AAkBrF,SAAO;GAAE,MAfI,MAAM,aAAa,SAAS;IACvC,OAAO,IAAI,OAAO,OAAO;IACzB;IACA;IACA;IACA,MAAM,QAAQ;IACd,SAAS,QAAQ;IACjB,QAAQ,QAAQ;IACjB,CAAC;GAOa,OAHD,MAAM,GAAG,OAAO,OAAO,IAAI,OAAO,OAAO,CAAC,IAGzB;GAAG;GAClC;AAEF,QAAO;EAAE;EAAM;EAAO"}

package/dist/modules/data-tables/strategies/infinite/strategy.d.mts

@@ -8,7 +8,7 @@ interface UseInfiniteStrategyInput {
   isFetching: boolean;
   isFetchingNextPage: boolean;
 }
-type InfiniteStrategyMeta = Pick<UseInfiniteStrategyInput, "isFetching" | "isFetchingNextPage">;
+type InfiniteStrategyMeta = Pick<UseInfiniteStrategyInput, "isFetching" | "isFetchingNextPage" | "total" | "cursor" | "fetchNextPage">;
 declare function useInfiniteStrategy({
   cursor,
   total,

package/dist/modules/data-tables/strategies/infinite/strategy.mjs

@@ -37,6 +37,9 @@ function useInfiniteStrategy({ cursor, total, fetchNextPage, isFetching, isFetch
 			resetCursor
 		}),
 		meta: {
+			total,
+			cursor,
+			fetchNextPage,
 			isFetching,
 			isFetchingNextPage
 		}

package/dist/modules/data-tables/strategies/infinite/strategy.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"strategy.mjs","names":[],"sources":["../../../../../src/modules/data-tables/strategies/infinite/strategy.ts"],"sourcesContent":["\"use client\";\n\nimport type { PaginationState, Updater } from \"@tanstack/react-table\";\nimport { useQueryStates } from \"nuqs\";\nimport { tableSearchParams } from \"../../entry\";\nimport type { TableStrategy } from \"../../lib/types\";\nimport { handleSortingChange } from \"../helpers/sorting\";\n\nexport interface UseInfiniteStrategyInput {\n  cursor: number | undefined;\n  total: number | undefined;\n  fetchNextPage: () => void;\n  isFetching: boolean;\n  isFetchingNextPage: boolean;\n}\n\nexport type InfiniteStrategyMeta = Pick<\n  UseInfiniteStrategyInput,\n  \"isFetching\" | \"isFetchingNextPage\"\n>;\n\nexport function useInfiniteStrategy({\n  cursor,\n  total,\n  fetchNextPage,\n  isFetching,\n  isFetchingNextPage,\n}: UseInfiniteStrategyInput): TableStrategy {\n  const [query, setQuery] = useQueryStates(tableSearchParams);\n\n  // Convert pagination to table state\n  const paginationState = {\n    pageIndex: cursor ?? 0,\n    pageSize: query.limit,\n  };\n\n  // Convert sorting to table state\n  const sortingState = query.sort ? [{ id: query.sort, desc: query.order === \"desc\" }] : [];\n\n  const resetCursor = () => null;\n\n  return {\n    name: \"infinite\",\n    rowCount: total,\n    paginationState,\n    manualPagination: true,\n    onPaginationChange: (updater: Updater<PaginationState>) => {\n      // Get the new state from the updater function\n      const newState = typeof updater === \"function\" ? updater(paginationState) : updater;\n\n      // Update the search params\n      setQuery({ limit: newState.pageSize });\n\n      // Fetch the next page\n      fetchNextPage();\n\n      // Return the new state\n      return newState;\n    },\n    resetCursor,\n    tableSearchParams: tableSearchParams,\n    sortingState,\n    manualSorting: true,\n    onSortingChange: handleSortingChange({ sortingState, setQuery, resetCursor }),\n    meta: {\n      isFetching,\n      isFetchingNextPage,\n    } satisfies InfiniteStrategyMeta,\n  };\n}\n"],"mappings":";;;;;;;AAqBA,SAAgB,oBAAoB,EAClC,QACA,OACA,eACA,YACA,sBAC0C;CAC1C,MAAM,CAAC,OAAO,YAAY,eAAe,kBAAkB;CAG3D,MAAM,kBAAkB;EACtB,WAAW,UAAU;EACrB,UAAU,MAAM;EACjB;CAGD,MAAM,eAAe,MAAM,OAAO,CAAC;EAAE,IAAI,MAAM;EAAM,MAAM,MAAM,UAAU;EAAQ,CAAC,GAAG,EAAE;CAEzF,MAAM,oBAAoB;AAE1B,QAAO;EACL,MAAM;EACN,UAAU;EACV;EACA,kBAAkB;EAClB,qBAAqB,YAAsC;GAEzD,MAAM,WAAW,OAAO,YAAY,aAAa,QAAQ,gBAAgB,GAAG;AAG5E,YAAS,EAAE,OAAO,SAAS,UAAU,CAAC;AAGtC,kBAAe;AAGf,UAAO;;EAET;EACmB;EACnB;EACA,eAAe;EACf,iBAAiB,oBAAoB;GAAE;GAAc;GAAU;GAAa,CAAC;EAC7E,MAAM;GACJ;GACA;GACD;EACF"}
+{"version":3,"file":"strategy.mjs","names":[],"sources":["../../../../../src/modules/data-tables/strategies/infinite/strategy.ts"],"sourcesContent":["\"use client\";\n\nimport type { PaginationState, Updater } from \"@tanstack/react-table\";\nimport { useQueryStates } from \"nuqs\";\nimport { tableSearchParams } from \"../../entry\";\nimport type { TableStrategy } from \"../../lib/types\";\nimport { handleSortingChange } from \"../helpers/sorting\";\n\nexport interface UseInfiniteStrategyInput {\n  cursor: number | undefined;\n  total: number | undefined;\n  fetchNextPage: () => void;\n  isFetching: boolean;\n  isFetchingNextPage: boolean;\n}\n\nexport type InfiniteStrategyMeta = Pick<\n  UseInfiniteStrategyInput,\n  \"isFetching\" | \"isFetchingNextPage\" | \"total\" | \"cursor\" | \"fetchNextPage\"\n>;\n\nexport function useInfiniteStrategy({\n  cursor,\n  total,\n  fetchNextPage,\n  isFetching,\n  isFetchingNextPage,\n}: UseInfiniteStrategyInput): TableStrategy {\n  const [query, setQuery] = useQueryStates(tableSearchParams);\n\n  // Convert pagination to table state\n  const paginationState = {\n    pageIndex: cursor ?? 0,\n    pageSize: query.limit,\n  };\n\n  // Convert sorting to table state\n  const sortingState = query.sort ? [{ id: query.sort, desc: query.order === \"desc\" }] : [];\n\n  const resetCursor = () => null;\n\n  return {\n    name: \"infinite\",\n    rowCount: total,\n    paginationState,\n    manualPagination: true,\n    onPaginationChange: (updater: Updater<PaginationState>) => {\n      // Get the new state from the updater function\n      const newState = typeof updater === \"function\" ? updater(paginationState) : updater;\n\n      // Update the search params\n      setQuery({ limit: newState.pageSize });\n\n      // Fetch the next page\n      fetchNextPage();\n\n      // Return the new state\n      return newState;\n    },\n    resetCursor,\n    tableSearchParams: tableSearchParams,\n    sortingState,\n    manualSorting: true,\n    onSortingChange: handleSortingChange({ sortingState, setQuery, resetCursor }),\n    meta: {\n      total,\n      cursor,\n      fetchNextPage,\n      isFetching,\n      isFetchingNextPage,\n    } satisfies InfiniteStrategyMeta,\n  };\n}\n"],"mappings":";;;;;;;AAqBA,SAAgB,oBAAoB,EAClC,QACA,OACA,eACA,YACA,sBAC0C;CAC1C,MAAM,CAAC,OAAO,YAAY,eAAe,kBAAkB;CAG3D,MAAM,kBAAkB;EACtB,WAAW,UAAU;EACrB,UAAU,MAAM;EACjB;CAGD,MAAM,eAAe,MAAM,OAAO,CAAC;EAAE,IAAI,MAAM;EAAM,MAAM,MAAM,UAAU;EAAQ,CAAC,GAAG,EAAE;CAEzF,MAAM,oBAAoB;AAE1B,QAAO;EACL,MAAM;EACN,UAAU;EACV;EACA,kBAAkB;EAClB,qBAAqB,YAAsC;GAEzD,MAAM,WAAW,OAAO,YAAY,aAAa,QAAQ,gBAAgB,GAAG;AAG5E,YAAS,EAAE,OAAO,SAAS,UAAU,CAAC;AAGtC,kBAAe;AAGf,UAAO;;EAET;EACmB;EACnB;EACA,eAAe;EACf,iBAAiB,oBAAoB;GAAE;GAAc;GAAU;GAAa,CAAC;EAC7E,MAAM;GACJ;GACA;GACA;GACA;GACA;GACD;EACF"}

package/dist/modules/data-tables/strategies/pagination/components.mjs

@@ -21,7 +21,7 @@ function PaginationTableFooter({ table }) {
 				onClick: () => table.resetRowSelection(),
 				children: /* @__PURE__ */ jsx(XIcon, { className: "h-2 w-2" })
 			}), /* @__PURE__ */ jsxs("div", {
-				className: "text-muted-foreground flex-1 text-sm",
+				className: "flex-1 text-muted-foreground text-sm",
 				children: [
 					selected ?? table.getFilteredSelectedRowModel().rows.length,
 					" of",
@@ -36,7 +36,7 @@ function PaginationTableFooter({ table }) {
 				/* @__PURE__ */ jsxs("div", {
 					className: "hidden items-center space-x-2 md:flex",
 					children: [/* @__PURE__ */ jsx("p", {
-						className: "text-sm font-medium",
+						className: "font-medium text-sm",
 						children: "Rows per page"
 					}), /* @__PURE__ */ jsxs(Select, {
 						value: `${table.getState().pagination.pageSize}`,
@@ -65,7 +65,7 @@ function PaginationTableFooter({ table }) {
 					})]
 				}),
 				/* @__PURE__ */ jsxs("div", {
-					className: "flex items-center justify-center text-sm font-medium",
+					className: "flex items-center justify-center font-medium text-sm",
 					children: [
 						"Page ",
 						table.getState().pagination.pageIndex + 1,

package/dist/modules/data-tables/strategies/pagination/components.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"components.mjs","names":[],"sources":["../../../../../src/modules/data-tables/strategies/pagination/components.tsx"],"sourcesContent":["\"use client\";\n\nimport type { Table } from \"@tanstack/react-table\";\nimport { ChevronLeft, ChevronRight, ChevronsLeft, ChevronsRight, XIcon } from \"lucide-react\";\nimport { Button } from \"@/components/ui/button\";\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from \"@/components/ui/select.client\";\n\nexport function PaginationTableFooter<TData extends { id: string }>({\n  table,\n}: {\n  table: Table<TData>;\n}) {\n  const selected = Object.keys(table.getState().rowSelection).length;\n  const total = table.getRowCount();\n\n  return (\n    <div className=\"flex flex-col gap-y-4 px-2 md:flex-row md:items-center md:justify-between\">\n      <div className=\"flex items-center gap-2\">\n        {selected > 0 && (\n          <Button\n            type=\"button\"\n            size=\"icon\"\n            variant=\"ghost\"\n            className=\"h-4 w-4 rounded-full\"\n            onClick={() => table.resetRowSelection()}\n          >\n            <XIcon className=\"h-2 w-2\" />\n          </Button>\n        )}\n\n        <div className=\"text-muted-foreground flex-1 text-sm\">\n          {selected ?? table.getFilteredSelectedRowModel().rows.length} of{\" \"}\n          {total ?? table.getFilteredRowModel().rows.length} row(s) selected.\n        </div>\n      </div>\n\n      <div className=\"flex items-center justify-between gap-x-6 md:justify-start lg:space-x-8\">\n        <div className=\"hidden items-center space-x-2 md:flex\">\n          <p className=\"text-sm font-medium\">Rows per page</p>\n          <Select\n            value={`${table.getState().pagination.pageSize}`}\n            onValueChange={(value) => {\n              table.setPageSize(Number(value));\n            }}\n          >\n            <SelectTrigger className=\"h-8 w-[70px]\">\n              <SelectValue placeholder={table.getState().pagination.pageSize} />\n            </SelectTrigger>\n            <SelectContent side=\"top\">\n              {[10, 20, 30, 40, 50, 100, 300, 500].map((pageSize) => (\n                <SelectItem key={pageSize} value={`${pageSize}`}>\n                  {pageSize}\n                </SelectItem>\n              ))}\n            </SelectContent>\n          </Select>\n        </div>\n\n        <div className=\"flex items-center justify-center text-sm font-medium\">\n          Page {table.getState().pagination.pageIndex + 1} of {table.getPageCount()}\n        </div>\n\n        <div className=\"flex items-center space-x-2\">\n          <Button\n            type=\"button\"\n            variant=\"outline\"\n            className=\"hidden h-8 w-8 p-0 lg:flex\"\n            onClick={() => table.setPageIndex(0)}\n            disabled={!table.getCanPreviousPage()}\n          >\n            <span className=\"sr-only\">Go to first page</span>\n            <ChevronsLeft className=\"h-4 w-4\" />\n          </Button>\n\n          <Button\n            type=\"button\"\n            variant=\"outline\"\n            className=\"h-8 w-8 p-0\"\n            onClick={() => table.previousPage()}\n            disabled={!table.getCanPreviousPage()}\n          >\n            <span className=\"sr-only\">Go to previous page</span>\n            <ChevronLeft className=\"h-4 w-4\" />\n          </Button>\n\n          <Button\n            type=\"button\"\n            variant=\"outline\"\n            className=\"h-8 w-8 p-0\"\n            onClick={() => table.nextPage()}\n            disabled={!table.getCanNextPage()}\n          >\n            <span className=\"sr-only\">Go to next page</span>\n            <ChevronRight className=\"h-4 w-4\" />\n          </Button>\n\n          <Button\n            type=\"button\"\n            variant=\"outline\"\n            className=\"hidden h-8 w-8 p-0 lg:flex\"\n            onClick={() => table.setPageIndex(table.getPageCount() - 1)}\n            disabled={!table.getCanNextPage()}\n          >\n            <span className=\"sr-only\">Go to last page</span>\n            <ChevronsRight className=\"h-4 w-4\" />\n          </Button>\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;AAaA,SAAgB,sBAAoD,EAClE,SAGC;CACD,MAAM,WAAW,OAAO,KAAK,MAAM,UAAU,CAAC,aAAa,CAAC;CAC5D,MAAM,QAAQ,MAAM,aAAa;AAEjC,QACE,qBAAC;EAAI,WAAU;aACb,qBAAC;GAAI,WAAU;cACZ,WAAW,KACV,oBAAC;IACC,MAAK;IACL,MAAK;IACL,SAAQ;IACR,WAAU;IACV,eAAe,MAAM,mBAAmB;cAExC,oBAAC,SAAM,WAAU,YAAY;KACtB,EAGX,qBAAC;IAAI,WAAU;;KACZ,YAAY,MAAM,6BAA6B,CAAC,KAAK;KAAO;KAAI;KAChE,SAAS,MAAM,qBAAqB,CAAC,KAAK;KAAO;;KAC9C;IACF,EAEN,qBAAC;GAAI,WAAU;;IACb,qBAAC;KAAI,WAAU;gBACb,oBAAC;MAAE,WAAU;gBAAsB;OAAiB,EACpD,qBAAC;MACC,OAAO,GAAG,MAAM,UAAU,CAAC,WAAW;MACtC,gBAAgB,UAAU;AACxB,aAAM,YAAY,OAAO,MAAM,CAAC;;iBAGlC,oBAAC;OAAc,WAAU;iBACvB,oBAAC,eAAY,aAAa,MAAM,UAAU,CAAC,WAAW,WAAY;QACpD,EAChB,oBAAC;OAAc,MAAK;iBACjB;QAAC;QAAI;QAAI;QAAI;QAAI;QAAI;QAAK;QAAK;QAAI,CAAC,KAAK,aACxC,oBAAC;QAA0B,OAAO,GAAG;kBAClC;UADc,SAEJ,CACb;QACY;OACT;MACL;IAEN,qBAAC;KAAI,WAAU;;MAAuD;MAC9D,MAAM,UAAU,CAAC,WAAW,YAAY;MAAE;MAAK,MAAM,cAAc;;MACrE;IAEN,qBAAC;KAAI,WAAU;;MACb,qBAAC;OACC,MAAK;OACL,SAAQ;OACR,WAAU;OACV,eAAe,MAAM,aAAa,EAAE;OACpC,UAAU,CAAC,MAAM,oBAAoB;kBAErC,oBAAC;QAAK,WAAU;kBAAU;SAAuB,EACjD,oBAAC,gBAAa,WAAU,YAAY;QAC7B;MAET,qBAAC;OACC,MAAK;OACL,SAAQ;OACR,WAAU;OACV,eAAe,MAAM,cAAc;OACnC,UAAU,CAAC,MAAM,oBAAoB;kBAErC,oBAAC;QAAK,WAAU;kBAAU;SAA0B,EACpD,oBAAC,eAAY,WAAU,YAAY;QAC5B;MAET,qBAAC;OACC,MAAK;OACL,SAAQ;OACR,WAAU;OACV,eAAe,MAAM,UAAU;OAC/B,UAAU,CAAC,MAAM,gBAAgB;kBAEjC,oBAAC;QAAK,WAAU;kBAAU;SAAsB,EAChD,oBAAC,gBAAa,WAAU,YAAY;QAC7B;MAET,qBAAC;OACC,MAAK;OACL,SAAQ;OACR,WAAU;OACV,eAAe,MAAM,aAAa,MAAM,cAAc,GAAG,EAAE;OAC3D,UAAU,CAAC,MAAM,gBAAgB;kBAEjC,oBAAC;QAAK,WAAU;kBAAU;SAAsB,EAChD,oBAAC,iBAAc,WAAU,YAAY;QAC9B;;MACL;;IACF;GACF"}
+{"version":3,"file":"components.mjs","names":[],"sources":["../../../../../src/modules/data-tables/strategies/pagination/components.tsx"],"sourcesContent":["\"use client\";\n\nimport type { Table } from \"@tanstack/react-table\";\nimport { ChevronLeft, ChevronRight, ChevronsLeft, ChevronsRight, XIcon } from \"lucide-react\";\nimport { Button } from \"@/components/ui/button\";\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from \"@/components/ui/select.client\";\n\nexport function PaginationTableFooter<TData extends { id: string }>({\n  table,\n}: {\n  table: Table<TData>;\n}) {\n  const selected = Object.keys(table.getState().rowSelection).length;\n  const total = table.getRowCount();\n\n  return (\n    <div className=\"flex flex-col gap-y-4 px-2 md:flex-row md:items-center md:justify-between\">\n      <div className=\"flex items-center gap-2\">\n        {selected > 0 && (\n          <Button\n            type=\"button\"\n            size=\"icon\"\n            variant=\"ghost\"\n            className=\"h-4 w-4 rounded-full\"\n            onClick={() => table.resetRowSelection()}\n          >\n            <XIcon className=\"h-2 w-2\" />\n          </Button>\n        )}\n\n        <div className=\"flex-1 text-muted-foreground text-sm\">\n          {selected ?? table.getFilteredSelectedRowModel().rows.length} of{\" \"}\n          {total ?? table.getFilteredRowModel().rows.length} row(s) selected.\n        </div>\n      </div>\n\n      <div className=\"flex items-center justify-between gap-x-6 md:justify-start lg:space-x-8\">\n        <div className=\"hidden items-center space-x-2 md:flex\">\n          <p className=\"font-medium text-sm\">Rows per page</p>\n          <Select\n            value={`${table.getState().pagination.pageSize}`}\n            onValueChange={(value) => {\n              table.setPageSize(Number(value));\n            }}\n          >\n            <SelectTrigger className=\"h-8 w-[70px]\">\n              <SelectValue placeholder={table.getState().pagination.pageSize} />\n            </SelectTrigger>\n            <SelectContent side=\"top\">\n              {[10, 20, 30, 40, 50, 100, 300, 500].map((pageSize) => (\n                <SelectItem key={pageSize} value={`${pageSize}`}>\n                  {pageSize}\n                </SelectItem>\n              ))}\n            </SelectContent>\n          </Select>\n        </div>\n\n        <div className=\"flex items-center justify-center font-medium text-sm\">\n          Page {table.getState().pagination.pageIndex + 1} of {table.getPageCount()}\n        </div>\n\n        <div className=\"flex items-center space-x-2\">\n          <Button\n            type=\"button\"\n            variant=\"outline\"\n            className=\"hidden h-8 w-8 p-0 lg:flex\"\n            onClick={() => table.setPageIndex(0)}\n            disabled={!table.getCanPreviousPage()}\n          >\n            <span className=\"sr-only\">Go to first page</span>\n            <ChevronsLeft className=\"h-4 w-4\" />\n          </Button>\n\n          <Button\n            type=\"button\"\n            variant=\"outline\"\n            className=\"h-8 w-8 p-0\"\n            onClick={() => table.previousPage()}\n            disabled={!table.getCanPreviousPage()}\n          >\n            <span className=\"sr-only\">Go to previous page</span>\n            <ChevronLeft className=\"h-4 w-4\" />\n          </Button>\n\n          <Button\n            type=\"button\"\n            variant=\"outline\"\n            className=\"h-8 w-8 p-0\"\n            onClick={() => table.nextPage()}\n            disabled={!table.getCanNextPage()}\n          >\n            <span className=\"sr-only\">Go to next page</span>\n            <ChevronRight className=\"h-4 w-4\" />\n          </Button>\n\n          <Button\n            type=\"button\"\n            variant=\"outline\"\n            className=\"hidden h-8 w-8 p-0 lg:flex\"\n            onClick={() => table.setPageIndex(table.getPageCount() - 1)}\n            disabled={!table.getCanNextPage()}\n          >\n            <span className=\"sr-only\">Go to last page</span>\n            <ChevronsRight className=\"h-4 w-4\" />\n          </Button>\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;AAaA,SAAgB,sBAAoD,EAClE,SAGC;CACD,MAAM,WAAW,OAAO,KAAK,MAAM,UAAU,CAAC,aAAa,CAAC;CAC5D,MAAM,QAAQ,MAAM,aAAa;AAEjC,QACE,qBAAC;EAAI,WAAU;aACb,qBAAC;GAAI,WAAU;cACZ,WAAW,KACV,oBAAC;IACC,MAAK;IACL,MAAK;IACL,SAAQ;IACR,WAAU;IACV,eAAe,MAAM,mBAAmB;cAExC,oBAAC,SAAM,WAAU,YAAY;KACtB,EAGX,qBAAC;IAAI,WAAU;;KACZ,YAAY,MAAM,6BAA6B,CAAC,KAAK;KAAO;KAAI;KAChE,SAAS,MAAM,qBAAqB,CAAC,KAAK;KAAO;;KAC9C;IACF,EAEN,qBAAC;GAAI,WAAU;;IACb,qBAAC;KAAI,WAAU;gBACb,oBAAC;MAAE,WAAU;gBAAsB;OAAiB,EACpD,qBAAC;MACC,OAAO,GAAG,MAAM,UAAU,CAAC,WAAW;MACtC,gBAAgB,UAAU;AACxB,aAAM,YAAY,OAAO,MAAM,CAAC;;iBAGlC,oBAAC;OAAc,WAAU;iBACvB,oBAAC,eAAY,aAAa,MAAM,UAAU,CAAC,WAAW,WAAY;QACpD,EAChB,oBAAC;OAAc,MAAK;iBACjB;QAAC;QAAI;QAAI;QAAI;QAAI;QAAI;QAAK;QAAK;QAAI,CAAC,KAAK,aACxC,oBAAC;QAA0B,OAAO,GAAG;kBAClC;UADc,SAEJ,CACb;QACY;OACT;MACL;IAEN,qBAAC;KAAI,WAAU;;MAAuD;MAC9D,MAAM,UAAU,CAAC,WAAW,YAAY;MAAE;MAAK,MAAM,cAAc;;MACrE;IAEN,qBAAC;KAAI,WAAU;;MACb,qBAAC;OACC,MAAK;OACL,SAAQ;OACR,WAAU;OACV,eAAe,MAAM,aAAa,EAAE;OACpC,UAAU,CAAC,MAAM,oBAAoB;kBAErC,oBAAC;QAAK,WAAU;kBAAU;SAAuB,EACjD,oBAAC,gBAAa,WAAU,YAAY;QAC7B;MAET,qBAAC;OACC,MAAK;OACL,SAAQ;OACR,WAAU;OACV,eAAe,MAAM,cAAc;OACnC,UAAU,CAAC,MAAM,oBAAoB;kBAErC,oBAAC;QAAK,WAAU;kBAAU;SAA0B,EACpD,oBAAC,eAAY,WAAU,YAAY;QAC5B;MAET,qBAAC;OACC,MAAK;OACL,SAAQ;OACR,WAAU;OACV,eAAe,MAAM,UAAU;OAC/B,UAAU,CAAC,MAAM,gBAAgB;kBAEjC,oBAAC;QAAK,WAAU;kBAAU;SAAsB,EAChD,oBAAC,gBAAa,WAAU,YAAY;QAC7B;MAET,qBAAC;OACC,MAAK;OACL,SAAQ;OACR,WAAU;OACV,eAAe,MAAM,aAAa,MAAM,cAAc,GAAG,EAAE;OAC3D,UAAU,CAAC,MAAM,gBAAgB;kBAEjC,oBAAC;QAAK,WAAU;kBAAU;SAAsB,EAChD,oBAAC,iBAAc,WAAU,YAAY;QAC9B;;MACL;;IACF;GACF"}

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

@@ -1,22 +1,12 @@
-import { ContextCommandMenu, ContextCommandMenuContent, ContextCommandMenuTrigger } from "../../../../commands/menus/context-menu.client.mjs";
 import { TableRow } from "../../../components/table.mjs";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 
 //#region src/modules/data-tables/tables/data-table/components/row.tsx
 function DataTableRow({ row, table, className, ...props }) {
-	const meta = table.options.meta;
-	return /* @__PURE__ */ jsxs(ContextCommandMenu, { children: [/* @__PURE__ */ jsx(ContextCommandMenuTrigger, {
-		asChild: true,
-		children: /* @__PURE__ */ jsx(TableRow, {
-			...props,
-			"data-state": row.getIsSelected() && "selected"
-		})
-	}), /* @__PURE__ */ jsx(ContextCommandMenuContent, {
-		data: row.original,
-		commands: meta.commands || [],
-		meta,
-		className: "w-[300px]"
-	})] });
+	return /* @__PURE__ */ jsx(TableRow, {
+		...props,
+		"data-state": row.getIsSelected() && "selected"
+	});
 }
 
 //#endregion

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

@@ -1 +1 @@
-{"version":3,"file":"row.mjs","names":[],"sources":["../../../../../../src/modules/data-tables/tables/data-table/components/row.tsx"],"sourcesContent":["import type { Row, Table } from \"@tanstack/react-table\";\nimport type * as React from \"react\";\nimport {\n  ContextCommandMenu,\n  ContextCommandMenuContent,\n  ContextCommandMenuTrigger,\n} from \"@/modules/commands/menus/context-menu.client\";\nimport { TableRow } from \"@/modules/data-tables/components/table\";\nimport type { TableMeta } from \"../../../lib/types\";\n\nexport type DataTableRowProps<TData extends { id: string }> = React.ComponentProps<\n  typeof TableRow\n> & {\n  row: Row<TData>;\n  table: Table<TData>;\n};\n\nexport function DataTableRow<TData extends { id: string }>({\n  row,\n  table,\n  className,\n  ...props\n}: DataTableRowProps<TData>) {\n  const meta = table.options.meta as TableMeta<TData>;\n\n  return (\n    <ContextCommandMenu>\n      <ContextCommandMenuTrigger asChild>\n        <TableRow {...props} data-state={row.getIsSelected() && \"selected\"} />\n      </ContextCommandMenuTrigger>\n\n      <ContextCommandMenuContent\n        data={row.original}\n        commands={meta.commands || []}\n        meta={meta as never}\n        className=\"w-[300px]\"\n      />\n    </ContextCommandMenu>\n  );\n}\n"],"mappings":";;;;;AAiBA,SAAgB,aAA2C,EACzD,KACA,OACA,WACA,GAAG,SACwB;CAC3B,MAAM,OAAO,MAAM,QAAQ;AAE3B,QACE,qBAAC,iCACC,oBAAC;EAA0B;YACzB,oBAAC;GAAS,GAAI;GAAO,cAAY,IAAI,eAAe,IAAI;IAAc;GAC5C,EAE5B,oBAAC;EACC,MAAM,IAAI;EACV,UAAU,KAAK,YAAY,EAAE;EACvB;EACN,WAAU;GACV,IACiB"}
+{"version":3,"file":"row.mjs","names":[],"sources":["../../../../../../src/modules/data-tables/tables/data-table/components/row.tsx"],"sourcesContent":["import type { Row, Table } from \"@tanstack/react-table\";\nimport type * as React from \"react\";\nimport { TableRow } from \"@/modules/data-tables/components/table\";\n\nexport type DataTableRowProps<TData extends { id: string }> = React.ComponentProps<\n  typeof TableRow\n> & {\n  row: Row<TData>;\n  table: Table<TData>;\n};\n\nexport function DataTableRow<TData extends { id: string }>({\n  row,\n  table,\n  className,\n  ...props\n}: DataTableRowProps<TData>) {\n  return <TableRow {...props} data-state={row.getIsSelected() && \"selected\"} />;\n}\n\n//  <ContextCommandMenu>\n//       <ContextCommandMenuTrigger asChild>\n//   </ContextCommandMenuTrigger>\n\n//       <ContextCommandMenuContent\n//         data={row.original}\n//         commands={meta.commands || []}\n//         meta={meta as never}\n//         className=\"w-[300px]\"\n//       />\n//     </ContextCommandMenu>\n"],"mappings":";;;;AAWA,SAAgB,aAA2C,EACzD,KACA,OACA,WACA,GAAG,SACwB;AAC3B,QAAO,oBAAC;EAAS,GAAI;EAAO,cAAY,IAAI,eAAe,IAAI;GAAc"}

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

@@ -17,7 +17,7 @@ function InlineTableBody({ table }) {
 	const { rows } = table.getRowModel();
 	const { setNodeRef } = useDroppable({ id: "inline-data-table" });
 	const sensors = useSensors(useSensor(PointerSensor), useSensor(KeyboardSensor, { coordinateGetter: sortableKeyboardCoordinates }));
-	useInlineDataTableHotkeys();
+	useInlineDataTableHotkeys(context.hotkeys);
 	if (rows?.length === 0) return /* @__PURE__ */ jsx(TableBody, { children: /* @__PURE__ */ jsx(TableRow, { children: /* @__PURE__ */ jsx(TableCell, {
 		colSpan: table.getAllFlatColumns().length + 1 + (context.isDraggable ? 1 : 0) + (table.options.enableRowSelection ? 1 : 0),
 		className: "h-24 text-center",

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

@@ -1 +1 @@
-{"version":3,"file":"body.mjs","names":[],"sources":["../../../../../../src/modules/data-tables/tables/inline-table/components/body.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  closestCenter,\n  DndContext,\n  type DragEndEvent,\n  KeyboardSensor,\n  PointerSensor,\n  useDroppable,\n  useSensor,\n  useSensors,\n} from \"@dnd-kit/core\";\nimport { restrictToParentElement, restrictToVerticalAxis } from \"@dnd-kit/modifiers\";\nimport {\n  rectSortingStrategy,\n  SortableContext,\n  sortableKeyboardCoordinates,\n} from \"@dnd-kit/sortable\";\nimport { flexRender, type Table } from \"@tanstack/react-table\";\nimport { Fragment } from \"react/jsx-runtime\";\nimport { Allowed } from \"@/modules/auth/components/allowed.client\";\nimport { TableBody, TableCell, TableRow } from \"@/modules/data-tables/components/table\";\nimport type { TableColumnDef } from \"../../../lib/types\";\nimport { useInlineTableContext } from \"../hooks/context.client\";\nimport { useInlineDataTableHotkeys } from \"../hooks/use-hotkeys.client\";\nimport { InlineTableRow } from \"./row.client\";\n\nexport function InlineTableBody<TData extends { id: string }>({ table }: { table: Table<TData> }) {\n  const context = useInlineTableContext();\n\n  const { rows } = table.getRowModel();\n\n  const { setNodeRef } = useDroppable({ id: \"inline-data-table\" });\n  const sensors = useSensors(\n    useSensor(PointerSensor),\n    useSensor(KeyboardSensor, {\n      coordinateGetter: sortableKeyboardCoordinates,\n    }),\n  );\n\n  useInlineDataTableHotkeys();\n\n  if (rows?.length === 0) {\n    return (\n      <TableBody>\n        <TableRow>\n          <TableCell\n            colSpan={\n              table.getAllFlatColumns().length +\n              1 +\n              (context.isDraggable ? 1 : 0) +\n              (table.options.enableRowSelection ? 1 : 0)\n            }\n            className=\"h-24 text-center\"\n          >\n            Geen resultaten gevonden\n          </TableCell>\n        </TableRow>\n      </TableBody>\n    );\n  }\n\n  function handleDragEnd(event: DragEndEvent) {\n    if (!context.isDraggable) return;\n    const { active, over } = event;\n\n    if (active.id !== over?.id) {\n      const fromIndex = rows.findIndex((item) => item.id === active.id);\n      const toIndex = rows.findIndex((item) => item.id === over?.id);\n\n      context.moveRow({ fromIndex, toIndex });\n    }\n  }\n\n  return (\n    <DndContext\n      sensors={sensors}\n      onDragEnd={handleDragEnd}\n      collisionDetection={closestCenter}\n      modifiers={[restrictToVerticalAxis, restrictToParentElement]}\n    >\n      <SortableContext items={rows.map((row) => row.id)} strategy={rectSortingStrategy}>\n        <TableBody ref={setNodeRef}>\n          {rows.map((row) => (\n            <InlineTableRow\n              key={row.id}\n              row={row}\n              data-row-id={row.id}\n              table={table}\n              className=\"relative\"\n            >\n              {row.getVisibleCells().map((cell) => {\n                const columnDef = cell.column.columnDef as TableColumnDef<TData>;\n\n                const children = flexRender(cell.column.columnDef.cell, cell.getContext());\n\n                if (!columnDef.permissions) {\n                  return <Fragment key={cell.id}>{children}</Fragment>;\n                }\n\n                return (\n                  <Allowed key={cell.id} permission={columnDef.permissions}>\n                    {children}\n                  </Allowed>\n                );\n              })}\n            </InlineTableRow>\n          ))}\n        </TableBody>\n      </SortableContext>\n    </DndContext>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;AA2BA,SAAgB,gBAA8C,EAAE,SAAkC;CAChG,MAAM,UAAU,uBAAuB;CAEvC,MAAM,EAAE,SAAS,MAAM,aAAa;CAEpC,MAAM,EAAE,eAAe,aAAa,EAAE,IAAI,qBAAqB,CAAC;CAChE,MAAM,UAAU,WACd,UAAU,cAAc,EACxB,UAAU,gBAAgB,EACxB,kBAAkB,6BACnB,CAAC,CACH;AAED,4BAA2B;AAE3B,KAAI,MAAM,WAAW,EACnB,QACE,oBAAC,uBACC,oBAAC,sBACC,oBAAC;EACC,SACE,MAAM,mBAAmB,CAAC,SAC1B,KACC,QAAQ,cAAc,IAAI,MAC1B,MAAM,QAAQ,qBAAqB,IAAI;EAE1C,WAAU;YACX;GAEW,GACH,GACD;CAIhB,SAAS,cAAc,OAAqB;AAC1C,MAAI,CAAC,QAAQ,YAAa;EAC1B,MAAM,EAAE,QAAQ,SAAS;AAEzB,MAAI,OAAO,OAAO,MAAM,IAAI;GAC1B,MAAM,YAAY,KAAK,WAAW,SAAS,KAAK,OAAO,OAAO,GAAG;GACjE,MAAM,UAAU,KAAK,WAAW,SAAS,KAAK,OAAO,MAAM,GAAG;AAE9D,WAAQ,QAAQ;IAAE;IAAW;IAAS,CAAC;;;AAI3C,QACE,oBAAC;EACU;EACT,WAAW;EACX,oBAAoB;EACpB,WAAW,CAAC,wBAAwB,wBAAwB;YAE5D,oBAAC;GAAgB,OAAO,KAAK,KAAK,QAAQ,IAAI,GAAG;GAAE,UAAU;aAC3D,oBAAC;IAAU,KAAK;cACb,KAAK,KAAK,QACT,oBAAC;KAEM;KACL,eAAa,IAAI;KACV;KACP,WAAU;eAET,IAAI,iBAAiB,CAAC,KAAK,SAAS;MACnC,MAAM,YAAY,KAAK,OAAO;MAE9B,MAAM,WAAW,WAAW,KAAK,OAAO,UAAU,MAAM,KAAK,YAAY,CAAC;AAE1E,UAAI,CAAC,UAAU,YACb,QAAO,oBAAC,YAAwB,YAAV,KAAK,GAAyB;AAGtD,aACE,oBAAC;OAAsB,YAAY,UAAU;OAC1C;SADW,KAAK,GAET;OAEZ;OApBG,IAAI,GAqBM,CACjB;KACQ;IACI;GACP"}
+{"version":3,"file":"body.mjs","names":[],"sources":["../../../../../../src/modules/data-tables/tables/inline-table/components/body.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  closestCenter,\n  DndContext,\n  type DragEndEvent,\n  KeyboardSensor,\n  PointerSensor,\n  useDroppable,\n  useSensor,\n  useSensors,\n} from \"@dnd-kit/core\";\nimport { restrictToParentElement, restrictToVerticalAxis } from \"@dnd-kit/modifiers\";\nimport {\n  rectSortingStrategy,\n  SortableContext,\n  sortableKeyboardCoordinates,\n} from \"@dnd-kit/sortable\";\nimport { flexRender, type Table } from \"@tanstack/react-table\";\nimport { Fragment } from \"react/jsx-runtime\";\nimport { Allowed } from \"@/modules/auth/components/allowed.client\";\nimport { TableBody, TableCell, TableRow } from \"@/modules/data-tables/components/table\";\nimport type { TableColumnDef } from \"../../../lib/types\";\nimport { useInlineTableContext } from \"../hooks/context.client\";\nimport { useInlineDataTableHotkeys } from \"../hooks/use-hotkeys.client\";\nimport { InlineTableRow } from \"./row.client\";\n\nexport function InlineTableBody<TData extends { id: string }>({ table }: { table: Table<TData> }) {\n  const context = useInlineTableContext();\n\n  const { rows } = table.getRowModel();\n\n  const { setNodeRef } = useDroppable({ id: \"inline-data-table\" });\n  const sensors = useSensors(\n    useSensor(PointerSensor),\n    useSensor(KeyboardSensor, {\n      coordinateGetter: sortableKeyboardCoordinates,\n    }),\n  );\n\n  useInlineDataTableHotkeys(context.hotkeys);\n\n  if (rows?.length === 0) {\n    return (\n      <TableBody>\n        <TableRow>\n          <TableCell\n            colSpan={\n              table.getAllFlatColumns().length +\n              1 +\n              (context.isDraggable ? 1 : 0) +\n              (table.options.enableRowSelection ? 1 : 0)\n            }\n            className=\"h-24 text-center\"\n          >\n            Geen resultaten gevonden\n          </TableCell>\n        </TableRow>\n      </TableBody>\n    );\n  }\n\n  function handleDragEnd(event: DragEndEvent) {\n    if (!context.isDraggable) return;\n    const { active, over } = event;\n\n    if (active.id !== over?.id) {\n      const fromIndex = rows.findIndex((item) => item.id === active.id);\n      const toIndex = rows.findIndex((item) => item.id === over?.id);\n\n      context.moveRow({ fromIndex, toIndex });\n    }\n  }\n\n  return (\n    <DndContext\n      sensors={sensors}\n      onDragEnd={handleDragEnd}\n      collisionDetection={closestCenter}\n      modifiers={[restrictToVerticalAxis, restrictToParentElement]}\n    >\n      <SortableContext items={rows.map((row) => row.id)} strategy={rectSortingStrategy}>\n        <TableBody ref={setNodeRef}>\n          {rows.map((row) => (\n            <InlineTableRow\n              key={row.id}\n              row={row}\n              data-row-id={row.id}\n              table={table}\n              className=\"relative\"\n            >\n              {row.getVisibleCells().map((cell) => {\n                const columnDef = cell.column.columnDef as TableColumnDef<TData>;\n\n                const children = flexRender(cell.column.columnDef.cell, cell.getContext());\n\n                if (!columnDef.permissions) {\n                  return <Fragment key={cell.id}>{children}</Fragment>;\n                }\n\n                return (\n                  <Allowed key={cell.id} permission={columnDef.permissions}>\n                    {children}\n                  </Allowed>\n                );\n              })}\n            </InlineTableRow>\n          ))}\n        </TableBody>\n      </SortableContext>\n    </DndContext>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;AA2BA,SAAgB,gBAA8C,EAAE,SAAkC;CAChG,MAAM,UAAU,uBAAuB;CAEvC,MAAM,EAAE,SAAS,MAAM,aAAa;CAEpC,MAAM,EAAE,eAAe,aAAa,EAAE,IAAI,qBAAqB,CAAC;CAChE,MAAM,UAAU,WACd,UAAU,cAAc,EACxB,UAAU,gBAAgB,EACxB,kBAAkB,6BACnB,CAAC,CACH;AAED,2BAA0B,QAAQ,QAAQ;AAE1C,KAAI,MAAM,WAAW,EACnB,QACE,oBAAC,uBACC,oBAAC,sBACC,oBAAC;EACC,SACE,MAAM,mBAAmB,CAAC,SAC1B,KACC,QAAQ,cAAc,IAAI,MAC1B,MAAM,QAAQ,qBAAqB,IAAI;EAE1C,WAAU;YACX;GAEW,GACH,GACD;CAIhB,SAAS,cAAc,OAAqB;AAC1C,MAAI,CAAC,QAAQ,YAAa;EAC1B,MAAM,EAAE,QAAQ,SAAS;AAEzB,MAAI,OAAO,OAAO,MAAM,IAAI;GAC1B,MAAM,YAAY,KAAK,WAAW,SAAS,KAAK,OAAO,OAAO,GAAG;GACjE,MAAM,UAAU,KAAK,WAAW,SAAS,KAAK,OAAO,MAAM,GAAG;AAE9D,WAAQ,QAAQ;IAAE;IAAW;IAAS,CAAC;;;AAI3C,QACE,oBAAC;EACU;EACT,WAAW;EACX,oBAAoB;EACpB,WAAW,CAAC,wBAAwB,wBAAwB;YAE5D,oBAAC;GAAgB,OAAO,KAAK,KAAK,QAAQ,IAAI,GAAG;GAAE,UAAU;aAC3D,oBAAC;IAAU,KAAK;cACb,KAAK,KAAK,QACT,oBAAC;KAEM;KACL,eAAa,IAAI;KACV;KACP,WAAU;eAET,IAAI,iBAAiB,CAAC,KAAK,SAAS;MACnC,MAAM,YAAY,KAAK,OAAO;MAE9B,MAAM,WAAW,WAAW,KAAK,OAAO,UAAU,MAAM,KAAK,YAAY,CAAC;AAE1E,UAAI,CAAC,UAAU,YACb,QAAO,oBAAC,YAAwB,YAAV,KAAK,GAAyB;AAGtD,aACE,oBAAC;OAAsB,YAAY,UAAU;OAC1C;SADW,KAAK,GAET;OAEZ;OApBG,IAAI,GAqBM,CACjB;KACQ;IACI;GACP"}

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

@@ -5,7 +5,7 @@ import { jsx } from "react/jsx-runtime";
 //#region src/modules/data-tables/tables/inline-table/components/cells/common.tsx
 function TableInlineCell({ className, ...props }) {
 	return /* @__PURE__ */ jsx(TableCell, {
-		className: cn("focus-within:bg-accent focus-within:text-accent-foreground h-9 border-l p-0 align-middle first:border-0 [&:has([role=checkbox])]:pr-0", className),
+		className: cn("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),
 		...props
 	});
 }

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

@@ -1 +1 @@
-{"version":3,"file":"common.mjs","names":[],"sources":["../../../../../../../src/modules/data-tables/tables/inline-table/components/cells/common.tsx"],"sourcesContent":["import type * as React from \"react\";\nimport { cn } from \"@/lib/utils/cn\";\nimport { TableCell } from \"../../../../components/table\";\n\nexport function TableInlineCell({ className, ...props }: React.ComponentProps<typeof TableCell>) {\n  return (\n    <TableCell\n      className={cn(\n        \"focus-within:bg-accent focus-within:text-accent-foreground h-9 border-l p-0 align-middle first:border-0 [&:has([role=checkbox])]:pr-0\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n"],"mappings":";;;;;AAIA,SAAgB,gBAAgB,EAAE,WAAW,GAAG,SAAiD;AAC/F,QACE,oBAAC;EACC,WAAW,GACT,yIACA,UACD;EACD,GAAI;GACJ"}
+{"version":3,"file":"common.mjs","names":[],"sources":["../../../../../../../src/modules/data-tables/tables/inline-table/components/cells/common.tsx"],"sourcesContent":["import type * as React from \"react\";\nimport { cn } from \"@/lib/utils/cn\";\nimport { TableCell } from \"../../../../components/table\";\n\nexport function TableInlineCell({ className, ...props }: React.ComponentProps<typeof TableCell>) {\n  return (\n    <TableCell\n      className={cn(\n        \"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\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n"],"mappings":";;;;;AAIA,SAAgB,gBAAgB,EAAE,WAAW,GAAG,SAAiD;AAC/F,QACE,oBAAC;EACC,WAAW,GACT,yIACA,UACD;EACD,GAAI;GACJ"}

package/dist/modules/data-tables/tables/inline-table/components/cells/drag-handle.client.mjs

@@ -20,7 +20,7 @@ function TableDragHandle({ row, className, disabled }) {
 			type: "button",
 			className: cn("h-full w-8 rounded-none border-none", className),
 			disabled,
-			children: /* @__PURE__ */ jsx(GripIcon, { className: "fill-muted size-4" })
+			children: /* @__PURE__ */ jsx(GripIcon, { className: "size-4 fill-muted" })
 		})
 	});
 }

package/dist/modules/data-tables/tables/inline-table/components/cells/drag-handle.client.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"drag-handle.client.mjs","names":[],"sources":["../../../../../../../src/modules/data-tables/tables/inline-table/components/cells/drag-handle.client.tsx"],"sourcesContent":["import { useSortable } from \"@dnd-kit/sortable\";\nimport type { CellContext } from \"@tanstack/react-table\";\nimport { GripIcon } from \"lucide-react\";\nimport { Button } from \"@/components/ui/button\";\nimport { cn } from \"@/lib/entry\";\nimport { createTableCell } from \"../../../../lib/helpers/create-column\";\nimport { TableInlineCell } from \"./common\";\n\n/**\n * Create a new column with the drag handle\n */\nexport type TableDragHandleProps<TData, TValue> = Pick<CellContext<TData, TValue>, \"row\"> & {\n  className?: string;\n  disabled?: boolean;\n};\n\nexport function TableDragHandle<TData, TValue>({\n  row,\n  className,\n  disabled,\n}: TableDragHandleProps<TData, TValue>) {\n  const rowId = (row.original as { id: string }).id;\n\n  const { attributes, listeners } = useSortable({ id: rowId });\n\n  return (\n    <TableInlineCell className=\"w-8\">\n      <Button\n        {...attributes}\n        {...listeners}\n        variant=\"ghost\"\n        size=\"icon\"\n        type=\"button\"\n        className={cn(\"h-full w-8 rounded-none border-none\", className)}\n        disabled={disabled}\n      >\n        <GripIcon className=\"fill-muted size-4\" />\n      </Button>\n    </TableInlineCell>\n  );\n}\n\n/**\n * Create a new column with the drag handle\n */\nexport const createTableDragHandleCell = createTableCell({\n  id: \"dragHandle\",\n  cell: TableDragHandle,\n  enableHiding: false,\n  enableSorting: false,\n});\n"],"mappings":";;;;;;;;;AAgBA,SAAgB,gBAA+B,EAC7C,KACA,WACA,YACsC;CACtC,MAAM,QAAS,IAAI,SAA4B;CAE/C,MAAM,EAAE,YAAY,cAAc,YAAY,EAAE,IAAI,OAAO,CAAC;AAE5D,QACE,oBAAC;EAAgB,WAAU;YACzB,oBAAC;GACC,GAAI;GACJ,GAAI;GACJ,SAAQ;GACR,MAAK;GACL,MAAK;GACL,WAAW,GAAG,uCAAuC,UAAU;GACrD;aAEV,oBAAC,YAAS,WAAU,sBAAsB;IACnC;GACO;;;;;AAOtB,MAAa,4BAA4B,gBAAgB;CACvD,IAAI;CACJ,MAAM;CACN,cAAc;CACd,eAAe;CAChB,CAAC"}
+{"version":3,"file":"drag-handle.client.mjs","names":[],"sources":["../../../../../../../src/modules/data-tables/tables/inline-table/components/cells/drag-handle.client.tsx"],"sourcesContent":["import { useSortable } from \"@dnd-kit/sortable\";\nimport type { CellContext } from \"@tanstack/react-table\";\nimport { GripIcon } from \"lucide-react\";\nimport { Button } from \"@/components/ui/button\";\nimport { cn } from \"@/lib/entry\";\nimport { createTableCell } from \"../../../../lib/helpers/create-column\";\nimport { TableInlineCell } from \"./common\";\n\n/**\n * Create a new column with the drag handle\n */\nexport type TableDragHandleProps<TData, TValue> = Pick<CellContext<TData, TValue>, \"row\"> & {\n  className?: string;\n  disabled?: boolean;\n};\n\nexport function TableDragHandle<TData, TValue>({\n  row,\n  className,\n  disabled,\n}: TableDragHandleProps<TData, TValue>) {\n  const rowId = (row.original as { id: string }).id;\n\n  const { attributes, listeners } = useSortable({ id: rowId });\n\n  return (\n    <TableInlineCell className=\"w-8\">\n      <Button\n        {...attributes}\n        {...listeners}\n        variant=\"ghost\"\n        size=\"icon\"\n        type=\"button\"\n        className={cn(\"h-full w-8 rounded-none border-none\", className)}\n        disabled={disabled}\n      >\n        <GripIcon className=\"size-4 fill-muted\" />\n      </Button>\n    </TableInlineCell>\n  );\n}\n\n/**\n * Create a new column with the drag handle\n */\nexport const createTableDragHandleCell = createTableCell({\n  id: \"dragHandle\",\n  cell: TableDragHandle,\n  enableHiding: false,\n  enableSorting: false,\n});\n"],"mappings":";;;;;;;;;AAgBA,SAAgB,gBAA+B,EAC7C,KACA,WACA,YACsC;CACtC,MAAM,QAAS,IAAI,SAA4B;CAE/C,MAAM,EAAE,YAAY,cAAc,YAAY,EAAE,IAAI,OAAO,CAAC;AAE5D,QACE,oBAAC;EAAgB,WAAU;YACzB,oBAAC;GACC,GAAI;GACJ,GAAI;GACJ,SAAQ;GACR,MAAK;GACL,MAAK;GACL,WAAW,GAAG,uCAAuC,UAAU;GACrD;aAEV,oBAAC,YAAS,WAAU,sBAAsB;IACnC;GACO;;;;;AAOtB,MAAa,4BAA4B,gBAAgB;CACvD,IAAI;CACJ,MAAM;CACN,cAAc;CACd,eAAe;CAChB,CAAC"}

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

@@ -5,7 +5,7 @@ import { jsx } from "react/jsx-runtime";
 function InlineDataTableReadOnly({ className, children, ...props }) {
 	return /* @__PURE__ */ jsx("span", {
 		...props,
-		className: cn("bg-muted/50 flex h-full w-full items-center truncate px-3", className),
+		className: cn("flex h-full w-full items-center truncate bg-muted/50 px-3", className),
 		children
 	});
 }

package/dist/modules/data-tables/tables/inline-table/components/cells/read-only.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"read-only.mjs","names":[],"sources":["../../../../../../../src/modules/data-tables/tables/inline-table/components/cells/read-only.tsx"],"sourcesContent":["import type React from \"react\";\nimport { cn } from \"@/lib/utils/cn\";\n\nexport function InlineDataTableReadOnly({\n  className,\n  children,\n  ...props\n}: React.HTMLAttributes<HTMLSpanElement>) {\n  return (\n    <span\n      {...props}\n      className={cn(\"bg-muted/50 flex h-full w-full items-center truncate px-3\", className)}\n    >\n      {children}\n    </span>\n  );\n}\n"],"mappings":";;;;AAGA,SAAgB,wBAAwB,EACtC,WACA,UACA,GAAG,SACqC;AACxC,QACE,oBAAC;EACC,GAAI;EACJ,WAAW,GAAG,6DAA6D,UAAU;EAEpF;GACI"}
+{"version":3,"file":"read-only.mjs","names":[],"sources":["../../../../../../../src/modules/data-tables/tables/inline-table/components/cells/read-only.tsx"],"sourcesContent":["import type React from \"react\";\nimport { cn } from \"@/lib/utils/cn\";\n\nexport function InlineDataTableReadOnly({\n  className,\n  children,\n  ...props\n}: React.HTMLAttributes<HTMLSpanElement>) {\n  return (\n    <span\n      {...props}\n      className={cn(\"flex h-full w-full items-center truncate bg-muted/50 px-3\", className)}\n    >\n      {children}\n    </span>\n  );\n}\n"],"mappings":";;;;AAGA,SAAgB,wBAAwB,EACtC,WACA,UACA,GAAG,SACqC;AACxC,QACE,oBAAC;EACC,GAAI;EACJ,WAAW,GAAG,6DAA6D,UAAU;EAEpF;GACI"}

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

@@ -1,38 +1,28 @@
 "use client";
 
-import { ContextCommandMenu, ContextCommandMenuContent, ContextCommandMenuTrigger } from "../../../../commands/menus/context-menu.client.mjs";
 import { TableRow } from "../../../components/table.mjs";
 import { InlineEditProvider } from "../../../../inline-edit/hooks/context.client.mjs";
-import { jsx, jsxs } from "react/jsx-runtime";
+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 meta = table.options.meta;
 	const rowId = row.original.id;
 	const { setNodeRef, transform, transition } = useSortable({ id: rowId });
-	return /* @__PURE__ */ jsxs(ContextCommandMenu, { children: [/* @__PURE__ */ jsx(ContextCommandMenuTrigger, {
-		asChild: true,
-		children: /* @__PURE__ */ jsx(TableRow, {
-			...props,
-			ref: setNodeRef,
-			"data-state": row.getIsSelected() && "selected",
-			style: {
-				transform: CSS.Transform.toString(transform),
-				transition
-			},
-			children: /* @__PURE__ */ jsx(InlineEditProvider, {
-				id: row.original.id,
-				children
-			})
+	return /* @__PURE__ */ jsx(TableRow, {
+		...props,
+		ref: setNodeRef,
+		"data-state": row.getIsSelected() && "selected",
+		style: {
+			transform: CSS.Transform.toString(transform),
+			transition
+		},
+		children: /* @__PURE__ */ jsx(InlineEditProvider, {
+			id: row.original.id,
+			children
 		})
-	}), /* @__PURE__ */ jsx(ContextCommandMenuContent, {
-		data: row.original,
-		commands: meta.commands || [],
-		meta,
-		className: "w-[300px]"
-	})] });
+	});
 }
 
 //#endregion

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

@@ -1 +1 @@
-{"version":3,"file":"row.client.mjs","names":[],"sources":["../../../../../../src/modules/data-tables/tables/inline-table/components/row.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { useSortable } from \"@dnd-kit/sortable\";\nimport { CSS } from \"@dnd-kit/utilities\";\nimport type { Row, Table } from \"@tanstack/react-table\";\nimport type * as React from \"react\";\nimport {\n  ContextCommandMenu,\n  ContextCommandMenuContent,\n  ContextCommandMenuTrigger,\n} from \"@/modules/commands/entry.client\";\nimport { TableRow } from \"@/modules/data-tables/components/table\";\nimport { InlineEditProvider } from \"@/modules/inline-edit/entry.client\";\nimport type { TableMeta } from \"../../../lib/types\";\n\nexport type InlineTableRowProps<TData extends { id: string }> =\n  React.HTMLAttributes<HTMLTableRowElement> & {\n    row: Row<TData>;\n    table: Table<TData>;\n  };\n\nexport function InlineTableRow<TData extends { id: string }>({\n  row,\n  table,\n  children,\n  ...props\n}: InlineTableRowProps<TData>) {\n  const meta = table.options.meta as TableMeta<TData>;\n\n  const rowId = (row.original as { id: string }).id;\n\n  const { setNodeRef, transform, transition } = useSortable({ id: rowId });\n\n  return (\n    <ContextCommandMenu>\n      <ContextCommandMenuTrigger asChild>\n        <TableRow\n          {...props}\n          ref={setNodeRef}\n          data-state={row.getIsSelected() && \"selected\"}\n          style={{\n            transform: CSS.Transform.toString(transform),\n            transition,\n          }}\n        >\n          <InlineEditProvider id={row.original.id}>{children}</InlineEditProvider>\n        </TableRow>\n      </ContextCommandMenuTrigger>\n\n      <ContextCommandMenuContent\n        data={row.original}\n        commands={meta.commands || []}\n        meta={meta as never}\n        className=\"w-[300px]\"\n      />\n    </ContextCommandMenu>\n  );\n}\n"],"mappings":";;;;;;;;;;AAqBA,SAAgB,eAA6C,EAC3D,KACA,OACA,UACA,GAAG,SAC0B;CAC7B,MAAM,OAAO,MAAM,QAAQ;CAE3B,MAAM,QAAS,IAAI,SAA4B;CAE/C,MAAM,EAAE,YAAY,WAAW,eAAe,YAAY,EAAE,IAAI,OAAO,CAAC;AAExE,QACE,qBAAC,iCACC,oBAAC;EAA0B;YACzB,oBAAC;GACC,GAAI;GACJ,KAAK;GACL,cAAY,IAAI,eAAe,IAAI;GACnC,OAAO;IACL,WAAW,IAAI,UAAU,SAAS,UAAU;IAC5C;IACD;aAED,oBAAC;IAAmB,IAAI,IAAI,SAAS;IAAK;KAA8B;IAC/D;GACe,EAE5B,oBAAC;EACC,MAAM,IAAI;EACV,UAAU,KAAK,YAAY,EAAE;EACvB;EACN,WAAU;GACV,IACiB"}
+{"version":3,"file":"row.client.mjs","names":[],"sources":["../../../../../../src/modules/data-tables/tables/inline-table/components/row.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { useSortable } from \"@dnd-kit/sortable\";\nimport { CSS } from \"@dnd-kit/utilities\";\nimport type { Row, Table } from \"@tanstack/react-table\";\nimport type * as React from \"react\";\nimport { TableRow } from \"@/modules/data-tables/components/table\";\nimport { InlineEditProvider } from \"@/modules/inline-edit/entry.client\";\n\nexport type InlineTableRowProps<TData extends { id: string }> =\n  React.HTMLAttributes<HTMLTableRowElement> & {\n    row: Row<TData>;\n    table: Table<TData>;\n  };\n\nexport function InlineTableRow<TData extends { id: string }>({\n  row,\n  table,\n  children,\n  ...props\n}: InlineTableRowProps<TData>) {\n  const rowId = (row.original as { id: string }).id;\n\n  const { setNodeRef, transform, transition } = useSortable({ id: rowId });\n\n  return (\n    <TableRow\n      {...props}\n      ref={setNodeRef}\n      data-state={row.getIsSelected() && \"selected\"}\n      style={{\n        transform: CSS.Transform.toString(transform),\n        transition,\n      }}\n    >\n      <InlineEditProvider id={row.original.id}>{children}</InlineEditProvider>\n    </TableRow>\n  );\n}\n\n{\n  /* <ContextCommandMenu>\n  <ContextCommandMenuTrigger asChild></ContextCommandMenuTrigger>\n\n  <ContextCommandMenuContent\n    data={row.original}\n    commands={meta.commands || []}\n    meta={meta as never}\n    className=\"w-[300px]\"\n  />\n</ContextCommandMenu>; */\n}\n"],"mappings":";;;;;;;;;AAeA,SAAgB,eAA6C,EAC3D,KACA,OACA,UACA,GAAG,SAC0B;CAC7B,MAAM,QAAS,IAAI,SAA4B;CAE/C,MAAM,EAAE,YAAY,WAAW,eAAe,YAAY,EAAE,IAAI,OAAO,CAAC;AAExE,QACE,oBAAC;EACC,GAAI;EACJ,KAAK;EACL,cAAY,IAAI,eAAe,IAAI;EACnC,OAAO;GACL,WAAW,IAAI,UAAU,SAAS,UAAU;GAC5C;GACD;YAED,oBAAC;GAAmB,IAAI,IAAI,SAAS;GAAK;IAA8B;GAC/D"}

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

@@ -9,6 +9,7 @@ declare function InlineTable<TData extends {
 }>({
   disabledColumns,
   moveRowAction,
+  hotkeys,
   ...props
 }: ComponentProps<typeof Table> & ComponentProps<typeof InlineTableProvider>): react_jsx_runtime0.JSX.Element;
 //#endregion

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

@@ -1 +1 @@
-{"version":3,"file":"table.d.mts","names":[],"sources":["../../../../../../src/modules/data-tables/tables/inline-table/components/table.tsx"],"mappings":";;;;;;iBAagB,WAAA;EAA4B,EAAA;AAAA,EAAA,CAAA;EAC1C,eAAA;EACA,aAAA;EAAA,GACG;AAAA,GACF,cAAA,QAAsB,KAAA,IAAS,cAAA,QAAsB,mBAAA,IAAoB,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"table.d.mts","names":[],"sources":["../../../../../../src/modules/data-tables/tables/inline-table/components/table.tsx"],"mappings":";;;;;;iBAagB,WAAA;EAA4B,EAAA;AAAA,EAAA,CAAA;EAC1C,eAAA;EACA,aAAA;EACA,OAAA;EAAA,GACG;AAAA,GACF,cAAA,QAAsB,KAAA,IAAS,cAAA,QAAsB,mBAAA,IAAoB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

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

@@ -11,12 +11,13 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { HotkeysProvider } from "react-hotkeys-hook";
 
 //#region src/modules/data-tables/tables/inline-table/components/table.tsx
-function InlineTable({ disabledColumns, moveRowAction, ...props }) {
+function InlineTable({ disabledColumns, moveRowAction, hotkeys, ...props }) {
 	const table = useTable();
 	const meta = table.options.meta;
 	return /* @__PURE__ */ jsx(InlineTableProvider, {
 		disabledColumns,
 		moveRowAction,
+		hotkeys,
 		children: /* @__PURE__ */ jsxs("div", {
 			className: "space-y-4",
 			children: [

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

@@ -1 +1 @@
-{"version":3,"file":"table.mjs","names":[],"sources":["../../../../../../src/modules/data-tables/tables/inline-table/components/table.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ComponentProps } from \"react\";\nimport { HotkeysProvider } from \"react-hotkeys-hook\";\nimport { FloatingCommandMenu } from \"@/modules/commands/menus/floating-menu.client\";\nimport { TableBottombar, TableFooter } from \"@/modules/data-tables/components/footer\";\nimport { Table } from \"@/modules/data-tables/components/table\";\nimport type { TableMeta } from \"@/modules/data-tables/entry\";\nimport { useTable } from \"@/modules/data-tables/hooks/use-table.client\";\nimport { InlineTableProvider } from \"../hooks/context.client\";\nimport { InlineTableBody } from \"./body\";\nimport { InlineTableHeader } from \"./header\";\n\nexport function InlineTable<TData extends { id: string }>({\n  disabledColumns,\n  moveRowAction,\n  ...props\n}: ComponentProps<typeof Table> & ComponentProps<typeof InlineTableProvider>) {\n  const table = useTable<TData>();\n  const meta = table.options.meta as TableMeta<TData>;\n\n  return (\n    <InlineTableProvider disabledColumns={disabledColumns} moveRowAction={moveRowAction}>\n      <div className=\"space-y-4\">\n        <div className=\"rounded-md border\">\n          <Table {...props}>\n            <InlineTableHeader table={table} />\n\n            <HotkeysProvider initiallyActiveScopes={[\"inline-data-table\"]}>\n              <InlineTableBody table={table} />\n            </HotkeysProvider>\n\n            <TableFooter table={table} />\n          </Table>\n        </div>\n\n        <TableBottombar table={table} />\n\n        {meta.commands && (\n          <FloatingCommandMenu\n            data={meta.selectedData}\n            commands={meta.commands}\n            meta={meta}\n            state={meta.selectedData?.length ? \"open\" : \"closed\"}\n            onSuccess={() => table.resetRowSelection()}\n          />\n        )}\n      </div>\n    </InlineTableProvider>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;AAaA,SAAgB,YAA0C,EACxD,iBACA,eACA,GAAG,SACyE;CAC5E,MAAM,QAAQ,UAAiB;CAC/B,MAAM,OAAO,MAAM,QAAQ;AAE3B,QACE,oBAAC;EAAqC;EAAgC;YACpE,qBAAC;GAAI,WAAU;;IACb,oBAAC;KAAI,WAAU;eACb,qBAAC;MAAM,GAAI;;OACT,oBAAC,qBAAyB,QAAS;OAEnC,oBAAC;QAAgB,uBAAuB,CAAC,oBAAoB;kBAC3D,oBAAC,mBAAuB,QAAS;SACjB;OAElB,oBAAC,eAAmB,QAAS;;OACvB;MACJ;IAEN,oBAAC,kBAAsB,QAAS;IAE/B,KAAK,YACJ,oBAAC;KACC,MAAM,KAAK;KACX,UAAU,KAAK;KACT;KACN,OAAO,KAAK,cAAc,SAAS,SAAS;KAC5C,iBAAiB,MAAM,mBAAmB;MAC1C;;IAEA;GACc"}
+{"version":3,"file":"table.mjs","names":[],"sources":["../../../../../../src/modules/data-tables/tables/inline-table/components/table.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ComponentProps } from \"react\";\nimport { HotkeysProvider } from \"react-hotkeys-hook\";\nimport { FloatingCommandMenu } from \"@/modules/commands/menus/floating-menu.client\";\nimport { TableBottombar, TableFooter } from \"@/modules/data-tables/components/footer\";\nimport { Table } from \"@/modules/data-tables/components/table\";\nimport type { TableMeta } from \"@/modules/data-tables/entry\";\nimport { useTable } from \"@/modules/data-tables/hooks/use-table.client\";\nimport { InlineTableProvider } from \"../hooks/context.client\";\nimport { InlineTableBody } from \"./body\";\nimport { InlineTableHeader } from \"./header\";\n\nexport function InlineTable<TData extends { id: string }>({\n  disabledColumns,\n  moveRowAction,\n  hotkeys,\n  ...props\n}: ComponentProps<typeof Table> & ComponentProps<typeof InlineTableProvider>) {\n  const table = useTable<TData>();\n  const meta = table.options.meta as TableMeta<TData>;\n\n  return (\n    <InlineTableProvider\n      disabledColumns={disabledColumns}\n      moveRowAction={moveRowAction}\n      hotkeys={hotkeys}\n    >\n      <div className=\"space-y-4\">\n        <div className=\"rounded-md border\">\n          <Table {...props}>\n            <InlineTableHeader table={table} />\n\n            <HotkeysProvider initiallyActiveScopes={[\"inline-data-table\"]}>\n              <InlineTableBody table={table} />\n            </HotkeysProvider>\n\n            <TableFooter table={table} />\n          </Table>\n        </div>\n\n        <TableBottombar table={table} />\n\n        {meta.commands && (\n          <FloatingCommandMenu\n            data={meta.selectedData}\n            commands={meta.commands}\n            meta={meta}\n            state={meta.selectedData?.length ? \"open\" : \"closed\"}\n            onSuccess={() => table.resetRowSelection()}\n          />\n        )}\n      </div>\n    </InlineTableProvider>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;AAaA,SAAgB,YAA0C,EACxD,iBACA,eACA,SACA,GAAG,SACyE;CAC5E,MAAM,QAAQ,UAAiB;CAC/B,MAAM,OAAO,MAAM,QAAQ;AAE3B,QACE,oBAAC;EACkB;EACF;EACN;YAET,qBAAC;GAAI,WAAU;;IACb,oBAAC;KAAI,WAAU;eACb,qBAAC;MAAM,GAAI;;OACT,oBAAC,qBAAyB,QAAS;OAEnC,oBAAC;QAAgB,uBAAuB,CAAC,oBAAoB;kBAC3D,oBAAC,mBAAuB,QAAS;SACjB;OAElB,oBAAC,eAAmB,QAAS;;OACvB;MACJ;IAEN,oBAAC,kBAAsB,QAAS;IAE/B,KAAK,YACJ,oBAAC;KACC,MAAM,KAAK;KACX,UAAU,KAAK;KACT;KACN,OAAO,KAAK,cAAc,SAAS,SAAS;KAC5C,iBAAiB,MAAM,mBAAmB;MAC1C;;IAEA;GACc"}

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

@@ -1,3 +1,4 @@
+import { InlineDataTableHotkeysConfig } from "./use-hotkeys.client.mjs";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
 import { PropsWithChildren } from "react";
 import { VisibilityState } from "@tanstack/react-table";
@@ -21,6 +22,7 @@ type MoveRowMethod = {
  */
 type InlineTableContextValue = MoveRowMethod & {
   disabledColumns?: VisibilityState;
+  hotkeys?: InlineDataTableHotkeysConfig;
 };
 /**
  * Inline form table context hook
@@ -34,13 +36,15 @@ declare function InlineTableProvider<TData extends {
 }>({
   children,
   disabledColumns,
-  moveRowAction
+  moveRowAction,
+  hotkeys
 }: PropsWithChildren<{
   disabledColumns?: VisibilityState;
   moveRowAction?: (input: {
     fromIndex: number;
     toIndex: number;
   }) => Promise<unknown>;
+  hotkeys?: InlineDataTableHotkeysConfig;
 }>): react_jsx_runtime0.JSX.Element;
 //#endregion
 export { InlineTableContextValue, InlineTableProvider, useInlineTableContext };

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

@@ -1 +1 @@
-{"version":3,"file":"context.client.d.mts","names":[],"sources":["../../../../../../src/modules/data-tables/tables/inline-table/hooks/context.client.tsx"],"mappings":";;;;;;;;KAWK,aAAA;EAEC,WAAA;EACA,OAAA;AAAA;EAGA,WAAA;EACA,OAAA,GAAU,MAAA;IAAU,SAAA;IAAmB,OAAA;EAAA;AAAA;;;;KAMjC,uBAAA,GAA0B,aAAA;EACpC,eAAA,GAAkB,eAAA;AAAA;;;;iBAYJ,qBAAA,CAAA,GAAqB,uBAAA;;;AAArC;iBAUgB,mBAAA;EAAoC,EAAA;AAAA,EAAA,CAAA;EAClD,QAAA;EACA,eAAA;EACA;AAAA,GACC,iBAAA;EACD,eAAA,GAAkB,eAAA;EAClB,aAAA,IAAiB,KAAA;IAAS,SAAA;IAAmB,OAAA;EAAA,MAAsB,OAAA;AAAA,KACnE,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"context.client.d.mts","names":[],"sources":["../../../../../../src/modules/data-tables/tables/inline-table/hooks/context.client.tsx"],"mappings":";;;;;;;;;KAYK,aAAA;EAEC,WAAA;EACA,OAAA;AAAA;EAGA,WAAA;EACA,OAAA,GAAU,MAAA;IAAU,SAAA;IAAmB,OAAA;EAAA;AAAA;;;;KAMjC,uBAAA,GAA0B,aAAA;EACpC,eAAA,GAAkB,eAAA;EAClB,OAAA,GAAU,4BAAA;AAAA;;;;iBAYI,qBAAA,CAAA,GAAqB,uBAAA;;;;iBAUrB,mBAAA;EAAoC,EAAA;AAAA,EAAA,CAAA;EAClD,QAAA;EACA,eAAA;EACA,aAAA;EACA;AAAA,GACC,iBAAA;EACD,eAAA,GAAkB,eAAA;EAClB,aAAA,IAAiB,KAAA;IAAS,SAAA;IAAmB,OAAA;EAAA,MAAsB,OAAA;EACnE,OAAA,GAAU,4BAAA;AAAA,KACV,kBAAA,CAAA,GAAA,CAAA,OAAA"}

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

@@ -22,7 +22,7 @@ function useInlineTableContext() {
 /**
 * Inline form table context provider
 */
-function InlineTableProvider({ children, disabledColumns, moveRowAction }) {
+function InlineTableProvider({ children, disabledColumns, moveRowAction, hotkeys }) {
 	const { queryData, setData } = useTableConfigContext();
 	const moveRowMutation = useAction({
 		mutationFn: async (params) => {
@@ -41,6 +41,7 @@ function InlineTableProvider({ children, disabledColumns, moveRowAction }) {
 	return /* @__PURE__ */ jsx(InlineTableContext.Provider, {
 		value: {
 			disabledColumns,
+			hotkeys,
 			...moveRowAction ? {
 				isDraggable: true,
 				moveRow: moveRowMutation.mutate