@lumeweb/portal-framework-ui 0.0.1 → 0.1.0

package/dist/cjs/components/data-table/DataTableController.cjs

@@ -0,0 +1,42 @@
+"use client";
+
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_components_data_table_contexts_RefineTable = require('./contexts/RefineTable.cjs');
+const require_components_data_table_contexts_index = require('./contexts/index.cjs');
+let react = require("react");
+
+//#region src/components/data-table/DataTableController.tsx
+function DataTableController({ onControlsReady }) {
+	const { setFilters, setSorters, tableQuery, filters, sorters } = require_components_data_table_contexts_RefineTable.useRefineTable();
+	(0, react.useEffect)(() => {
+		if (setFilters && setSorters && tableQuery?.refetch && onControlsReady) onControlsReady({
+			setFilters,
+			setSorters,
+			refetch: tableQuery.refetch,
+			getCurrentFilters: () => filters || [],
+			getCurrentSorters: () => sorters || []
+		});
+	}, [
+		setFilters,
+		setSorters,
+		tableQuery,
+		filters,
+		sorters,
+		onControlsReady
+	]);
+	return null;
+}
+var init_DataTableController = require_rolldown_runtime.__esmMin((() => {
+	require_components_data_table_contexts_index.init_contexts();
+}));
+
+//#endregion
+init_DataTableController();
+exports.DataTableController = DataTableController;
+Object.defineProperty(exports, 'init_DataTableController', {
+  enumerable: true,
+  get: function () {
+    return init_DataTableController;
+  }
+});
+//# sourceMappingURL=DataTableController.cjs.map

package/dist/cjs/components/data-table/DataTableController.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTableController.cjs","names":["useRefineTable"],"sources":["../../../../src/components/data-table/DataTableController.tsx"],"sourcesContent":["\"use client\";\n\nimport React, { useEffect } from \"react\";\nimport { useRefineTable } from \"./contexts\";\nimport type { BaseRecord } from \"@refinedev/core\";\n\nexport interface TableControls<TData extends BaseRecord = BaseRecord> {\n  setFilters: (filters: any[]) => void;\n  setSorters: (sorters: any[]) => void;\n  refetch: () => void;\n  getCurrentFilters: () => any[];\n  getCurrentSorters: () => any[];\n}\n\nexport interface DataTableControllerProps<TData extends BaseRecord = BaseRecord> {\n  onControlsReady?: (controls: TableControls<TData>) => void;\n}\n\nexport function DataTableController<TData extends BaseRecord = BaseRecord>({\n  onControlsReady,\n}: DataTableControllerProps<TData>) {\n  const { setFilters, setSorters, tableQuery, filters, sorters } = useRefineTable<TData>();\n\n  useEffect(() => {\n    if (setFilters && setSorters && tableQuery?.refetch && onControlsReady) {\n      const controls: TableControls<TData> = {\n        setFilters,\n        setSorters,\n        refetch: tableQuery.refetch,\n        getCurrentFilters: () => filters || [],\n        getCurrentSorters: () => sorters || [],\n      };\n      \n      onControlsReady(controls);\n    }\n  }, [setFilters, setSorters, tableQuery, filters, sorters, onControlsReady]);\n\n  return null;\n}\n"],"mappings":";;;;;;;;AAkBA,SAAgB,oBAA2D,EACzE,mBACkC;CAClC,MAAM,EAAE,YAAY,YAAY,YAAY,SAAS,YAAYA,mEAAuB;AAExF,4BAAgB;AACd,MAAI,cAAc,cAAc,YAAY,WAAW,gBASrD,iBARuC;GACrC;GACA;GACA,SAAS,WAAW;GACpB,yBAAyB,WAAW,EAAE;GACtC,yBAAyB,WAAW,EAAE;GACvC,CAEwB;IAE1B;EAAC;EAAY;EAAY;EAAY;EAAS;EAAS;EAAgB,CAAC;AAE3E,QAAO;;;6DAlCmC"}

package/dist/cjs/components/data-table/DataTableController.d.cts

@@ -0,0 +1,19 @@
+import { BaseRecord } from "@refinedev/core";
+
+//#region src/components/data-table/DataTableController.d.ts
+interface TableControls<TData extends BaseRecord = BaseRecord> {
+  setFilters: (filters: any[]) => void;
+  setSorters: (sorters: any[]) => void;
+  refetch: () => void;
+  getCurrentFilters: () => any[];
+  getCurrentSorters: () => any[];
+}
+interface DataTableControllerProps<TData extends BaseRecord = BaseRecord> {
+  onControlsReady?: (controls: TableControls<TData>) => void;
+}
+declare function DataTableController<TData extends BaseRecord = BaseRecord>({
+  onControlsReady
+}: DataTableControllerProps<TData>): null;
+//#endregion
+export { DataTableController, DataTableControllerProps, TableControls };
+//# sourceMappingURL=DataTableController.d.cts.map

package/dist/cjs/components/data-table/DefaultPagination.cjs

@@ -0,0 +1,74 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_components_data_table_contexts_TableInstance = require('./contexts/TableInstance.cjs');
+const require_components_data_table_contexts_index = require('./contexts/index.cjs');
+let _lumeweb_portal_framework_ui_core = require("@lumeweb/portal-framework-ui-core");
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+let lucide_react = require("lucide-react");
+
+//#region src/components/data-table/DefaultPagination.tsx
+function DefaultPagination() {
+	const { table } = require_components_data_table_contexts_TableInstance.useTableInstance();
+	const pageIndex = table.getState().pagination.pageIndex;
+	const pageCount = table.getPageCount();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "flex items-center justify-center gap-4",
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "flex items-center gap-2",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_lumeweb_portal_framework_ui_core.Button, {
+					"aria-label": "First page",
+					disabled: !table.getCanPreviousPage(),
+					onClick: () => table.setPageIndex(0),
+					size: "sm",
+					variant: "outline",
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ChevronsLeft, { className: "h-4 w-4" })
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_lumeweb_portal_framework_ui_core.Button, {
+					"aria-label": "Previous page",
+					disabled: !table.getCanPreviousPage(),
+					onClick: () => table.previousPage(),
+					size: "sm",
+					variant: "outline",
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ChevronLeft, { className: "h-4 w-4" })
+				})]
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				className: "text-sm font-medium",
+				children: pageCount > 0 ? `Page ${pageIndex + 1} of ${pageCount}` : "No pages"
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "flex items-center gap-2",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_lumeweb_portal_framework_ui_core.Button, {
+					"aria-label": "Next page",
+					disabled: !table.getCanNextPage(),
+					onClick: () => table.nextPage(),
+					size: "sm",
+					variant: "outline",
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ChevronRight, { className: "h-4 w-4" })
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_lumeweb_portal_framework_ui_core.Button, {
+					"aria-label": "Last page",
+					disabled: !table.getCanNextPage(),
+					onClick: () => table.setPageIndex(Math.max(0, pageCount - 1)),
+					size: "sm",
+					variant: "outline",
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ChevronsRight, { className: "h-4 w-4" })
+				})]
+			})
+		]
+	});
+}
+var init_DefaultPagination = require_rolldown_runtime.__esmMin((() => {
+	require_components_data_table_contexts_index.init_contexts();
+}));
+
+//#endregion
+init_DefaultPagination();
+exports.DefaultPagination = DefaultPagination;
+Object.defineProperty(exports, 'init_DefaultPagination', {
+  enumerable: true,
+  get: function () {
+    return init_DefaultPagination;
+  }
+});
+//# sourceMappingURL=DefaultPagination.cjs.map

package/dist/cjs/components/data-table/DefaultPagination.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultPagination.cjs","names":["useTableInstance","Button","ChevronsLeft","ChevronLeft","ChevronRight","ChevronsRight"],"sources":["../../../../src/components/data-table/DefaultPagination.tsx"],"sourcesContent":["import { Button } from \"@lumeweb/portal-framework-ui-core\";\nimport { BaseRecord } from \"@refinedev/core\";\nimport {\n  ChevronLeft,\n  ChevronRight,\n  ChevronsLeft,\n  ChevronsRight,\n} from \"lucide-react\";\nimport React from \"react\";\n\nimport { useTableInstance } from \"./contexts\";\n\nfunction DefaultPagination<TData extends BaseRecord>() {\n  const { table } = useTableInstance<TData>();\n  const pageIndex = table.getState().pagination.pageIndex;\n  const pageCount = table.getPageCount();\n\n  return (\n    <div className=\"flex items-center justify-center gap-4\">\n      <div className=\"flex items-center gap-2\">\n        <Button\n          aria-label=\"First page\"\n          disabled={!table.getCanPreviousPage()}\n          onClick={() => table.setPageIndex(0)}\n          size=\"sm\"\n          variant=\"outline\">\n          <ChevronsLeft className=\"h-4 w-4\" />\n        </Button>\n        <Button\n          aria-label=\"Previous page\"\n          disabled={!table.getCanPreviousPage()}\n          onClick={() => table.previousPage()}\n          size=\"sm\"\n          variant=\"outline\">\n          <ChevronLeft className=\"h-4 w-4\" />\n        </Button>\n      </div>\n\n      <span className=\"text-sm font-medium\">\n        {pageCount > 0 ? `Page ${pageIndex + 1} of ${pageCount}` : \"No pages\"}\n      </span>\n\n      <div className=\"flex items-center gap-2\">\n        <Button\n          aria-label=\"Next page\"\n          disabled={!table.getCanNextPage()}\n          onClick={() => table.nextPage()}\n          size=\"sm\"\n          variant=\"outline\">\n          <ChevronRight className=\"h-4 w-4\" />\n        </Button>\n        <Button\n          aria-label=\"Last page\"\n          disabled={!table.getCanNextPage()}\n          onClick={() => table.setPageIndex(Math.max(0, pageCount - 1))}\n          size=\"sm\"\n          variant=\"outline\">\n          <ChevronsRight className=\"h-4 w-4\" />\n        </Button>\n      </div>\n    </div>\n  );\n}\n\nexport { DefaultPagination };\n"],"mappings":";;;;;;;;;;AAYA,SAAS,oBAA8C;CACrD,MAAM,EAAE,UAAUA,uEAAyB;CAC3C,MAAM,YAAY,MAAM,UAAU,CAAC,WAAW;CAC9C,MAAM,YAAY,MAAM,cAAc;AAEtC,QACE,4CAAC;EAAI,WAAU;;GACb,4CAAC;IAAI,WAAU;eACb,2CAACC;KACC,cAAW;KACX,UAAU,CAAC,MAAM,oBAAoB;KACrC,eAAe,MAAM,aAAa,EAAE;KACpC,MAAK;KACL,SAAQ;eACR,2CAACC,6BAAa,WAAU,YAAY;MAC7B,EACT,2CAACD;KACC,cAAW;KACX,UAAU,CAAC,MAAM,oBAAoB;KACrC,eAAe,MAAM,cAAc;KACnC,MAAK;KACL,SAAQ;eACR,2CAACE,4BAAY,WAAU,YAAY;MAC5B;KACL;GAEN,2CAAC;IAAK,WAAU;cACb,YAAY,IAAI,QAAQ,YAAY,EAAE,MAAM,cAAc;KACtD;GAEP,4CAAC;IAAI,WAAU;eACb,2CAACF;KACC,cAAW;KACX,UAAU,CAAC,MAAM,gBAAgB;KACjC,eAAe,MAAM,UAAU;KAC/B,MAAK;KACL,SAAQ;eACR,2CAACG,6BAAa,WAAU,YAAY;MAC7B,EACT,2CAACH;KACC,cAAW;KACX,UAAU,CAAC,MAAM,gBAAgB;KACjC,eAAe,MAAM,aAAa,KAAK,IAAI,GAAG,YAAY,EAAE,CAAC;KAC7D,MAAK;KACL,SAAQ;eACR,2CAACI,8BAAc,WAAU,YAAY;MAC9B;KACL;;GACF;;;6DAlDoC"}

package/dist/cjs/components/data-table/DefaultPagination.d.cts

@@ -0,0 +1,7 @@
+import { BaseRecord } from "@refinedev/core";
+
+//#region src/components/data-table/DefaultPagination.d.ts
+declare function DefaultPagination<TData extends BaseRecord>(): any;
+//#endregion
+export { DefaultPagination };
+//# sourceMappingURL=DefaultPagination.d.cts.map

package/dist/cjs/components/data-table/DefaultTableLayout.cjs

@@ -0,0 +1,83 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_components_data_table_useTableHandlers = require('./useTableHandlers.cjs');
+const require_components_data_table_tableOptions = require('./tableOptions.cjs');
+let _lumeweb_portal_framework_ui_core = require("@lumeweb/portal-framework-ui-core");
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+let _tanstack_react_table = require("@tanstack/react-table");
+
+//#region src/components/data-table/DefaultTableLayout.tsx
+function DefaultTableLayout({ table, getCellProps, getRowProps, onRowClick, className, emptyState, emptyStateMessage, footer, header, isLoading, loadingState, loadingStateMessage, pagination, responsive, hideColumnsOnMobile }) {
+	const getTableRowProps = require_components_data_table_useTableHandlers.useTableRowHandlers({
+		onRowClick,
+		getRowProps
+	});
+	const getTableCellProps = require_components_data_table_useTableHandlers.useTableCellHandlers({ getCellProps });
+	const getTableHeaderCellProps = require_components_data_table_useTableHandlers.useTableHeaderCellHandlers();
+	const hiddenColumns = require_components_data_table_useTableHandlers.useMobileColumnHiding({
+		responsive,
+		hideColumnsOnMobile
+	});
+	const normalizedOptions = (0, react.useMemo)(() => require_components_data_table_tableOptions.normalizeTableOptions(pagination, emptyState, emptyStateMessage, loadingState, loadingStateMessage, table), [
+		pagination,
+		emptyState,
+		emptyStateMessage,
+		loadingState,
+		loadingStateMessage,
+		table
+	]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className,
+		children: [
+			header && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "mb-4",
+				children: header
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "rounded-md border",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_lumeweb_portal_framework_ui_core.Table, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_lumeweb_portal_framework_ui_core.TableHeader, { children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_lumeweb_portal_framework_ui_core.TableRow, { children: headerGroup.headers.map((header$1) => {
+					if (hiddenColumns.has(header$1.id)) return null;
+					return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_lumeweb_portal_framework_ui_core.TableHead, {
+						...getTableHeaderCellProps(header$1),
+						children: header$1.isPlaceholder ? null : (0, _tanstack_react_table.flexRender)(header$1.column.columnDef.header, header$1.getContext())
+					}, header$1.id);
+				}) }, headerGroup.id)) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_lumeweb_portal_framework_ui_core.TableBody, { children: isLoading ? normalizedOptions.loadingState : table.getRowModel().rows.length > 0 ? table.getRowModel().rows.map((row) => {
+					return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_lumeweb_portal_framework_ui_core.TableRow, {
+						...getTableRowProps(row),
+						children: row.getVisibleCells().map((cell) => {
+							if (hiddenColumns.has(cell.column.id)) return null;
+							return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_lumeweb_portal_framework_ui_core.TableCell, {
+								...getTableCellProps(cell),
+								children: (0, _tanstack_react_table.flexRender)(cell.column.columnDef.cell, cell.getContext())
+							}, cell.id);
+						})
+					}, row.id);
+				}) : normalizedOptions.emptyState })] })
+			}),
+			normalizedOptions.pagination.enabled && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "mt-4",
+				children: normalizedOptions.pagination.component
+			}),
+			footer && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "mt-4",
+				children: footer
+			})
+		]
+	});
+}
+var init_DefaultTableLayout = require_rolldown_runtime.__esmMin((() => {
+	require_components_data_table_useTableHandlers.init_useTableHandlers();
+	require_components_data_table_tableOptions.init_tableOptions();
+}));
+
+//#endregion
+init_DefaultTableLayout();
+exports.DefaultTableLayout = DefaultTableLayout;
+Object.defineProperty(exports, 'init_DefaultTableLayout', {
+  enumerable: true,
+  get: function () {
+    return init_DefaultTableLayout;
+  }
+});
+//# sourceMappingURL=DefaultTableLayout.cjs.map

package/dist/cjs/components/data-table/DefaultTableLayout.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultTableLayout.cjs","names":["useTableRowHandlers","useTableCellHandlers","useTableHeaderCellHandlers","useMobileColumnHiding","normalizeTableOptions","UITable","TableHeader","TableRow","header","TableHead","TableBody","TableCell"],"sources":["../../../../src/components/data-table/DefaultTableLayout.tsx"],"sourcesContent":["import {\n  TableBody,\n  TableCell,\n  TableHead,\n  TableHeader,\n  TableRow,\n  Table as UITable,\n} from \"@lumeweb/portal-framework-ui-core\";\nimport { flexRender, Table } from \"@tanstack/react-table\";\nimport React, { useMemo } from \"react\";\nimport { BaseRecord } from \"@refinedev/core\";\nimport {\n  useTableRowHandlers,\n  useTableCellHandlers,\n  useMobileColumnHiding,\n  useTableHeaderCellHandlers,\n} from \"./useTableHandlers\";\nimport { BaseTableLayoutPropsBase } from \"./BaseTable\";\nimport { normalizeTableOptions } from \"./tableOptions\";\n\ninterface DefaultTableLayoutProps<TData extends BaseRecord>\n  extends BaseTableLayoutPropsBase<TData> {\n  emptyStateMessage?: string;\n  loadingStateMessage?: string;\n}\n\nfunction DefaultTableLayout<TData extends BaseRecord>({\n  table,\n  getCellProps,\n  getRowProps,\n  onRowClick,\n  className,\n  emptyState,\n  emptyStateMessage,\n  footer,\n  header,\n  isLoading,\n  loadingState,\n  loadingStateMessage,\n  pagination,\n  responsive,\n  hideColumnsOnMobile,\n}: DefaultTableLayoutProps<TData>) {\n  // Use the shared hooks for row and cell handling\n  const getTableRowProps = useTableRowHandlers({ onRowClick, getRowProps });\n  const getTableCellProps = useTableCellHandlers({ getCellProps });\n  const getTableHeaderCellProps = useTableHeaderCellHandlers();\n  \n  // Get hidden columns at top level to avoid hooks violation\n  const hiddenColumns = useMobileColumnHiding({\n    responsive,\n    hideColumnsOnMobile,\n  });\n\n  // Normalize table options\n  const normalizedOptions = useMemo(\n    () =>\n      normalizeTableOptions(\n        pagination,\n        emptyState,\n        emptyStateMessage,\n        loadingState,\n        loadingStateMessage,\n        table,\n      ),\n    [\n      pagination,\n      emptyState,\n      emptyStateMessage,\n      loadingState,\n      loadingStateMessage,\n      table,\n    ]\n  );\n\n  return (\n    <div className={className}>\n      {header && <div className=\"mb-4\">{header}</div>}\n      <div className=\"rounded-md border\">\n        <UITable>\n          <TableHeader>\n            {table.getHeaderGroups().map((headerGroup) => (\n              <TableRow key={headerGroup.id}>\n                {headerGroup.headers.map((header) => {\n                  // Check if column should be hidden using the precomputed set\n                  if (hiddenColumns.has(header.id)) {\n                    return null;\n                  }\n\n                  const headerProps = getTableHeaderCellProps(header);\n\n                  return (\n                    <TableHead key={header.id} {...headerProps}>\n                      {header.isPlaceholder\n                        ? null\n                        : flexRender(\n                            header.column.columnDef.header,\n                            header.getContext(),\n                          )}\n                    </TableHead>\n                  );\n                })}\n              </TableRow>\n            ))}\n          </TableHeader>\n          <TableBody>\n            {isLoading\n              ? normalizedOptions.loadingState\n              : table.getRowModel().rows.length > 0\n                ? table.getRowModel().rows.map((row) => {\n                    // Use the shared hook for row props\n                    const rowProps = getTableRowProps(row);\n\n                    return (\n                      <TableRow key={row.id} {...rowProps}>\n                        {row.getVisibleCells().map((cell) => {\n                          // Check if column should be hidden using the precomputed set\n                          if (hiddenColumns.has(cell.column.id)) {\n                            return null;\n                          }\n\n                          // Use the shared hook for cell props\n                          const cellProps = getTableCellProps(cell);\n\n                          return (\n                            <TableCell key={cell.id} {...cellProps}>\n                              {flexRender(\n                                cell.column.columnDef.cell,\n                                cell.getContext(),\n                              )}\n                            </TableCell>\n                          );\n                        })}\n                      </TableRow>\n                    );\n                  })\n                : normalizedOptions.emptyState}\n          </TableBody>\n        </UITable>\n      </div>\n      {normalizedOptions.pagination.enabled && (\n        <div className=\"mt-4\">{normalizedOptions.pagination.component}</div>\n      )}\n      {footer && <div className=\"mt-4\">{footer}</div>}\n    </div>\n  );\n}\n\nexport { DefaultTableLayout };\n"],"mappings":";;;;;;;;;;AA0BA,SAAS,mBAA6C,EACpD,OACA,cACA,aACA,YACA,WACA,YACA,mBACA,QACA,QACA,WACA,cACA,qBACA,YACA,YACA,uBACiC;CAEjC,MAAM,mBAAmBA,mEAAoB;EAAE;EAAY;EAAa,CAAC;CACzE,MAAM,oBAAoBC,oEAAqB,EAAE,cAAc,CAAC;CAChE,MAAM,0BAA0BC,2EAA4B;CAG5D,MAAM,gBAAgBC,qEAAsB;EAC1C;EACA;EACD,CAAC;CAGF,MAAM,6CAEFC,iEACE,YACA,YACA,mBACA,cACA,qBACA,MACD,EACH;EACE;EACA;EACA;EACA;EACA;EACA;EACD,CACF;AAED,QACE,4CAAC;EAAe;;GACb,UAAU,2CAAC;IAAI,WAAU;cAAQ;KAAa;GAC/C,2CAAC;IAAI,WAAU;cACb,4CAACC,sDACC,2CAACC,2DACE,MAAM,iBAAiB,CAAC,KAAK,gBAC5B,2CAACC,wDACE,YAAY,QAAQ,KAAK,aAAW;AAEnC,SAAI,cAAc,IAAIC,SAAO,GAAG,CAC9B,QAAO;AAKT,YACE,2CAACC;MAA0B,GAHT,wBAAwBD,SAAO;gBAI9CA,SAAO,gBACJ,6CAEEA,SAAO,OAAO,UAAU,QACxBA,SAAO,YAAY,CACpB;QANSA,SAAO,GAOX;MAEd,IAnBW,YAAY,GAoBhB,CACX,GACU,EACd,2CAACE,yDACE,YACG,kBAAkB,eAClB,MAAM,aAAa,CAAC,KAAK,SAAS,IAChC,MAAM,aAAa,CAAC,KAAK,KAAK,QAAQ;AAIpC,YACE,2CAACH;MAAsB,GAHR,iBAAiB,IAAI;gBAIjC,IAAI,iBAAiB,CAAC,KAAK,SAAS;AAEnC,WAAI,cAAc,IAAI,KAAK,OAAO,GAAG,CACnC,QAAO;AAMT,cACE,2CAACI;QAAwB,GAHT,kBAAkB,KAAK;wDAKnC,KAAK,OAAO,UAAU,MACtB,KAAK,YAAY,CAClB;UAJa,KAAK,GAKT;QAEd;QAlBW,IAAI,GAmBR;MAEb,GACF,kBAAkB,aACd,IACJ;KACN;GACL,kBAAkB,WAAW,WAC5B,2CAAC;IAAI,WAAU;cAAQ,kBAAkB,WAAW;KAAgB;GAErE,UAAU,2CAAC;IAAI,WAAU;cAAQ;KAAa;;GAC3C;;;uEAhIkB;+DAE2B"}

package/dist/cjs/components/data-table/DefaultTableLayout.d.cts

@@ -0,0 +1,28 @@
+import { BaseTableLayoutPropsBase } from "./BaseTable.cjs";
+import { BaseRecord } from "@refinedev/core";
+
+//#region src/components/data-table/DefaultTableLayout.d.ts
+interface DefaultTableLayoutProps<TData extends BaseRecord> extends BaseTableLayoutPropsBase<TData> {
+  emptyStateMessage?: string;
+  loadingStateMessage?: string;
+}
+declare function DefaultTableLayout<TData extends BaseRecord>({
+  table,
+  getCellProps,
+  getRowProps,
+  onRowClick,
+  className,
+  emptyState,
+  emptyStateMessage,
+  footer,
+  header,
+  isLoading,
+  loadingState,
+  loadingStateMessage,
+  pagination,
+  responsive,
+  hideColumnsOnMobile
+}: DefaultTableLayoutProps<TData>): any;
+//#endregion
+export { DefaultTableLayout };
+//# sourceMappingURL=DefaultTableLayout.d.cts.map

package/dist/cjs/components/data-table/EmptyState.cjs

@@ -0,0 +1,26 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+let _lumeweb_portal_framework_ui_core = require("@lumeweb/portal-framework-ui-core");
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+
+//#region src/components/data-table/EmptyState.tsx
+function TableEmptyState({ children, colSpan, message = "No data available" }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_lumeweb_portal_framework_ui_core.TableRow, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_lumeweb_portal_framework_ui_core.TableCell, {
+		className: "py-8 text-center",
+		colSpan,
+		children: children || message
+	}) });
+}
+var init_EmptyState = require_rolldown_runtime.__esmMin((() => {}));
+
+//#endregion
+init_EmptyState();
+exports.TableEmptyState = TableEmptyState;
+Object.defineProperty(exports, 'init_EmptyState', {
+  enumerable: true,
+  get: function () {
+    return init_EmptyState;
+  }
+});
+//# sourceMappingURL=EmptyState.cjs.map

package/dist/cjs/components/data-table/EmptyState.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState.cjs","names":["TableRow","TableCell"],"sources":["../../../../src/components/data-table/EmptyState.tsx"],"sourcesContent":["import { TableCell, TableRow } from \"@lumeweb/portal-framework-ui-core\";\nimport React from \"react\";\n\nexport interface TableEmptyStateProps {\n  /** Custom empty state content */\n  children?: React.ReactNode;\n  /** Number of columns to span */\n  colSpan: number;\n  /** Default empty state message */\n  message?: string;\n}\n\nexport function TableEmptyState({\n  children,\n  colSpan,\n  message = \"No data available\",\n}: TableEmptyStateProps) {\n  return (\n    <TableRow>\n      <TableCell className=\"py-8 text-center\" colSpan={colSpan}>\n        {children || message}\n      </TableCell>\n    </TableRow>\n  );\n}\n"],"mappings":";;;;;;;AAYA,SAAgB,gBAAgB,EAC9B,UACA,SACA,UAAU,uBACa;AACvB,QACE,2CAACA,wDACC,2CAACC;EAAU,WAAU;EAA4B;YAC9C,YAAY;GACH,GACH"}

package/dist/cjs/components/data-table/EmptyState.d.cts

@@ -0,0 +1,19 @@
+import React from "react";
+
+//#region src/components/data-table/EmptyState.d.ts
+interface TableEmptyStateProps {
+  /** Custom empty state content */
+  children?: React.ReactNode;
+  /** Number of columns to span */
+  colSpan: number;
+  /** Default empty state message */
+  message?: string;
+}
+declare function TableEmptyState({
+  children,
+  colSpan,
+  message
+}: TableEmptyStateProps): any;
+//#endregion
+export { TableEmptyState, TableEmptyStateProps };
+//# sourceMappingURL=EmptyState.d.cts.map

package/dist/cjs/components/data-table/LoadingState.cjs

@@ -0,0 +1,47 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_components_data_table_contexts_TableInstance = require('./contexts/TableInstance.cjs');
+const require_components_data_table_contexts_index = require('./contexts/index.cjs');
+const require_components_SkeletonLoader = require('../SkeletonLoader.cjs');
+const require_components_index = require('../index.cjs');
+let _lumeweb_portal_framework_ui_core = require("@lumeweb/portal-framework-ui-core");
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+
+//#region src/components/data-table/LoadingState.tsx
+function TableLoadingState({ children, colSpan, message = "Loading data..." }) {
+	const { table } = require_components_data_table_contexts_TableInstance.useTableInstance();
+	const skeletonTable = (table && "refineCore" in table ? table : void 0) ?? table;
+	if (children) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_lumeweb_portal_framework_ui_core.TableRow, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_lumeweb_portal_framework_ui_core.TableCell, {
+		className: "py-8 text-center",
+		colSpan,
+		children
+	}) });
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_lumeweb_portal_framework_ui_core.TableRow, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_lumeweb_portal_framework_ui_core.TableCell, {
+		className: "pb-4 text-center",
+		colSpan,
+		children: message
+	}) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_lumeweb_portal_framework_ui_core.TableRow, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_lumeweb_portal_framework_ui_core.TableCell, {
+		className: "py-8",
+		colSpan,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_SkeletonLoader.SkeletonLoader, {
+			layout: "table",
+			table: skeletonTable
+		})
+	}) })] });
+}
+var init_LoadingState = require_rolldown_runtime.__esmMin((() => {
+	require_components_index.init_components();
+	require_components_data_table_contexts_index.init_contexts();
+}));
+
+//#endregion
+init_LoadingState();
+exports.TableLoadingState = TableLoadingState;
+Object.defineProperty(exports, 'init_LoadingState', {
+  enumerable: true,
+  get: function () {
+    return init_LoadingState;
+  }
+});
+//# sourceMappingURL=LoadingState.cjs.map

package/dist/cjs/components/data-table/LoadingState.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingState.cjs","names":["useTableInstance","TableRow","TableCell","SkeletonLoader"],"sources":["../../../../src/components/data-table/LoadingState.tsx"],"sourcesContent":["import { TableCell, TableRow } from \"@lumeweb/portal-framework-ui-core\";\nimport React from \"react\";\n\nimport { SkeletonLoader } from \"@/components\";\nimport { useTableInstance } from \"./contexts\";\nimport type { UseTableReturnType } from \"@refinedev/react-table\";\n\nexport interface TableLoadingStateProps {\n  /** Custom loading content */\n  children?: React.ReactNode;\n  /** Number of columns to span */\n  colSpan: number;\n  /** Default loading message */\n  message?: string;\n}\n\nexport function TableLoadingState({\n  children,\n  colSpan,\n  message = \"Loading data...\",\n}: TableLoadingStateProps) {\n  const { table } = useTableInstance();\n\n  // Check if table has refineCore property to determine the correct type\n  const refineTable =\n    table && \"refineCore\" in table\n      ? (table as UseTableReturnType<any, any>)\n      : undefined;\n  const skeletonTable = refineTable ?? table;\n\n  if (children) {\n    return (\n      <TableRow>\n        <TableCell className=\"py-8 text-center\" colSpan={colSpan}>\n          {children}\n        </TableCell>\n      </TableRow>\n    );\n  }\n\n  return (\n    <>\n      <TableRow>\n        <TableCell className=\"pb-4 text-center\" colSpan={colSpan}>\n          {message}\n        </TableCell>\n      </TableRow>\n      <TableRow>\n        <TableCell className=\"py-8\" colSpan={colSpan}>\n          <SkeletonLoader\n            layout=\"table\"\n            table={skeletonTable as UseTableReturnType}\n          />\n        </TableCell>\n      </TableRow>\n    </>\n  );\n}\n"],"mappings":";;;;;;;;;;;AAgBA,SAAgB,kBAAkB,EAChC,UACA,SACA,UAAU,qBACe;CACzB,MAAM,EAAE,UAAUA,uEAAkB;CAOpC,MAAM,iBAHJ,SAAS,gBAAgB,QACpB,QACD,WAC+B;AAErC,KAAI,SACF,QACE,2CAACC,wDACC,2CAACC;EAAU,WAAU;EAA4B;EAC9C;GACS,GACH;AAIf,QACE,qFACE,2CAACD,wDACC,2CAACC;EAAU,WAAU;EAA4B;YAC9C;GACS,GACH,EACX,2CAACD,wDACC,2CAACC;EAAU,WAAU;EAAgB;YACnC,2CAACC;GACC,QAAO;GACP,OAAO;IACP;GACQ,GACH,IACV;;;2CApDuC;6DACA"}

package/dist/cjs/components/data-table/LoadingState.d.cts

@@ -0,0 +1,19 @@
+import React from "react";
+
+//#region src/components/data-table/LoadingState.d.ts
+interface TableLoadingStateProps {
+  /** Custom loading content */
+  children?: React.ReactNode;
+  /** Number of columns to span */
+  colSpan: number;
+  /** Default loading message */
+  message?: string;
+}
+declare function TableLoadingState({
+  children,
+  colSpan,
+  message
+}: TableLoadingStateProps): any;
+//#endregion
+export { TableLoadingState, TableLoadingStateProps };
+//# sourceMappingURL=LoadingState.d.cts.map

package/dist/cjs/components/data-table/TableAction.cjs

@@ -0,0 +1,36 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+let _lumeweb_portal_framework_ui_core = require("@lumeweb/portal-framework-ui-core");
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+
+//#region src/components/data-table/TableAction.tsx
+function TableAction({ items, row }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: "flex items-center gap-1",
+		children: items.map((item, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_lumeweb_portal_framework_ui_core.Button, {
+			"aria-label": item.tooltip || item.label,
+			className: "h-8 w-8 p-0",
+			disabled: typeof item.disabled === "function" ? item.disabled(row) : item.disabled,
+			onClick: (e) => {
+				e.stopPropagation();
+				item.onClick(row);
+			},
+			title: item.tooltip || item.label,
+			variant: "ghost",
+			children: item.icon
+		}, `action-${index}`))
+	});
+}
+var init_TableAction = require_rolldown_runtime.__esmMin((() => {}));
+
+//#endregion
+init_TableAction();
+exports.TableAction = TableAction;
+Object.defineProperty(exports, 'init_TableAction', {
+  enumerable: true,
+  get: function () {
+    return init_TableAction;
+  }
+});
+//# sourceMappingURL=TableAction.cjs.map

package/dist/cjs/components/data-table/TableAction.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableAction.cjs","names":["Button"],"sources":["../../../../src/components/data-table/TableAction.tsx"],"sourcesContent":["import { Button } from \"@lumeweb/portal-framework-ui-core\";\nimport React from \"react\";\n\nexport interface TableActionItem<TData> {\n  disabled?: boolean | ((row: TData) => boolean);\n  icon: React.ReactNode;\n  label?: string;\n  onClick: (row: TData) => void;\n  tooltip?: string;\n}\n\ninterface TableActionProps<TData> {\n  items: TableActionItem<TData>[];\n  row: TData;\n}\n\nfunction TableAction<TData>({ items, row }: TableActionProps<TData>) {\n  return (\n    <div className=\"flex items-center gap-1\">\n      {items.map((item, index) => (\n        <Button\n          aria-label={item.tooltip || item.label}\n          className=\"h-8 w-8 p-0\"\n          disabled={typeof item.disabled === 'function' ? item.disabled(row) : item.disabled}\n          key={`action-${index}`}\n          onClick={(e) => {\n            e.stopPropagation();\n            item.onClick(row);\n          }}\n          title={item.tooltip || item.label}\n          variant=\"ghost\">\n          {item.icon}\n        </Button>\n      ))}\n    </div>\n  );\n}\n\nexport { TableAction };\n"],"mappings":";;;;;;;AAgBA,SAAS,YAAmB,EAAE,OAAO,OAAgC;AACnE,QACE,2CAAC;EAAI,WAAU;YACZ,MAAM,KAAK,MAAM,UAChB,2CAACA;GACC,cAAY,KAAK,WAAW,KAAK;GACjC,WAAU;GACV,UAAU,OAAO,KAAK,aAAa,aAAa,KAAK,SAAS,IAAI,GAAG,KAAK;GAE1E,UAAU,MAAM;AACd,MAAE,iBAAiB;AACnB,SAAK,QAAQ,IAAI;;GAEnB,OAAO,KAAK,WAAW,KAAK;GAC5B,SAAQ;aACP,KAAK;KAPD,UAAU,QAQR,CACT;GACE"}

package/dist/cjs/components/data-table/TableAction.d.cts

@@ -0,0 +1,21 @@
+import React from "react";
+
+//#region src/components/data-table/TableAction.d.ts
+interface TableActionItem<TData> {
+  disabled?: boolean | ((row: TData) => boolean);
+  icon: React.ReactNode;
+  label?: string;
+  onClick: (row: TData) => void;
+  tooltip?: string;
+}
+interface TableActionProps<TData> {
+  items: TableActionItem<TData>[];
+  row: TData;
+}
+declare function TableAction<TData>({
+  items,
+  row
+}: TableActionProps<TData>): any;
+//#endregion
+export { TableAction, TableActionItem };
+//# sourceMappingURL=TableAction.d.cts.map

package/dist/cjs/components/data-table/TableActionMenu.cjs

@@ -0,0 +1,41 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+let _lumeweb_portal_framework_ui_core = require("@lumeweb/portal-framework-ui-core");
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+let lucide_react = require("lucide-react");
+
+//#region src/components/data-table/TableActionMenu.tsx
+function TableActionMenu({ items, row }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_lumeweb_portal_framework_ui_core.DropdownMenu, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_lumeweb_portal_framework_ui_core.DropdownMenuTrigger, {
+		asChild: true,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_lumeweb_portal_framework_ui_core.Button, {
+			"aria-label": "Open actions menu",
+			className: "h-8 w-8 p-0",
+			variant: "ghost",
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.MoreHorizontal, { className: "h-4 w-4" })
+		})
+	}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_lumeweb_portal_framework_ui_core.DropdownMenuContent, {
+		align: "end",
+		children: items?.map((item, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_lumeweb_portal_framework_ui_core.DropdownMenuItem, {
+			disabled: typeof item.disabled === "function" ? item.disabled(row) : item.disabled,
+			onClick: () => item.onClick(row),
+			children: [item.icon && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				className: "mr-2",
+				children: item.icon
+			}), item.label]
+		}, index))
+	})] });
+}
+var init_TableActionMenu = require_rolldown_runtime.__esmMin((() => {}));
+
+//#endregion
+init_TableActionMenu();
+exports.TableActionMenu = TableActionMenu;
+Object.defineProperty(exports, 'init_TableActionMenu', {
+  enumerable: true,
+  get: function () {
+    return init_TableActionMenu;
+  }
+});
+//# sourceMappingURL=TableActionMenu.cjs.map

package/dist/cjs/components/data-table/TableActionMenu.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableActionMenu.cjs","names":["DropdownMenu","DropdownMenuTrigger","Button","MoreHorizontal","DropdownMenuContent","DropdownMenuItem"],"sources":["../../../../src/components/data-table/TableActionMenu.tsx"],"sourcesContent":["import {\n  Button,\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n} from \"@lumeweb/portal-framework-ui-core\";\nimport { MoreHorizontal } from \"lucide-react\";\nimport React from \"react\";\n\nexport interface TableActionMenuItem<TData> {\n  disabled?: boolean | ((row: TData) => boolean);\n  icon?: React.ReactNode;\n  label: string;\n  onClick: (row: TData) => void;\n}\n\ninterface TableActionMenuProps<TData> {\n  items: TableActionMenuItem<TData>[];\n  row: TData;\n}\n\nfunction TableActionMenu<TData>({ items, row }: TableActionMenuProps<TData>) {\n  return (\n    <DropdownMenu>\n      <DropdownMenuTrigger asChild>\n        <Button\n          aria-label=\"Open actions menu\"\n          className=\"h-8 w-8 p-0\"\n          variant=\"ghost\">\n          <MoreHorizontal className=\"h-4 w-4\" />\n        </Button>\n      </DropdownMenuTrigger>\n      <DropdownMenuContent align=\"end\">\n        {items?.map((item, index) => (\n          <DropdownMenuItem\n            disabled={typeof item.disabled === 'function' ? item.disabled(row) : item.disabled}\n            key={index}\n            onClick={() => item.onClick(row)}>\n            {item.icon && <span className=\"mr-2\">{item.icon}</span>}\n            {item.label}\n          </DropdownMenuItem>\n        ))}\n      </DropdownMenuContent>\n    </DropdownMenu>\n  );\n}\n\nexport { TableActionMenu };\n"],"mappings":";;;;;;;;AAsBA,SAAS,gBAAuB,EAAE,OAAO,OAAoC;AAC3E,QACE,4CAACA,6DACC,2CAACC;EAAoB;YACnB,2CAACC;GACC,cAAW;GACX,WAAU;GACV,SAAQ;aACR,2CAACC,+BAAe,WAAU,YAAY;IAC/B;GACW,EACtB,2CAACC;EAAoB,OAAM;YACxB,OAAO,KAAK,MAAM,UACjB,4CAACC;GACC,UAAU,OAAO,KAAK,aAAa,aAAa,KAAK,SAAS,IAAI,GAAG,KAAK;GAE1E,eAAe,KAAK,QAAQ,IAAI;cAC/B,KAAK,QAAQ,2CAAC;IAAK,WAAU;cAAQ,KAAK;KAAY,EACtD,KAAK;KAHD,MAIY,CACnB;GACkB,IACT"}

package/dist/cjs/components/data-table/TableActionMenu.d.cts

@@ -0,0 +1,20 @@
+import React from "react";
+
+//#region src/components/data-table/TableActionMenu.d.ts
+interface TableActionMenuItem<TData> {
+  disabled?: boolean | ((row: TData) => boolean);
+  icon?: React.ReactNode;
+  label: string;
+  onClick: (row: TData) => void;
+}
+interface TableActionMenuProps<TData> {
+  items: TableActionMenuItem<TData>[];
+  row: TData;
+}
+declare function TableActionMenu<TData>({
+  items,
+  row
+}: TableActionMenuProps<TData>): any;
+//#endregion
+export { TableActionMenu, TableActionMenuItem };
+//# sourceMappingURL=TableActionMenu.d.cts.map

package/dist/cjs/components/data-table/TableLayoutRenderer.cjs

@@ -0,0 +1,62 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_components_data_table_DataTable_types = require('./DataTable.types.cjs');
+const require_components_data_table_contexts_TableConfig = require('./contexts/TableConfig.cjs');
+const require_components_data_table_contexts_index = require('./contexts/index.cjs');
+const require_components_data_table_BaseTableStackedLayout = require('./BaseTableStackedLayout.cjs');
+const require_components_data_table_DefaultTableLayout = require('./DefaultTableLayout.cjs');
+const require_components_data_table_useTableLayoutSelector = require('./useTableLayoutSelector.cjs');
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+
+//#region src/components/data-table/TableLayoutRenderer.tsx
+function TableLayoutRenderer({ layoutType, table, refineTable, className, emptyState, footer, getCellProps, getRowProps, header, isLoading, loadingState, onRowClick, pagination, responsive = false, hideColumnsOnMobile = [], mobileBreakpoint, stackedHeaderColumn }) {
+	const tableConfig = require_components_data_table_contexts_TableConfig.useTableConfigOptional();
+	const actualLayoutType = require_components_data_table_useTableLayoutSelector.useTableLayoutSelector({
+		responsive,
+		mobileLayout: layoutType,
+		mobileBreakpoint: mobileBreakpoint || tableConfig?.toolbarConfig?.mobileBreakpoint
+	});
+	const LayoutComponent = layoutRegistry[actualLayoutType];
+	if (!LayoutComponent) throw new Error(`Unsupported layout type: ${actualLayoutType}`);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(LayoutComponent, {
+		className,
+		emptyState,
+		footer,
+		getCellProps,
+		getRowProps,
+		header,
+		isLoading,
+		loadingState,
+		onRowClick,
+		pagination,
+		table,
+		responsive,
+		hideColumnsOnMobile,
+		mobileBreakpoint,
+		stackedHeaderColumn
+	});
+}
+var layoutRegistry;
+var init_TableLayoutRenderer = require_rolldown_runtime.__esmMin((() => {
+	require_components_data_table_BaseTableStackedLayout.init_BaseTableStackedLayout();
+	require_components_data_table_DefaultTableLayout.init_DefaultTableLayout();
+	require_components_data_table_useTableLayoutSelector.init_useTableLayoutSelector();
+	require_components_data_table_contexts_index.init_contexts();
+	require_components_data_table_DataTable_types.init_DataTable_types();
+	layoutRegistry = {
+		[require_components_data_table_DataTable_types.TableLayoutType.TABLE]: require_components_data_table_DefaultTableLayout.DefaultTableLayout,
+		[require_components_data_table_DataTable_types.TableLayoutType.STACKED]: require_components_data_table_BaseTableStackedLayout.BaseTableStackedLayout
+	};
+}));
+
+//#endregion
+init_TableLayoutRenderer();
+exports.TableLayoutRenderer = TableLayoutRenderer;
+Object.defineProperty(exports, 'init_TableLayoutRenderer', {
+  enumerable: true,
+  get: function () {
+    return init_TableLayoutRenderer;
+  }
+});
+//# sourceMappingURL=TableLayoutRenderer.cjs.map

package/dist/cjs/components/data-table/TableLayoutRenderer.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableLayoutRenderer.cjs","names":["useTableConfigOptional","useTableLayoutSelector","TableLayoutType","DefaultTableLayout","BaseTableStackedLayout"],"sources":["../../../../src/components/data-table/TableLayoutRenderer.tsx"],"sourcesContent":["import React from \"react\";\nimport { BaseRecord, useTableReturnType } from \"@refinedev/core\";\nimport { Table } from \"@tanstack/react-table\";\n\nimport { BaseTableStackedLayout } from \"./BaseTableStackedLayout\";\nimport { DefaultTableLayout } from \"./DefaultTableLayout\";\nimport { useTableLayoutSelector } from \"./useTableLayoutSelector\";\nimport { useTableConfigOptional } from \"./contexts\";\nimport { BaseTableContentProps } from \"./BaseTableContent\";\nimport { TableLayoutType } from \"./DataTable.types\";\nimport { ComponentSize } from \"@/components\";\n\n// Layout registry mapping layout types to components\nconst layoutRegistry = {\n  [TableLayoutType.TABLE]: DefaultTableLayout,\n  [TableLayoutType.STACKED]: BaseTableStackedLayout,\n};\n\n// Type for layout components\ntype LayoutComponent<TData extends BaseRecord> = React.ComponentType<\n  Omit<BaseTableContentProps<TData>, \"table\" | \"layoutType\">\n>;\n\ninterface TableLayoutRendererProps<TData extends BaseRecord> {\n  layoutType: TableLayoutType;\n  table: Table<TData>;\n  refineTable?: useTableReturnType<TData, any>;\n  // All other props from BaseTableContent\n  className?: string;\n  emptyState?: React.ReactNode;\n  footer?: React.ReactNode;\n  getCellProps?: (\n    cell: any, // Using any to avoid complex typing issues\n  ) => React.HTMLAttributes<HTMLTableCellElement>;\n  getRowProps?: (row: any) => React.HTMLAttributes<HTMLTableRowElement>;\n  header?: React.ReactNode;\n  isLoading?: boolean;\n  loadingState?: React.ReactNode;\n  onRowClick?: (row: any) => void;\n  pagination?: React.ReactNode;\n  responsive?: boolean;\n  hideColumnsOnMobile?: string[];\n  mobileBreakpoint?: ComponentSize | string;\n  stackedHeaderColumn?: string;\n}\n\nfunction TableLayoutRenderer<TData extends BaseRecord>({\n  layoutType,\n  table,\n  refineTable,\n  className,\n  emptyState,\n  footer,\n  getCellProps,\n  getRowProps,\n  header,\n  isLoading,\n  loadingState,\n  onRowClick,\n  pagination,\n  responsive = false,\n  hideColumnsOnMobile = [],\n  mobileBreakpoint,\n  stackedHeaderColumn,\n}: TableLayoutRendererProps<TData>) {\n  const tableConfig = useTableConfigOptional<TData>();\n\n  // Determine the actual layout to render\n  const actualLayoutType = useTableLayoutSelector({\n    responsive,\n    mobileLayout: layoutType,\n    mobileBreakpoint:\n      mobileBreakpoint || tableConfig?.toolbarConfig?.mobileBreakpoint,\n  });\n\n  // Get the layout component from registry\n  const LayoutComponent = layoutRegistry[\n    actualLayoutType\n  ] as LayoutComponent<TData>;\n\n  if (!LayoutComponent) {\n    throw new Error(`Unsupported layout type: ${actualLayoutType}`);\n  }\n\n  // Render the registered layout component\n  return (\n    <LayoutComponent\n      className={className}\n      emptyState={emptyState}\n      footer={footer}\n      getCellProps={getCellProps}\n      getRowProps={getRowProps}\n      header={header}\n      isLoading={isLoading}\n      loadingState={loadingState}\n      onRowClick={onRowClick}\n      pagination={pagination}\n      table={table}\n      responsive={responsive}\n      hideColumnsOnMobile={hideColumnsOnMobile}\n      mobileBreakpoint={mobileBreakpoint}\n      stackedHeaderColumn={stackedHeaderColumn}\n    />\n  );\n}\n\nexport { TableLayoutRenderer };\n"],"mappings":";;;;;;;;;;;;AA8CA,SAAS,oBAA8C,EACrD,YACA,OACA,aACA,WACA,YACA,QACA,cACA,aACA,QACA,WACA,cACA,YACA,YACA,aAAa,OACb,sBAAsB,EAAE,EACxB,kBACA,uBACkC;CAClC,MAAM,cAAcA,2EAA+B;CAGnD,MAAM,mBAAmBC,4EAAuB;EAC9C;EACA,cAAc;EACd,kBACE,oBAAoB,aAAa,eAAe;EACnD,CAAC;CAGF,MAAM,kBAAkB,eACtB;AAGF,KAAI,CAAC,gBACH,OAAM,IAAI,MAAM,4BAA4B,mBAAmB;AAIjE,QACE,2CAAC;EACY;EACC;EACJ;EACM;EACD;EACL;EACG;EACG;EACF;EACA;EACL;EACK;EACS;EACH;EACG;GACrB;;;;mFAlG4D;2EACR;mFACQ;6DACd;qEAEA;CAI9C,iBAAiB;GACpBC,8DAAgB,QAAQC;GACxBD,8DAAgB,UAAUE;EAC5B"}