@tulip-systems/core 0.4.0 → 0.5.0

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

@@ -0,0 +1,132 @@
+"use client";
+
+import { Button } from "../../../../components/ui/button.mjs";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "../../../../components/ui/select.client.mjs";
+import { ChevronLeft, ChevronRight, ChevronsLeft, ChevronsRight, XIcon } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/modules/data-tables/strategies/pagination/components.tsx
+function PaginationTableFooter({ table }) {
+	const selected = Object.keys(table.getState().rowSelection).length;
+	const total = table.getRowCount();
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex flex-col gap-y-4 px-2 md:flex-row md:items-center md:justify-between",
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "flex items-center gap-2",
+			children: [selected > 0 && /* @__PURE__ */ jsx(Button, {
+				type: "button",
+				size: "icon",
+				variant: "ghost",
+				className: "h-4 w-4 rounded-full",
+				onClick: () => table.resetRowSelection(),
+				children: /* @__PURE__ */ jsx(XIcon, { className: "h-2 w-2" })
+			}), /* @__PURE__ */ jsxs("div", {
+				className: "text-muted-foreground flex-1 text-sm",
+				children: [
+					selected ?? table.getFilteredSelectedRowModel().rows.length,
+					" of",
+					" ",
+					total ?? table.getFilteredRowModel().rows.length,
+					" row(s) selected."
+				]
+			})]
+		}), /* @__PURE__ */ jsxs("div", {
+			className: "flex items-center justify-between gap-x-6 md:justify-start lg:space-x-8",
+			children: [
+				/* @__PURE__ */ jsxs("div", {
+					className: "hidden items-center space-x-2 md:flex",
+					children: [/* @__PURE__ */ jsx("p", {
+						className: "text-sm font-medium",
+						children: "Rows per page"
+					}), /* @__PURE__ */ jsxs(Select, {
+						value: `${table.getState().pagination.pageSize}`,
+						onValueChange: (value) => {
+							table.setPageSize(Number(value));
+						},
+						children: [/* @__PURE__ */ jsx(SelectTrigger, {
+							className: "h-8 w-[70px]",
+							children: /* @__PURE__ */ jsx(SelectValue, { placeholder: table.getState().pagination.pageSize })
+						}), /* @__PURE__ */ jsx(SelectContent, {
+							side: "top",
+							children: [
+								10,
+								20,
+								30,
+								40,
+								50,
+								100,
+								300,
+								500
+							].map((pageSize) => /* @__PURE__ */ jsx(SelectItem, {
+								value: `${pageSize}`,
+								children: pageSize
+							}, pageSize))
+						})]
+					})]
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: "flex items-center justify-center text-sm font-medium",
+					children: [
+						"Page ",
+						table.getState().pagination.pageIndex + 1,
+						" of ",
+						table.getPageCount()
+					]
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: "flex items-center space-x-2",
+					children: [
+						/* @__PURE__ */ jsxs(Button, {
+							type: "button",
+							variant: "outline",
+							className: "hidden h-8 w-8 p-0 lg:flex",
+							onClick: () => table.setPageIndex(0),
+							disabled: !table.getCanPreviousPage(),
+							children: [/* @__PURE__ */ jsx("span", {
+								className: "sr-only",
+								children: "Go to first page"
+							}), /* @__PURE__ */ jsx(ChevronsLeft, { className: "h-4 w-4" })]
+						}),
+						/* @__PURE__ */ jsxs(Button, {
+							type: "button",
+							variant: "outline",
+							className: "h-8 w-8 p-0",
+							onClick: () => table.previousPage(),
+							disabled: !table.getCanPreviousPage(),
+							children: [/* @__PURE__ */ jsx("span", {
+								className: "sr-only",
+								children: "Go to previous page"
+							}), /* @__PURE__ */ jsx(ChevronLeft, { className: "h-4 w-4" })]
+						}),
+						/* @__PURE__ */ jsxs(Button, {
+							type: "button",
+							variant: "outline",
+							className: "h-8 w-8 p-0",
+							onClick: () => table.nextPage(),
+							disabled: !table.getCanNextPage(),
+							children: [/* @__PURE__ */ jsx("span", {
+								className: "sr-only",
+								children: "Go to next page"
+							}), /* @__PURE__ */ jsx(ChevronRight, { className: "h-4 w-4" })]
+						}),
+						/* @__PURE__ */ jsxs(Button, {
+							type: "button",
+							variant: "outline",
+							className: "hidden h-8 w-8 p-0 lg:flex",
+							onClick: () => table.setPageIndex(table.getPageCount() - 1),
+							disabled: !table.getCanNextPage(),
+							children: [/* @__PURE__ */ jsx("span", {
+								className: "sr-only",
+								children: "Go to last page"
+							}), /* @__PURE__ */ jsx(ChevronsRight, { className: "h-4 w-4" })]
+						})
+					]
+				})
+			]
+		})]
+	});
+}
+
+//#endregion
+export { PaginationTableFooter };
+//# sourceMappingURL=components.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"components.mjs","names":[],"sources":["../../../../../src/modules/data-tables/strategies/pagination/components.tsx"],"sourcesContent":["\"use client\";\n\nimport { Button } from \"@/components/ui/button\";\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from \"@/components/ui/select.client\";\nimport { Table } from \"@tanstack/react-table\";\nimport { ChevronLeft, ChevronRight, ChevronsLeft, ChevronsRight, XIcon } from \"lucide-react\";\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"}

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

@@ -0,0 +1,13 @@
+import { TableStrategy } from "../../lib/types.mjs";
+
+//#region src/modules/data-tables/strategies/pagination/strategy.d.ts
+type UsePaginationStrategyInput = {
+  total: number | undefined;
+};
+type PaginationStrategy = typeof usePaginationStrategy;
+declare function usePaginationStrategy({
+  total
+}: UsePaginationStrategyInput): TableStrategy;
+//#endregion
+export { PaginationStrategy, UsePaginationStrategyInput, usePaginationStrategy };
+//# sourceMappingURL=strategy.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"strategy.d.mts","names":[],"sources":["../../../../../src/modules/data-tables/strategies/pagination/strategy.ts"],"sourcesContent":[],"mappings":";;;KAQY,0BAAA;;AAAZ,CAAA;AAIY,KAAA,kBAAA,GAAkB,OAAU,qBAAqB;AAE7C,iBAAA,qBAAA,CAAqB;EAAA;AAAA,CAAA,EAAY,0BAAZ,CAAA,EAAyC,aAAzC"}

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

@@ -0,0 +1,46 @@
+"use client";
+
+import { tableSearchParams } from "../../lib/search-params.mjs";
+import { handleSortingChange } from "../helpers/sorting.mjs";
+import { useQueryStates } from "nuqs";
+
+//#region src/modules/data-tables/strategies/pagination/strategy.ts
+function usePaginationStrategy({ total }) {
+	const [query, setQuery] = useQueryStates(tableSearchParams);
+	const paginationState = {
+		pageIndex: query.cursor,
+		pageSize: query.limit
+	};
+	const sortingState = query.sort ? [{
+		id: query.sort,
+		desc: query.order === "desc"
+	}] : [];
+	const resetCursor = () => 0;
+	return {
+		name: "pagination",
+		rowCount: total,
+		paginationState,
+		manualPagination: true,
+		onPaginationChange: (updater) => {
+			const newState = typeof updater === "function" ? updater(paginationState) : updater;
+			setQuery({
+				cursor: Math.max(newState.pageIndex, 0),
+				limit: newState.pageSize
+			});
+			return newState;
+		},
+		tableSearchParams,
+		resetCursor,
+		sortingState,
+		manualSorting: true,
+		onSortingChange: handleSortingChange({
+			sortingState,
+			setQuery,
+			resetCursor
+		})
+	};
+}
+
+//#endregion
+export { usePaginationStrategy };
+//# sourceMappingURL=strategy.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"strategy.mjs","names":[],"sources":["../../../../../src/modules/data-tables/strategies/pagination/strategy.ts"],"sourcesContent":["\"use client\";\n\nimport { PaginationState, Updater } from \"@tanstack/react-table\";\nimport { useQueryStates } from \"nuqs\";\nimport { tableSearchParams } from \"../../entry\";\nimport { TableStrategy } from \"../../lib/types\";\nimport { handleSortingChange } from \"../helpers/sorting\";\n\nexport type UsePaginationStrategyInput = {\n  total: number | undefined;\n};\n\nexport type PaginationStrategy = typeof usePaginationStrategy;\n\nexport function usePaginationStrategy({ total }: UsePaginationStrategyInput): TableStrategy {\n  const [query, setQuery] = useQueryStates(tableSearchParams);\n\n  // Convert pagination to table state\n  const paginationState = {\n    pageIndex: query.cursor,\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 = () => 0;\n\n  return {\n    name: \"pagination\",\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({\n        cursor: Math.max(newState.pageIndex, 0),\n        limit: newState.pageSize,\n      });\n\n      // Return the new state\n      return newState;\n    },\n    tableSearchParams: tableSearchParams,\n    resetCursor,\n    sortingState,\n    manualSorting: true,\n    onSortingChange: handleSortingChange({ sortingState, setQuery, resetCursor }),\n  };\n}\n"],"mappings":";;;;;;;AAcA,SAAgB,sBAAsB,EAAE,SAAoD;CAC1F,MAAM,CAAC,OAAO,YAAY,eAAe,kBAAkB;CAG3D,MAAM,kBAAkB;EACtB,WAAW,MAAM;EACjB,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;IACP,QAAQ,KAAK,IAAI,SAAS,WAAW,EAAE;IACvC,OAAO,SAAS;IACjB,CAAC;AAGF,UAAO;;EAEU;EACnB;EACA;EACA,eAAe;EACf,iBAAiB,oBAAoB;GAAE;GAAc;GAAU;GAAa,CAAC;EAC9E"}

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

@@ -0,0 +1,33 @@
+"use client";
+
+import { Allowed } from "../../../../auth/components/allowed.client.mjs";
+import { TableBody, TableCell, TableRow } from "../../../components/table.mjs";
+import { DataTableRow } from "./row.mjs";
+import { Fragment, jsx } from "react/jsx-runtime";
+import { flexRender } from "@tanstack/react-table";
+
+//#region src/modules/data-tables/tables/data-table/components/body.tsx
+function DataTableBody({ table }) {
+	const { rows } = table.getRowModel();
+	return /* @__PURE__ */ jsx(TableBody, { children: table.getRowModel().rows?.length ? rows.map((row) => /* @__PURE__ */ jsx(DataTableRow, {
+		row,
+		table,
+		children: row.getVisibleCells().map((cell) => {
+			const columnDef = cell.column.columnDef;
+			const children = flexRender(cell.column.columnDef.cell, cell.getContext());
+			if (!columnDef.permissions) return /* @__PURE__ */ jsx(Fragment, { children }, cell.id);
+			return /* @__PURE__ */ jsx(Allowed, {
+				permission: columnDef.permissions,
+				children
+			}, cell.id);
+		})
+	}, row.id)) : /* @__PURE__ */ jsx(TableRow, { children: /* @__PURE__ */ jsx(TableCell, {
+		colSpan: table.getAllFlatColumns().length,
+		className: "h-24 text-center",
+		children: "Geen resultaten gevonden"
+	}) }) });
+}
+
+//#endregion
+export { DataTableBody };
+//# sourceMappingURL=body.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"body.mjs","names":[],"sources":["../../../../../../src/modules/data-tables/tables/data-table/components/body.tsx"],"sourcesContent":["\"use client\";\n\nimport { Allowed } from \"@/modules/auth/components/allowed.client\";\nimport { TableBody, TableCell, TableRow } from \"@/modules/data-tables/components/table\";\nimport { flexRender, Table } from \"@tanstack/react-table\";\nimport { Fragment } from \"react/jsx-runtime\";\nimport { TableColumnDef } from \"../../../lib/types\";\nimport { DataTableRow } from \"./row\";\n\ntype DataTableBodyProps<TData extends { id: string }> = {\n  table: Table<TData>;\n};\n\nexport function DataTableBody<TData extends { id: string }>({ table }: DataTableBodyProps<TData>) {\n  const { rows } = table.getRowModel();\n\n  return (\n    <TableBody>\n      {table.getRowModel().rows?.length ? (\n        rows.map((row) => (\n          <DataTableRow key={row.id} row={row} table={table}>\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          </DataTableRow>\n        ))\n      ) : (\n        <TableRow>\n          <TableCell colSpan={table.getAllFlatColumns().length} className=\"h-24 text-center\">\n            Geen resultaten gevonden\n          </TableCell>\n        </TableRow>\n      )}\n    </TableBody>\n  );\n}\n"],"mappings":";;;;;;;;;AAaA,SAAgB,cAA4C,EAAE,SAAoC;CAChG,MAAM,EAAE,SAAS,MAAM,aAAa;AAEpC,QACE,oBAAC,uBACE,MAAM,aAAa,CAAC,MAAM,SACzB,KAAK,KAAK,QACR,oBAAC;EAA+B;EAAY;YACzC,IAAI,iBAAiB,CAAC,KAAK,SAAS;GACnC,MAAM,YAAY,KAAK,OAAO;GAE9B,MAAM,WAAW,WAAW,KAAK,OAAO,UAAU,MAAM,KAAK,YAAY,CAAC;AAE1E,OAAI,CAAC,UAAU,YACb,QAAO,oBAAC,YAAwB,YAAV,KAAK,GAAyB;AAGtD,UACE,oBAAC;IAAsB,YAAY,UAAU;IAC1C;MADW,KAAK,GAET;IAEZ;IAfe,IAAI,GAgBR,CACf,GAEF,oBAAC,sBACC,oBAAC;EAAU,SAAS,MAAM,mBAAmB,CAAC;EAAQ,WAAU;YAAmB;GAEvE,GACH,GAEH"}

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

@@ -0,0 +1,13 @@
+"use client";
+
+import { TableHeader, TableHeaderCell, TableHeaderRow } from "../../../components/header.mjs";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/modules/data-tables/tables/data-table/components/header.tsx
+function DataTableHeader({ table }) {
+	return /* @__PURE__ */ jsx(TableHeader, { children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsx(TableHeaderRow, { children: headerGroup.headers.map((header) => /* @__PURE__ */ jsx(TableHeaderCell, { header }, header.id)) }, headerGroup.id)) });
+}
+
+//#endregion
+export { DataTableHeader };
+//# sourceMappingURL=header.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"header.mjs","names":[],"sources":["../../../../../../src/modules/data-tables/tables/data-table/components/header.tsx"],"sourcesContent":["\"use client\";\n\nimport { Table } from \"@tanstack/react-table\";\nimport { TableHeader, TableHeaderCell, TableHeaderRow } from \"../../../components/header\";\n\nexport function DataTableHeader<TData extends { id: string }>({ table }: { table: Table<TData> }) {\n  return (\n    <TableHeader>\n      {table.getHeaderGroups().map((headerGroup) => (\n        <TableHeaderRow key={headerGroup.id}>\n          {headerGroup.headers.map((header) => (\n            <TableHeaderCell key={header.id} header={header} />\n          ))}\n        </TableHeaderRow>\n      ))}\n    </TableHeader>\n  );\n}\n"],"mappings":";;;;;;AAKA,SAAgB,gBAA8C,EAAE,SAAkC;AAChG,QACE,oBAAC,yBACE,MAAM,iBAAiB,CAAC,KAAK,gBAC5B,oBAAC,4BACE,YAAY,QAAQ,KAAK,WACxB,oBAAC,mBAAwC,UAAnB,OAAO,GAAsB,CACnD,IAHiB,YAAY,GAIhB,CACjB,GACU"}

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

@@ -0,0 +1,25 @@
+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 "react";
+
+//#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]"
+	})] });
+}
+
+//#endregion
+export { DataTableRow };
+//# sourceMappingURL=row.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"row.mjs","names":[],"sources":["../../../../../../src/modules/data-tables/tables/data-table/components/row.tsx"],"sourcesContent":["import {\n  ContextCommandMenu,\n  ContextCommandMenuContent,\n  ContextCommandMenuTrigger,\n} from \"@/modules/commands/menus/context-menu.client\";\nimport { TableRow } from \"@/modules/data-tables/components/table\";\nimport { Row, Table } from \"@tanstack/react-table\";\nimport * as React from \"react\";\nimport { 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"}

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

@@ -0,0 +1,11 @@
+import { Table } from "../../../components/table.mjs";
+import * as react_jsx_runtime360 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_runtime360.JSX.Element;
+//#endregion
+export { DataTable };
+//# sourceMappingURL=table.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"table.d.mts","names":[],"sources":["../../../../../../src/modules/data-tables/tables/data-table/components/table.tsx"],"sourcesContent":[],"mappings":";;;;;iBAWgB;;UAA+C,sBAAsB,SAAM,oBAAA,CAAA,GAAA,CAAA"}

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

@@ -0,0 +1,37 @@
+"use client";
+
+import { Table } from "../../../components/table.mjs";
+import { useTable } from "../../../hooks/use-table.client.mjs";
+import { TableCommandMenu } from "../../../../commands/menus/data-table-menu.client.mjs";
+import { TableBottombar, TableFooter } from "../../../components/footer.mjs";
+import { DataTableBody } from "./body.mjs";
+import { DataTableHeader } from "./header.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/modules/data-tables/tables/data-table/components/table.tsx
+function DataTable(props) {
+	const table = useTable();
+	const meta = table.options.meta;
+	return /* @__PURE__ */ jsxs("div", {
+		className: "space-y-4",
+		children: [
+			/* @__PURE__ */ jsx("div", {
+				className: "rounded-md border",
+				children: /* @__PURE__ */ jsxs(Table, {
+					...props,
+					children: [
+						/* @__PURE__ */ jsx(DataTableHeader, { table }),
+						/* @__PURE__ */ jsx(DataTableBody, { table }),
+						/* @__PURE__ */ jsx(TableFooter, { table })
+					]
+				})
+			}),
+			/* @__PURE__ */ jsx(TableBottombar, { table }),
+			meta.commands && /* @__PURE__ */ jsx(TableCommandMenu, { table })
+		]
+	});
+}
+
+//#endregion
+export { DataTable };
+//# sourceMappingURL=table.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"table.mjs","names":[],"sources":["../../../../../../src/modules/data-tables/tables/data-table/components/table.tsx"],"sourcesContent":["\"use client\";\n\nimport { TableCommandMenu } from \"@/modules/commands/menus/data-table-menu.client\";\nimport { TableBottombar, TableFooter } from \"@/modules/data-tables/components/footer\";\nimport { Table } from \"@/modules/data-tables/components/table\";\nimport { TableMeta } from \"@/modules/data-tables/entry\";\nimport { useTable } from \"@/modules/data-tables/hooks/use-table.client\";\nimport { ComponentProps } from \"react\";\nimport { DataTableBody } from \"./body\";\nimport { DataTableHeader } from \"./header\";\n\nexport function DataTable<TData extends { id: string }>(props: ComponentProps<typeof Table>) {\n  const table = useTable<TData>();\n  const meta = table.options.meta as TableMeta<TData>;\n\n  return (\n    <div className=\"space-y-4\">\n      <div className=\"rounded-md border\">\n        <Table {...props}>\n          <DataTableHeader table={table} />\n          <DataTableBody table={table} />\n          <TableFooter table={table} />\n        </Table>\n      </div>\n\n      <TableBottombar table={table} />\n      {meta.commands && <TableCommandMenu table={table} />}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;AAWA,SAAgB,UAAwC,OAAqC;CAC3F,MAAM,QAAQ,UAAiB;CAC/B,MAAM,OAAO,MAAM,QAAQ;AAE3B,QACE,qBAAC;EAAI,WAAU;;GACb,oBAAC;IAAI,WAAU;cACb,qBAAC;KAAM,GAAI;;MACT,oBAAC,mBAAuB,QAAS;MACjC,oBAAC,iBAAqB,QAAS;MAC/B,oBAAC,eAAmB,QAAS;;MACvB;KACJ;GAEN,oBAAC,kBAAsB,QAAS;GAC/B,KAAK,YAAY,oBAAC,oBAAwB,QAAS;;GAChD"}

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

@@ -0,0 +1,70 @@
+"use client";
+
+import { Allowed } from "../../../../auth/components/allowed.client.mjs";
+import { TableBody, TableCell, TableRow } from "../../../components/table.mjs";
+import { useInlineTableContext } from "../hooks/context.client.mjs";
+import { useInlineDataTableHotkeys } from "../hooks/use-hotkeys.client.mjs";
+import { InlineTableRow } from "./row.client.mjs";
+import { Fragment, jsx } from "react/jsx-runtime";
+import { flexRender } from "@tanstack/react-table";
+import { SortableContext, rectSortingStrategy, sortableKeyboardCoordinates } from "@dnd-kit/sortable";
+import { DndContext, KeyboardSensor, PointerSensor, closestCenter, useDroppable, useSensor, useSensors } from "@dnd-kit/core";
+import { restrictToParentElement, restrictToVerticalAxis } from "@dnd-kit/modifiers";
+
+//#region src/modules/data-tables/tables/inline-table/components/body.tsx
+function InlineTableBody({ table }) {
+	const context = useInlineTableContext();
+	const { rows } = table.getRowModel();
+	const { setNodeRef } = useDroppable({ id: "inline-data-table" });
+	const sensors = useSensors(useSensor(PointerSensor), useSensor(KeyboardSensor, { coordinateGetter: sortableKeyboardCoordinates }));
+	useInlineDataTableHotkeys();
+	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",
+		children: "Geen resultaten gevonden"
+	}) }) });
+	function handleDragEnd(event) {
+		if (!context.isDraggable) return;
+		const { active, over } = event;
+		if (active.id !== over?.id) {
+			const fromIndex = rows.findIndex((item) => item.id === active.id);
+			const toIndex = rows.findIndex((item) => item.id === over?.id);
+			context.moveRow({
+				fromIndex,
+				toIndex
+			});
+		}
+	}
+	return /* @__PURE__ */ jsx(DndContext, {
+		sensors,
+		onDragEnd: handleDragEnd,
+		collisionDetection: closestCenter,
+		modifiers: [restrictToVerticalAxis, restrictToParentElement],
+		children: /* @__PURE__ */ jsx(SortableContext, {
+			items: rows.map((row) => row.id),
+			strategy: rectSortingStrategy,
+			children: /* @__PURE__ */ jsx(TableBody, {
+				ref: setNodeRef,
+				children: rows.map((row) => /* @__PURE__ */ jsx(InlineTableRow, {
+					row,
+					"data-row-id": row.id,
+					table,
+					className: "relative",
+					children: row.getVisibleCells().map((cell) => {
+						const columnDef = cell.column.columnDef;
+						const children = flexRender(cell.column.columnDef.cell, cell.getContext());
+						if (!columnDef.permissions) return /* @__PURE__ */ jsx(Fragment, { children }, cell.id);
+						return /* @__PURE__ */ jsx(Allowed, {
+							permission: columnDef.permissions,
+							children
+						}, cell.id);
+					})
+				}, row.id))
+			})
+		})
+	});
+}
+
+//#endregion
+export { InlineTableBody };
+//# sourceMappingURL=body.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"body.mjs","names":[],"sources":["../../../../../../src/modules/data-tables/tables/inline-table/components/body.tsx"],"sourcesContent":["\"use client\";\n\nimport { Allowed } from \"@/modules/auth/components/allowed.client\";\nimport { TableBody, TableCell, TableRow } from \"@/modules/data-tables/components/table\";\nimport {\n  closestCenter,\n  DndContext,\n  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, Table } from \"@tanstack/react-table\";\nimport { Fragment } from \"react/jsx-runtime\";\nimport { 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"}

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

@@ -0,0 +1,12 @@
+import { TableCell } from "../../../../components/table.mjs";
+import * as react_jsx_runtime351 from "react/jsx-runtime";
+import * as React$1 from "react";
+
+//#region src/modules/data-tables/tables/inline-table/components/cells/common.d.ts
+declare function TableInlineCell({
+  className,
+  ...props
+}: React$1.ComponentProps<typeof TableCell>): react_jsx_runtime351.JSX.Element;
+//#endregion
+export { TableInlineCell };
+//# sourceMappingURL=common.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"common.d.mts","names":[],"sources":["../../../../../../../src/modules/data-tables/tables/inline-table/components/cells/common.tsx"],"sourcesContent":[],"mappings":";;;;;iBAIgB,eAAA;;;GAAyC,OAAA,CAAM,sBAAsB,aAAU,oBAAA,CAAA,GAAA,CAAA"}

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

@@ -0,0 +1,16 @@
+import { cn } from "../../../../../../lib/utils/cn.mjs";
+import { TableCell } from "../../../../components/table.mjs";
+import { jsx } from "react/jsx-runtime";
+import "react";
+
+//#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),
+		...props
+	});
+}
+
+//#endregion
+export { TableInlineCell };
+//# sourceMappingURL=common.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"common.mjs","names":[],"sources":["../../../../../../../src/modules/data-tables/tables/inline-table/components/cells/common.tsx"],"sourcesContent":["import { cn } from \"@/lib/utils/cn\";\nimport * as React from \"react\";\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"}

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

@@ -0,0 +1,25 @@
+import { TableColumnDef } from "../../../../lib/types.mjs";
+import "../../../../../../data-tables.mjs";
+import * as react_jsx_runtime349 from "react/jsx-runtime";
+import { CellContext } from "@tanstack/react-table";
+
+//#region src/modules/data-tables/tables/inline-table/components/cells/drag-handle.client.d.ts
+/**
+ * Create a new column with the drag handle
+ */
+type TableDragHandleProps<TData, TValue> = Pick<CellContext<TData, TValue>, "row"> & {
+  className?: string;
+  disabled?: boolean;
+};
+declare function TableDragHandle<TData, TValue>({
+  row,
+  className,
+  disabled
+}: TableDragHandleProps<TData, TValue>): react_jsx_runtime349.JSX.Element;
+/**
+ * Create a new column with the drag handle
+ */
+declare const createTableDragHandleCell: <TData>(newColumn?: Partial<TableColumnDef<TData>>) => TableColumnDef<TData>;
+//#endregion
+export { TableDragHandle, TableDragHandleProps, createTableDragHandleCell };
+//# sourceMappingURL=drag-handle.client.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"drag-handle.client.d.mts","names":[],"sources":["../../../../../../../src/modules/data-tables/tables/inline-table/components/cells/drag-handle.client.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;KAWY,sCAAsC,KAAK,YAAY,OAAO;;EAA9D,QAAA,CAAA,EAAA,OAAA;CAAuD;AAAO,iBAK1D,eAL0D,CAAA,KAAA,EAAA,MAAA,CAAA,CAAA;EAAA,GAAA;EAAA,SAAA;EAAA;AAAA,CAAA,EAKI,oBALJ,CAKyB,KALzB,EAKgC,MALhC,CAAA,CAAA,EAKuC,oBAAA,CAAA,GAAA,CAAA,OALvC;;;;AAK1D,cAyBH,yBAzBkB,EAAA,CAAA,KAAA,CAAA,CAAA,SAAA,CAAA,EAyBO,OAzBP,CAyBO,cAzBP,CAyBO,KAzBP,CAAA,CAAA,EAAA,GAyBO,cAzBP,CAyBO,KAzBP,CAAA"}

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

@@ -0,0 +1,39 @@
+import { cn } from "../../../../../../lib/utils/cn.mjs";
+import { Button } from "../../../../../../components/ui/button.mjs";
+import { createTableCell } from "../../../../lib/helpers/create-column.mjs";
+import { TableInlineCell } from "./common.mjs";
+import { GripIcon } from "lucide-react";
+import { jsx } from "react/jsx-runtime";
+import { useSortable } from "@dnd-kit/sortable";
+
+//#region src/modules/data-tables/tables/inline-table/components/cells/drag-handle.client.tsx
+function TableDragHandle({ row, className, disabled }) {
+	const rowId = row.original.id;
+	const { attributes, listeners } = useSortable({ id: rowId });
+	return /* @__PURE__ */ jsx(TableInlineCell, {
+		className: "w-8",
+		children: /* @__PURE__ */ jsx(Button, {
+			...attributes,
+			...listeners,
+			variant: "ghost",
+			size: "icon",
+			type: "button",
+			className: cn("h-full w-8 rounded-none border-none", className),
+			disabled,
+			children: /* @__PURE__ */ jsx(GripIcon, { className: "fill-muted size-4" })
+		})
+	});
+}
+/**
+* Create a new column with the drag handle
+*/
+const createTableDragHandleCell = createTableCell({
+	id: "dragHandle",
+	cell: TableDragHandle,
+	enableHiding: false,
+	enableSorting: false
+});
+
+//#endregion
+export { TableDragHandle, createTableDragHandleCell };
+//# sourceMappingURL=drag-handle.client.mjs.map

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

@@ -0,0 +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 { Button } from \"@/components/ui/button\";\nimport { useSortable } from \"@dnd-kit/sortable\";\nimport { CellContext } from \"@tanstack/react-table\";\nimport { GripIcon } from \"lucide-react\";\nimport { createTableCell } from \"../../../../lib/helpers/create-column\";\nimport { TableInlineCell } from \"./common\";\nimport { cn } from \"@/lib/entry\";\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>({ row, className, disabled }:  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,EAAE,KAAK,WAAW,YAAkD;CACjH,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/header.mjs

@@ -0,0 +1,11 @@
+import { TableHeader, TableHeaderCell, TableHeaderRow } from "../../../components/header.mjs";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/modules/data-tables/tables/inline-table/components/header.tsx
+function InlineTableHeader({ table }) {
+	return /* @__PURE__ */ jsx(TableHeader, { children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsx(TableHeaderRow, { children: headerGroup.headers.map((header) => /* @__PURE__ */ jsx(TableHeaderCell, { header }, header.id)) }, headerGroup.id)) });
+}
+
+//#endregion
+export { InlineTableHeader };
+//# sourceMappingURL=header.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"header.mjs","names":[],"sources":["../../../../../../src/modules/data-tables/tables/inline-table/components/header.tsx"],"sourcesContent":["import { Table } from \"@tanstack/react-table\";\nimport { TableHeader, TableHeaderCell, TableHeaderRow } from \"../../../components/header\";\n\nexport function InlineTableHeader<TData extends { id: string }>({\n  table,\n}: {\n  table: Table<TData>;\n}) {\n  return (\n    <TableHeader>\n      {table.getHeaderGroups().map((headerGroup) => (\n        <TableHeaderRow key={headerGroup.id}>\n          {headerGroup.headers.map((header) => (\n            <TableHeaderCell key={header.id} header={header} />\n          ))}\n        </TableHeaderRow>\n      ))}\n    </TableHeader>\n  );\n}\n"],"mappings":";;;;AAGA,SAAgB,kBAAgD,EAC9D,SAGC;AACD,QACE,oBAAC,yBACE,MAAM,iBAAiB,CAAC,KAAK,gBAC5B,oBAAC,4BACE,YAAY,QAAQ,KAAK,WACxB,oBAAC,mBAAwC,UAAnB,OAAO,GAAsB,CACnD,IAHiB,YAAY,GAIhB,CACjB,GACU"}

package/dist/modules/data-tables/tables/inline-table/components/inputs/advanced-select.client.d.mts

@@ -0,0 +1,29 @@
+import { UseInlineDataTableInputParams } from "../../hooks/use-input.client.mjs";
+import * as react_jsx_runtime352 from "react/jsx-runtime";
+
+//#region src/modules/data-tables/tables/inline-table/components/inputs/advanced-select.client.d.ts
+type AdvancedSelectItem = {
+  id: string;
+  label: string;
+  disabled?: boolean;
+};
+type InlineDataTableAdvancedSelectProps<TData, TValue> = UseInlineDataTableInputParams<TData, TValue> & {
+  options: AdvancedSelectItem[];
+  disabled?: boolean;
+  className?: string;
+  autoSelect?: boolean;
+};
+declare function InlineDataTableAdvancedSelect<TData extends {
+  id: string;
+}, TValue>({
+  context,
+  action,
+  permission,
+  options,
+  disabled,
+  autoSelect,
+  className
+}: InlineDataTableAdvancedSelectProps<TData, TValue>): react_jsx_runtime352.JSX.Element;
+//#endregion
+export { AdvancedSelectItem, InlineDataTableAdvancedSelect, InlineDataTableAdvancedSelectProps };
+//# sourceMappingURL=advanced-select.client.d.mts.map

package/dist/modules/data-tables/tables/inline-table/components/inputs/advanced-select.client.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"advanced-select.client.d.mts","names":[],"sources":["../../../../../../../src/modules/data-tables/tables/inline-table/components/inputs/advanced-select.client.tsx"],"sourcesContent":[],"mappings":";;;;KAgBY,kBAAA;;;EAAA,QAAA,CAAA,EAAA,OAAA;AAMZ,CAAA;AACE,KADU,kCACV,CAAA,KAAA,EAAA,MAAA,CAAA,GAD8D,6BAC9D,CAAA,KAAA,EACA,MADA,CAAA,GAAA;EACA,OAAA,EAES,kBAFT,EAAA;EAF8D,QAAA,CAAA,EAAA,OAAA;EAIrD,SAAA,CAAA,EAAA,MAAA;EAAkB,UAAA,CAAA,EAAA,OAAA;AAM7B,CAAA;AACE,iBADc,6BACd,CAAA,cAAA;EACA,EAAA,EAAA,MAAA;CACA,EAAA,MAAA,CAAA,CAAA;EAAA,OAAA;EAAA,MAAA;EAAA,UAAA;EAAA,OAAA;EAAA,QAAA;EAAA,UAAA;EAAA;AAAA,CAAA,EAKC,kCALD,CAKoC,KALpC,EAK2C,MAL3C,CAAA,CAAA,EAKkD,oBAAA,CAAA,GAAA,CAAA,OALlD"}