@lumeweb/portal-framework-ui 0.0.1 → 0.1.0

package/dist/esm/components/data-table/EmptyState.d.ts

@@ -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.ts.map

package/dist/esm/components/data-table/EmptyState.js

@@ -0,0 +1,19 @@
+import { __esmMin } from "../../_virtual/rolldown_runtime.js";
+import { TableCell, TableRow } from "@lumeweb/portal-framework-ui-core";
+import React from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/data-table/EmptyState.tsx
+function TableEmptyState({ children, colSpan, message = "No data available" }) {
+	return /* @__PURE__ */ jsx(TableRow, { children: /* @__PURE__ */ jsx(TableCell, {
+		className: "py-8 text-center",
+		colSpan,
+		children: children || message
+	}) });
+}
+var init_EmptyState = __esmMin(() => {});
+
+//#endregion
+init_EmptyState();
+export { TableEmptyState, init_EmptyState };
+//# sourceMappingURL=EmptyState.js.map

package/dist/esm/components/data-table/EmptyState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState.js","names":[],"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,oBAAC,sBACC,oBAAC;EAAU,WAAU;EAA4B;YAC9C,YAAY;GACH,GACH"}

package/dist/esm/components/data-table/LoadingState.d.ts

@@ -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.ts.map

package/dist/esm/components/data-table/LoadingState.js

@@ -0,0 +1,40 @@
+import { __esmMin } from "../../_virtual/rolldown_runtime.js";
+import { useTableInstance } from "./contexts/TableInstance.js";
+import { init_contexts } from "./contexts/index.js";
+import { SkeletonLoader } from "../SkeletonLoader.js";
+import { init_components } from "../index.js";
+import { TableCell, TableRow } from "@lumeweb/portal-framework-ui-core";
+import React from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/data-table/LoadingState.tsx
+function TableLoadingState({ children, colSpan, message = "Loading data..." }) {
+	const { table } = useTableInstance();
+	const skeletonTable = (table && "refineCore" in table ? table : void 0) ?? table;
+	if (children) return /* @__PURE__ */ jsx(TableRow, { children: /* @__PURE__ */ jsx(TableCell, {
+		className: "py-8 text-center",
+		colSpan,
+		children
+	}) });
+	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(TableRow, { children: /* @__PURE__ */ jsx(TableCell, {
+		className: "pb-4 text-center",
+		colSpan,
+		children: message
+	}) }), /* @__PURE__ */ jsx(TableRow, { children: /* @__PURE__ */ jsx(TableCell, {
+		className: "py-8",
+		colSpan,
+		children: /* @__PURE__ */ jsx(SkeletonLoader, {
+			layout: "table",
+			table: skeletonTable
+		})
+	}) })] });
+}
+var init_LoadingState = __esmMin(() => {
+	init_components();
+	init_contexts();
+});
+
+//#endregion
+init_LoadingState();
+export { TableLoadingState, init_LoadingState };
+//# sourceMappingURL=LoadingState.js.map

package/dist/esm/components/data-table/LoadingState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingState.js","names":[],"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,UAAU,kBAAkB;CAOpC,MAAM,iBAHJ,SAAS,gBAAgB,QACpB,QACD,WAC+B;AAErC,KAAI,SACF,QACE,oBAAC,sBACC,oBAAC;EAAU,WAAU;EAA4B;EAC9C;GACS,GACH;AAIf,QACE,4CACE,oBAAC,sBACC,oBAAC;EAAU,WAAU;EAA4B;YAC9C;GACS,GACH,EACX,oBAAC,sBACC,oBAAC;EAAU,WAAU;EAAgB;YACnC,oBAAC;GACC,QAAO;GACP,OAAO;IACP;GACQ,GACH,IACV;;;kBApDuC;gBACA"}

package/dist/esm/components/data-table/TableAction.d.ts

@@ -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.ts.map

package/dist/esm/components/data-table/TableAction.js

@@ -0,0 +1,29 @@
+import { __esmMin } from "../../_virtual/rolldown_runtime.js";
+import { Button } from "@lumeweb/portal-framework-ui-core";
+import React from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/data-table/TableAction.tsx
+function TableAction({ items, row }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: "flex items-center gap-1",
+		children: items.map((item, index) => /* @__PURE__ */ jsx(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 = __esmMin(() => {});
+
+//#endregion
+init_TableAction();
+export { TableAction, init_TableAction };
+//# sourceMappingURL=TableAction.js.map

package/dist/esm/components/data-table/TableAction.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableAction.js","names":[],"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,oBAAC;EAAI,WAAU;YACZ,MAAM,KAAK,MAAM,UAChB,oBAAC;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/esm/components/data-table/TableActionMenu.d.ts

@@ -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.ts.map

package/dist/esm/components/data-table/TableActionMenu.js

@@ -0,0 +1,34 @@
+import { __esmMin } from "../../_virtual/rolldown_runtime.js";
+import { Button, DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from "@lumeweb/portal-framework-ui-core";
+import React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { MoreHorizontal } from "lucide-react";
+
+//#region src/components/data-table/TableActionMenu.tsx
+function TableActionMenu({ items, row }) {
+	return /* @__PURE__ */ jsxs(DropdownMenu, { children: [/* @__PURE__ */ jsx(DropdownMenuTrigger, {
+		asChild: true,
+		children: /* @__PURE__ */ jsx(Button, {
+			"aria-label": "Open actions menu",
+			className: "h-8 w-8 p-0",
+			variant: "ghost",
+			children: /* @__PURE__ */ jsx(MoreHorizontal, { className: "h-4 w-4" })
+		})
+	}), /* @__PURE__ */ jsx(DropdownMenuContent, {
+		align: "end",
+		children: items?.map((item, index) => /* @__PURE__ */ jsxs(DropdownMenuItem, {
+			disabled: typeof item.disabled === "function" ? item.disabled(row) : item.disabled,
+			onClick: () => item.onClick(row),
+			children: [item.icon && /* @__PURE__ */ jsx("span", {
+				className: "mr-2",
+				children: item.icon
+			}), item.label]
+		}, index))
+	})] });
+}
+var init_TableActionMenu = __esmMin(() => {});
+
+//#endregion
+init_TableActionMenu();
+export { TableActionMenu, init_TableActionMenu };
+//# sourceMappingURL=TableActionMenu.js.map

package/dist/esm/components/data-table/TableActionMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableActionMenu.js","names":[],"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,qBAAC,2BACC,oBAAC;EAAoB;YACnB,oBAAC;GACC,cAAW;GACX,WAAU;GACV,SAAQ;aACR,oBAAC,kBAAe,WAAU,YAAY;IAC/B;GACW,EACtB,oBAAC;EAAoB,OAAM;YACxB,OAAO,KAAK,MAAM,UACjB,qBAAC;GACC,UAAU,OAAO,KAAK,aAAa,aAAa,KAAK,SAAS,IAAI,GAAG,KAAK;GAE1E,eAAe,KAAK,QAAQ,IAAI;cAC/B,KAAK,QAAQ,oBAAC;IAAK,WAAU;cAAQ,KAAK;KAAY,EACtD,KAAK;KAHD,MAIY,CACnB;GACkB,IACT"}

package/dist/esm/components/data-table/TableLayoutRenderer.d.ts

@@ -0,0 +1,49 @@
+import { TableLayoutType } from "./DataTable.types.js";
+import { ComponentSize } from "../sizing/index.js";
+import "../index.js";
+import { BaseRecord, useTableReturnType } from "@refinedev/core";
+import React from "react";
+import { Table } from "@tanstack/react-table";
+
+//#region src/components/data-table/TableLayoutRenderer.d.ts
+interface TableLayoutRendererProps<TData extends BaseRecord> {
+  layoutType: TableLayoutType;
+  table: Table<TData>;
+  refineTable?: useTableReturnType<TData, any>;
+  className?: string;
+  emptyState?: React.ReactNode;
+  footer?: React.ReactNode;
+  getCellProps?: (cell: any) => React.HTMLAttributes<HTMLTableCellElement>;
+  getRowProps?: (row: any) => React.HTMLAttributes<HTMLTableRowElement>;
+  header?: React.ReactNode;
+  isLoading?: boolean;
+  loadingState?: React.ReactNode;
+  onRowClick?: (row: any) => void;
+  pagination?: React.ReactNode;
+  responsive?: boolean;
+  hideColumnsOnMobile?: string[];
+  mobileBreakpoint?: ComponentSize | string;
+  stackedHeaderColumn?: string;
+}
+declare function TableLayoutRenderer<TData extends BaseRecord>({
+  layoutType,
+  table,
+  refineTable,
+  className,
+  emptyState,
+  footer,
+  getCellProps,
+  getRowProps,
+  header,
+  isLoading,
+  loadingState,
+  onRowClick,
+  pagination,
+  responsive,
+  hideColumnsOnMobile,
+  mobileBreakpoint,
+  stackedHeaderColumn
+}: TableLayoutRendererProps<TData>): any;
+//#endregion
+export { TableLayoutRenderer };
+//# sourceMappingURL=TableLayoutRenderer.d.ts.map

package/dist/esm/components/data-table/TableLayoutRenderer.js

@@ -0,0 +1,55 @@
+import { __esmMin } from "../../_virtual/rolldown_runtime.js";
+import { TableLayoutType, init_DataTable_types } from "./DataTable.types.js";
+import { useTableConfigOptional } from "./contexts/TableConfig.js";
+import { init_contexts } from "./contexts/index.js";
+import { BaseTableStackedLayout, init_BaseTableStackedLayout } from "./BaseTableStackedLayout.js";
+import { DefaultTableLayout, init_DefaultTableLayout } from "./DefaultTableLayout.js";
+import { init_useTableLayoutSelector, useTableLayoutSelector } from "./useTableLayoutSelector.js";
+import React from "react";
+import { jsx } from "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 = useTableConfigOptional();
+	const actualLayoutType = useTableLayoutSelector({
+		responsive,
+		mobileLayout: layoutType,
+		mobileBreakpoint: mobileBreakpoint || tableConfig?.toolbarConfig?.mobileBreakpoint
+	});
+	const LayoutComponent = layoutRegistry[actualLayoutType];
+	if (!LayoutComponent) throw new Error(`Unsupported layout type: ${actualLayoutType}`);
+	return /* @__PURE__ */ jsx(LayoutComponent, {
+		className,
+		emptyState,
+		footer,
+		getCellProps,
+		getRowProps,
+		header,
+		isLoading,
+		loadingState,
+		onRowClick,
+		pagination,
+		table,
+		responsive,
+		hideColumnsOnMobile,
+		mobileBreakpoint,
+		stackedHeaderColumn
+	});
+}
+var layoutRegistry;
+var init_TableLayoutRenderer = __esmMin(() => {
+	init_BaseTableStackedLayout();
+	init_DefaultTableLayout();
+	init_useTableLayoutSelector();
+	init_contexts();
+	init_DataTable_types();
+	layoutRegistry = {
+		[TableLayoutType.TABLE]: DefaultTableLayout,
+		[TableLayoutType.STACKED]: BaseTableStackedLayout
+	};
+});
+
+//#endregion
+init_TableLayoutRenderer();
+export { TableLayoutRenderer, init_TableLayoutRenderer };
+//# sourceMappingURL=TableLayoutRenderer.js.map

package/dist/esm/components/data-table/TableLayoutRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableLayoutRenderer.js","names":[],"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,cAAc,wBAA+B;CAGnD,MAAM,mBAAmB,uBAAuB;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,oBAAC;EACY;EACC;EACJ;EACM;EACD;EACL;EACG;EACG;EACF;EACA;EACL;EACK;EACS;EACH;EACG;GACrB;;;;8BAlG4D;0BACR;8BACQ;gBACd;uBAEA;CAI9C,iBAAiB;GACpB,gBAAgB,QAAQ;GACxB,gBAAgB,UAAU;EAC5B"}

package/dist/esm/components/data-table/Toolbar.d.ts

@@ -0,0 +1,17 @@
+import { BaseRecord } from "@refinedev/core";
+import { Table } from "@tanstack/react-table";
+
+//#region src/components/data-table/Toolbar.d.ts
+interface ToolbarProps<TData extends BaseRecord> {
+  /** The table instance */
+  table: Table<TData>;
+  /** Additional class name for the toolbar container */
+  className?: string;
+}
+declare function Toolbar<TData extends BaseRecord>({
+  table,
+  className
+}: ToolbarProps<TData>): any;
+//#endregion
+export { Toolbar };
+//# sourceMappingURL=Toolbar.d.ts.map

package/dist/esm/components/data-table/Toolbar.js

@@ -0,0 +1,186 @@
+import { __esmMin } from "../../_virtual/rolldown_runtime.js";
+import { ToolbarItemAlignment, ToolbarItemType, init_DataTable_types } from "./DataTable.types.js";
+import { ComponentSize as ComponentSize$1 } from "../sizing/index.js";
+import { FilterOperator } from "./toolbarItems/filters/types.js";
+import { createFilterOnChangeHandler } from "./toolbarItems/filters/util.js";
+import { init_useMobileDetection, useMobileDetection as useMobileDetection$1 } from "./useMobileDetection.js";
+import { ToolbarRenderer, init_ToolbarRenderer } from "./ToolbarRenderer.js";
+import { useFilterHelpers } from "./contexts/FilterHelpers.js";
+import { useRefineTable } from "./contexts/RefineTable.js";
+import { useTableConfig } from "./contexts/TableConfig.js";
+import { init_contexts } from "./contexts/index.js";
+import { init_toolbarItems } from "./toolbarItems/index.js";
+import { init_components } from "../index.js";
+import { cn } from "@lumeweb/portal-framework-ui-core";
+import React, { useCallback } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/data-table/Toolbar.tsx
+function MobileToolbarLayout({ table, className, config, refineContext, sortedItems, createCommonProps }) {
+	const containerClassName = cn("flex flex-col gap-3 p-3 border-b bg-background", config.sticky && "sticky top-0 z-10", className);
+	const getItemAlignment = (item) => {
+		if (item.alignment) return item.alignment;
+		return config.defaultAlignment || ToolbarItemAlignment.LEFT;
+	};
+	const isLeftAligned = (item) => {
+		return getItemAlignment(item) === ToolbarItemAlignment.LEFT;
+	};
+	const isRightAligned = (item) => {
+		return getItemAlignment(item) === ToolbarItemAlignment.RIGHT;
+	};
+	const isCenterAligned = (item) => {
+		return getItemAlignment(item) === ToolbarItemAlignment.CENTER;
+	};
+	const leftItems = sortedItems.filter(isLeftAligned);
+	const centerItems = sortedItems.filter(isCenterAligned);
+	const rightItems = sortedItems.filter(isRightAligned);
+	return /* @__PURE__ */ jsxs("div", {
+		className: containerClassName,
+		children: [
+			leftItems.length > 0 && /* @__PURE__ */ jsx("div", {
+				className: "flex flex-wrap gap-2",
+				children: leftItems.map((item) => {
+					return /* @__PURE__ */ jsx(ToolbarRenderer, {
+						item,
+						commonProps: createCommonProps(item)
+					}, item.id);
+				})
+			}),
+			centerItems.length > 0 && /* @__PURE__ */ jsx("div", {
+				className: "flex flex-wrap justify-center gap-2",
+				children: centerItems.map((item) => {
+					return /* @__PURE__ */ jsx(ToolbarRenderer, {
+						item,
+						commonProps: createCommonProps(item)
+					}, item.id);
+				})
+			}),
+			rightItems.length > 0 && /* @__PURE__ */ jsx("div", {
+				className: "flex flex-wrap justify-end gap-2",
+				children: rightItems.map((item) => {
+					return /* @__PURE__ */ jsx(ToolbarRenderer, {
+						item,
+						commonProps: createCommonProps(item)
+					}, item.id);
+				})
+			})
+		]
+	});
+}
+function DesktopToolbarLayout({ table, className, config, refineContext, sortedItems, createCommonProps }) {
+	const getItemAlignment = (item) => {
+		if (item.alignment) return item.alignment;
+		return config.defaultAlignment || ToolbarItemAlignment.LEFT;
+	};
+	const isRightAligned = (item) => {
+		return getItemAlignment(item) === ToolbarItemAlignment.RIGHT;
+	};
+	const isCenterAligned = (item) => {
+		return getItemAlignment(item) === ToolbarItemAlignment.CENTER;
+	};
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("flex flex-wrap items-center gap-2 p-4 border-b bg-background", config.justifyBetween ? "justify-between" : void 0, config.sticky && "sticky top-0 z-10", className),
+		children: sortedItems.map((item) => {
+			return /* @__PURE__ */ jsx(ToolbarRenderer, {
+				item,
+				commonProps: createCommonProps(item),
+				className: cn(isRightAligned(item) && "ml-auto", isCenterAligned(item) && "mx-auto")
+			}, item.id);
+		})
+	});
+}
+function Toolbar({ table, className }) {
+	const { setFilters, setSorters, tableQuery, filters, sorters } = useRefineTable();
+	const { toolbarConfig: config, refineContext } = useTableConfig();
+	const { getDefaultFilter, getDefaultOperator } = useFilterHelpers();
+	const { isMobile } = useMobileDetection$1({ mobileBreakpoint: React.useMemo(() => {
+		const breakpoint = config?.mobileBreakpoint;
+		if (typeof breakpoint === "string" && [
+			"xs",
+			"sm",
+			"md",
+			"lg",
+			"xl",
+			"2xl"
+		].includes(breakpoint)) return breakpoint;
+		if (typeof breakpoint === "string" && /^\d+$/.test(breakpoint)) {
+			const parsed = parseInt(breakpoint, 10);
+			if (parsed > 0) return parsed;
+		}
+		if (typeof breakpoint === "number" && breakpoint > 0) return breakpoint;
+		return ComponentSize$1.SM;
+	}, [config?.mobileBreakpoint]) });
+	const sortedItems = React.useMemo(() => {
+		if (!config) return [];
+		return [...config.items].sort((a, b) => {
+			return (a.order ?? 0) - (b.order ?? 0);
+		});
+	}, [config?.items]);
+	const onChangeHandler = useCallback((item) => {
+		return createFilterOnChangeHandler(item, (filters$1) => {
+			if (setFilters) setFilters(filters$1);
+		}, getDefaultOperator, { itemId: item.id });
+	}, [setFilters, getDefaultOperator]);
+	const createCommonProps = useCallback((item) => {
+		const baseProps = {
+			table,
+			refineContext,
+			context: {
+				setFilters,
+				setSorters,
+				tableQuery,
+				filters,
+				sorters
+			}
+		};
+		if ([ToolbarItemType.FILTER, ToolbarItemType.FILTER_GROUP].includes(item.type)) {
+			const operator = item.config?.operator || (item.config?.type ? getDefaultOperator?.(item.config.type) : FilterOperator.EQ);
+			const existingValue = getDefaultFilter?.(item.config?.field, operator);
+			const initialValue = "initialValue" in item ? item.initialValue : void 0;
+			baseProps.value = existingValue ?? initialValue;
+			baseProps.onChange = onChangeHandler(item);
+		}
+		return baseProps;
+	}, [
+		table,
+		refineContext,
+		setFilters,
+		getDefaultFilter,
+		getDefaultOperator,
+		setSorters,
+		tableQuery,
+		filters,
+		sorters,
+		onChangeHandler
+	]);
+	if (!config) return null;
+	if (isMobile) return /* @__PURE__ */ jsx(MobileToolbarLayout, {
+		table,
+		className,
+		config,
+		refineContext,
+		sortedItems,
+		createCommonProps
+	});
+	return /* @__PURE__ */ jsx(DesktopToolbarLayout, {
+		table,
+		className,
+		config,
+		refineContext,
+		sortedItems,
+		createCommonProps
+	});
+}
+var init_Toolbar = __esmMin(() => {
+	init_components();
+	init_DataTable_types();
+	init_ToolbarRenderer();
+	init_contexts();
+	init_toolbarItems();
+	init_useMobileDetection();
+});
+
+//#endregion
+init_Toolbar();
+export { Toolbar, init_Toolbar };
+//# sourceMappingURL=Toolbar.js.map

package/dist/esm/components/data-table/Toolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toolbar.js","names":["useMobileDetection","ComponentSize","filters"],"sources":["../../../../src/components/data-table/Toolbar.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { cn } from \"@lumeweb/portal-framework-ui-core\";\nimport { Table } from \"@tanstack/react-table\";\nimport { ComponentSize } from \"@/components\";\n\nimport type {\n  TableContext,\n  ToolbarItem,\n  ToolbarItemComponentProps,\n} from \"./DataTable.types\";\nimport { ToolbarItemAlignment, ToolbarItemType } from \"./DataTable.types\";\nimport { BaseRecord } from \"@refinedev/core\";\nimport { ToolbarRenderer } from \"./ToolbarRenderer\";\nimport { useFilterHelpers, useRefineTable, useTableConfig } from \"./contexts\";\nimport { createFilterOnChangeHandler, FilterOperator } from \"./toolbarItems\";\nimport { useMobileDetection } from \"./useMobileDetection\";\n\ninterface ToolbarProps<TData extends BaseRecord> {\n  /** The table instance */\n  table: Table<TData>;\n  /** Additional class name for the toolbar container */\n  className?: string;\n}\n\nfunction MobileToolbarLayout<TData extends BaseRecord>({\n  table,\n  className,\n  config,\n  refineContext,\n  sortedItems,\n  createCommonProps,\n}: {\n  table: Table<TData>;\n  className?: string;\n  config: any;\n  refineContext: any;\n  sortedItems: ToolbarItem<TData>[];\n  createCommonProps: (\n    item: ToolbarItem<TData>,\n  ) => ToolbarItemComponentProps<TData>;\n}) {\n  const containerClassName = cn(\n    \"flex flex-col gap-3 p-3 border-b bg-background\",\n    config.sticky && \"sticky top-0 z-10\",\n    className,\n  );\n\n  // Helper functions to determine item alignment (defined at component level, not inside hooks)\n  const getItemAlignment = (item: ToolbarItem<TData>): ToolbarItemAlignment => {\n    // If item has explicit alignment, use it\n    if (item.alignment) {\n      return item.alignment;\n    }\n\n    // Otherwise use the default alignment from config\n    return config.defaultAlignment || ToolbarItemAlignment.LEFT;\n  };\n\n  const isLeftAligned = (item: ToolbarItem<TData>): boolean => {\n    return getItemAlignment(item) === ToolbarItemAlignment.LEFT;\n  };\n\n  const isRightAligned = (item: ToolbarItem<TData>): boolean => {\n    return getItemAlignment(item) === ToolbarItemAlignment.RIGHT;\n  };\n\n  const isCenterAligned = (item: ToolbarItem<TData>): boolean => {\n    return getItemAlignment(item) === ToolbarItemAlignment.CENTER;\n  };\n\n  // Group items by alignment for mobile\n  const leftItems = sortedItems.filter(isLeftAligned);\n  const centerItems = sortedItems.filter(isCenterAligned);\n  const rightItems = sortedItems.filter(isRightAligned);\n\n  return (\n    <div className={containerClassName}>\n      {leftItems.length > 0 && (\n        <div className=\"flex flex-wrap gap-2\">\n          {leftItems.map((item) => {\n            const commonProps = createCommonProps(item);\n            return (\n              <ToolbarRenderer\n                key={item.id}\n                item={item}\n                commonProps={commonProps}\n              />\n            );\n          })}\n        </div>\n      )}\n\n      {centerItems.length > 0 && (\n        <div className=\"flex flex-wrap justify-center gap-2\">\n          {centerItems.map((item) => {\n            const commonProps = createCommonProps(item);\n            return (\n              <ToolbarRenderer\n                key={item.id}\n                item={item}\n                commonProps={commonProps}\n              />\n            );\n          })}\n        </div>\n      )}\n\n      {rightItems.length > 0 && (\n        <div className=\"flex flex-wrap justify-end gap-2\">\n          {rightItems.map((item) => {\n            const commonProps = createCommonProps(item);\n            return (\n              <ToolbarRenderer\n                key={item.id}\n                item={item}\n                commonProps={commonProps}\n              />\n            );\n          })}\n        </div>\n      )}\n    </div>\n  );\n}\n\nfunction DesktopToolbarLayout<TData extends BaseRecord>({\n  table,\n  className,\n  config,\n  refineContext,\n  sortedItems,\n  createCommonProps,\n}: {\n  table: Table<TData>;\n  className?: string;\n  config: any;\n  refineContext: any;\n  sortedItems: ToolbarItem<TData>[];\n  createCommonProps: (\n    item: ToolbarItem<TData>,\n  ) => ToolbarItemComponentProps<TData>;\n}) {\n  // Helper functions to determine item alignment (defined at component level, not inside hooks)\n  const getItemAlignment = (item: ToolbarItem<TData>): ToolbarItemAlignment => {\n    // If item has explicit alignment, use it\n    if (item.alignment) {\n      return item.alignment;\n    }\n\n    // Otherwise use the default alignment from config\n    return config.defaultAlignment || ToolbarItemAlignment.LEFT;\n  };\n\n  const isRightAligned = (item: ToolbarItem<TData>): boolean => {\n    return getItemAlignment(item) === ToolbarItemAlignment.RIGHT;\n  };\n\n  const isCenterAligned = (item: ToolbarItem<TData>): boolean => {\n    return getItemAlignment(item) === ToolbarItemAlignment.CENTER;\n  };\n\n  const containerClassName = cn(\n    \"flex flex-wrap items-center gap-2 p-4 border-b bg-background\",\n    config.justifyBetween ? \"justify-between\" : undefined,\n    config.sticky && \"sticky top-0 z-10\",\n    className,\n  );\n\n  return (\n    <div className={containerClassName}>\n      {sortedItems.map((item) => {\n        const commonProps = createCommonProps(item);\n\n        // Add appropriate positioning classes based on alignment\n        const itemClassName = cn(\n          isRightAligned(item) && \"ml-auto\",\n          isCenterAligned(item) && \"mx-auto\",\n        );\n\n        return (\n          <ToolbarRenderer\n            key={item.id}\n            item={item}\n            commonProps={commonProps}\n            className={itemClassName}\n          />\n        );\n      })}\n    </div>\n  );\n}\n\nfunction Toolbar<TData extends BaseRecord>({\n  table,\n  className,\n}: ToolbarProps<TData>) {\n  const { setFilters, setSorters, tableQuery, filters, sorters } = useRefineTable<TData>();\n  const { toolbarConfig: config, refineContext } = useTableConfig<TData>();\n  const { getDefaultFilter, getDefaultOperator } = useFilterHelpers<TData>();\n\n  // Validate mobileBreakpoint value\n  const mobileBreakpoint = React.useMemo(() => {\n    const breakpoint = config?.mobileBreakpoint;\n    const validTokens = [\"xs\", \"sm\", \"md\", \"lg\", \"xl\", \"2xl\"];\n\n    // If it's a valid Tailwind token, use it as-is\n    if (typeof breakpoint === \"string\" && validTokens.includes(breakpoint)) {\n      return breakpoint;\n    }\n\n    // If it's a numeric string or number, parse it and use the numeric value\n    if (typeof breakpoint === \"string\" && /^\\d+$/.test(breakpoint)) {\n      const parsed = parseInt(breakpoint, 10);\n      if (parsed > 0) {\n        return parsed;\n      }\n    }\n\n    if (typeof breakpoint === \"number\" && breakpoint > 0) {\n      return breakpoint;\n    }\n\n    // For any other value, fall back to ComponentSize.SM\n    return ComponentSize.SM;\n  }, [config?.mobileBreakpoint]);\n\n  // Mobile detection with proper breakpoint\n  const { isMobile } = useMobileDetection({\n    mobileBreakpoint: mobileBreakpoint,\n  });\n\n\n\n  // Sort items by order if specified (compute regardless of config presence)\n  const sortedItems = React.useMemo(() => {\n    if (!config) {\n      return [];\n    }\n    return [...config.items].sort((a, b) => {\n      const orderA = a.order ?? 0;\n      const orderB = b.order ?? 0;\n      return orderA - orderB;\n    });\n  }, [config?.items]);\n\n  // Create stable onChange handler using refs (compute regardless of config presence)\n  const onChangeHandler = useCallback(\n    (item: ToolbarItem<TData>) => {\n      return createFilterOnChangeHandler(\n        item,\n        (filters) => {\n          if (setFilters) {\n            setFilters(filters);\n          }\n        },\n        getDefaultOperator,\n        { itemId: item.id },\n      );\n    },\n    [setFilters, getDefaultOperator],\n  );\n\n  // Create common props for all toolbar items (compute regardless of config presence)\n  const createCommonProps = useCallback(\n    (item: ToolbarItem<TData>): ToolbarItemComponentProps<TData> => {\n      const context: TableContext<TData> = {\n        setFilters,\n        setSorters,\n        tableQuery,\n        filters,\n        sorters,\n      } as TableContext<TData>;\n\n      const baseProps: ToolbarItemComponentProps<TData> = {\n        table,\n        refineContext,\n        context,\n      };\n\n      // Add filter-specific props\n      if (\n        [ToolbarItemType.FILTER, ToolbarItemType.FILTER_GROUP].includes(\n          item.type,\n        )\n      ) {\n        // Get the operator to use - either from config or default based on field type\n        const operator =\n          (item as any).config?.operator ||\n          ((item as any).config?.type\n            ? getDefaultOperator?.((item as any).config.type)\n            : FilterOperator.EQ);\n\n        // Use the table contexts's getDefaultFilter function to get existing filter value\n        const existingValue = getDefaultFilter?.(\n          (item as any).config?.field as string,\n          operator,\n        );\n\n        // Only use initialValue for item types that support it\n        const initialValue =\n          \"initialValue\" in item ? item.initialValue : undefined;\n        baseProps.value = existingValue ?? initialValue;\n        baseProps.onChange = onChangeHandler(item);\n      }\n\n      return baseProps;\n    },\n    [\n      table,\n      refineContext,\n      setFilters,\n      getDefaultFilter,\n      getDefaultOperator,\n      setSorters,\n      tableQuery,\n      filters,\n      sorters,\n      onChangeHandler,\n    ],\n  );\n\n  // If no toolbar config is provided through contexts, don't render anything\n  if (!config) {\n    return null;\n  }\n\n  // For mobile, we want a more vertical layout with appropriate spacing\n  if (isMobile) {\n    return (\n      <MobileToolbarLayout\n        table={table}\n        className={className}\n        config={config}\n        refineContext={refineContext}\n        sortedItems={sortedItems}\n        createCommonProps={createCommonProps}\n      />\n    );\n  }\n\n  // Desktop layout\n  return (\n    <DesktopToolbarLayout\n      table={table}\n      className={className}\n      config={config}\n      refineContext={refineContext}\n      sortedItems={sortedItems}\n      createCommonProps={createCommonProps}\n    />\n  );\n}\n\nexport { Toolbar };\n"],"mappings":"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"}

package/dist/esm/components/data-table/ToolbarRegistry.d.ts

@@ -0,0 +1,67 @@
+import { ToolbarActionItem, ToolbarFilterItem } from "./DataTable.types.js";
+import "./index.js";
+import { BaseRecord } from "@refinedev/core";
+
+//#region src/components/data-table/ToolbarRegistry.d.ts
+interface RegisteredActionItem<TData extends BaseRecord> {
+  id: string;
+  item: ToolbarActionItem<TData>;
+}
+interface RegisteredFilterItem<TData extends BaseRecord> {
+  id: string;
+  item: ToolbarFilterItem<TData>;
+}
+/**
+ * Register a toolbar action item
+ */
+declare function registerAction<TData extends BaseRecord>(id: string, item: ToolbarActionItem<TData>): void;
+/**
+ * Register a toolbar filter item
+ */
+declare function registerFilter<TData extends BaseRecord>(id: string, item: ToolbarFilterItem<TData>): void;
+/**
+ * Get a registered action item by ID
+ */
+declare function getAction<TData extends BaseRecord>(id: string): ToolbarActionItem<TData> | undefined;
+/**
+ * Get a registered filter item by ID
+ */
+declare function getFilter<TData extends BaseRecord>(id: string): ToolbarFilterItem<TData> | undefined;
+/**
+ * Check if an action item exists
+ */
+declare function hasAction(id: string): boolean;
+/**
+ * Check if a filter item exists
+ */
+declare function hasFilter(id: string): boolean;
+/**
+ * Get all registered action items
+ */
+declare function listActions<TData extends BaseRecord>(): RegisteredActionItem<TData>[];
+/**
+ * Get all registered filter items
+ */
+declare function listFilters<TData extends BaseRecord>(): RegisteredFilterItem<TData>[];
+/**
+ * Get all registered items
+ */
+declare function listAll<TData extends BaseRecord>(): {
+  actions: RegisteredActionItem<TData>[];
+  filters: RegisteredFilterItem<TData>[];
+};
+/**
+ * Clear all registered items
+ */
+declare function clear(): void;
+/**
+ * Remove a specific action item
+ */
+declare function removeAction(id: string): boolean;
+/**
+ * Remove a specific filter item
+ */
+declare function removeFilter(id: string): boolean;
+//#endregion
+export { type RegisteredActionItem, type RegisteredFilterItem, clear, getAction, getFilter, hasAction, hasFilter, listActions, listAll, listFilters, registerAction, registerFilter, removeAction, removeFilter };
+//# sourceMappingURL=ToolbarRegistry.d.ts.map