@lumeweb/portal-framework-ui 0.1.0 → 0.1.2

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

@@ -1,6 +1,5 @@
-import { __esmMin } from "../../_virtual/rolldown_runtime.js";
-import { init_useTableHandlers, useMobileColumnHiding, useTableCellHandlers, useTableHeaderCellHandlers, useTableRowHandlers } from "./useTableHandlers.js";
-import { init_tableOptions, normalizeTableOptions } from "./tableOptions.js";
+import { useMobileColumnHiding, useTableCellHandlers, useTableHeaderCellHandlers, useTableRowHandlers } from "./useTableHandlers.js";
+import { normalizeTableOptions } from "./tableOptions.js";
 import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "@lumeweb/portal-framework-ui-core";
 import React, { useMemo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -35,12 +34,12 @@ function DefaultTableLayout({ table, getCellProps, getRowProps, onRowClick, clas
 			}),
 			/* @__PURE__ */ jsx("div", {
 				className: "rounded-md border",
-				children: /* @__PURE__ */ jsxs(Table, { children: [/* @__PURE__ */ jsx(TableHeader, { children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsx(TableRow, { children: headerGroup.headers.map((header$1) => {
-					if (hiddenColumns.has(header$1.id)) return null;
+				children: /* @__PURE__ */ jsxs(Table, { children: [/* @__PURE__ */ jsx(TableHeader, { children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsx(TableRow, { children: headerGroup.headers.map((header) => {
+					if (hiddenColumns.has(header.id)) return null;
 					return /* @__PURE__ */ jsx(TableHead, {
-						...getTableHeaderCellProps(header$1),
-						children: header$1.isPlaceholder ? null : flexRender(header$1.column.columnDef.header, header$1.getContext())
-					}, header$1.id);
+						...getTableHeaderCellProps(header),
+						children: header.isPlaceholder ? null : flexRender(header.column.columnDef.header, header.getContext())
+					}, header.id);
 				}) }, headerGroup.id)) }), /* @__PURE__ */ jsx(TableBody, { children: isLoading ? normalizedOptions.loadingState : table.getRowModel().rows.length > 0 ? table.getRowModel().rows.map((row) => {
 					return /* @__PURE__ */ jsx(TableRow, {
 						...getTableRowProps(row),
@@ -65,12 +64,7 @@ function DefaultTableLayout({ table, getCellProps, getRowProps, onRowClick, clas
 		]
 	});
 }
-var init_DefaultTableLayout = __esmMin(() => {
-	init_useTableHandlers();
-	init_tableOptions();
-});
 
 //#endregion
-init_DefaultTableLayout();
-export { DefaultTableLayout, init_DefaultTableLayout };
+export { DefaultTableLayout };
 //# sourceMappingURL=DefaultTableLayout.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DefaultTableLayout.js","names":["UITable","header"],"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,mBAAmB,oBAAoB;EAAE;EAAY;EAAa,CAAC;CACzE,MAAM,oBAAoB,qBAAqB,EAAE,cAAc,CAAC;CAChE,MAAM,0BAA0B,4BAA4B;CAG5D,MAAM,gBAAgB,sBAAsB;EAC1C;EACA;EACD,CAAC;CAGF,MAAM,oBAAoB,cAEtB,sBACE,YACA,YACA,mBACA,cACA,qBACA,MACD,EACH;EACE;EACA;EACA;EACA;EACA;EACA;EACD,CACF;AAED,QACE,qBAAC;EAAe;;GACb,UAAU,oBAAC;IAAI,WAAU;cAAQ;KAAa;GAC/C,oBAAC;IAAI,WAAU;cACb,qBAACA,oBACC,oBAAC,yBACE,MAAM,iBAAiB,CAAC,KAAK,gBAC5B,oBAAC,sBACE,YAAY,QAAQ,KAAK,aAAW;AAEnC,SAAI,cAAc,IAAIC,SAAO,GAAG,CAC9B,QAAO;AAKT,YACE,oBAAC;MAA0B,GAHT,wBAAwBA,SAAO;gBAI9CA,SAAO,gBACJ,OACA,WACEA,SAAO,OAAO,UAAU,QACxBA,SAAO,YAAY,CACpB;QANSA,SAAO,GAOX;MAEd,IAnBW,YAAY,GAoBhB,CACX,GACU,EACd,oBAAC,uBACE,YACG,kBAAkB,eAClB,MAAM,aAAa,CAAC,KAAK,SAAS,IAChC,MAAM,aAAa,CAAC,KAAK,KAAK,QAAQ;AAIpC,YACE,oBAAC;MAAsB,GAHR,iBAAiB,IAAI;gBAIjC,IAAI,iBAAiB,CAAC,KAAK,SAAS;AAEnC,WAAI,cAAc,IAAI,KAAK,OAAO,GAAG,CACnC,QAAO;AAMT,cACE,oBAAC;QAAwB,GAHT,kBAAkB,KAAK;kBAIpC,WACC,KAAK,OAAO,UAAU,MACtB,KAAK,YAAY,CAClB;UAJa,KAAK,GAKT;QAEd;QAlBW,IAAI,GAmBR;MAEb,GACF,kBAAkB,aACd,IACJ;KACN;GACL,kBAAkB,WAAW,WAC5B,oBAAC;IAAI,WAAU;cAAQ,kBAAkB,WAAW;KAAgB;GAErE,UAAU,oBAAC;IAAI,WAAU;cAAQ;KAAa;;GAC3C;;;wBAhIkB;oBAE2B"}
+{"version":3,"file":"DefaultTableLayout.js","names":["UITable"],"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,mBAAmB,oBAAoB;EAAE;EAAY;EAAa,CAAC;CACzE,MAAM,oBAAoB,qBAAqB,EAAE,cAAc,CAAC;CAChE,MAAM,0BAA0B,4BAA4B;CAG5D,MAAM,gBAAgB,sBAAsB;EAC1C;EACA;EACD,CAAC;CAGF,MAAM,oBAAoB,cAEtB,sBACE,YACA,YACA,mBACA,cACA,qBACA,MACD,EACH;EACE;EACA;EACA;EACA;EACA;EACA;EACD,CACF;AAED,QACE,qBAAC,OAAD;EAAgB;YAAhB;GACG,UAAU,oBAAC,OAAD;IAAK,WAAU;cAAQ;IAAa;GAC/C,oBAAC,OAAD;IAAK,WAAU;cACb,qBAACA,OAAD,aACE,oBAAC,aAAD,YACG,MAAM,iBAAiB,CAAC,KAAK,gBAC5B,oBAAC,UAAD,YACG,YAAY,QAAQ,KAAK,WAAW;AAEnC,SAAI,cAAc,IAAI,OAAO,GAAG,CAC9B,QAAO;AAKT,YACE,oBAAC,WAAD;MAA2B,GAHT,wBAAwB,OAGA;gBACvC,OAAO,gBACJ,OACA,WACE,OAAO,OAAO,UAAU,QACxB,OAAO,YAAY,CACpB;MACK,EAPI,OAAO,GAOX;MAEd,EACO,EApBI,YAAY,GAoBhB,CACX,EACU,GACd,oBAAC,WAAD,YACG,YACG,kBAAkB,eAClB,MAAM,aAAa,CAAC,KAAK,SAAS,IAChC,MAAM,aAAa,CAAC,KAAK,KAAK,QAAQ;AAIpC,YACE,oBAAC,UAAD;MAAuB,GAHR,iBAAiB,IAGG;gBAChC,IAAI,iBAAiB,CAAC,KAAK,SAAS;AAEnC,WAAI,cAAc,IAAI,KAAK,OAAO,GAAG,CACnC,QAAO;AAMT,cACE,oBAAC,WAAD;QAAyB,GAHT,kBAAkB,KAGI;kBACnC,WACC,KAAK,OAAO,UAAU,MACtB,KAAK,YAAY,CAClB;QACS,EALI,KAAK,GAKT;QAEd;MACO,EAnBI,IAAI,GAmBR;MAEb,GACF,kBAAkB,YACd,EACJ;IACN;GACL,kBAAkB,WAAW,WAC5B,oBAAC,OAAD;IAAK,WAAU;cAAQ,kBAAkB,WAAW;IAAgB;GAErE,UAAU,oBAAC,OAAD;IAAK,WAAU;cAAQ;IAAa;GAC3C"}

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

@@ -1,4 +1,3 @@
-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";
@@ -11,9 +10,7 @@ function TableEmptyState({ children, colSpan, message = "No data available" }) {
 		children: children || message
 	}) });
 }
-var init_EmptyState = __esmMin(() => {});
 
 //#endregion
-init_EmptyState();
-export { TableEmptyState, init_EmptyState };
+export { TableEmptyState };
 //# sourceMappingURL=EmptyState.js.map

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

@@ -1 +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"}
+{"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,UAAD,YACE,oBAAC,WAAD;EAAW,WAAU;EAA4B;YAC9C,YAAY;EACH,GACH"}

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

@@ -1,8 +1,7 @@
-import { __esmMin } from "../../_virtual/rolldown_runtime.js";
 import { useTableInstance } from "./contexts/TableInstance.js";
-import { init_contexts } from "./contexts/index.js";
+import "./contexts/index.js";
 import { SkeletonLoader } from "../SkeletonLoader.js";
-import { init_components } from "../index.js";
+import "../index.js";
 import { TableCell, TableRow } from "@lumeweb/portal-framework-ui-core";
 import React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
@@ -29,12 +28,7 @@ function TableLoadingState({ children, colSpan, message = "Loading data..." }) {
 		})
 	}) })] });
 }
-var init_LoadingState = __esmMin(() => {
-	init_components();
-	init_contexts();
-});
 
 //#endregion
-init_LoadingState();
-export { TableLoadingState, init_LoadingState };
+export { TableLoadingState };
 //# sourceMappingURL=LoadingState.js.map

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

@@ -1 +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"}
+{"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,UAAD,YACE,oBAAC,WAAD;EAAW,WAAU;EAA4B;EAC9C;EACS,GACH;AAIf,QACE,4CACE,oBAAC,UAAD,YACE,oBAAC,WAAD;EAAW,WAAU;EAA4B;YAC9C;EACS,GACH,GACX,oBAAC,UAAD,YACE,oBAAC,WAAD;EAAW,WAAU;EAAgB;YACnC,oBAAC,gBAAD;GACE,QAAO;GACP,OAAO;GACP;EACQ,GACH,EACV"}

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

@@ -1,4 +1,3 @@
-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";
@@ -21,9 +20,7 @@ function TableAction({ items, row }) {
 		}, `action-${index}`))
 	});
 }
-var init_TableAction = __esmMin(() => {});
 
 //#endregion
-init_TableAction();
-export { TableAction, init_TableAction };
+export { TableAction };
 //# sourceMappingURL=TableAction.js.map

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

@@ -1 +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"}
+{"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,OAAD;EAAK,WAAU;YACZ,MAAM,KAAK,MAAM,UAChB,oBAAC,QAAD;GACE,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;GACC,EARF,UAAU,QAQR,CACT;EACE"}

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

@@ -1,4 +1,3 @@
-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";
@@ -26,9 +25,7 @@ function TableActionMenu({ items, row }) {
 		}, index))
 	})] });
 }
-var init_TableActionMenu = __esmMin(() => {});
 
 //#endregion
-init_TableActionMenu();
-export { TableActionMenu, init_TableActionMenu };
+export { TableActionMenu };
 //# sourceMappingURL=TableActionMenu.js.map

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

@@ -1 +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"}
+{"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,cAAD,aACE,oBAAC,qBAAD;EAAqB;YACnB,oBAAC,QAAD;GACE,cAAW;GACX,WAAU;GACV,SAAQ;aACR,oBAAC,gBAAD,EAAgB,WAAU,WAAY;GAC/B;EACW,GACtB,oBAAC,qBAAD;EAAqB,OAAM;YACxB,OAAO,KAAK,MAAM,UACjB,qBAAC,kBAAD;GACE,UAAU,OAAO,KAAK,aAAa,aAAa,KAAK,SAAS,IAAI,GAAG,KAAK;GAE1E,eAAe,KAAK,QAAQ,IAAI;aAHlC,CAIG,KAAK,QAAQ,oBAAC,QAAD;IAAM,WAAU;cAAQ,KAAK;IAAY,GACtD,KAAK,MACW;KAJZ,MAIY,CACnB;EACkB,EACT"}

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

@@ -1,6 +1,5 @@
 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";

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

@@ -1,14 +1,17 @@
-import { __esmMin } from "../../_virtual/rolldown_runtime.js";
-import { TableLayoutType, init_DataTable_types } from "./DataTable.types.js";
+import { TableLayoutType } 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 "./contexts/index.js";
+import { BaseTableStackedLayout } from "./BaseTableStackedLayout.js";
+import { DefaultTableLayout } from "./DefaultTableLayout.js";
+import { useTableLayoutSelector } from "./useTableLayoutSelector.js";
 import React from "react";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/components/data-table/TableLayoutRenderer.tsx
+const layoutRegistry = {
+	["table"]: DefaultTableLayout,
+	["stacked"]: BaseTableStackedLayout
+};
 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({
@@ -36,20 +39,7 @@ function TableLayoutRenderer({ layoutType, table, refineTable, className, emptyS
 		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 };
+export { TableLayoutRenderer };
 //# sourceMappingURL=TableLayoutRenderer.js.map

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

@@ -1 +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"}
+{"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":";;;;;;;;;;AAaA,MAAM,iBAAiB;YACI;cACE;CAC5B;AA8BD,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,iBAAD;EACa;EACC;EACJ;EACM;EACD;EACL;EACG;EACG;EACF;EACA;EACL;EACK;EACS;EACH;EACG;EACrB"}

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

@@ -1,16 +1,15 @@
-import { __esmMin } from "../../_virtual/rolldown_runtime.js";
-import { ToolbarItemAlignment, ToolbarItemType, init_DataTable_types } from "./DataTable.types.js";
+import { ToolbarItemAlignment, ToolbarItemType } 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 { useMobileDetection as useMobileDetection$1 } from "./useMobileDetection.js";
+import { 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 "./contexts/index.js";
+import "./toolbarItems/index.js";
+import "../index.js";
 import { cn } from "@lumeweb/portal-framework-ui-core";
 import React, { useCallback } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -20,16 +19,16 @@ function MobileToolbarLayout({ table, className, config, refineContext, sortedIt
 	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;
+		return config.defaultAlignment || "left";
 	};
 	const isLeftAligned = (item) => {
-		return getItemAlignment(item) === ToolbarItemAlignment.LEFT;
+		return getItemAlignment(item) === "left";
 	};
 	const isRightAligned = (item) => {
-		return getItemAlignment(item) === ToolbarItemAlignment.RIGHT;
+		return getItemAlignment(item) === "right";
 	};
 	const isCenterAligned = (item) => {
-		return getItemAlignment(item) === ToolbarItemAlignment.CENTER;
+		return getItemAlignment(item) === "center";
 	};
 	const leftItems = sortedItems.filter(isLeftAligned);
 	const centerItems = sortedItems.filter(isCenterAligned);
@@ -70,13 +69,13 @@ function MobileToolbarLayout({ table, className, config, refineContext, sortedIt
 function DesktopToolbarLayout({ table, className, config, refineContext, sortedItems, createCommonProps }) {
 	const getItemAlignment = (item) => {
 		if (item.alignment) return item.alignment;
-		return config.defaultAlignment || ToolbarItemAlignment.LEFT;
+		return config.defaultAlignment || "left";
 	};
 	const isRightAligned = (item) => {
-		return getItemAlignment(item) === ToolbarItemAlignment.RIGHT;
+		return getItemAlignment(item) === "right";
 	};
 	const isCenterAligned = (item) => {
-		return getItemAlignment(item) === ToolbarItemAlignment.CENTER;
+		return getItemAlignment(item) === "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),
@@ -108,7 +107,7 @@ function Toolbar({ table, className }) {
 			if (parsed > 0) return parsed;
 		}
 		if (typeof breakpoint === "number" && breakpoint > 0) return breakpoint;
-		return ComponentSize$1.SM;
+		return "sm";
 	}, [config?.mobileBreakpoint]) });
 	const sortedItems = React.useMemo(() => {
 		if (!config) return [];
@@ -117,8 +116,8 @@ function Toolbar({ table, className }) {
 		});
 	}, [config?.items]);
 	const onChangeHandler = useCallback((item) => {
-		return createFilterOnChangeHandler(item, (filters$1) => {
-			if (setFilters) setFilters(filters$1);
+		return createFilterOnChangeHandler(item, (filters) => {
+			if (setFilters) setFilters(filters);
 		}, getDefaultOperator, { itemId: item.id });
 	}, [setFilters, getDefaultOperator]);
 	const createCommonProps = useCallback((item) => {
@@ -133,8 +132,8 @@ function Toolbar({ table, className }) {
 				sorters
 			}
 		};
-		if ([ToolbarItemType.FILTER, ToolbarItemType.FILTER_GROUP].includes(item.type)) {
-			const operator = item.config?.operator || (item.config?.type ? getDefaultOperator?.(item.config.type) : FilterOperator.EQ);
+		if (["filter", "filter-group"].includes(item.type)) {
+			const operator = item.config?.operator || (item.config?.type ? getDefaultOperator?.(item.config.type) : "eq");
 			const existingValue = getDefaultFilter?.(item.config?.field, operator);
 			const initialValue = "initialValue" in item ? item.initialValue : void 0;
 			baseProps.value = existingValue ?? initialValue;
@@ -171,16 +170,7 @@ function Toolbar({ table, className }) {
 		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 };
+export { Toolbar };
 //# sourceMappingURL=Toolbar.js.map

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

@@ -1 +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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"}
+{"version":3,"file":"Toolbar.js","names":["useMobileDetection"],"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

@@ -1,5 +1,4 @@
 import { ToolbarActionItem, ToolbarFilterItem } from "./DataTable.types.js";
-import "./index.js";
 import { BaseRecord } from "@refinedev/core";
 
 //#region src/components/data-table/ToolbarRegistry.d.ts

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

@@ -1,6 +1,6 @@
-import { __esmMin } from "../../_virtual/rolldown_runtime.js";
-
 //#region src/components/data-table/ToolbarRegistry.tsx
+const actions = /* @__PURE__ */ new Map();
+const filters = /* @__PURE__ */ new Map();
 /**
 * Register a toolbar action item
 */
@@ -83,13 +83,7 @@ function removeAction(id) {
 function removeFilter(id) {
 	return filters.delete(id);
 }
-var actions, filters;
-var init_ToolbarRegistry = __esmMin(() => {
-	actions = /* @__PURE__ */ new Map();
-	filters = /* @__PURE__ */ new Map();
-});
 
 //#endregion
-init_ToolbarRegistry();
-export { clear, getAction, getFilter, hasAction, hasFilter, init_ToolbarRegistry, listActions, listAll, listFilters, registerAction, registerFilter, removeAction, removeFilter };
+export { clear, getAction, getFilter, hasAction, hasFilter, listActions, listAll, listFilters, registerAction, registerFilter, removeAction, removeFilter };
 //# sourceMappingURL=ToolbarRegistry.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ToolbarRegistry.js","names":[],"sources":["../../../../src/components/data-table/ToolbarRegistry.tsx"],"sourcesContent":["import type {\n  ToolbarActionItem,\n  ToolbarFilterItem,\n} from \"./\";\nimport { BaseRecord } from \"@refinedev/core\";\n\ninterface RegisteredActionItem<TData extends BaseRecord> {\n  id: string;\n  item: ToolbarActionItem<TData>;\n}\n\ninterface RegisteredFilterItem<TData extends BaseRecord> {\n  id: string;\n  item: ToolbarFilterItem<TData>;\n}\n\n// Module-level private state\nconst actions: Map<string, ToolbarActionItem<any>> = new Map();\nconst filters: Map<string, ToolbarFilterItem<any>> = new Map();\n\n/**\n * Register a toolbar action item\n */\nfunction registerAction<TData extends BaseRecord>(\n  id: string,\n  item: ToolbarActionItem<TData>,\n): void {\n  actions.set(id, item);\n}\n\n/**\n * Register a toolbar filter item\n */\nfunction registerFilter<TData extends BaseRecord>(\n  id: string,\n  item: ToolbarFilterItem<TData>,\n): void {\n  filters.set(id, item as ToolbarFilterItem<any>);\n}\n\n/**\n * Get a registered action item by ID\n */\nfunction getAction<TData extends BaseRecord>(\n  id: string,\n): ToolbarActionItem<TData> | undefined {\n  return actions.get(id);\n}\n\n/**\n * Get a registered filter item by ID\n */\nfunction getFilter<TData extends BaseRecord>(\n  id: string,\n): ToolbarFilterItem<TData> | undefined {\n  return filters.get(id) as ToolbarFilterItem<TData> | undefined;\n}\n\n/**\n * Check if an action item exists\n */\nfunction hasAction(id: string): boolean {\n  return actions.has(id);\n}\n\n/**\n * Check if a filter item exists\n */\nfunction hasFilter(id: string): boolean {\n  return filters.has(id);\n}\n\n/**\n * Get all registered action items\n */\nfunction listActions<\n  TData extends BaseRecord,\n>(): RegisteredActionItem<TData>[] {\n  return Array.from(actions.entries()).map(([id, item]) => ({\n    id,\n    item: item as ToolbarActionItem<TData>,\n  }));\n}\n\n/**\n * Get all registered filter items\n */\nfunction listFilters<\n  TData extends BaseRecord,\n>(): RegisteredFilterItem<TData>[] {\n  return Array.from(filters.entries()).map(([id, item]) => ({\n    id,\n    item: item as ToolbarFilterItem<TData>,\n  }));\n}\n\n/**\n * Get all registered items\n */\nfunction listAll<TData extends BaseRecord>() {\n  return {\n    actions: listActions<TData>(),\n    filters: listFilters<TData>(),\n  };\n}\n\n/**\n * Clear all registered items\n */\nfunction clear(): void {\n  actions.clear();\n  filters.clear();\n}\n\n/**\n * Remove a specific action item\n */\nfunction removeAction(id: string): boolean {\n  return actions.delete(id);\n}\n\n/**\n * Remove a specific filter item\n */\nfunction removeFilter(id: string): boolean {\n  return filters.delete(id);\n}\n\nexport {\n  registerAction,\n  getAction,\n  registerFilter,\n  getFilter,\n  hasAction,\n  hasFilter,\n  listActions,\n  listFilters,\n  listAll,\n  clear,\n  removeAction,\n  removeFilter,\n};\n\nexport type {\n  RegisteredActionItem,\n  RegisteredFilterItem,\n};\n"],"mappings":";;;;;;AAuBA,SAAS,eACP,IACA,MACM;AACN,SAAQ,IAAI,IAAI,KAAK;;;;;AAMvB,SAAS,eACP,IACA,MACM;AACN,SAAQ,IAAI,IAAI,KAA+B;;;;;AAMjD,SAAS,UACP,IACsC;AACtC,QAAO,QAAQ,IAAI,GAAG;;;;;AAMxB,SAAS,UACP,IACsC;AACtC,QAAO,QAAQ,IAAI,GAAG;;;;;AAMxB,SAAS,UAAU,IAAqB;AACtC,QAAO,QAAQ,IAAI,GAAG;;;;;AAMxB,SAAS,UAAU,IAAqB;AACtC,QAAO,QAAQ,IAAI,GAAG;;;;;AAMxB,SAAS,cAE0B;AACjC,QAAO,MAAM,KAAK,QAAQ,SAAS,CAAC,CAAC,KAAK,CAAC,IAAI,WAAW;EACxD;EACM;EACP,EAAE;;;;;AAML,SAAS,cAE0B;AACjC,QAAO,MAAM,KAAK,QAAQ,SAAS,CAAC,CAAC,KAAK,CAAC,IAAI,WAAW;EACxD;EACM;EACP,EAAE;;;;;AAML,SAAS,UAAoC;AAC3C,QAAO;EACL,SAAS,aAAoB;EAC7B,SAAS,aAAoB;EAC9B;;;;;AAMH,SAAS,QAAc;AACrB,SAAQ,OAAO;AACf,SAAQ,OAAO;;;;;AAMjB,SAAS,aAAa,IAAqB;AACzC,QAAO,QAAQ,OAAO,GAAG;;;;;AAM3B,SAAS,aAAa,IAAqB;AACzC,QAAO,QAAQ,OAAO,GAAG;;;;CA5GrB,0BAA+C,IAAI,KAAK;CACxD,0BAA+C,IAAI,KAAK"}
+{"version":3,"file":"ToolbarRegistry.js","names":[],"sources":["../../../../src/components/data-table/ToolbarRegistry.tsx"],"sourcesContent":["import type {\n  ToolbarActionItem,\n  ToolbarFilterItem,\n} from \"./\";\nimport { BaseRecord } from \"@refinedev/core\";\n\ninterface RegisteredActionItem<TData extends BaseRecord> {\n  id: string;\n  item: ToolbarActionItem<TData>;\n}\n\ninterface RegisteredFilterItem<TData extends BaseRecord> {\n  id: string;\n  item: ToolbarFilterItem<TData>;\n}\n\n// Module-level private state\nconst actions: Map<string, ToolbarActionItem<any>> = new Map();\nconst filters: Map<string, ToolbarFilterItem<any>> = new Map();\n\n/**\n * Register a toolbar action item\n */\nfunction registerAction<TData extends BaseRecord>(\n  id: string,\n  item: ToolbarActionItem<TData>,\n): void {\n  actions.set(id, item);\n}\n\n/**\n * Register a toolbar filter item\n */\nfunction registerFilter<TData extends BaseRecord>(\n  id: string,\n  item: ToolbarFilterItem<TData>,\n): void {\n  filters.set(id, item as ToolbarFilterItem<any>);\n}\n\n/**\n * Get a registered action item by ID\n */\nfunction getAction<TData extends BaseRecord>(\n  id: string,\n): ToolbarActionItem<TData> | undefined {\n  return actions.get(id);\n}\n\n/**\n * Get a registered filter item by ID\n */\nfunction getFilter<TData extends BaseRecord>(\n  id: string,\n): ToolbarFilterItem<TData> | undefined {\n  return filters.get(id) as ToolbarFilterItem<TData> | undefined;\n}\n\n/**\n * Check if an action item exists\n */\nfunction hasAction(id: string): boolean {\n  return actions.has(id);\n}\n\n/**\n * Check if a filter item exists\n */\nfunction hasFilter(id: string): boolean {\n  return filters.has(id);\n}\n\n/**\n * Get all registered action items\n */\nfunction listActions<\n  TData extends BaseRecord,\n>(): RegisteredActionItem<TData>[] {\n  return Array.from(actions.entries()).map(([id, item]) => ({\n    id,\n    item: item as ToolbarActionItem<TData>,\n  }));\n}\n\n/**\n * Get all registered filter items\n */\nfunction listFilters<\n  TData extends BaseRecord,\n>(): RegisteredFilterItem<TData>[] {\n  return Array.from(filters.entries()).map(([id, item]) => ({\n    id,\n    item: item as ToolbarFilterItem<TData>,\n  }));\n}\n\n/**\n * Get all registered items\n */\nfunction listAll<TData extends BaseRecord>() {\n  return {\n    actions: listActions<TData>(),\n    filters: listFilters<TData>(),\n  };\n}\n\n/**\n * Clear all registered items\n */\nfunction clear(): void {\n  actions.clear();\n  filters.clear();\n}\n\n/**\n * Remove a specific action item\n */\nfunction removeAction(id: string): boolean {\n  return actions.delete(id);\n}\n\n/**\n * Remove a specific filter item\n */\nfunction removeFilter(id: string): boolean {\n  return filters.delete(id);\n}\n\nexport {\n  registerAction,\n  getAction,\n  registerFilter,\n  getFilter,\n  hasAction,\n  hasFilter,\n  listActions,\n  listFilters,\n  listAll,\n  clear,\n  removeAction,\n  removeFilter,\n};\n\nexport type {\n  RegisteredActionItem,\n  RegisteredFilterItem,\n};\n"],"mappings":";AAiBA,MAAM,0BAA+C,IAAI,KAAK;AAC9D,MAAM,0BAA+C,IAAI,KAAK;;;;AAK9D,SAAS,eACP,IACA,MACM;AACN,SAAQ,IAAI,IAAI,KAAK;;;;;AAMvB,SAAS,eACP,IACA,MACM;AACN,SAAQ,IAAI,IAAI,KAA+B;;;;;AAMjD,SAAS,UACP,IACsC;AACtC,QAAO,QAAQ,IAAI,GAAG;;;;;AAMxB,SAAS,UACP,IACsC;AACtC,QAAO,QAAQ,IAAI,GAAG;;;;;AAMxB,SAAS,UAAU,IAAqB;AACtC,QAAO,QAAQ,IAAI,GAAG;;;;;AAMxB,SAAS,UAAU,IAAqB;AACtC,QAAO,QAAQ,IAAI,GAAG;;;;;AAMxB,SAAS,cAE0B;AACjC,QAAO,MAAM,KAAK,QAAQ,SAAS,CAAC,CAAC,KAAK,CAAC,IAAI,WAAW;EACxD;EACM;EACP,EAAE;;;;;AAML,SAAS,cAE0B;AACjC,QAAO,MAAM,KAAK,QAAQ,SAAS,CAAC,CAAC,KAAK,CAAC,IAAI,WAAW;EACxD;EACM;EACP,EAAE;;;;;AAML,SAAS,UAAoC;AAC3C,QAAO;EACL,SAAS,aAAoB;EAC7B,SAAS,aAAoB;EAC9B;;;;;AAMH,SAAS,QAAc;AACrB,SAAQ,OAAO;AACf,SAAQ,OAAO;;;;;AAMjB,SAAS,aAAa,IAAqB;AACzC,QAAO,QAAQ,OAAO,GAAG;;;;;AAM3B,SAAS,aAAa,IAAqB;AACzC,QAAO,QAAQ,OAAO,GAAG"}