npm - @lumeweb/portal-framework-ui - Versions diffs - 0.1.0 → 0.1.1 - Mend

@lumeweb/portal-framework-ui 0.1.0 → 0.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1349) hide show

package/dist/esm/components/data-table/BaseTable.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BaseTable.js","names":[],"sources":["../../../../src/components/data-table/BaseTable.tsx"],"sourcesContent":["import {\n Cell,\n ColumnDef,\n getCoreRowModel,\n Row,\n Table,\n useReactTable,\n} from \"@tanstack/react-table\";\nimport React from \"react\";\nimport { BaseRecord } from \"@refinedev/core\";\nimport type { UseTableReturnType } from \"@refinedev/react-table\";\n\nimport { BaseTableInner } from \"./BaseTableInner\";\nimport {\n FilterHelpersProvider,\n RefineTableProvider,\n TableConfigProvider,\n TableInstanceProvider,\n useTableConfigOptional,\n} from \"./contexts\";\nimport { ToolbarConfig, TableLayoutType } from \"./DataTable.types\";\nimport {\n getAvailableOperators,\n getDefaultOperatorForFieldType,\n} from \"./toolbarItems/filters/hooks/useFilterOperators\";\nimport { filterColumnsForMobile } from \"./filterColumnsForMobile\";\nimport { ComponentSize } from \"@lumeweb/portal-framework-ui-core\";\n\nexport interface ActionColumnCellProps<TData> {\n row: Row<TData>;\n}\n\nexport type ActionColumnDef<TData> = ColumnDef<TData, unknown> & {\n /** Function to render cell content /\n cell: (props: ActionColumnCellProps<TData>) => React.ReactNode;\n};\n\nexport interface BaseTableRefineProps<TData extends BaseRecord> {\n /* Refine table instance /\n refineTable?: UseTableReturnType<TData, any>[\"refineCore\"];\n}\n\nexport interface BaseTableCommonProps<TData extends BaseRecord> {\n /* Whether table is in loading state /\n isLoading?: boolean;\n /* Toolbar configuration /\n toolbarConfig?: ToolbarConfig<TData>;\n}\n\nexport type BaseTableCommonPropsType<TData extends BaseRecord> =\n TableInteractionProps<TData> &\n TablePaginationConfigProps &\n TableStateProps<TData> &\n TableStylingProps &\n BaseTableRefineProps<TData> &\n BaseTableCommonProps<TData>;\n\nexport type BaseTablePaginationConfig = boolean \| TablePaginationProps;\n\nexport type BaseTableProps<TData extends BaseRecord> =\n \| BaseTableWithDataProps<TData>\n \| BaseTableWithTableProps<TData>;\n\nexport type BaseTableWithDataProps<TData extends BaseRecord> =\n BaseTableCommonPropsType<TData> &\n TableDataProps<TData> & {\n table?: never;\n };\n\nexport type BaseTableWithTableProps<TData extends BaseRecord> =\n BaseTableCommonPropsType<TData> &\n TableInstanceProps<TData> & {\n actionColumn?: never;\n columns?: never;\n data?: never;\n };\n\nexport interface TableDataProps<TData> {\n /* Optional action column configuration /\n actionColumn?: ActionColumnDef<TData>;\n columns: ColumnDef<TData>[];\n data: TData[];\n}\n\nexport interface TableInstanceProps<TData extends BaseRecord> {\n table: Table<TData>;\n refineTable?: UseTableReturnType<TData, any>[\"refineCore\"];\n}\n\nexport interface TableInteractionProps<TData> {\n getCellProps?: (\n cell: Cell<TData, unknown>,\n ) => React.HTMLAttributes<HTMLTableCellElement>;\n getRowProps?: (row: Row<TData>) => React.HTMLAttributes<HTMLTableRowElement>;\n onRowClick?: (row: Row<TData>) => void;\n}\n\nexport interface TablePaginationConfigProps {\n /* Pagination configuration /\n pagination?: BaseTablePaginationConfig;\n}\n\nexport interface TablePaginationProps {\n /* Custom pagination component /\n component?: React.ReactNode;\n /* Whether pagination is enabled */\n enabled?: boolean;\n}\n\nexport interface TableStateProps<TData> {\n emptyState?: ((colSpan: number) => React.ReactNode) \| React.ReactNode;\n emptyStateMessage?: string;\n loadingState?: ((colSpan: number) => React.ReactNode) \| React.ReactNode;\n loadingStateMessage?: string;\n}\n\nexport interface TableResponsiveProps {\n responsive?: boolean;\n layoutType?: TableLayoutType;\n hideColumnsOnMobile?: string[];\n mobileBreakpoint?: ComponentSize \| 'xs' \| 'sm' \| 'md' \| 'lg' \| 'xl' \| '2xl';\n}\n\nexport interface TableHeaderFooterProps {\n header?: React.ReactNode;\n footer?: React.ReactNode;\n}\n\nexport interface TableStylingProps extends TableResponsiveProps, TableHeaderFooterProps {\n className?: string;\n}\n\nexport interface BaseTableLayoutPropsBase<TData extends BaseRecord> \n extends TableInteractionProps<TData>,\n TableStateProps<TData>,\n TableHeaderFooterProps,\n TableStylingProps,\n BaseTableCommonProps<TData>,\n TablePaginationConfigProps {\n table: Table<TData>;\n}\n\nfunction BaseTableWithData<TData extends BaseRecord>(\n props: BaseTableWithDataProps<TData>,\n) {\n const {\n columns,\n data,\n hideColumnsOnMobile = [],\n responsive = false,\n ...restProps\n } = props;\n\n // Filter columns for mobile if responsive mode is enabled\n const filteredColumns = responsive \n ? filterColumnsForMobile(columns, hideColumnsOnMobile) \n : columns;\n\n const table = useReactTable({\n data,\n columns: filteredColumns,\n getCoreRowModel: getCoreRowModel(),\n });\n\n // Safe check for existing TableConfigContext using the optional hook\n const existingTableConfig = useTableConfigOptional<TData>();\n\n // Only render TableConfigProvider if context doesn't already exist\n const shouldRenderTableConfigProvider =\n !existingTableConfig \|\|\n (!existingTableConfig.toolbarConfig && !existingTableConfig.refineContext);\n\n if (shouldRenderTableConfigProvider) {\n return (\n <TableInstanceProvider table={table}>\n <FilterHelpersProvider\n refineTable={props.refineTable}\n getDefaultOperator={getDefaultOperatorForFieldType}\n getAvailableOperators={getAvailableOperators}>\n <TableConfigProvider\n toolbarConfig={props.toolbarConfig}\n refineContext={\n props.refineTable\n ? {\n tableInstance: props.refineTable,\n refetch: props.refineTable?.tableQuery?.refetch,\n isLoading: props.refineTable?.tableQuery?.isFetching,\n error: props.refineTable?.tableQuery?.error,\n }\n : undefined\n }>\n <BaseTableInner {...restProps} />\n </TableConfigProvider>\n </FilterHelpersProvider>\n </TableInstanceProvider>\n );\n }\n\n return (\n <TableInstanceProvider table={table}>\n <FilterHelpersProvider\n refineTable={props.refineTable}\n getDefaultOperator={getDefaultOperatorForFieldType}\n getAvailableOperators={getAvailableOperators}>\n <BaseTableInner {...restProps} />\n </FilterHelpersProvider>\n </TableInstanceProvider>\n );\n}\n\nfunction BaseTable<TData extends object>(props: BaseTableProps<TData>) {\n const {\n className,\n emptyState,\n emptyStateMessage,\n footer,\n getCellProps,\n getRowProps,\n header,\n isLoading,\n loadingState,\n loadingStateMessage,\n onRowClick,\n pagination,\n responsive = false,\n layoutType = TableLayoutType.AUTO,\n hideColumnsOnMobile = [],\n mobileBreakpoint,\n ...restProps\n } = props;\n\n if (\"table\" in props && props.table && \"data\" in props && props.data) {\n throw new Error(\n \"BaseTable cannot accept both table and data props - use one or the other\",\n );\n }\n\n if (\"table\" in props && props.table) {\n // Safe check for existing TableConfigContext using the optional hook\n const existingTableConfig = useTableConfigOptional<TData>();\n\n // Only render TableConfigProvider if context doesn't already exist\n const shouldRenderTableConfigProvider =\n !existingTableConfig \|\|\n (!existingTableConfig.toolbarConfig && !existingTableConfig.refineContext);\n\n if (shouldRenderTableConfigProvider) {\n return (\n <TableInstanceProvider table={props.table}>\n <FilterHelpersProvider\n refineTable={props.refineTable}\n getDefaultOperator={getDefaultOperatorForFieldType}\n getAvailableOperators={getAvailableOperators}>\n <TableConfigProvider\n toolbarConfig={props.toolbarConfig}\n refineContext={\n props.refineTable\n ? {\n tableInstance: props.refineTable,\n refetch: props.refineTable?.tableQuery?.refetch,\n isLoading: props.refineTable?.tableQuery?.isFetching,\n error: props.refineTable?.tableQuery?.error,\n }\n : undefined\n }>\n <BaseTableInner \n className={className}\n emptyState={emptyState}\n emptyStateMessage={emptyStateMessage}\n footer={footer}\n getCellProps={getCellProps}\n getRowProps={getRowProps}\n header={header}\n isLoading={isLoading}\n loadingState={loadingState}\n loadingStateMessage={loadingStateMessage}\n onRowClick={onRowClick}\n pagination={pagination}\n responsive={responsive}\n layoutType={layoutType}\n hideColumnsOnMobile={hideColumnsOnMobile}\n mobileBreakpoint={mobileBreakpoint}\n />\n </TableConfigProvider>\n </FilterHelpersProvider>\n </TableInstanceProvider>\n );\n }\n\n return (\n <TableInstanceProvider table={props.table}>\n <FilterHelpersProvider\n refineTable={props.refineTable}\n getDefaultOperator={getDefaultOperatorForFieldType}\n getAvailableOperators={getAvailableOperators}>\n <BaseTableInner \n className={className}\n emptyState={emptyState}\n emptyStateMessage={emptyStateMessage}\n footer={footer}\n getCellProps={getCellProps}\n getRowProps={getRowProps}\n header={header}\n isLoading={isLoading}\n loadingState={loadingState}\n loadingStateMessage={loadingStateMessage}\n onRowClick={onRowClick}\n pagination={pagination}\n responsive={responsive}\n layoutType={layoutType}\n hideColumnsOnMobile={hideColumnsOnMobile}\n mobileBreakpoint={mobileBreakpoint}\n />\n </FilterHelpersProvider>\n </TableInstanceProvider>\n );\n }\n\n if (\"data\" in props && props.data) {\n return <BaseTableWithData {...props} />;\n }\n\n throw new Error(\"BaseTable requires either table or data prop\");\n}\n\nexport { BaseTable };\n"],"mappings":";;;;;;;;;;;;;;AA8IA,SAAS,kBACP,OACA;CACA,MAAM,EACJ,SACA,MACA,sBAAsB,EAAE,EACxB,aAAa,OACb,GAAG,cACD;CAOJ,MAAM,QAAQ,cAAc;EAC1B;EACA,SANsB,aACpB,uBAAuB,SAAS,oBAAoB,GACpD;EAKF,iBAAiB,iBAAiB;EACnC,CAAC;CAGF,MAAM,sBAAsB,wBAA+B;AAO3D,KAHE,CAAC,uBACA,CAAC,oBAAoB,iBAAiB,CAAC,oBAAoB,cAG5D,QACE,oBAAC;EAA6B;YAC5B,oBAAC;GACC,aAAa,MAAM;GACnB,oBAAoB;GACG;aACvB,oBAAC;IACC,eAAe,MAAM;IACrB,eACE,MAAM,cACF;KACE,eAAe,MAAM;KACrB,SAAS,MAAM,aAAa,YAAY;KACxC,WAAW,MAAM,aAAa,YAAY;KAC1C,OAAO,MAAM,aAAa,YAAY;KACvC,GACD;cAEN,oBAAC,kBAAe,GAAI,YAAa;KACb;IACA;GACF;AAI5B,QACE,oBAAC;EAA6B;YAC5B,oBAAC;GACC,aAAa,MAAM;GACnB,oBAAoB;GACG;aACvB,oBAAC,kBAAe,GAAI,YAAa;IACX;GACF;;AAI5B,SAAS,UAAgC,OAA8B;CACrE,MAAM,EACJ,WACA,YACA,mBACA,QACA,cACA,aACA,QACA,WACA,cACA,qBACA,YACA,YACA,aAAa,OACb,aAAa,gBAAgB,MAC7B,sBAAsB,EAAE,EACxB,kBACA,GAAG,cACD;AAEJ,KAAI,WAAW,SAAS,MAAM,SAAS,UAAU,SAAS,MAAM,KAC9D,OAAM,IAAI,MACR,2EACD;AAGH,KAAI,WAAW,SAAS,MAAM,OAAO;EAEnC,MAAM,sBAAsB,wBAA+B;AAO3D,MAHE,CAAC,uBACA,CAAC,oBAAoB,iBAAiB,CAAC,oBAAoB,cAG5D,QACE,oBAAC;GAAsB,OAAO,MAAM;aAClC,oBAAC;IACC,aAAa,MAAM;IACnB,oBAAoB;IACG;cACvB,oBAAC;KACC,eAAe,MAAM;KACrB,eACE,MAAM,cACF;MACE,eAAe,MAAM;MACrB,SAAS,MAAM,aAAa,YAAY;MACxC,WAAW,MAAM,aAAa,YAAY;MAC1C,OAAO,MAAM,aAAa,YAAY;MACvC,GACD;eAEN,oBAAC;MACY;MACC;MACO;MACX;MACM;MACD;MACL;MACG;MACG;MACO;MACT;MACA;MACA;MACA;MACS;MACH;OAClB;MACkB;KACA;IACF;AAI5B,SACE,oBAAC;GAAsB,OAAO,MAAM;aAClC,oBAAC;IACC,aAAa,MAAM;IACnB,oBAAoB;IACG;cACvB,oBAAC;KACY;KACC;KACO;KACX;KACM;KACD;KACL;KACG;KACG;KACO;KACT;KACA;KACA;KACA;KACS;KACH;MAClB;KACoB;IACF;;AAI5B,KAAI,UAAU,SAAS,MAAM,KAC3B,QAAO,oBAAC,qBAAkB,GAAI,QAAS;AAGzC,OAAM,IAAI,MAAM,+CAA+C;;;sBAtTf;gBAO9B;uBAC+C;0BAIV;8BACS"}
1	+ {"version":3,"file":"BaseTable.js","names":[],"sources":["../../../../src/components/data-table/BaseTable.tsx"],"sourcesContent":["import {\n Cell,\n ColumnDef,\n getCoreRowModel,\n Row,\n Table,\n useReactTable,\n} from \"@tanstack/react-table\";\nimport React from \"react\";\nimport { BaseRecord } from \"@refinedev/core\";\nimport type { UseTableReturnType } from \"@refinedev/react-table\";\n\nimport { BaseTableInner } from \"./BaseTableInner\";\nimport {\n FilterHelpersProvider,\n RefineTableProvider,\n TableConfigProvider,\n TableInstanceProvider,\n useTableConfigOptional,\n} from \"./contexts\";\nimport { ToolbarConfig, TableLayoutType } from \"./DataTable.types\";\nimport {\n getAvailableOperators,\n getDefaultOperatorForFieldType,\n} from \"./toolbarItems/filters/hooks/useFilterOperators\";\nimport { filterColumnsForMobile } from \"./filterColumnsForMobile\";\nimport { ComponentSize } from \"@lumeweb/portal-framework-ui-core\";\n\nexport interface ActionColumnCellProps<TData> {\n row: Row<TData>;\n}\n\nexport type ActionColumnDef<TData> = ColumnDef<TData, unknown> & {\n /** Function to render cell content /\n cell: (props: ActionColumnCellProps<TData>) => React.ReactNode;\n};\n\nexport interface BaseTableRefineProps<TData extends BaseRecord> {\n /* Refine table instance /\n refineTable?: UseTableReturnType<TData, any>[\"refineCore\"];\n}\n\nexport interface BaseTableCommonProps<TData extends BaseRecord> {\n /* Whether table is in loading state /\n isLoading?: boolean;\n /* Toolbar configuration /\n toolbarConfig?: ToolbarConfig<TData>;\n}\n\nexport type BaseTableCommonPropsType<TData extends BaseRecord> =\n TableInteractionProps<TData> &\n TablePaginationConfigProps &\n TableStateProps<TData> &\n TableStylingProps &\n BaseTableRefineProps<TData> &\n BaseTableCommonProps<TData>;\n\nexport type BaseTablePaginationConfig = boolean \| TablePaginationProps;\n\nexport type BaseTableProps<TData extends BaseRecord> =\n \| BaseTableWithDataProps<TData>\n \| BaseTableWithTableProps<TData>;\n\nexport type BaseTableWithDataProps<TData extends BaseRecord> =\n BaseTableCommonPropsType<TData> &\n TableDataProps<TData> & {\n table?: never;\n };\n\nexport type BaseTableWithTableProps<TData extends BaseRecord> =\n BaseTableCommonPropsType<TData> &\n TableInstanceProps<TData> & {\n actionColumn?: never;\n columns?: never;\n data?: never;\n };\n\nexport interface TableDataProps<TData> {\n /* Optional action column configuration /\n actionColumn?: ActionColumnDef<TData>;\n columns: ColumnDef<TData>[];\n data: TData[];\n}\n\nexport interface TableInstanceProps<TData extends BaseRecord> {\n table: Table<TData>;\n refineTable?: UseTableReturnType<TData, any>[\"refineCore\"];\n}\n\nexport interface TableInteractionProps<TData> {\n getCellProps?: (\n cell: Cell<TData, unknown>,\n ) => React.HTMLAttributes<HTMLTableCellElement>;\n getRowProps?: (row: Row<TData>) => React.HTMLAttributes<HTMLTableRowElement>;\n onRowClick?: (row: Row<TData>) => void;\n}\n\nexport interface TablePaginationConfigProps {\n /* Pagination configuration /\n pagination?: BaseTablePaginationConfig;\n}\n\nexport interface TablePaginationProps {\n /* Custom pagination component /\n component?: React.ReactNode;\n /* Whether pagination is enabled */\n enabled?: boolean;\n}\n\nexport interface TableStateProps<TData> {\n emptyState?: ((colSpan: number) => React.ReactNode) \| React.ReactNode;\n emptyStateMessage?: string;\n loadingState?: ((colSpan: number) => React.ReactNode) \| React.ReactNode;\n loadingStateMessage?: string;\n}\n\nexport interface TableResponsiveProps {\n responsive?: boolean;\n layoutType?: TableLayoutType;\n hideColumnsOnMobile?: string[];\n mobileBreakpoint?: ComponentSize \| 'xs' \| 'sm' \| 'md' \| 'lg' \| 'xl' \| '2xl';\n}\n\nexport interface TableHeaderFooterProps {\n header?: React.ReactNode;\n footer?: React.ReactNode;\n}\n\nexport interface TableStylingProps extends TableResponsiveProps, TableHeaderFooterProps {\n className?: string;\n}\n\nexport interface BaseTableLayoutPropsBase<TData extends BaseRecord> \n extends TableInteractionProps<TData>,\n TableStateProps<TData>,\n TableHeaderFooterProps,\n TableStylingProps,\n BaseTableCommonProps<TData>,\n TablePaginationConfigProps {\n table: Table<TData>;\n}\n\nfunction BaseTableWithData<TData extends BaseRecord>(\n props: BaseTableWithDataProps<TData>,\n) {\n const {\n columns,\n data,\n hideColumnsOnMobile = [],\n responsive = false,\n ...restProps\n } = props;\n\n // Filter columns for mobile if responsive mode is enabled\n const filteredColumns = responsive \n ? filterColumnsForMobile(columns, hideColumnsOnMobile) \n : columns;\n\n const table = useReactTable({\n data,\n columns: filteredColumns,\n getCoreRowModel: getCoreRowModel(),\n });\n\n // Safe check for existing TableConfigContext using the optional hook\n const existingTableConfig = useTableConfigOptional<TData>();\n\n // Only render TableConfigProvider if context doesn't already exist\n const shouldRenderTableConfigProvider =\n !existingTableConfig \|\|\n (!existingTableConfig.toolbarConfig && !existingTableConfig.refineContext);\n\n if (shouldRenderTableConfigProvider) {\n return (\n <TableInstanceProvider table={table}>\n <FilterHelpersProvider\n refineTable={props.refineTable}\n getDefaultOperator={getDefaultOperatorForFieldType}\n getAvailableOperators={getAvailableOperators}>\n <TableConfigProvider\n toolbarConfig={props.toolbarConfig}\n refineContext={\n props.refineTable\n ? {\n tableInstance: props.refineTable,\n refetch: props.refineTable?.tableQuery?.refetch,\n isLoading: props.refineTable?.tableQuery?.isFetching,\n error: props.refineTable?.tableQuery?.error,\n }\n : undefined\n }>\n <BaseTableInner {...restProps} />\n </TableConfigProvider>\n </FilterHelpersProvider>\n </TableInstanceProvider>\n );\n }\n\n return (\n <TableInstanceProvider table={table}>\n <FilterHelpersProvider\n refineTable={props.refineTable}\n getDefaultOperator={getDefaultOperatorForFieldType}\n getAvailableOperators={getAvailableOperators}>\n <BaseTableInner {...restProps} />\n </FilterHelpersProvider>\n </TableInstanceProvider>\n );\n}\n\nfunction BaseTable<TData extends object>(props: BaseTableProps<TData>) {\n const {\n className,\n emptyState,\n emptyStateMessage,\n footer,\n getCellProps,\n getRowProps,\n header,\n isLoading,\n loadingState,\n loadingStateMessage,\n onRowClick,\n pagination,\n responsive = false,\n layoutType = TableLayoutType.AUTO,\n hideColumnsOnMobile = [],\n mobileBreakpoint,\n ...restProps\n } = props;\n\n if (\"table\" in props && props.table && \"data\" in props && props.data) {\n throw new Error(\n \"BaseTable cannot accept both table and data props - use one or the other\",\n );\n }\n\n if (\"table\" in props && props.table) {\n // Safe check for existing TableConfigContext using the optional hook\n const existingTableConfig = useTableConfigOptional<TData>();\n\n // Only render TableConfigProvider if context doesn't already exist\n const shouldRenderTableConfigProvider =\n !existingTableConfig \|\|\n (!existingTableConfig.toolbarConfig && !existingTableConfig.refineContext);\n\n if (shouldRenderTableConfigProvider) {\n return (\n <TableInstanceProvider table={props.table}>\n <FilterHelpersProvider\n refineTable={props.refineTable}\n getDefaultOperator={getDefaultOperatorForFieldType}\n getAvailableOperators={getAvailableOperators}>\n <TableConfigProvider\n toolbarConfig={props.toolbarConfig}\n refineContext={\n props.refineTable\n ? {\n tableInstance: props.refineTable,\n refetch: props.refineTable?.tableQuery?.refetch,\n isLoading: props.refineTable?.tableQuery?.isFetching,\n error: props.refineTable?.tableQuery?.error,\n }\n : undefined\n }>\n <BaseTableInner \n className={className}\n emptyState={emptyState}\n emptyStateMessage={emptyStateMessage}\n footer={footer}\n getCellProps={getCellProps}\n getRowProps={getRowProps}\n header={header}\n isLoading={isLoading}\n loadingState={loadingState}\n loadingStateMessage={loadingStateMessage}\n onRowClick={onRowClick}\n pagination={pagination}\n responsive={responsive}\n layoutType={layoutType}\n hideColumnsOnMobile={hideColumnsOnMobile}\n mobileBreakpoint={mobileBreakpoint}\n />\n </TableConfigProvider>\n </FilterHelpersProvider>\n </TableInstanceProvider>\n );\n }\n\n return (\n <TableInstanceProvider table={props.table}>\n <FilterHelpersProvider\n refineTable={props.refineTable}\n getDefaultOperator={getDefaultOperatorForFieldType}\n getAvailableOperators={getAvailableOperators}>\n <BaseTableInner \n className={className}\n emptyState={emptyState}\n emptyStateMessage={emptyStateMessage}\n footer={footer}\n getCellProps={getCellProps}\n getRowProps={getRowProps}\n header={header}\n isLoading={isLoading}\n loadingState={loadingState}\n loadingStateMessage={loadingStateMessage}\n onRowClick={onRowClick}\n pagination={pagination}\n responsive={responsive}\n layoutType={layoutType}\n hideColumnsOnMobile={hideColumnsOnMobile}\n mobileBreakpoint={mobileBreakpoint}\n />\n </FilterHelpersProvider>\n </TableInstanceProvider>\n );\n }\n\n if (\"data\" in props && props.data) {\n return <BaseTableWithData {...props} />;\n }\n\n throw new Error(\"BaseTable requires either table or data prop\");\n}\n\nexport { BaseTable };\n"],"mappings":";;;;;;;;;;;;;AA8IA,SAAS,kBACP,OACA;CACA,MAAM,EACJ,SACA,MACA,sBAAsB,EAAE,EACxB,aAAa,OACb,GAAG,cACD;CAOJ,MAAM,QAAQ,cAAc;EAC1B;EACA,SANsB,aACpB,uBAAuB,SAAS,oBAAoB,GACpD;EAKF,iBAAiB,iBAAiB;EACnC,CAAC;CAGF,MAAM,sBAAsB,wBAA+B;AAO3D,KAHE,CAAC,uBACA,CAAC,oBAAoB,iBAAiB,CAAC,oBAAoB,cAG5D,QACE,oBAAC,uBAAD;EAA8B;YAC5B,oBAAC,uBAAD;GACE,aAAa,MAAM;GACnB,oBAAoB;GACG;aACvB,oBAAC,qBAAD;IACE,eAAe,MAAM;IACrB,eACE,MAAM,cACF;KACE,eAAe,MAAM;KACrB,SAAS,MAAM,aAAa,YAAY;KACxC,WAAW,MAAM,aAAa,YAAY;KAC1C,OAAO,MAAM,aAAa,YAAY;KACvC,GACD;cAEN,oBAAC,gBAAD,EAAgB,GAAI,WAAa;IACb;GACA;EACF;AAI5B,QACE,oBAAC,uBAAD;EAA8B;YAC5B,oBAAC,uBAAD;GACE,aAAa,MAAM;GACnB,oBAAoB;GACG;aACvB,oBAAC,gBAAD,EAAgB,GAAI,WAAa;GACX;EACF;;AAI5B,SAAS,UAAgC,OAA8B;CACrE,MAAM,EACJ,WACA,YACA,mBACA,QACA,cACA,aACA,QACA,WACA,cACA,qBACA,YACA,YACA,aAAa,OACb,qBACA,sBAAsB,EAAE,EACxB,kBACA,GAAG,cACD;AAEJ,KAAI,WAAW,SAAS,MAAM,SAAS,UAAU,SAAS,MAAM,KAC9D,OAAM,IAAI,MACR,2EACD;AAGH,KAAI,WAAW,SAAS,MAAM,OAAO;EAEnC,MAAM,sBAAsB,wBAA+B;AAO3D,MAHE,CAAC,uBACA,CAAC,oBAAoB,iBAAiB,CAAC,oBAAoB,cAG5D,QACE,oBAAC,uBAAD;GAAuB,OAAO,MAAM;aAClC,oBAAC,uBAAD;IACE,aAAa,MAAM;IACnB,oBAAoB;IACG;cACvB,oBAAC,qBAAD;KACE,eAAe,MAAM;KACrB,eACE,MAAM,cACF;MACE,eAAe,MAAM;MACrB,SAAS,MAAM,aAAa,YAAY;MACxC,WAAW,MAAM,aAAa,YAAY;MAC1C,OAAO,MAAM,aAAa,YAAY;MACvC,GACD;eAEN,oBAAC,gBAAD;MACa;MACC;MACO;MACX;MACM;MACD;MACL;MACG;MACG;MACO;MACT;MACA;MACA;MACA;MACS;MACH;MAClB;KACkB;IACA;GACF;AAI5B,SACE,oBAAC,uBAAD;GAAuB,OAAO,MAAM;aAClC,oBAAC,uBAAD;IACE,aAAa,MAAM;IACnB,oBAAoB;IACG;cACvB,oBAAC,gBAAD;KACa;KACC;KACO;KACX;KACM;KACD;KACL;KACG;KACG;KACO;KACT;KACA;KACA;KACA;KACS;KACH;KAClB;IACoB;GACF;;AAI5B,KAAI,UAAU,SAAS,MAAM,KAC3B,QAAO,oBAAC,mBAAD,EAAmB,GAAI,OAAS;AAGzC,OAAM,IAAI,MAAM,+CAA+C"}

package/dist/esm/components/data-table/BaseTableContent.js CHANGED Viewed

@@ -1,15 +1,14 @@
-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 { Toolbar, init_Toolbar } from "./Toolbar.js";
-import { TableLayoutRenderer, init_TableLayoutRenderer } from "./TableLayoutRenderer.js";
+import "./contexts/index.js";
+import { Toolbar } from "./Toolbar.js";
+import { TableLayoutRenderer } from "./TableLayoutRenderer.js";
 import { cn } from "@lumeweb/portal-framework-ui-core";
 import React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/data-table/BaseTableContent.tsx
-function BaseTableContent({ className, emptyState, footer, getCellProps, getRowProps, header, isLoading, loadingState, onRowClick, pagination, table, responsive = false, layoutType = TableLayoutType.AUTO, hideColumnsOnMobile = [], mobileBreakpoint, stackedHeaderColumn }) {
+function BaseTableContent({ className, emptyState, footer, getCellProps, getRowProps, header, isLoading, loadingState, onRowClick, pagination, table, responsive = false, layoutType = "auto", hideColumnsOnMobile = [], mobileBreakpoint, stackedHeaderColumn }) {
 	const toolbarConfig = useTableConfigOptional()?.toolbarConfig;
 	return /* @__PURE__ */ jsxs("div", {
 		className: cn(className),
@@ -33,14 +32,7 @@ function BaseTableContent({ className, emptyState, footer, getCellProps, getRowP
 		})]
 	});
 }
-var init_BaseTableContent = __esmMin(() => {
-	init_Toolbar();
-	init_contexts();
-	init_TableLayoutRenderer();
-	init_DataTable_types();
-});
 //#endregion
-init_BaseTableContent();
-export { BaseTableContent, init_BaseTableContent };
+export { BaseTableContent };
 //# sourceMappingURL=BaseTableContent.js.map

package/dist/esm/components/data-table/BaseTableContent.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BaseTableContent.js","names":[],"sources":["../../../../src/components/data-table/BaseTableContent.tsx"],"sourcesContent":["import { cn } from \"@lumeweb/portal-framework-ui-core\";\nimport { Cell, Row, Table } from \"@tanstack/react-table\";\nimport React from \"react\";\n\nimport { Toolbar } from \"./Toolbar\";\nimport { BaseRecord } from \"@refinedev/core\";\nimport { useTableConfigOptional } from \"./contexts\";\nimport { TableLayoutRenderer } from \"./TableLayoutRenderer\";\nimport { TableLayoutType } from \"./DataTable.types\";\nimport { ComponentSize } from \"@lumeweb/portal-framework-ui-core\";\n\nexport interface BaseTableContentProps<TData extends BaseRecord> {\n className?: string;\n emptyState?: React.ReactNode;\n footer?: React.ReactNode;\n getCellProps?: (\n cell: Cell<TData, unknown>,\n ) => React.HTMLAttributes<HTMLTableCellElement>;\n getRowProps?: (row: Row<TData>) => React.HTMLAttributes<HTMLTableRowElement>;\n header?: React.ReactNode;\n /** Whether table is in loading state /\n isLoading?: boolean;\n /* Loading state content */\n loadingState?: React.ReactNode;\n onRowClick?: (row: Row<TData>) => void;\n pagination?: React.ReactNode;\n table: Table<TData>;\n responsive?: boolean;\n layoutType?: TableLayoutType;\n hideColumnsOnMobile?: string[];\n mobileBreakpoint?: ComponentSize \| string;\n stackedHeaderColumn?: string;\n}\n\nfunction BaseTableContent<TData extends BaseRecord>({\n className,\n emptyState,\n footer,\n getCellProps,\n getRowProps,\n header,\n isLoading,\n loadingState,\n onRowClick,\n pagination,\n table,\n responsive = false,\n layoutType = TableLayoutType.AUTO,\n hideColumnsOnMobile = [],\n mobileBreakpoint,\n stackedHeaderColumn,\n}: BaseTableContentProps<TData>) {\n const tableConfig = useTableConfigOptional<TData>();\n const toolbarConfig = tableConfig?.toolbarConfig;\n\n return (\n <div className={cn(className)}>\n {toolbarConfig && <Toolbar table={table} />}\n <TableLayoutRenderer\n layoutType={layoutType}\n table={table}\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 responsive={responsive}\n hideColumnsOnMobile={hideColumnsOnMobile}\n mobileBreakpoint={mobileBreakpoint \|\| toolbarConfig?.mobileBreakpoint}\n stackedHeaderColumn={stackedHeaderColumn}\n />\n </div>\n );\n}\n\nexport { BaseTableContent };\n"],"mappings":"~~;;;;;;;;;;;~~AAkCA,SAAS,iBAA2C,EAClD,WACA,YACA,QACA,cACA,aACA,QACA,WACA,cACA,YACA,YACA,OACA,aAAa,OACb,~~aAAa~~,~~gBAAgB,MAC7B,~~sBAAsB,EAAE,EACxB,kBACA,uBAC+B;CAE/B,MAAM,gBADc,~~wBAA+B~~,~~EAChB~~;AAEnC,QACE,qBAAC;~~EAAI~~,WAAW,GAAG,UAAU;~~aAC1B~~,iBAAiB,oBAAC,~~WAAe~~,~~QAAS~~,~~EAC3C~~,oBAAC;~~GACa~~;GACL;GACI;GACC;GACJ;GACM;GACD;GACL;GACG;GACG;GACF;GACA;GACA;GACS;GACrB,kBAAkB,oBAAoB,eAAe;GAChC;~~IACrB;GACE;;;eAxE0B;gBAEgB;2BACQ;uBACR~~"}
1	+ {"version":3,"file":"BaseTableContent.js","names":[],"sources":["../../../../src/components/data-table/BaseTableContent.tsx"],"sourcesContent":["import { cn } from \"@lumeweb/portal-framework-ui-core\";\nimport { Cell, Row, Table } from \"@tanstack/react-table\";\nimport React from \"react\";\n\nimport { Toolbar } from \"./Toolbar\";\nimport { BaseRecord } from \"@refinedev/core\";\nimport { useTableConfigOptional } from \"./contexts\";\nimport { TableLayoutRenderer } from \"./TableLayoutRenderer\";\nimport { TableLayoutType } from \"./DataTable.types\";\nimport { ComponentSize } from \"@lumeweb/portal-framework-ui-core\";\n\nexport interface BaseTableContentProps<TData extends BaseRecord> {\n className?: string;\n emptyState?: React.ReactNode;\n footer?: React.ReactNode;\n getCellProps?: (\n cell: Cell<TData, unknown>,\n ) => React.HTMLAttributes<HTMLTableCellElement>;\n getRowProps?: (row: Row<TData>) => React.HTMLAttributes<HTMLTableRowElement>;\n header?: React.ReactNode;\n /** Whether table is in loading state /\n isLoading?: boolean;\n /* Loading state content */\n loadingState?: React.ReactNode;\n onRowClick?: (row: Row<TData>) => void;\n pagination?: React.ReactNode;\n table: Table<TData>;\n responsive?: boolean;\n layoutType?: TableLayoutType;\n hideColumnsOnMobile?: string[];\n mobileBreakpoint?: ComponentSize \| string;\n stackedHeaderColumn?: string;\n}\n\nfunction BaseTableContent<TData extends BaseRecord>({\n className,\n emptyState,\n footer,\n getCellProps,\n getRowProps,\n header,\n isLoading,\n loadingState,\n onRowClick,\n pagination,\n table,\n responsive = false,\n layoutType = TableLayoutType.AUTO,\n hideColumnsOnMobile = [],\n mobileBreakpoint,\n stackedHeaderColumn,\n}: BaseTableContentProps<TData>) {\n const tableConfig = useTableConfigOptional<TData>();\n const toolbarConfig = tableConfig?.toolbarConfig;\n\n return (\n <div className={cn(className)}>\n {toolbarConfig && <Toolbar table={table} />}\n <TableLayoutRenderer\n layoutType={layoutType}\n table={table}\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 responsive={responsive}\n hideColumnsOnMobile={hideColumnsOnMobile}\n mobileBreakpoint={mobileBreakpoint \|\| toolbarConfig?.mobileBreakpoint}\n stackedHeaderColumn={stackedHeaderColumn}\n />\n </div>\n );\n}\n\nexport { BaseTableContent };\n"],"mappings":";;;;;;;;;;AAkCA,SAAS,iBAA2C,EAClD,WACA,YACA,QACA,cACA,aACA,QACA,WACA,cACA,YACA,YACA,OACA,aAAa,OACb,qBACA,sBAAsB,EAAE,EACxB,kBACA,uBAC+B;CAE/B,MAAM,gBADc,wBACa,EAAE;AAEnC,QACE,qBAAC,OAAD;EAAK,WAAW,GAAG,UAAU;YAA7B,CACG,iBAAiB,oBAAC,SAAD,EAAgB,OAAS,GAC3C,oBAAC,qBAAD;GACc;GACL;GACI;GACC;GACJ;GACM;GACD;GACL;GACG;GACG;GACF;GACA;GACA;GACS;GACrB,kBAAkB,oBAAoB,eAAe;GAChC;GACrB,EACE"}

package/dist/esm/components/data-table/BaseTableInner.js CHANGED Viewed

@@ -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 { init_tableOptions, normalizeTableOptions } from "./tableOptions.js";
-import { BaseTableContent, init_BaseTableContent } from "./BaseTableContent.js";
+import "./contexts/index.js";
+import { normalizeTableOptions } from "./tableOptions.js";
+import { BaseTableContent } from "./BaseTableContent.js";
 import React from "react";
 import { jsx } from "react/jsx-runtime";
@@ -30,13 +29,7 @@ function BaseTableInner(props) {
 		stackedHeaderColumn
 	});
 }
-var init_BaseTableInner = __esmMin(() => {
-	init_BaseTableContent();
-	init_contexts();
-	init_tableOptions();
-});
 //#endregion
-init_BaseTableInner();
-export { BaseTableInner, init_BaseTableInner };
+export { BaseTableInner };
 //# sourceMappingURL=BaseTableInner.js.map

package/dist/esm/components/data-table/BaseTableInner.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BaseTableInner.js","names":[],"sources":["../../../../src/components/data-table/BaseTableInner.tsx"],"sourcesContent":["import type { BaseTableCommonPropsType, TableHeaderFooterProps, TableResponsiveProps } from \"./BaseTable\";\nimport { BaseTableContent } from \"./BaseTableContent\";\nimport { useTableInstance } from \"./contexts\";\nimport { normalizeTableOptions } from \"./tableOptions\";\nimport { type Table } from \"@tanstack/react-table\";\nimport React from \"react\";\n\n// Extend the common props interface with specific properties BaseTableInner actually uses\ninterface BaseTableInnerProps<TData extends object> \n extends BaseTableCommonPropsType<TData>, TableHeaderFooterProps, TableResponsiveProps {\n stackedHeaderColumn?: string;\n}\n\nfunction BaseTableInner<TData extends object>(\n props: BaseTableInnerProps<TData>,\n): React.JSX.Element {\n const {\n className,\n emptyState,\n emptyStateMessage,\n footer,\n getCellProps,\n getRowProps,\n header,\n isLoading,\n loadingState,\n loadingStateMessage,\n onRowClick,\n pagination,\n responsive,\n layoutType,\n hideColumnsOnMobile,\n mobileBreakpoint,\n stackedHeaderColumn,\n } = props;\n\n const { table } = useTableInstance<TData>();\n\n const normalizedOptions = normalizeTableOptions(\n pagination,\n emptyState,\n emptyStateMessage,\n loadingState,\n loadingStateMessage,\n table,\n );\n\n return (\n <BaseTableContent\n className={className}\n emptyState={normalizedOptions.emptyState}\n footer={footer}\n getCellProps={getCellProps}\n getRowProps={getRowProps}\n header={header}\n isLoading={isLoading}\n loadingState={normalizedOptions.loadingState}\n onRowClick={onRowClick}\n pagination={\n normalizedOptions.pagination.enabled\n ? normalizedOptions.pagination.component\n : undefined\n }\n table={table}\n responsive={responsive}\n layoutType={layoutType}\n hideColumnsOnMobile={hideColumnsOnMobile}\n mobileBreakpoint={mobileBreakpoint}\n stackedHeaderColumn={stackedHeaderColumn}\n />\n );\n}\n\nexport { BaseTableInner };\n"],"mappings":"~~;;;;;;;;;~~AAaA,SAAS,eACP,OACmB;CACnB,MAAM,EACJ,WACA,YACA,mBACA,QACA,cACA,aACA,QACA,WACA,cACA,qBACA,YACA,YACA,YACA,YACA,qBACA,kBACA,wBACE;CAEJ,MAAM,EAAE,UAAU,kBAAyB;CAE3C,MAAM,oBAAoB,sBACxB,YACA,YACA,mBACA,cACA,qBACA,MACD;AAED,QACE,oBAAC;~~EACY~~;EACX,YAAY,kBAAkB;EACtB;EACM;EACD;EACL;EACG;EACX,cAAc,kBAAkB;EACpB;EACZ,YACE,kBAAkB,WAAW,UACzB,kBAAkB,WAAW,YAC7B;EAEC;EACK;EACA;EACS;EACH;EACG;~~GACrB;;;wBApEgD;gBACR;oBACS~~"}
1	+ {"version":3,"file":"BaseTableInner.js","names":[],"sources":["../../../../src/components/data-table/BaseTableInner.tsx"],"sourcesContent":["import type { BaseTableCommonPropsType, TableHeaderFooterProps, TableResponsiveProps } from \"./BaseTable\";\nimport { BaseTableContent } from \"./BaseTableContent\";\nimport { useTableInstance } from \"./contexts\";\nimport { normalizeTableOptions } from \"./tableOptions\";\nimport { type Table } from \"@tanstack/react-table\";\nimport React from \"react\";\n\n// Extend the common props interface with specific properties BaseTableInner actually uses\ninterface BaseTableInnerProps<TData extends object> \n extends BaseTableCommonPropsType<TData>, TableHeaderFooterProps, TableResponsiveProps {\n stackedHeaderColumn?: string;\n}\n\nfunction BaseTableInner<TData extends object>(\n props: BaseTableInnerProps<TData>,\n): React.JSX.Element {\n const {\n className,\n emptyState,\n emptyStateMessage,\n footer,\n getCellProps,\n getRowProps,\n header,\n isLoading,\n loadingState,\n loadingStateMessage,\n onRowClick,\n pagination,\n responsive,\n layoutType,\n hideColumnsOnMobile,\n mobileBreakpoint,\n stackedHeaderColumn,\n } = props;\n\n const { table } = useTableInstance<TData>();\n\n const normalizedOptions = normalizeTableOptions(\n pagination,\n emptyState,\n emptyStateMessage,\n loadingState,\n loadingStateMessage,\n table,\n );\n\n return (\n <BaseTableContent\n className={className}\n emptyState={normalizedOptions.emptyState}\n footer={footer}\n getCellProps={getCellProps}\n getRowProps={getRowProps}\n header={header}\n isLoading={isLoading}\n loadingState={normalizedOptions.loadingState}\n onRowClick={onRowClick}\n pagination={\n normalizedOptions.pagination.enabled\n ? normalizedOptions.pagination.component\n : undefined\n }\n table={table}\n responsive={responsive}\n layoutType={layoutType}\n hideColumnsOnMobile={hideColumnsOnMobile}\n mobileBreakpoint={mobileBreakpoint}\n stackedHeaderColumn={stackedHeaderColumn}\n />\n );\n}\n\nexport { BaseTableInner };\n"],"mappings":";;;;;;;;AAaA,SAAS,eACP,OACmB;CACnB,MAAM,EACJ,WACA,YACA,mBACA,QACA,cACA,aACA,QACA,WACA,cACA,qBACA,YACA,YACA,YACA,YACA,qBACA,kBACA,wBACE;CAEJ,MAAM,EAAE,UAAU,kBAAyB;CAE3C,MAAM,oBAAoB,sBACxB,YACA,YACA,mBACA,cACA,qBACA,MACD;AAED,QACE,oBAAC,kBAAD;EACa;EACX,YAAY,kBAAkB;EACtB;EACM;EACD;EACL;EACG;EACX,cAAc,kBAAkB;EACpB;EACZ,YACE,kBAAkB,WAAW,UACzB,kBAAkB,WAAW,YAC7B;EAEC;EACK;EACA;EACS;EACH;EACG;EACrB"}

package/dist/esm/components/data-table/BaseTableStackedLayout.js CHANGED Viewed

@@ -1,20 +1,31 @@
-import { __esmMin } from "../../_virtual/rolldown_runtime.js";
 import { ComponentSize as ComponentSize$1 } from "../sizing/index.js";
-import { init_useMobileDetection, useMobileDetection as useMobileDetection$1 } from "./useMobileDetection.js";
+import { useMobileDetection as useMobileDetection$1 } from "./useMobileDetection.js";
 import { useTableConfigOptional } from "./contexts/TableConfig.js";
-import { init_contexts } from "./contexts/index.js";
-import { init_useTableHandlers, useMobileColumnHiding, useTableRowHandlers } from "./useTableHandlers.js";
-import { init_tableOptions, normalizeTableOptions } from "./tableOptions.js";
-import { init_components } from "../index.js";
+import "./contexts/index.js";
+import { useMobileColumnHiding, useTableRowHandlers } from "./useTableHandlers.js";
+import { normalizeTableOptions } from "./tableOptions.js";
+import "../index.js";
 import { Card, CardContent, cn } from "@lumeweb/portal-framework-ui-core";
 import React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { flexRender } from "@tanstack/react-table";
 //#region src/components/data-table/BaseTableStackedLayout.tsx
+const validateBreakpoint = (breakpoint) => {
+	if (typeof breakpoint === "string" && [
+		"xs",
+		"sm",
+		"md",
+		"lg",
+		"xl",
+		"2xl"
+	].includes(breakpoint)) return breakpoint;
+	if (typeof breakpoint === "string" && breakpoint !== "") console.warn(`Unknown breakpoint value "${breakpoint}", falling back to "md"`);
+	return "md";
+};
 function BaseTableStackedLayout({ className, emptyState, emptyStateMessage, footer, getCellProps, getRowProps, header, isLoading, loadingState, loadingStateMessage, onRowClick, pagination, table, responsive, hideColumnsOnMobile, mobileBreakpoint, stackedHeaderColumn }) {
 	const tableConfig = useTableConfigOptional();
-	const { isMobile } = useMobileDetection$1({ mobileBreakpoint: validateBreakpoint(mobileBreakpoint || tableConfig?.toolbarConfig?.mobileBreakpoint || ComponentSize$1.SM) });
+	const { isMobile } = useMobileDetection$1({ mobileBreakpoint: validateBreakpoint(mobileBreakpoint || tableConfig?.toolbarConfig?.mobileBreakpoint || "sm") });
 	const normalizedOptions = normalizeTableOptions(pagination, emptyState, emptyStateMessage, loadingState, loadingStateMessage, table);
 	const getTableRowProps = useTableRowHandlers({
 		onRowClick,
@@ -91,8 +102,8 @@ function BaseTableStackedLayout({ className, emptyState, emptyStateMessage, foot
 									})
 								}, cell.id);
 								if (cell.column.id === stackedHeaderColumn) return null;
-								const header$1 = cell.column.columnDef.header;
-								const headerText = typeof header$1 === "string" ? header$1 : void 0;
+								const header = cell.column.columnDef.header;
+								const headerText = typeof header === "string" ? header : void 0;
 								return /* @__PURE__ */ jsxs("div", {
 									className: cn("flex flex-col space-y-1", isMobile && "space-y-2", !stackedHeaderColumn && "pt-4"),
 									...getCellProps?.(cell),
@@ -120,28 +131,7 @@ function BaseTableStackedLayout({ className, emptyState, emptyStateMessage, foot
 		]
 	});
 }
-var validateBreakpoint;
-var init_BaseTableStackedLayout = __esmMin(() => {
-	init_contexts();
-	init_useMobileDetection();
-	init_useTableHandlers();
-	init_tableOptions();
-	init_components();
-	validateBreakpoint = (breakpoint) => {
-		if (typeof breakpoint === "string" && [
-			"xs",
-			"sm",
-			"md",
-			"lg",
-			"xl",
-			"2xl"
-		].includes(breakpoint)) return breakpoint;
-		if (typeof breakpoint === "string" && breakpoint !== "") console.warn(`Unknown breakpoint value "${breakpoint}", falling back to "md"`);
-		return "md";
-	};
-});
 //#endregion
-init_BaseTableStackedLayout();
-export { BaseTableStackedLayout, init_BaseTableStackedLayout };
+export { BaseTableStackedLayout };
 //# sourceMappingURL=BaseTableStackedLayout.js.map

package/dist/esm/components/data-table/BaseTableStackedLayout.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BaseTableStackedLayout.js","names":["useMobileDetection","ComponentSize","header"],"sources":["../../../../src/components/data-table/BaseTableStackedLayout.tsx"],"sourcesContent":["import { Card, CardContent, cn } from \"@lumeweb/portal-framework-ui-core\";\nimport { flexRender } from \"@tanstack/react-table\";\nimport React from \"react\";\n\nimport { useTableConfigOptional } from \"./contexts\";\nimport { useMobileDetection } from \"./useMobileDetection\";\nimport { BaseRecord } from \"@refinedev/core\";\nimport { BaseTableLayoutPropsBase } from \"./BaseTable\";\nimport { useMobileColumnHiding, useTableRowHandlers } from \"./useTableHandlers\";\nimport { normalizeTableOptions } from \"./tableOptions\";\nimport { ComponentSize } from \"@/components\";\n\n// Define the known Tailwind breakpoint names\ntype TailwindBreakpoint = \"xs\" \| \"sm\" \| \"md\" \| \"lg\" \| \"xl\" \| \"2xl\";\n\n// Helper function to validate breakpoint values\nconst validateBreakpoint = (breakpoint: any): TailwindBreakpoint => {\n const validBreakpoints: TailwindBreakpoint[] = [\n \"xs\",\n \"sm\",\n \"md\",\n \"lg\",\n \"xl\",\n \"2xl\",\n ];\n\n if (\n typeof breakpoint === \"string\" &&\n validBreakpoints.includes(breakpoint as TailwindBreakpoint)\n ) {\n return breakpoint as TailwindBreakpoint;\n }\n\n // Warn and fall back to a safe default for unknown values\n if (typeof breakpoint === \"string\" && breakpoint !== \"\") {\n console.warn(\n `Unknown breakpoint value \"${breakpoint}\", falling back to \"md\"`,\n );\n }\n\n return \"md\";\n};\n\ninterface BaseTableStackedLayoutProps<TData extends BaseRecord>\n extends BaseTableLayoutPropsBase<TData> {\n getCellProps?: (\n cell: any, // Using any to match BaseTableContentProps interface\n ) => React.HTMLAttributes<HTMLDivElement>;\n stackedHeaderColumn?: string;\n}\n\nfunction BaseTableStackedLayout<TData extends BaseRecord>({\n className,\n emptyState,\n emptyStateMessage,\n footer,\n getCellProps,\n getRowProps,\n header,\n isLoading,\n loadingState,\n loadingStateMessage,\n onRowClick,\n pagination,\n table,\n responsive,\n hideColumnsOnMobile,\n mobileBreakpoint,\n stackedHeaderColumn,\n}: BaseTableStackedLayoutProps<TData>) {\n const tableConfig = useTableConfigOptional<TData>();\n const validatedBreakpoint = validateBreakpoint(\n mobileBreakpoint \|\|\n tableConfig?.toolbarConfig?.mobileBreakpoint \|\|\n ComponentSize.SM,\n );\n\n const { isMobile } = useMobileDetection({\n mobileBreakpoint: validatedBreakpoint,\n });\n\n // Normalize table options including pagination\n const normalizedOptions = normalizeTableOptions(\n pagination,\n emptyState,\n emptyStateMessage,\n loadingState,\n loadingStateMessage,\n table,\n );\n\n // Use the shared hook for row handling\n const getTableRowProps = useTableRowHandlers({ onRowClick, getRowProps });\n\n // Get all visible column IDs for mobile hiding hook\n const visibleColumnIds = React.useMemo(() => {\n return table.getAllLeafColumns().map(column => column.id);\n }, [table]);\n\n // Determine hidden columns at top level\n const hiddenColumns = useMobileColumnHiding({\n responsive,\n hideColumnsOnMobile,\n columnIds: visibleColumnIds,\n });\n\n if (isLoading) {\n return (\n <div className={cn(className)}>\n {header && <div className=\"mb-4\">{header}</div>}\n {normalizedOptions.loadingState}\n {footer && <div className=\"mt-4\">{footer}</div>}\n </div>\n );\n }\n\n const rows = table.getRowModel().rows;\n\n if (rows.length === 0) {\n return (\n <div className={cn(className)}>\n {header && <div className=\"mb-4\">{header}</div>}\n {normalizedOptions.emptyState}\n {footer && <div className=\"mt-4\">{footer}</div>}\n </div>\n );\n }\n\n return (\n <div className={cn(className)}>\n {header && <div className=\"mb-4\">{header}</div>}\n <div className=\"space-y-4\">\n {rows.map((row) => {\n // Use the shared hook for row props\n const rowProps = getTableRowProps(row);\n\n return (\n <Card key={row.id} {...rowProps}>\n {/* Render stacked header if specified */}\n {stackedHeaderColumn &&\n (() => {\n const headerCell = row\n .getVisibleCells()\n .find((cell) => cell.column.id === stackedHeaderColumn);\n\n if (headerCell) {\n return (\n <div\n className={cn(\n \"border-b p-4\",\n \"[word-break:break-word]\",\n )}>\n <div className=\"text-lg font-semibold\">\n {flexRender(\n headerCell.column.columnDef.cell,\n headerCell.getContext(),\n )}\n </div>\n </div>\n );\n }\n return null;\n })()}\n\n <CardContent\n className={cn(\"space-y-3\", \"[word-break:break-word]\")}>\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 // Skip the actions column for stacked layout\n if (cell.column.id === \"actions\") {\n return (\n <div\n key={cell.id}\n className={cn(\n \"flex justify-end border-t pt-3\",\n isMobile && \"pt-4\",\n )}\n {...getCellProps?.(cell)}>\n <div className={cn(\"flex min-h-10 items-center\")}>\n {flexRender(\n cell.column.columnDef.cell,\n cell.getContext(),\n )}\n </div>\n </div>\n );\n }\n\n // Skip the stacked header column to avoid duplication\n if (cell.column.id === stackedHeaderColumn) {\n return null;\n }\n\n const header = cell.column.columnDef.header;\n const headerText =\n typeof header === \"string\" ? header : undefined;\n\n return (\n <div\n key={cell.id}\n className={cn(\n \"flex flex-col space-y-1\",\n isMobile && \"space-y-2\",\n !stackedHeaderColumn && \"pt-4\",\n )}\n {...getCellProps?.(cell)}>\n {headerText && (\n <span\n className={cn(\n \"text-muted-foreground text-sm font-medium\",\n isMobile && \"text-base\",\n )}>\n {headerText}\n </span>\n )}\n <div\n className={cn(\n \"flex min-h-6 items-center text-base\",\n isMobile && \"min-h-8 text-lg\",\n )}>\n {flexRender(\n cell.column.columnDef.cell,\n cell.getContext(),\n )}\n </div>\n </div>\n );\n })}\n </CardContent>\n </Card>\n );\n })}\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 { BaseTableStackedLayout };\n"],"mappings":"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"}
1	+ {"version":3,"file":"BaseTableStackedLayout.js","names":["useMobileDetection"],"sources":["../../../../src/components/data-table/BaseTableStackedLayout.tsx"],"sourcesContent":["import { Card, CardContent, cn } from \"@lumeweb/portal-framework-ui-core\";\nimport { flexRender } from \"@tanstack/react-table\";\nimport React from \"react\";\n\nimport { useTableConfigOptional } from \"./contexts\";\nimport { useMobileDetection } from \"./useMobileDetection\";\nimport { BaseRecord } from \"@refinedev/core\";\nimport { BaseTableLayoutPropsBase } from \"./BaseTable\";\nimport { useMobileColumnHiding, useTableRowHandlers } from \"./useTableHandlers\";\nimport { normalizeTableOptions } from \"./tableOptions\";\nimport { ComponentSize } from \"@/components\";\n\n// Define the known Tailwind breakpoint names\ntype TailwindBreakpoint = \"xs\" \| \"sm\" \| \"md\" \| \"lg\" \| \"xl\" \| \"2xl\";\n\n// Helper function to validate breakpoint values\nconst validateBreakpoint = (breakpoint: any): TailwindBreakpoint => {\n const validBreakpoints: TailwindBreakpoint[] = [\n \"xs\",\n \"sm\",\n \"md\",\n \"lg\",\n \"xl\",\n \"2xl\",\n ];\n\n if (\n typeof breakpoint === \"string\" &&\n validBreakpoints.includes(breakpoint as TailwindBreakpoint)\n ) {\n return breakpoint as TailwindBreakpoint;\n }\n\n // Warn and fall back to a safe default for unknown values\n if (typeof breakpoint === \"string\" && breakpoint !== \"\") {\n console.warn(\n `Unknown breakpoint value \"${breakpoint}\", falling back to \"md\"`,\n );\n }\n\n return \"md\";\n};\n\ninterface BaseTableStackedLayoutProps<TData extends BaseRecord>\n extends BaseTableLayoutPropsBase<TData> {\n getCellProps?: (\n cell: any, // Using any to match BaseTableContentProps interface\n ) => React.HTMLAttributes<HTMLDivElement>;\n stackedHeaderColumn?: string;\n}\n\nfunction BaseTableStackedLayout<TData extends BaseRecord>({\n className,\n emptyState,\n emptyStateMessage,\n footer,\n getCellProps,\n getRowProps,\n header,\n isLoading,\n loadingState,\n loadingStateMessage,\n onRowClick,\n pagination,\n table,\n responsive,\n hideColumnsOnMobile,\n mobileBreakpoint,\n stackedHeaderColumn,\n}: BaseTableStackedLayoutProps<TData>) {\n const tableConfig = useTableConfigOptional<TData>();\n const validatedBreakpoint = validateBreakpoint(\n mobileBreakpoint \|\|\n tableConfig?.toolbarConfig?.mobileBreakpoint \|\|\n ComponentSize.SM,\n );\n\n const { isMobile } = useMobileDetection({\n mobileBreakpoint: validatedBreakpoint,\n });\n\n // Normalize table options including pagination\n const normalizedOptions = normalizeTableOptions(\n pagination,\n emptyState,\n emptyStateMessage,\n loadingState,\n loadingStateMessage,\n table,\n );\n\n // Use the shared hook for row handling\n const getTableRowProps = useTableRowHandlers({ onRowClick, getRowProps });\n\n // Get all visible column IDs for mobile hiding hook\n const visibleColumnIds = React.useMemo(() => {\n return table.getAllLeafColumns().map(column => column.id);\n }, [table]);\n\n // Determine hidden columns at top level\n const hiddenColumns = useMobileColumnHiding({\n responsive,\n hideColumnsOnMobile,\n columnIds: visibleColumnIds,\n });\n\n if (isLoading) {\n return (\n <div className={cn(className)}>\n {header && <div className=\"mb-4\">{header}</div>}\n {normalizedOptions.loadingState}\n {footer && <div className=\"mt-4\">{footer}</div>}\n </div>\n );\n }\n\n const rows = table.getRowModel().rows;\n\n if (rows.length === 0) {\n return (\n <div className={cn(className)}>\n {header && <div className=\"mb-4\">{header}</div>}\n {normalizedOptions.emptyState}\n {footer && <div className=\"mt-4\">{footer}</div>}\n </div>\n );\n }\n\n return (\n <div className={cn(className)}>\n {header && <div className=\"mb-4\">{header}</div>}\n <div className=\"space-y-4\">\n {rows.map((row) => {\n // Use the shared hook for row props\n const rowProps = getTableRowProps(row);\n\n return (\n <Card key={row.id} {...rowProps}>\n {/* Render stacked header if specified */}\n {stackedHeaderColumn &&\n (() => {\n const headerCell = row\n .getVisibleCells()\n .find((cell) => cell.column.id === stackedHeaderColumn);\n\n if (headerCell) {\n return (\n <div\n className={cn(\n \"border-b p-4\",\n \"[word-break:break-word]\",\n )}>\n <div className=\"text-lg font-semibold\">\n {flexRender(\n headerCell.column.columnDef.cell,\n headerCell.getContext(),\n )}\n </div>\n </div>\n );\n }\n return null;\n })()}\n\n <CardContent\n className={cn(\"space-y-3\", \"[word-break:break-word]\")}>\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 // Skip the actions column for stacked layout\n if (cell.column.id === \"actions\") {\n return (\n <div\n key={cell.id}\n className={cn(\n \"flex justify-end border-t pt-3\",\n isMobile && \"pt-4\",\n )}\n {...getCellProps?.(cell)}>\n <div className={cn(\"flex min-h-10 items-center\")}>\n {flexRender(\n cell.column.columnDef.cell,\n cell.getContext(),\n )}\n </div>\n </div>\n );\n }\n\n // Skip the stacked header column to avoid duplication\n if (cell.column.id === stackedHeaderColumn) {\n return null;\n }\n\n const header = cell.column.columnDef.header;\n const headerText =\n typeof header === \"string\" ? header : undefined;\n\n return (\n <div\n key={cell.id}\n className={cn(\n \"flex flex-col space-y-1\",\n isMobile && \"space-y-2\",\n !stackedHeaderColumn && \"pt-4\",\n )}\n {...getCellProps?.(cell)}>\n {headerText && (\n <span\n className={cn(\n \"text-muted-foreground text-sm font-medium\",\n isMobile && \"text-base\",\n )}>\n {headerText}\n </span>\n )}\n <div\n className={cn(\n \"flex min-h-6 items-center text-base\",\n isMobile && \"min-h-8 text-lg\",\n )}>\n {flexRender(\n cell.column.columnDef.cell,\n cell.getContext(),\n )}\n </div>\n </div>\n );\n })}\n </CardContent>\n </Card>\n );\n })}\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 { BaseTableStackedLayout };\n"],"mappings":"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"}

package/dist/esm/components/data-table/DataTable.js CHANGED Viewed

@@ -1,13 +1,12 @@
-import { __esmMin } from "../../_virtual/rolldown_runtime.js";
-import { getAvailableOperators, getDefaultOperatorForFieldType, init_useFilterOperators } from "./toolbarItems/filters/hooks/useFilterOperators.js";
+import { getAvailableOperators, getDefaultOperatorForFieldType } from "./toolbarItems/filters/hooks/useFilterOperators.js";
 import { FilterHelpersProvider } from "./contexts/FilterHelpers.js";
 import { RefineTableProvider } from "./contexts/RefineTable.js";
 import { TableConfigProvider } from "./contexts/TableConfig.js";
 import { TableInstanceProvider } from "./contexts/TableInstance.js";
-import { init_contexts } from "./contexts/index.js";
-import { BaseTable, init_BaseTable } from "./BaseTable.js";
-import { TableAction, init_TableAction } from "./TableAction.js";
-import { TableActionMenu, init_TableActionMenu } from "./TableActionMenu.js";
+import "./contexts/index.js";
+import { BaseTable } from "./BaseTable.js";
+import { TableAction } from "./TableAction.js";
+import { TableActionMenu } from "./TableActionMenu.js";
 import { getDefaultFilter } from "@refinedev/core";
 import React, { useMemo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -92,15 +91,7 @@ function DataTable({ actionMenu, columns, control, dataProviderName, refineCoreP
 		})
 	});
 }
-var init_DataTable = __esmMin(() => {
-	init_BaseTable();
-	init_TableAction();
-	init_TableActionMenu();
-	init_contexts();
-	init_useFilterOperators();
-});
 //#endregion
-init_DataTable();
-export { DataTable, init_DataTable };
+export { DataTable };
 //# sourceMappingURL=DataTable.js.map

package/dist/esm/components/data-table/DataTable.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DataTable.js","names":["useRefineTable","getDefaultFilter","refineGetDefaultFilter","getAvailableOperators","getAvailableOperatorsHelper"],"sources":["../../../../src/components/data-table/DataTable.tsx"],"sourcesContent":["import {\n BaseRecord,\n getDefaultFilter as refineGetDefaultFilter,\n} from \"@refinedev/core\";\nimport { useTable as useRefineTable } from \"@refinedev/react-table\";\nimport { Table } from \"@tanstack/react-table\";\nimport React, { useMemo } from \"react\";\n\nimport type { DataTableProps } from \"./DataTable.types\";\n\nimport { ActionColumnCellProps, BaseTable } from \"./BaseTable\";\nimport { TableAction } from \"./TableAction\";\nimport { TableActionMenu } from \"./TableActionMenu\";\nimport {\n FilterHelpersProvider,\n RefineTableProvider,\n TableConfigProvider,\n TableInstanceProvider,\n} from \"./contexts\";\nimport {\n getAvailableOperators as getAvailableOperatorsHelper,\n getDefaultOperatorForFieldType,\n} from \"./toolbarItems/filters/hooks/useFilterOperators\";\n\nfunction DataTable<\n TData extends BaseRecord = BaseRecord,\n TError = unknown,\n TSearchVariables = unknown,\n>({\n actionMenu,\n columns,\n control,\n dataProviderName,\n refineCoreProps,\n resource,\n toolbar,\n refetchInterval,\n ...props\n}: DataTableProps<TData, TError, TSearchVariables>) {\n const tableColumns = useMemo(() => {\n const cols = [...(columns \|\| [])];\n\n // Create actionColumn inside useMemo to avoid unnecessary recreations\n const actionColumn = actionMenu\n ? {\n cell: ({ row }: ActionColumnCellProps<TData>) => (\n <div className=\"flex items-center gap-1\">\n {actionMenu.actionItems && (\n <TableAction\n items={actionMenu.actionItems}\n row={row.original}\n />\n )}\n <TableActionMenu items={actionMenu.items} row={row.original} />\n </div>\n ),\n header: actionMenu.label ?? \"Actions\",\n id: \"actions\",\n meta: {\n cellClassName: \"max-w-24 w-12\",\n headerClassName: \"max-w-24 w-12\",\n },\n size: 0,\n }\n : undefined;\n\n if (actionColumn) {\n cols.push(actionColumn);\n }\n return cols;\n }, [columns, actionMenu]);\n\n const memoizedRefineCoreProps = useMemo(\n () => ({\n dataProviderName: dataProviderName ?? undefined,\n resource,\n ...refineCoreProps,\n queryOptions: {\n ...refineCoreProps?.queryOptions,\n refetchInterval,\n },\n }),\n [dataProviderName, resource, refineCoreProps, refetchInterval],\n );\n\n const refineTable = useRefineTable<TData>({\n columns: tableColumns,\n // @ts-ignore\n refineCoreProps: memoizedRefineCoreProps,\n });\n\n const table: Table<TData> = {\n ...refineTable.reactTable,\n options: {\n ...refineTable.reactTable.options,\n refineCore: refineTable.refineCore,\n },\n } as unknown as Table<TData>;\n\n const getDefaultFilter = (columnName: string, operatorType?: string) =>\n refineGetDefaultFilter(\n columnName,\n refineTable.refineCore?.filters,\n operatorType as any,\n );\n\n const getDefaultOperator = (fieldType: string): string =>\n getDefaultOperatorForFieldType(fieldType);\n\n const getAvailableOperators = (fieldType: string) =>\n getAvailableOperatorsHelper(fieldType);\n\n return (\n <RefineTableProvider refineTable={refineTable}>\n <TableInstanceProvider table={table}>\n <FilterHelpersProvider\n refineTable={refineTable}\n getDefaultFilter={getDefaultFilter}\n getDefaultOperator={getDefaultOperator}\n getAvailableOperators={getAvailableOperators}>\n <TableConfigProvider\n toolbarConfig={toolbar}\n refineContext={{\n tableInstance: refineTable.refineCore,\n refetch: refineTable.refineCore.tableQuery.refetch,\n isLoading: refineTable.refineCore.tableQuery.isFetching,\n error: refineTable.refineCore.tableQuery.error,\n }}>\n {control}\n <BaseTable\n table={table}\n refineTable={refineTable.refineCore}\n {...props}\n />\n </TableConfigProvider>\n </FilterHelpersProvider>\n </TableInstanceProvider>\n </RefineTableProvider>\n );\n}\n\nexport { DataTable };\n"],"mappings":"~~;;;;;;;;;;;;;;;;~~AAwBA,SAAS,UAIP,EACA,YACA,SACA,SACA,kBACA,iBACA,UACA,SACA,iBACA,GAAG,SAC+C;CA+ClD,MAAM,cAAcA,SAAsB;EACxC,SA/CmB,cAAc;GACjC,MAAM,OAAO,CAAC,GAAI,WAAW,EAAE,CAAE;GAGjC,MAAM,eAAe,aACjB;IACE,OAAO,EAAE,UACP,qBAAC;~~KAAI~~,WAAU;~~gBACZ~~,WAAW,eACV,oBAAC;~~MACC~~,OAAO,WAAW;MAClB,KAAK,IAAI;~~OACT~~,~~EAEJ~~,oBAAC;~~MAAgB~~,OAAO,WAAW;MAAO,KAAK,IAAI;~~OAAY;MAC3D;~~IAER,QAAQ,WAAW,SAAS;IAC5B,IAAI;IACJ,MAAM;KACJ,eAAe;KACf,iBAAiB;KAClB;IACD,MAAM;IACP,GACD;AAEJ,OAAI,aACF,MAAK,KAAK,aAAa;AAEzB,UAAO;KACN,CAAC,SAAS,WAAW,~~CAAC~~;~~EAkBvB~~,iBAhB8B,eACvB;GACL,kBAAkB,oBAAoB;GACtC;GACA,GAAG;GACH,cAAc;IACZ,GAAG,iBAAiB;IACpB;IACD;GACF,GACD;GAAC;GAAkB;GAAU;GAAiB;GAAgB,~~CAC/D~~;~~EAMA~~,CAAC;CAEF,MAAM,QAAsB;EAC1B,GAAG,YAAY;EACf,SAAS;GACP,GAAG,YAAY,WAAW;GAC1B,YAAY,YAAY;GACzB;EACF;CAED,MAAMC,sBAAoB,YAAoB,iBAC5CC,iBACE,YACA,YAAY,YAAY,SACxB,aACD;CAEH,MAAM,sBAAsB,cAC1B,+BAA+B,UAAU;CAE3C,MAAMC,2BAAyB,cAC7BC,sBAA4B,UAAU;AAExC,QACE,oBAAC;~~EAAiC~~;YAChC,oBAAC;~~GAA6B~~;aAC5B,oBAAC;~~IACc~~;IACb,kBAAkBH;IACE;IACpB,uBAAuBE;cACvB,qBAAC;~~KACC~~,eAAe;KACf,eAAe;MACb,eAAe,YAAY;MAC3B,SAAS,YAAY,WAAW,WAAW;MAC3C,WAAW,YAAY,WAAW,WAAW;MAC7C,OAAO,YAAY,WAAW,WAAW;MAC1C;~~gBACA~~,SACD,oBAAC;~~MACQ~~;MACP,aAAa,YAAY;MACzB,GAAI;~~OACJ~~;~~MACkB~~;~~KACA;IACF;GACJ;;;iBA/HqC;mBACnB;uBACQ;gBAMhC;0BAIqC~~"}
1	+ {"version":3,"file":"DataTable.js","names":["useRefineTable","getDefaultFilter","refineGetDefaultFilter","getAvailableOperators","getAvailableOperatorsHelper"],"sources":["../../../../src/components/data-table/DataTable.tsx"],"sourcesContent":["import {\n BaseRecord,\n getDefaultFilter as refineGetDefaultFilter,\n} from \"@refinedev/core\";\nimport { useTable as useRefineTable } from \"@refinedev/react-table\";\nimport { Table } from \"@tanstack/react-table\";\nimport React, { useMemo } from \"react\";\n\nimport type { DataTableProps } from \"./DataTable.types\";\n\nimport { ActionColumnCellProps, BaseTable } from \"./BaseTable\";\nimport { TableAction } from \"./TableAction\";\nimport { TableActionMenu } from \"./TableActionMenu\";\nimport {\n FilterHelpersProvider,\n RefineTableProvider,\n TableConfigProvider,\n TableInstanceProvider,\n} from \"./contexts\";\nimport {\n getAvailableOperators as getAvailableOperatorsHelper,\n getDefaultOperatorForFieldType,\n} from \"./toolbarItems/filters/hooks/useFilterOperators\";\n\nfunction DataTable<\n TData extends BaseRecord = BaseRecord,\n TError = unknown,\n TSearchVariables = unknown,\n>({\n actionMenu,\n columns,\n control,\n dataProviderName,\n refineCoreProps,\n resource,\n toolbar,\n refetchInterval,\n ...props\n}: DataTableProps<TData, TError, TSearchVariables>) {\n const tableColumns = useMemo(() => {\n const cols = [...(columns \|\| [])];\n\n // Create actionColumn inside useMemo to avoid unnecessary recreations\n const actionColumn = actionMenu\n ? {\n cell: ({ row }: ActionColumnCellProps<TData>) => (\n <div className=\"flex items-center gap-1\">\n {actionMenu.actionItems && (\n <TableAction\n items={actionMenu.actionItems}\n row={row.original}\n />\n )}\n <TableActionMenu items={actionMenu.items} row={row.original} />\n </div>\n ),\n header: actionMenu.label ?? \"Actions\",\n id: \"actions\",\n meta: {\n cellClassName: \"max-w-24 w-12\",\n headerClassName: \"max-w-24 w-12\",\n },\n size: 0,\n }\n : undefined;\n\n if (actionColumn) {\n cols.push(actionColumn);\n }\n return cols;\n }, [columns, actionMenu]);\n\n const memoizedRefineCoreProps = useMemo(\n () => ({\n dataProviderName: dataProviderName ?? undefined,\n resource,\n ...refineCoreProps,\n queryOptions: {\n ...refineCoreProps?.queryOptions,\n refetchInterval,\n },\n }),\n [dataProviderName, resource, refineCoreProps, refetchInterval],\n );\n\n const refineTable = useRefineTable<TData>({\n columns: tableColumns,\n // @ts-ignore\n refineCoreProps: memoizedRefineCoreProps,\n });\n\n const table: Table<TData> = {\n ...refineTable.reactTable,\n options: {\n ...refineTable.reactTable.options,\n refineCore: refineTable.refineCore,\n },\n } as unknown as Table<TData>;\n\n const getDefaultFilter = (columnName: string, operatorType?: string) =>\n refineGetDefaultFilter(\n columnName,\n refineTable.refineCore?.filters,\n operatorType as any,\n );\n\n const getDefaultOperator = (fieldType: string): string =>\n getDefaultOperatorForFieldType(fieldType);\n\n const getAvailableOperators = (fieldType: string) =>\n getAvailableOperatorsHelper(fieldType);\n\n return (\n <RefineTableProvider refineTable={refineTable}>\n <TableInstanceProvider table={table}>\n <FilterHelpersProvider\n refineTable={refineTable}\n getDefaultFilter={getDefaultFilter}\n getDefaultOperator={getDefaultOperator}\n getAvailableOperators={getAvailableOperators}>\n <TableConfigProvider\n toolbarConfig={toolbar}\n refineContext={{\n tableInstance: refineTable.refineCore,\n refetch: refineTable.refineCore.tableQuery.refetch,\n isLoading: refineTable.refineCore.tableQuery.isFetching,\n error: refineTable.refineCore.tableQuery.error,\n }}>\n {control}\n <BaseTable\n table={table}\n refineTable={refineTable.refineCore}\n {...props}\n />\n </TableConfigProvider>\n </FilterHelpersProvider>\n </TableInstanceProvider>\n </RefineTableProvider>\n );\n}\n\nexport { DataTable };\n"],"mappings":";;;;;;;;;;;;;;;AAwBA,SAAS,UAIP,EACA,YACA,SACA,SACA,kBACA,iBACA,UACA,SACA,iBACA,GAAG,SAC+C;CA+ClD,MAAM,cAAcA,SAAsB;EACxC,SA/CmB,cAAc;GACjC,MAAM,OAAO,CAAC,GAAI,WAAW,EAAE,CAAE;GAGjC,MAAM,eAAe,aACjB;IACE,OAAO,EAAE,UACP,qBAAC,OAAD;KAAK,WAAU;eAAf,CACG,WAAW,eACV,oBAAC,aAAD;MACE,OAAO,WAAW;MAClB,KAAK,IAAI;MACT,GAEJ,oBAAC,iBAAD;MAAiB,OAAO,WAAW;MAAO,KAAK,IAAI;MAAY,EAC3D;;IAER,QAAQ,WAAW,SAAS;IAC5B,IAAI;IACJ,MAAM;KACJ,eAAe;KACf,iBAAiB;KAClB;IACD,MAAM;IACP,GACD;AAEJ,OAAI,aACF,MAAK,KAAK,aAAa;AAEzB,UAAO;KACN,CAAC,SAAS,WAAW,CAgBD;EAErB,iBAhB8B,eACvB;GACL,kBAAkB,oBAAoB;GACtC;GACA,GAAG;GACH,cAAc;IACZ,GAAG,iBAAiB;IACpB;IACD;GACF,GACD;GAAC;GAAkB;GAAU;GAAiB;GAAgB,CAMtB;EACzC,CAAC;CAEF,MAAM,QAAsB;EAC1B,GAAG,YAAY;EACf,SAAS;GACP,GAAG,YAAY,WAAW;GAC1B,YAAY,YAAY;GACzB;EACF;CAED,MAAMC,sBAAoB,YAAoB,iBAC5CC,iBACE,YACA,YAAY,YAAY,SACxB,aACD;CAEH,MAAM,sBAAsB,cAC1B,+BAA+B,UAAU;CAE3C,MAAMC,2BAAyB,cAC7BC,sBAA4B,UAAU;AAExC,QACE,oBAAC,qBAAD;EAAkC;YAChC,oBAAC,uBAAD;GAA8B;aAC5B,oBAAC,uBAAD;IACe;IACb,kBAAkBH;IACE;IACpB,uBAAuBE;cACvB,qBAAC,qBAAD;KACE,eAAe;KACf,eAAe;MACb,eAAe,YAAY;MAC3B,SAAS,YAAY,WAAW,WAAW;MAC3C,WAAW,YAAY,WAAW,WAAW;MAC7C,OAAO,YAAY,WAAW,WAAW;MAC1C;eAPH,CAQG,SACD,oBAAC,WAAD;MACS;MACP,aAAa,YAAY;MACzB,GAAI;MACJ,EACkB;;IACA;GACF;EACJ"}

package/dist/esm/components/data-table/DataTable.types.d.ts CHANGED Viewed

@@ -9,7 +9,7 @@ import { Table } from "@tanstack/react-table";
 declare enum ToolbarItemAlignment {
   LEFT = "left",
   RIGHT = "right",
-  CENTER = "center",
+  CENTER = "center"
 }
 interface BaseToolbarItem {
   /** Unique identifier for the toolbar item */
@@ -26,12 +26,12 @@ declare enum ToolbarItemType {
   CUSTOM = "custom",
   FILTER = "filter",
   SEPARATOR = "separator",
-  FILTER_GROUP = "filter-group",
+  FILTER_GROUP = "filter-group"
 }
 declare enum TableLayoutType {
   TABLE = "table",
   STACKED = "stacked",
-  AUTO = "auto",
+  AUTO = "auto"
 }
 interface ToolbarRefineContext<TData extends BaseRecord> {
   /** The Refine table instance */

package/dist/esm/components/data-table/DataTable.types.js CHANGED Viewed

@@ -1,31 +1,25 @@
-import { __esmMin } from "../../_virtual/rolldown_runtime.js";
 //#region src/components/data-table/DataTable.types.ts
-var ToolbarItemAlignment, ToolbarItemType, TableLayoutType;
-var init_DataTable_types = __esmMin(() => {
-	ToolbarItemAlignment = /* @__PURE__ */ function(ToolbarItemAlignment$1) {
-		ToolbarItemAlignment$1["LEFT"] = "left";
-		ToolbarItemAlignment$1["RIGHT"] = "right";
-		ToolbarItemAlignment$1["CENTER"] = "center";
-		return ToolbarItemAlignment$1;
-	}({});
-	ToolbarItemType = /* @__PURE__ */ function(ToolbarItemType$1) {
-		ToolbarItemType$1["ACTION"] = "action";
-		ToolbarItemType$1["CUSTOM"] = "custom";
-		ToolbarItemType$1["FILTER"] = "filter";
-		ToolbarItemType$1["SEPARATOR"] = "separator";
-		ToolbarItemType$1["FILTER_GROUP"] = "filter-group";
-		return ToolbarItemType$1;
-	}({});
-	TableLayoutType = /* @__PURE__ */ function(TableLayoutType$1) {
-		TableLayoutType$1["TABLE"] = "table";
-		TableLayoutType$1["STACKED"] = "stacked";
-		TableLayoutType$1["AUTO"] = "auto";
-		return TableLayoutType$1;
-	}({});
-});
+let ToolbarItemAlignment = /* @__PURE__ */ function(ToolbarItemAlignment) {
+	ToolbarItemAlignment["LEFT"] = "left";
+	ToolbarItemAlignment["RIGHT"] = "right";
+	ToolbarItemAlignment["CENTER"] = "center";
+	return ToolbarItemAlignment;
+}({});
+let ToolbarItemType = /* @__PURE__ */ function(ToolbarItemType) {
+	ToolbarItemType["ACTION"] = "action";
+	ToolbarItemType["CUSTOM"] = "custom";
+	ToolbarItemType["FILTER"] = "filter";
+	ToolbarItemType["SEPARATOR"] = "separator";
+	ToolbarItemType["FILTER_GROUP"] = "filter-group";
+	return ToolbarItemType;
+}({});
+let TableLayoutType = /* @__PURE__ */ function(TableLayoutType) {
+	TableLayoutType["TABLE"] = "table";
+	TableLayoutType["STACKED"] = "stacked";
+	TableLayoutType["AUTO"] = "auto";
+	return TableLayoutType;
+}({});
 //#endregion
-init_DataTable_types();
-export { TableLayoutType, ToolbarItemAlignment, ToolbarItemType, init_DataTable_types };
+export { TableLayoutType, ToolbarItemAlignment, ToolbarItemType };
 //# sourceMappingURL=DataTable.types.js.map

package/dist/esm/components/data-table/DataTable.types.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DataTable.types.js","names":[],"sources":["../../../../src/components/data-table/DataTable.types.ts"],"sourcesContent":["import {\n useTableReturnType,\n type BaseRecord,\n type CrudFilter,\n type CrudSorting,\n type useTableProps as useTablePropsCore,\n} from \"@refinedev/core\";\nimport { Table } from \"@tanstack/react-table\";\nimport { UseTableReturnType } from \"@refinedev/react-table\";\n\nimport type { BaseTableProps } from \"./BaseTable\";\n\nimport { TableActionItem } from \"./TableAction\";\nimport { TableActionMenuItem } from \"./TableActionMenu\";\nimport {\n FilterConfig,\n LogicalFilterOperator,\n} from \"./toolbarItems/filters/types\";\n\n// Alignment options for toolbar items\nexport enum ToolbarItemAlignment {\n LEFT = \"left\",\n RIGHT = \"right\",\n CENTER = \"center\",\n}\n\n// Base toolbar item interface\nexport interface BaseToolbarItem {\n /** Unique identifier for the toolbar item /\n id: string;\n /* Type of the toolbar item /\n type: ToolbarItemType;\n /* Optional order for positioning items in toolbar /\n order?: number;\n /* Alignment for this specific item /\n alignment?: ToolbarItemAlignment;\n}\n\n// Toolbar item types\nexport enum ToolbarItemType {\n ACTION = \"action\",\n CUSTOM = \"custom\",\n FILTER = \"filter\",\n SEPARATOR = \"separator\",\n FILTER_GROUP = \"filter-group\",\n}\n\n// Table layout types\nexport enum TableLayoutType {\n TABLE = \"table\",\n STACKED = \"stacked\",\n AUTO = \"auto\",\n}\n\n// Refine contexts for toolbar items\nexport interface ToolbarRefineContext<TData extends BaseRecord> {\n /* The Refine table instance /\n tableInstance: useTableReturnType<TData, any>;\n /* Function to refetch data /\n refetch: () => void;\n /* Whether data is currently being fetched /\n isLoading: boolean;\n /* Any errors from data fetching /\n error?: any;\n}\n\n// Table contexts for enhanced functionality\nexport interface TableContext<TData> {\n /* Set table filters /\n setFilters?: (filters: CrudFilter[]) => void;\n /* Set table sorters /\n setSorters?: (sorters: CrudSorting) => void;\n /* Refine table query object /\n tableQuery?: any;\n /* Current filters state /\n filters?: CrudFilter[];\n /* Current sorters state /\n sorters?: CrudSorting;\n}\n\n// Base props for all toolbar item components\nexport interface ToolbarItemComponentProps<TData extends BaseRecord> {\n /* The table instance /\n table: Table<TData>;\n /* Current value of the item (for filters) /\n value?: any;\n /* Handler to update the item value (for filters) /\n onChange?: (value: any) => void;\n /* Optional Refine table contexts - only available when using DataTable with Refine /\n refineContext?: ToolbarRefineContext<TData>;\n /* Enhanced table contexts with filter management helpers /\n context?: TableContext<TData>;\n}\n\n// Action item types for toolbar buttons\nexport interface ToolbarActionItem<TData extends BaseRecord = any>\n extends BaseToolbarItem {\n type: ToolbarItemType.ACTION;\n /* Label for the action button /\n label: string;\n /* Icon for the action button /\n icon?: React.ComponentType<{ className?: string }> \| React.ReactNode;\n /* Click handler for the action /\n onClick: (props: ToolbarItemComponentProps<TData>) => void;\n /* Whether the action is disabled /\n disabled?: boolean;\n /* Tooltip text for the action /\n tooltip?: string;\n /* Variant style for the button /\n variant?:\n \| \"default\"\n \| \"destructive\"\n \| \"outline\"\n \| \"secondary\"\n \| \"ghost\"\n \| \"link\";\n /* Size of the button /\n size?: \"default\" \| \"sm\" \| \"lg\" \| \"icon\";\n /* Class name for the button /\n className?: string;\n}\n\n// Filter item types\nexport interface ToolbarFilterItem<TData extends BaseRecord>\n extends BaseToolbarItem {\n type: ToolbarItemType.FILTER;\n /* Label for the filter /\n label: string;\n /* Field name in the data model to filter on - defaults to id if not provided /\n field?: keyof TData;\n /* The filter component to render - either direct component or registered type string /\n component?: React.ComponentType<ToolbarItemComponentProps<TData>> \| string;\n /* Initial value for the filter /\n initialValue?: any;\n /* Filter-specific configuration - now required and contains all necessary properties /\n config: FilterConfig<TData>;\n}\n\n// Separator item type\nexport interface ToolbarSeparatorItem extends BaseToolbarItem {\n type: ToolbarItemType.SEPARATOR;\n}\n\n// Filter group item type\nexport interface ToolbarFilterGroupItem<TData extends BaseRecord = any>\n extends BaseToolbarItem {\n type: ToolbarItemType.FILTER_GROUP;\n /* Label for the filter group /\n label: string;\n /* Icon for the filter group (defaults to Filter icon) /\n icon?: React.ReactNode;\n /* Filter items contained within this group /\n items: ToolbarFilterItem<TData>[];\n /* Whether the group is initially expanded /\n initiallyExpanded?: boolean;\n /* Layout direction for filter items /\n layout?: \"horizontal\" \| \"vertical\";\n /* Optional custom class name for the group container /\n className?: string;\n /* Whether to use dropdown style expansion instead of inline /\n dropdownStyle?: boolean;\n}\n\n// Custom item type for toolbar\nexport interface ToolbarCustomItem<TData extends BaseRecord = any>\n extends BaseToolbarItem {\n type: ToolbarItemType.CUSTOM;\n /* Custom component to render /\n component: React.ComponentType<ToolbarItemComponentProps<TData>>;\n /* Optional class name for the container /\n className?: string;\n}\n\n// Extended toolbar item type\nexport type ExtendedToolbarItem<TData extends BaseRecord> =\n \| ToolbarItem<TData>\n \| (BaseToolbarItem & {\n component?: React.ComponentType<ToolbarItemComponentProps<TData>>;\n });\n\n// Union type for all toolbar items\nexport type ToolbarItem<TData extends BaseRecord> =\n \| ToolbarActionItem<TData>\n \| ToolbarFilterItem<TData>\n \| ToolbarSeparatorItem\n \| ToolbarFilterGroupItem<TData>\n \| ToolbarCustomItem<TData>;\n\n// Props for filter components (extends base interface)\nexport interface ToolbarFilterComponentProps<TData extends BaseRecord>\n extends ToolbarItemComponentProps<TData> {\n /* Column information if the filter is tied to a specific column /\n column?: keyof TData;\n /* Filter configuration /\n config?: FilterConfig<TData>;\n /* Label from the filter item (not config) /\n itemLabel?: string;\n /* Function to get available operators for a field /\n getAvailableOperators?: (field?: string) => LogicalFilterOperator[];\n}\n\n// Toolbar configuration types\nexport interface ToolbarConfig<TData extends BaseRecord> {\n /* Items to display in the toolbar /\n items: ToolbarItem<TData>[];\n /* Whether the toolbar should be sticky /\n sticky?: boolean;\n /* Custom class name for the toolbar container /\n className?: string;\n /* Default alignment for all toolbar items /\n defaultAlignment?: ToolbarItemAlignment;\n /* Whether to automatically distribute space between left and right aligned items /\n justifyBetween?: boolean;\n /* Mobile breakpoint configuration /\n mobileBreakpoint?: string;\n}\n\nexport interface DataTableActionMenuProps<TData> {\n items: TableActionMenuItem<TData>[];\n label?: string;\n /\n Action items to display as individual buttons\n /\n actionItems?: TableActionItem<TData>[];\n}\n\nexport interface DataTableProps<\n TData extends BaseRecord = BaseRecord,\n TError = unknown,\n TSearchVariables = unknown,\n> extends Omit<\n BaseTableProps<TData>,\n \"actionColumn\" \| \"data\" \| \"tableOptions\"\n > {\n /\n Configuration for action menu items\n /\n actionMenu?: DataTableActionMenuProps<TData>;\n /\n Configuration for toolbar items\n /\n toolbar?: ToolbarConfig<TData>;\n /\n The dataProvider name if not using the default one\n * @default \"default\"\n /\n dataProviderName?: string;\n /\n Configuration options for refine's useTable hook\n /\n refineCoreProps?: Omit<\n useTablePropsCore<TData, TError, TSearchVariables>,\n \"columns\" \| \"dataProviderName\" \| \"resource\"\n >;\n /\n The resource name for API data interactions\n * @example \"posts\", \"users\", \"products\"\n /\n resource: string;\n /\n Interval (in milliseconds) for automatic data refetching\n * This value gets passed to React Query through refineCoreProps\n /\n refetchInterval?: number;\n /\n Custom control elements to render above the table, typically used for DataTableController\n * or other custom control components that need access to table controls\n */\n control?: React.ReactNode;\n}\n"],"mappings":"~~;;;;;CAoBY~~,~~wEAAL~~;AACL;AACA;AACA~~;;;CAgBU~~,~~8DAAL~~;AACL;AACA;AACA;AACA;AACA~~;;;CAIU~~,~~8DAAL~~;AACL;AACA;AACA"}
1	+ {"version":3,"file":"DataTable.types.js","names":[],"sources":["../../../../src/components/data-table/DataTable.types.ts"],"sourcesContent":["import {\n useTableReturnType,\n type BaseRecord,\n type CrudFilter,\n type CrudSorting,\n type useTableProps as useTablePropsCore,\n} from \"@refinedev/core\";\nimport { Table } from \"@tanstack/react-table\";\nimport { UseTableReturnType } from \"@refinedev/react-table\";\n\nimport type { BaseTableProps } from \"./BaseTable\";\n\nimport { TableActionItem } from \"./TableAction\";\nimport { TableActionMenuItem } from \"./TableActionMenu\";\nimport {\n FilterConfig,\n LogicalFilterOperator,\n} from \"./toolbarItems/filters/types\";\n\n// Alignment options for toolbar items\nexport enum ToolbarItemAlignment {\n LEFT = \"left\",\n RIGHT = \"right\",\n CENTER = \"center\",\n}\n\n// Base toolbar item interface\nexport interface BaseToolbarItem {\n /** Unique identifier for the toolbar item /\n id: string;\n /* Type of the toolbar item /\n type: ToolbarItemType;\n /* Optional order for positioning items in toolbar /\n order?: number;\n /* Alignment for this specific item /\n alignment?: ToolbarItemAlignment;\n}\n\n// Toolbar item types\nexport enum ToolbarItemType {\n ACTION = \"action\",\n CUSTOM = \"custom\",\n FILTER = \"filter\",\n SEPARATOR = \"separator\",\n FILTER_GROUP = \"filter-group\",\n}\n\n// Table layout types\nexport enum TableLayoutType {\n TABLE = \"table\",\n STACKED = \"stacked\",\n AUTO = \"auto\",\n}\n\n// Refine contexts for toolbar items\nexport interface ToolbarRefineContext<TData extends BaseRecord> {\n /* The Refine table instance /\n tableInstance: useTableReturnType<TData, any>;\n /* Function to refetch data /\n refetch: () => void;\n /* Whether data is currently being fetched /\n isLoading: boolean;\n /* Any errors from data fetching /\n error?: any;\n}\n\n// Table contexts for enhanced functionality\nexport interface TableContext<TData> {\n /* Set table filters /\n setFilters?: (filters: CrudFilter[]) => void;\n /* Set table sorters /\n setSorters?: (sorters: CrudSorting) => void;\n /* Refine table query object /\n tableQuery?: any;\n /* Current filters state /\n filters?: CrudFilter[];\n /* Current sorters state /\n sorters?: CrudSorting;\n}\n\n// Base props for all toolbar item components\nexport interface ToolbarItemComponentProps<TData extends BaseRecord> {\n /* The table instance /\n table: Table<TData>;\n /* Current value of the item (for filters) /\n value?: any;\n /* Handler to update the item value (for filters) /\n onChange?: (value: any) => void;\n /* Optional Refine table contexts - only available when using DataTable with Refine /\n refineContext?: ToolbarRefineContext<TData>;\n /* Enhanced table contexts with filter management helpers /\n context?: TableContext<TData>;\n}\n\n// Action item types for toolbar buttons\nexport interface ToolbarActionItem<TData extends BaseRecord = any>\n extends BaseToolbarItem {\n type: ToolbarItemType.ACTION;\n /* Label for the action button /\n label: string;\n /* Icon for the action button /\n icon?: React.ComponentType<{ className?: string }> \| React.ReactNode;\n /* Click handler for the action /\n onClick: (props: ToolbarItemComponentProps<TData>) => void;\n /* Whether the action is disabled /\n disabled?: boolean;\n /* Tooltip text for the action /\n tooltip?: string;\n /* Variant style for the button /\n variant?:\n \| \"default\"\n \| \"destructive\"\n \| \"outline\"\n \| \"secondary\"\n \| \"ghost\"\n \| \"link\";\n /* Size of the button /\n size?: \"default\" \| \"sm\" \| \"lg\" \| \"icon\";\n /* Class name for the button /\n className?: string;\n}\n\n// Filter item types\nexport interface ToolbarFilterItem<TData extends BaseRecord>\n extends BaseToolbarItem {\n type: ToolbarItemType.FILTER;\n /* Label for the filter /\n label: string;\n /* Field name in the data model to filter on - defaults to id if not provided /\n field?: keyof TData;\n /* The filter component to render - either direct component or registered type string /\n component?: React.ComponentType<ToolbarItemComponentProps<TData>> \| string;\n /* Initial value for the filter /\n initialValue?: any;\n /* Filter-specific configuration - now required and contains all necessary properties /\n config: FilterConfig<TData>;\n}\n\n// Separator item type\nexport interface ToolbarSeparatorItem extends BaseToolbarItem {\n type: ToolbarItemType.SEPARATOR;\n}\n\n// Filter group item type\nexport interface ToolbarFilterGroupItem<TData extends BaseRecord = any>\n extends BaseToolbarItem {\n type: ToolbarItemType.FILTER_GROUP;\n /* Label for the filter group /\n label: string;\n /* Icon for the filter group (defaults to Filter icon) /\n icon?: React.ReactNode;\n /* Filter items contained within this group /\n items: ToolbarFilterItem<TData>[];\n /* Whether the group is initially expanded /\n initiallyExpanded?: boolean;\n /* Layout direction for filter items /\n layout?: \"horizontal\" \| \"vertical\";\n /* Optional custom class name for the group container /\n className?: string;\n /* Whether to use dropdown style expansion instead of inline /\n dropdownStyle?: boolean;\n}\n\n// Custom item type for toolbar\nexport interface ToolbarCustomItem<TData extends BaseRecord = any>\n extends BaseToolbarItem {\n type: ToolbarItemType.CUSTOM;\n /* Custom component to render /\n component: React.ComponentType<ToolbarItemComponentProps<TData>>;\n /* Optional class name for the container /\n className?: string;\n}\n\n// Extended toolbar item type\nexport type ExtendedToolbarItem<TData extends BaseRecord> =\n \| ToolbarItem<TData>\n \| (BaseToolbarItem & {\n component?: React.ComponentType<ToolbarItemComponentProps<TData>>;\n });\n\n// Union type for all toolbar items\nexport type ToolbarItem<TData extends BaseRecord> =\n \| ToolbarActionItem<TData>\n \| ToolbarFilterItem<TData>\n \| ToolbarSeparatorItem\n \| ToolbarFilterGroupItem<TData>\n \| ToolbarCustomItem<TData>;\n\n// Props for filter components (extends base interface)\nexport interface ToolbarFilterComponentProps<TData extends BaseRecord>\n extends ToolbarItemComponentProps<TData> {\n /* Column information if the filter is tied to a specific column /\n column?: keyof TData;\n /* Filter configuration /\n config?: FilterConfig<TData>;\n /* Label from the filter item (not config) /\n itemLabel?: string;\n /* Function to get available operators for a field /\n getAvailableOperators?: (field?: string) => LogicalFilterOperator[];\n}\n\n// Toolbar configuration types\nexport interface ToolbarConfig<TData extends BaseRecord> {\n /* Items to display in the toolbar /\n items: ToolbarItem<TData>[];\n /* Whether the toolbar should be sticky /\n sticky?: boolean;\n /* Custom class name for the toolbar container /\n className?: string;\n /* Default alignment for all toolbar items /\n defaultAlignment?: ToolbarItemAlignment;\n /* Whether to automatically distribute space between left and right aligned items /\n justifyBetween?: boolean;\n /* Mobile breakpoint configuration /\n mobileBreakpoint?: string;\n}\n\nexport interface DataTableActionMenuProps<TData> {\n items: TableActionMenuItem<TData>[];\n label?: string;\n /\n Action items to display as individual buttons\n /\n actionItems?: TableActionItem<TData>[];\n}\n\nexport interface DataTableProps<\n TData extends BaseRecord = BaseRecord,\n TError = unknown,\n TSearchVariables = unknown,\n> extends Omit<\n BaseTableProps<TData>,\n \"actionColumn\" \| \"data\" \| \"tableOptions\"\n > {\n /\n Configuration for action menu items\n /\n actionMenu?: DataTableActionMenuProps<TData>;\n /\n Configuration for toolbar items\n /\n toolbar?: ToolbarConfig<TData>;\n /\n The dataProvider name if not using the default one\n * @default \"default\"\n /\n dataProviderName?: string;\n /\n Configuration options for refine's useTable hook\n /\n refineCoreProps?: Omit<\n useTablePropsCore<TData, TError, TSearchVariables>,\n \"columns\" \| \"dataProviderName\" \| \"resource\"\n >;\n /\n The resource name for API data interactions\n * @example \"posts\", \"users\", \"products\"\n /\n resource: string;\n /\n Interval (in milliseconds) for automatic data refetching\n * This value gets passed to React Query through refineCoreProps\n /\n refetchInterval?: number;\n /\n Custom control elements to render above the table, typically used for DataTableController\n * or other custom control components that need access to table controls\n */\n control?: React.ReactNode;\n}\n"],"mappings":";AAoBA,IAAY,uBAAL;AACL;AACA;AACA;;KACD;AAeD,IAAY,kBAAL;AACL;AACA;AACA;AACA;AACA;;KACD;AAGD,IAAY,kBAAL;AACL;AACA;AACA;;KACD"}

package/dist/esm/components/data-table/DataTableController.js CHANGED Viewed

@@ -1,8 +1,7 @@
 "use client";
-import { __esmMin } from "../../_virtual/rolldown_runtime.js";
 import { useRefineTable } from "./contexts/RefineTable.js";
-import { init_contexts } from "./contexts/index.js";
+import "./contexts/index.js";
 import { useEffect } from "react";
 //#region src/components/data-table/DataTableController.tsx
@@ -26,11 +25,7 @@ function DataTableController({ onControlsReady }) {
 	]);
 	return null;
 }
-var init_DataTableController = __esmMin(() => {
-	init_contexts();
-});
 //#endregion
-init_DataTableController();
-export { DataTableController, init_DataTableController };
+export { DataTableController };
 //# sourceMappingURL=DataTableController.js.map

package/dist/esm/components/data-table/DataTableController.js.map CHANGED Viewed

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

package/dist/esm/components/data-table/DefaultPagination.js CHANGED Viewed

@@ -1,6 +1,5 @@
-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 { Button } from "@lumeweb/portal-framework-ui-core";
 import React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -57,11 +56,7 @@ function DefaultPagination() {
 		]
 	});
 }
-var init_DefaultPagination = __esmMin(() => {
-	init_contexts();
-});
 //#endregion
-init_DefaultPagination();
-export { DefaultPagination, init_DefaultPagination };
+export { DefaultPagination };
 //# sourceMappingURL=DefaultPagination.js.map

package/dist/esm/components/data-table/DefaultPagination.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DefaultPagination.js","names":[],"sources":["../../../../src/components/data-table/DefaultPagination.tsx"],"sourcesContent":["import { Button } from \"@lumeweb/portal-framework-ui-core\";\nimport { BaseRecord } from \"@refinedev/core\";\nimport {\n ChevronLeft,\n ChevronRight,\n ChevronsLeft,\n ChevronsRight,\n} from \"lucide-react\";\nimport React from \"react\";\n\nimport { useTableInstance } from \"./contexts\";\n\nfunction DefaultPagination<TData extends BaseRecord>() {\n const { table } = useTableInstance<TData>();\n const pageIndex = table.getState().pagination.pageIndex;\n const pageCount = table.getPageCount();\n\n return (\n <div className=\"flex items-center justify-center gap-4\">\n <div className=\"flex items-center gap-2\">\n <Button\n aria-label=\"First page\"\n disabled={!table.getCanPreviousPage()}\n onClick={() => table.setPageIndex(0)}\n size=\"sm\"\n variant=\"outline\">\n <ChevronsLeft className=\"h-4 w-4\" />\n </Button>\n <Button\n aria-label=\"Previous page\"\n disabled={!table.getCanPreviousPage()}\n onClick={() => table.previousPage()}\n size=\"sm\"\n variant=\"outline\">\n <ChevronLeft className=\"h-4 w-4\" />\n </Button>\n </div>\n\n <span className=\"text-sm font-medium\">\n {pageCount > 0 ? `Page ${pageIndex + 1} of ${pageCount}` : \"No pages\"}\n </span>\n\n <div className=\"flex items-center gap-2\">\n <Button\n aria-label=\"Next page\"\n disabled={!table.getCanNextPage()}\n onClick={() => table.nextPage()}\n size=\"sm\"\n variant=\"outline\">\n <ChevronRight className=\"h-4 w-4\" />\n </Button>\n <Button\n aria-label=\"Last page\"\n disabled={!table.getCanNextPage()}\n onClick={() => table.setPageIndex(Math.max(0, pageCount - 1))}\n size=\"sm\"\n variant=\"outline\">\n <ChevronsRight className=\"h-4 w-4\" />\n </Button>\n </div>\n </div>\n );\n}\n\nexport { DefaultPagination };\n"],"mappings":"~~;;;;;;;;;~~AAYA,SAAS,oBAA8C;CACrD,MAAM,EAAE,UAAU,kBAAyB;CAC3C,MAAM,YAAY,MAAM,UAAU,CAAC,WAAW;CAC9C,MAAM,YAAY,MAAM,cAAc;AAEtC,QACE,qBAAC;~~EAAI~~,WAAU~~;;GACb~~,qBAAC;~~IAAI~~,WAAU;~~eACb~~,oBAAC;~~KACC~~,cAAW;KACX,UAAU,CAAC,MAAM,oBAAoB;KACrC,eAAe,MAAM,aAAa,EAAE;KACpC,MAAK;KACL,SAAQ;eACR,oBAAC,~~gBAAa~~,WAAU,~~YAAY~~;~~MAC7B~~,~~EACT~~,oBAAC;~~KACC~~,cAAW;KACX,UAAU,CAAC,MAAM,oBAAoB;KACrC,eAAe,MAAM,cAAc;KACnC,MAAK;KACL,SAAQ;eACR,oBAAC,~~eAAY~~,WAAU,~~YAAY~~;~~MAC5B;KACL;~~GAEN,oBAAC;~~IAAK~~,WAAU;cACb,YAAY,IAAI,QAAQ,YAAY,EAAE,MAAM,cAAc;~~KACtD~~;GAEP,qBAAC;~~IAAI~~,WAAU;~~eACb~~,oBAAC;~~KACC~~,cAAW;KACX,UAAU,CAAC,MAAM,gBAAgB;KACjC,eAAe,MAAM,UAAU;KAC/B,MAAK;KACL,SAAQ;eACR,oBAAC,~~gBAAa~~,WAAU,~~YAAY~~;~~MAC7B~~,~~EACT~~,oBAAC;~~KACC~~,cAAW;KACX,UAAU,CAAC,MAAM,gBAAgB;KACjC,eAAe,MAAM,aAAa,KAAK,IAAI,GAAG,YAAY,EAAE,CAAC;KAC7D,MAAK;KACL,SAAQ;eACR,oBAAC,~~iBAAc~~,WAAU,~~YAAY~~;~~MAC9B;KACL~~;;GACF~~;;;gBAlDoC~~"}
1	+ {"version":3,"file":"DefaultPagination.js","names":[],"sources":["../../../../src/components/data-table/DefaultPagination.tsx"],"sourcesContent":["import { Button } from \"@lumeweb/portal-framework-ui-core\";\nimport { BaseRecord } from \"@refinedev/core\";\nimport {\n ChevronLeft,\n ChevronRight,\n ChevronsLeft,\n ChevronsRight,\n} from \"lucide-react\";\nimport React from \"react\";\n\nimport { useTableInstance } from \"./contexts\";\n\nfunction DefaultPagination<TData extends BaseRecord>() {\n const { table } = useTableInstance<TData>();\n const pageIndex = table.getState().pagination.pageIndex;\n const pageCount = table.getPageCount();\n\n return (\n <div className=\"flex items-center justify-center gap-4\">\n <div className=\"flex items-center gap-2\">\n <Button\n aria-label=\"First page\"\n disabled={!table.getCanPreviousPage()}\n onClick={() => table.setPageIndex(0)}\n size=\"sm\"\n variant=\"outline\">\n <ChevronsLeft className=\"h-4 w-4\" />\n </Button>\n <Button\n aria-label=\"Previous page\"\n disabled={!table.getCanPreviousPage()}\n onClick={() => table.previousPage()}\n size=\"sm\"\n variant=\"outline\">\n <ChevronLeft className=\"h-4 w-4\" />\n </Button>\n </div>\n\n <span className=\"text-sm font-medium\">\n {pageCount > 0 ? `Page ${pageIndex + 1} of ${pageCount}` : \"No pages\"}\n </span>\n\n <div className=\"flex items-center gap-2\">\n <Button\n aria-label=\"Next page\"\n disabled={!table.getCanNextPage()}\n onClick={() => table.nextPage()}\n size=\"sm\"\n variant=\"outline\">\n <ChevronRight className=\"h-4 w-4\" />\n </Button>\n <Button\n aria-label=\"Last page\"\n disabled={!table.getCanNextPage()}\n onClick={() => table.setPageIndex(Math.max(0, pageCount - 1))}\n size=\"sm\"\n variant=\"outline\">\n <ChevronsRight className=\"h-4 w-4\" />\n </Button>\n </div>\n </div>\n );\n}\n\nexport { DefaultPagination };\n"],"mappings":";;;;;;;;AAYA,SAAS,oBAA8C;CACrD,MAAM,EAAE,UAAU,kBAAyB;CAC3C,MAAM,YAAY,MAAM,UAAU,CAAC,WAAW;CAC9C,MAAM,YAAY,MAAM,cAAc;AAEtC,QACE,qBAAC,OAAD;EAAK,WAAU;YAAf;GACE,qBAAC,OAAD;IAAK,WAAU;cAAf,CACE,oBAAC,QAAD;KACE,cAAW;KACX,UAAU,CAAC,MAAM,oBAAoB;KACrC,eAAe,MAAM,aAAa,EAAE;KACpC,MAAK;KACL,SAAQ;eACR,oBAAC,cAAD,EAAc,WAAU,WAAY;KAC7B,GACT,oBAAC,QAAD;KACE,cAAW;KACX,UAAU,CAAC,MAAM,oBAAoB;KACrC,eAAe,MAAM,cAAc;KACnC,MAAK;KACL,SAAQ;eACR,oBAAC,aAAD,EAAa,WAAU,WAAY;KAC5B,EACL;;GAEN,oBAAC,QAAD;IAAM,WAAU;cACb,YAAY,IAAI,QAAQ,YAAY,EAAE,MAAM,cAAc;IACtD;GAEP,qBAAC,OAAD;IAAK,WAAU;cAAf,CACE,oBAAC,QAAD;KACE,cAAW;KACX,UAAU,CAAC,MAAM,gBAAgB;KACjC,eAAe,MAAM,UAAU;KAC/B,MAAK;KACL,SAAQ;eACR,oBAAC,cAAD,EAAc,WAAU,WAAY;KAC7B,GACT,oBAAC,QAAD;KACE,cAAW;KACX,UAAU,CAAC,MAAM,gBAAgB;KACjC,eAAe,MAAM,aAAa,KAAK,IAAI,GAAG,YAAY,EAAE,CAAC;KAC7D,MAAK;KACL,SAAQ;eACR,oBAAC,eAAD,EAAe,WAAU,WAAY;KAC9B,EACL;;GACF"}