@redis-ui/table 2.23.2 → 2.25.0

package/dist/Table/Table.cjs

@@ -37,6 +37,8 @@ const Table = Object.assign(({
   manualSorting,
   // row expansion
   defaultExpanded,
+  expanded,
+  onExpandedChange,
   getIsRowExpandable,
   renderExpandedRow,
   expandRowOnClick,
@@ -57,6 +59,7 @@ const Table = Object.assign(({
   onRowSelectionChange,
   rowSelectionMode,
   getRowCanSelect,
+  selectRowOnClick,
   // row navigation
   enableRowNavigation = false
 }) => {
@@ -83,6 +86,8 @@ const Table = Object.assign(({
   });
   const expandableRowPluginData = ExpandableRowPlugin.useExpandableRowPlugin({
     defaultExpanded,
+    expanded,
+    onExpandedChange,
     expandRowOnClick,
     getRowCanExpand: getIsRowExpandable && ((row) => {
       var _a;
@@ -97,7 +102,8 @@ const Table = Object.assign(({
     defaultRowSelection,
     onRowSelectionChange,
     rowSelectionMode,
-    getRowCanSelect
+    getRowCanSelect,
+    selectRowOnClick
   });
   const rowNavigationPluginData = RowNavigationPlugin.useRowNavigationPlugin({
     enableRowNavigation

package/dist/Table/Table.d.ts

@@ -2,7 +2,7 @@
 import './tanStackExtendedTypes';
 import type { Row } from '@tanstack/react-table';
 import { TableProps } from './Table.types';
-declare const Table: (<T extends object>({ columns, caption, onRowClick, data, getRowId, emptyState, maxHeight, minWidth, stripedRows, enableSorting, defaultSorting, onSortingChange, sorting, manualSorting, defaultExpanded, getIsRowExpandable, renderExpandedRow, expandRowOnClick, expandedRowComponent, getSubRows, pagination, defaultPagination, onPaginationChange, manualPagination, totalRowCount, totalPageCount, pageSizes, paginationEnabled, rowSelection, defaultRowSelection, onRowSelectionChange, rowSelectionMode, getRowCanSelect, enableRowNavigation }: TableProps<T>) => import("react/jsx-runtime").JSX.Element) & {
+declare const Table: (<T extends object>({ columns, caption, onRowClick, data, getRowId, emptyState, maxHeight, minWidth, stripedRows, enableSorting, defaultSorting, onSortingChange, sorting, manualSorting, defaultExpanded, expanded, onExpandedChange, getIsRowExpandable, renderExpandedRow, expandRowOnClick, expandedRowComponent, getSubRows, pagination, defaultPagination, onPaginationChange, manualPagination, totalRowCount, totalPageCount, pageSizes, paginationEnabled, rowSelection, defaultRowSelection, onRowSelectionChange, rowSelectionMode, getRowCanSelect, selectRowOnClick, enableRowNavigation }: TableProps<T>) => import("react/jsx-runtime").JSX.Element) & {
     Compose: <T_1 extends object>({ data, columns, pluginsData, tableOptions, components, maxHeight, minWidth, stripedRows, ...restProps }: import("./components/Compose/Compose").TableComposeProps<T_1>) => import("react/jsx-runtime").JSX.Element;
     Root: (props: import("react").HTMLAttributes<HTMLTableElement>) => import("react/jsx-runtime").JSX.Element;
     SRCaption: ({ caption }: {
@@ -54,11 +54,11 @@ declare const Table: (<T extends object>({ columns, caption, onRowClick, data, g
         InfoLabel: import("styled-components").StyledComponent<({ renderer, ...restProps }: import("@redislabsdev/redis-ui-components").PaginationInfoLabelProps) => import("react/jsx-runtime").JSX.Element, any, {}, never>;
         PageSelect: import("styled-components").StyledComponent<{
             ({ ...restProps }: import("@redislabsdev/redis-ui-components").PaginationPageSelectProps): import("react/jsx-runtime").JSX.Element;
-            Label: ({ children, ...restProps }: import("@redislabsdev/redis-ui-components").TypographyBodyProps) => import("react/jsx-runtime").JSX.Element;
+            Label: ({ children, ...restProps }: import("@redislabsdev/redis-ui-components").TypographyBodyProps & import("react").RefAttributes<HTMLElement>) => import("react/jsx-runtime").JSX.Element;
         }, any, {}, never>;
         PageSizeSelect: import("styled-components").StyledComponent<{
             ({ pageSizes, ...restProps }: import("@redislabsdev/redis-ui-components").PaginationPageSizeSelectProps): import("react/jsx-runtime").JSX.Element | null;
-            Label: ({ children, ...restProps }: import("@redislabsdev/redis-ui-components").TypographyBodyProps) => import("react/jsx-runtime").JSX.Element | null;
+            Label: ({ children, ...restProps }: import("@redislabsdev/redis-ui-components").TypographyBodyProps & import("react").RefAttributes<HTMLElement>) => import("react/jsx-runtime").JSX.Element | null;
         }, any, {}, never>;
         NavigationButton: import("styled-components").StyledComponent<({ navType, ...restProps }: import("@redislabsdev/redis-ui-components").PaginationNavigationButtonProps) => import("react/jsx-runtime").JSX.Element, any, {}, never>;
         PageSizeGroup: import("styled-components").StyledComponent<"div", any, {}, never>;
@@ -77,16 +77,16 @@ declare const Table: (<T extends object>({ columns, caption, onRowClick, data, g
     ShowOnActiveRow: import("styled-components").StyledComponent<"div", any, {}, never>;
     useClickableRowPlugin: <T_18 extends object>({ getCanRowClick, onRowClick, shouldClickOnEnter }: Partial<import("./plugins/ClickableRowPlugin").TableClickableRowContext<T_18>>) => import(".").TablePluginData<T_18>;
     useSortingPlugin: <T_19 extends object>({ defaultSorting, onSortingChange, sorting, manualSorting, enableSorting }?: import("./plugins/SortingPlugin").TableSortingParams) => import(".").TablePluginData<T_19>;
-    usePaginationPlugin: <T_20 extends object>({ pagination, defaultPagination, onPaginationChange, manualPagination, totalRowCount, totalPageCount, pageSizes, paginationEnabled }: import("./plugins/PaginationPlugin").TablePaginationParams) => import(".").TablePluginData<T_20>;
-    useExpandableRowPlugin: <T_21 extends object>({ defaultExpanded, getRowCanExpand, renderExpandedRow, expandRowOnClick, expandedRowComponent, getSubRows }: import("./plugins/ExpandableRowPlugin").TableExpandableRowParams<T_21>) => import(".").TablePluginData<T_21>;
-    useRowSelectionPlugin: <T_22 extends object>({ rowSelection, defaultRowSelection, onRowSelectionChange, rowSelectionMode, getRowCanSelect }: import("./plugins/RowSelectionPlugin").TableRowSelectionParams<T_22>) => import(".").TablePluginData<T_22>;
-    useRowNavigationPlugin: <T_23 extends object>({ enableRowNavigation }: import("./plugins/RowNavigationPlugin").TableRowNavigationParams) => import(".").TablePluginData<T_23>;
-    useTableContext: <T_24 extends object = object>() => import("./Table.context").TableContextProps<T_24>;
-    useComposeContext: <T_25 extends object, C extends import("./Table.context").CompositionContextProps<T_25> = import("./Table.context").CompositionContextProps<T_25>>(defaults: Partial<C>) => C;
-    useClickableRowContext: <T_26 extends object>() => import("./plugins/ClickableRowPlugin").TableClickableRowContext<T_26> | undefined;
-    useExpandableRowContext: <T_27 extends object>() => import("./plugins/ExpandableRowPlugin").TableExpandableRowContext<T_27> | undefined;
+    usePaginationPlugin: ({ pagination, defaultPagination, onPaginationChange, manualPagination, totalRowCount, totalPageCount, pageSizes, paginationEnabled }: import("./plugins/PaginationPlugin").TablePaginationParams) => import(".").TablePluginData<any>;
+    useExpandableRowPlugin: <T_20 extends object>({ defaultExpanded, expanded, onExpandedChange, getRowCanExpand, renderExpandedRow, expandRowOnClick, expandedRowComponent, getSubRows }: import("./plugins/ExpandableRowPlugin").TableExpandableRowParams<T_20>) => import(".").TablePluginData<T_20>;
+    useRowSelectionPlugin: <T_21 extends object>({ rowSelection, defaultRowSelection, onRowSelectionChange, rowSelectionMode, getRowCanSelect, selectRowOnClick }: import("./plugins/RowSelectionPlugin").TableRowSelectionParams<T_21>) => import(".").TablePluginData<T_21>;
+    useRowNavigationPlugin: ({ enableRowNavigation }: import("./plugins/RowNavigationPlugin").TableRowNavigationParams) => import(".").TablePluginData<any>;
+    useTableContext: <T_22 extends object = object>() => import("./Table.context").TableContextProps<T_22>;
+    useComposeContext: <T_23 extends object, C extends import("./Table.context").CompositionContextProps<T_23> = import("./Table.context").CompositionContextProps<T_23>>(defaults: Partial<C>) => C;
+    useClickableRowContext: <T_24 extends object>() => import("./plugins/ClickableRowPlugin").TableClickableRowContext<T_24> | undefined;
+    useExpandableRowContext: <T_25 extends object>() => import("./plugins/ExpandableRowPlugin").TableExpandableRowContext<T_25> | undefined;
     usePaginationContext: () => import("./plugins/PaginationPlugin").TablePaginationContext | undefined;
     useSortingContext: () => import("./plugins/SortingPlugin").TableSortingContext | undefined;
-    PluggableTable: <T_28 extends object>({ caption, emptyStateRender, ...restProps }: import("./components/PluggableTable/PluggableTable").PluggableTableProps<T_28>) => import("react/jsx-runtime").JSX.Element;
+    PluggableTable: <T_26 extends object>({ caption, emptyStateRender, ...restProps }: import("./components/PluggableTable/PluggableTable").PluggableTableProps<T_26>) => import("react/jsx-runtime").JSX.Element;
 };
 export default Table;

package/dist/Table/Table.js

@@ -35,6 +35,8 @@ const Table = Object.assign(({
   manualSorting,
   // row expansion
   defaultExpanded,
+  expanded,
+  onExpandedChange,
   getIsRowExpandable,
   renderExpandedRow,
   expandRowOnClick,
@@ -55,6 +57,7 @@ const Table = Object.assign(({
   onRowSelectionChange,
   rowSelectionMode,
   getRowCanSelect,
+  selectRowOnClick,
   // row navigation
   enableRowNavigation = false
 }) => {
@@ -81,6 +84,8 @@ const Table = Object.assign(({
   });
   const expandableRowPluginData = useExpandableRowPlugin({
     defaultExpanded,
+    expanded,
+    onExpandedChange,
     expandRowOnClick,
     getRowCanExpand: getIsRowExpandable && ((row) => {
       var _a;
@@ -95,7 +100,8 @@ const Table = Object.assign(({
     defaultRowSelection,
     onRowSelectionChange,
     rowSelectionMode,
-    getRowCanSelect
+    getRowCanSelect,
+    selectRowOnClick
   });
   const rowNavigationPluginData = useRowNavigationPlugin({
     enableRowNavigation

package/dist/Table/Table.style.d.ts

@@ -277,7 +277,7 @@ export declare const TableHeaderRow: import("styled-components").StyledComponent
 export declare const SortableHeadingCompose: import("styled-components").StyledComponent<"button", any, {
     $custom: boolean;
 }, never>;
-export declare const HeaderTitleWrapper: import("styled-components").StyledComponent<({ size, variant, color, component, ellipsis, ...restProps }: import("@redislabsdev/redis-ui-components").TypographyBodyProps) => import("react/jsx-runtime").JSX.Element, any, {
+export declare const HeaderTitleWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@redislabsdev/redis-ui-components").TypographyBodyProps & import("react").RefAttributes<HTMLElement>>, any, {
     $isTextual: boolean;
 }, never>;
 export declare const TableTh: import("styled-components").StyledComponent<"th", any, {}, never>;

package/dist/Table/components/Compose/Compose.cjs

@@ -17,14 +17,13 @@ const TableCompose = ({
   stripedRows,
   ...restProps
 }) => {
-  const mergedPluginsData = plugin_utils.mergePluginsData(pluginsData);
+  const mergedPluginsData = plugin_utils.mergePluginsData(pluginsData, tableOptions);
   const table = index.useReactTable({
     data,
-    columns,
+    columns: plugin_utils.normalizeColumns(columns),
     getCoreRowModel: index$1.getCoreRowModel(),
     enableSorting: false,
     enableColumnResizing: false,
-    ...tableOptions,
     ...mergedPluginsData == null ? void 0 : mergedPluginsData.tableOptions
   });
   const tableContext = {

package/dist/Table/components/Compose/Compose.d.ts

@@ -1,12 +1,13 @@
-import { SetOptional } from 'type-fest';
-import { TableOptions } from '@tanstack/table-core';
-import { ComposeElementProps } from '@redislabsdev/redis-ui-components';
-import { TablePluginData } from '../../utils/plugin.utils';
+import { ColumnDef } from '@tanstack/react-table';
+import { ComposeElementProps, NoInfer } from '@redislabsdev/redis-ui-components';
+import { TablePluginData, UserTableOptions } from '../../utils/plugin.utils';
 import { CompositionContextProps, TableMainContextProps } from '../../Table.context';
-export type OwnTableComposeProps<T extends object> = TableMainContextProps & Pick<TableOptions<T>, 'data' | 'columns'> & {
-    tableOptions?: Omit<SetOptional<TableOptions<T>, 'getCoreRowModel'>, 'data' | 'columns'>;
-    pluginsData?: TablePluginData<T>[];
-    components?: Partial<CompositionContextProps<T>>;
+export type OwnTableComposeProps<T extends object> = TableMainContextProps & {
+    data: T[];
+    columns: ColumnDef<NoInfer<T>, any>[];
+    tableOptions?: UserTableOptions<T>;
+    pluginsData?: TablePluginData<NoInfer<T>>[];
+    components?: Partial<CompositionContextProps<any>>;
 };
 export type RestTableComposeProps = ComposeElementProps;
 export type TableComposeProps<T extends object> = OwnTableComposeProps<T> & RestTableComposeProps;

package/dist/Table/components/Compose/Compose.js

@@ -1,6 +1,6 @@
 import { j as jsxRuntimeExports } from "../../../node_modules/react/jsx-runtime.js";
 import { useReactTable } from "../../../node_modules/@tanstack/react-table/build/lib/index.js";
-import { mergePluginsData } from "../../utils/plugin.utils.js";
+import { mergePluginsData, normalizeColumns } from "../../utils/plugin.utils.js";
 import { TableContextProvider } from "../../Table.context.js";
 import { TableContainer } from "../../Table.style.js";
 import { getCoreRowModel } from "../../../node_modules/@tanstack/table-core/build/lib/index.js";
@@ -15,14 +15,13 @@ const TableCompose = ({
   stripedRows,
   ...restProps
 }) => {
-  const mergedPluginsData = mergePluginsData(pluginsData);
+  const mergedPluginsData = mergePluginsData(pluginsData, tableOptions);
   const table = useReactTable({
     data,
-    columns,
+    columns: normalizeColumns(columns),
     getCoreRowModel: getCoreRowModel(),
     enableSorting: false,
     enableColumnResizing: false,
-    ...tableOptions,
     ...mergedPluginsData == null ? void 0 : mergedPluginsData.tableOptions
   });
   const tableContext = {

package/dist/Table/components/ExpandRowButton/useExpanderColumn.cjs

@@ -8,7 +8,6 @@ const useExpanderColumn = ({
 } = {}) => ({
   id: "expander",
   size: 4,
-  minSize: 4,
   sizeUnit: "rem",
   header: allowExpandAll ? ExpandAllRowsButton.ExpandAllRowsButton : "expander",
   isHeaderCustom: !!allowExpandAll,

package/dist/Table/components/ExpandRowButton/useExpanderColumn.js

@@ -6,7 +6,6 @@ const useExpanderColumn = ({
 } = {}) => ({
   id: "expander",
   size: 4,
-  minSize: 4,
   sizeUnit: "rem",
   header: allowExpandAll ? ExpandAllRowsButton : "expander",
   isHeaderCustom: !!allowExpandAll,

package/dist/Table/components/PluggableTable/compositionComponents.d.ts

@@ -52,11 +52,11 @@ export declare const compositionComponents: {
         InfoLabel: import("styled-components").StyledComponent<({ renderer, ...restProps }: import("@redislabsdev/redis-ui-components").PaginationInfoLabelProps) => import("react/jsx-runtime").JSX.Element, any, {}, never>;
         PageSelect: import("styled-components").StyledComponent<{
             ({ ...restProps }: import("@redislabsdev/redis-ui-components").PaginationPageSelectProps): import("react/jsx-runtime").JSX.Element;
-            Label: ({ children, ...restProps }: import("@redislabsdev/redis-ui-components").TypographyBodyProps) => import("react/jsx-runtime").JSX.Element;
+            Label: ({ children, ...restProps }: import("@redislabsdev/redis-ui-components").TypographyBodyProps & import("react").RefAttributes<HTMLElement>) => import("react/jsx-runtime").JSX.Element;
         }, any, {}, never>;
         PageSizeSelect: import("styled-components").StyledComponent<{
             ({ pageSizes, ...restProps }: import("@redislabsdev/redis-ui-components").PaginationPageSizeSelectProps): import("react/jsx-runtime").JSX.Element | null;
-            Label: ({ children, ...restProps }: import("@redislabsdev/redis-ui-components").TypographyBodyProps) => import("react/jsx-runtime").JSX.Element | null;
+            Label: ({ children, ...restProps }: import("@redislabsdev/redis-ui-components").TypographyBodyProps & import("react").RefAttributes<HTMLElement>) => import("react/jsx-runtime").JSX.Element | null;
         }, any, {}, never>;
         NavigationButton: import("styled-components").StyledComponent<({ navType, ...restProps }: import("@redislabsdev/redis-ui-components").PaginationNavigationButtonProps) => import("react/jsx-runtime").JSX.Element, any, {}, never>;
         PageSizeGroup: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/Table/components/RowSelection/useRowSelectionColumn.cjs

@@ -11,7 +11,6 @@ const useRowSelectionColumn = ({
 } = {}) => ({
   id: "row-selection",
   size: 4.2,
-  minSize: 4.2,
   sizeUnit: "rem",
   header: (props) => !disableSelectAll && props.table.options.enableMultiRowSelection ? jsxRuntime.jsxRuntimeExports.jsx(HeaderMultiRowSelectionButton.HeaderMultiRowSelectionButton, {
     ...props,

package/dist/Table/components/RowSelection/useRowSelectionColumn.js

@@ -9,7 +9,6 @@ const useRowSelectionColumn = ({
 } = {}) => ({
   id: "row-selection",
   size: 4.2,
-  minSize: 4.2,
   sizeUnit: "rem",
   header: (props) => !disableSelectAll && props.table.options.enableMultiRowSelection ? jsxRuntimeExports.jsx(HeaderMultiRowSelectionButton, {
     ...props,

package/dist/Table/components/TableHeaderCell/components/Heading/Heading.d.ts

@@ -1,5 +1,4 @@
-import { ComponentProps } from 'react';
-import { ChildFree, Typography } from '@redislabsdev/redis-ui-components';
-export type RestTableHeaderCellHeadingProps = ChildFree<ComponentProps<typeof Typography.Body>>;
+import { ChildFree, TypographyBodyProps } from '@redislabsdev/redis-ui-components';
+export type RestTableHeaderCellHeadingProps = ChildFree<TypographyBodyProps>;
 export type TableHeaderCellHeadingProps = RestTableHeaderCellHeadingProps;
 export declare const TableHeaderCellHeading: (props: TableHeaderCellHeadingProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Table/components/TablePagination/TablePagination.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { PaginationInfoLabelProps } from '@redislabsdev/redis-ui-components';
 declare const TablePagination: (() => import("react/jsx-runtime").JSX.Element | null) & {
     Compose: ({ children }: import("@redislabsdev/redis-ui-components").ComposeChildrenProps) => import("react/jsx-runtime").JSX.Element | null;
@@ -10,11 +11,11 @@ declare const TablePagination: (() => import("react/jsx-runtime").JSX.Element |
     InfoLabel: import("styled-components").StyledComponent<({ renderer, ...restProps }: PaginationInfoLabelProps) => import("react/jsx-runtime").JSX.Element, any, {}, never>;
     PageSelect: import("styled-components").StyledComponent<{
         ({ ...restProps }: import("@redislabsdev/redis-ui-components").PaginationPageSelectProps): import("react/jsx-runtime").JSX.Element;
-        Label: ({ children, ...restProps }: import("@redislabsdev/redis-ui-components").TypographyBodyProps) => import("react/jsx-runtime").JSX.Element;
+        Label: ({ children, ...restProps }: import("@redislabsdev/redis-ui-components").TypographyBodyProps & import("react").RefAttributes<HTMLElement>) => import("react/jsx-runtime").JSX.Element;
     }, any, {}, never>;
     PageSizeSelect: import("styled-components").StyledComponent<{
         ({ pageSizes, ...restProps }: import("@redislabsdev/redis-ui-components").PaginationPageSizeSelectProps): import("react/jsx-runtime").JSX.Element | null;
-        Label: ({ children, ...restProps }: import("@redislabsdev/redis-ui-components").TypographyBodyProps) => import("react/jsx-runtime").JSX.Element | null;
+        Label: ({ children, ...restProps }: import("@redislabsdev/redis-ui-components").TypographyBodyProps & import("react").RefAttributes<HTMLElement>) => import("react/jsx-runtime").JSX.Element | null;
     }, any, {}, never>;
     NavigationButton: import("styled-components").StyledComponent<({ navType, ...restProps }: import("@redislabsdev/redis-ui-components").PaginationNavigationButtonProps) => import("react/jsx-runtime").JSX.Element, any, {}, never>;
     PageSizeGroup: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/Table/components/TablePagination/TablePagination.style.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const NavigationButton: import("styled-components").StyledComponent<({ navType, ...restProps }: import("@redislabsdev/redis-ui-components").PaginationNavigationButtonProps) => import("react/jsx-runtime").JSX.Element, any, {}, never>;
 export declare const PaginationBar: import("styled-components").StyledComponent<"nav", any, {
     'aria-label': string;
@@ -7,11 +8,11 @@ export declare const PaginationBar: import("styled-components").StyledComponent<
 export declare const InfoLabel: import("styled-components").StyledComponent<({ renderer, ...restProps }: import("@redislabsdev/redis-ui-components").PaginationInfoLabelProps) => import("react/jsx-runtime").JSX.Element, any, {}, never>;
 export declare const PageSizeSelect: import("styled-components").StyledComponent<{
     ({ pageSizes, ...restProps }: import("@redislabsdev/redis-ui-components").PaginationPageSizeSelectProps): import("react/jsx-runtime").JSX.Element | null;
-    Label: ({ children, ...restProps }: import("@redislabsdev/redis-ui-components").TypographyBodyProps) => import("react/jsx-runtime").JSX.Element | null;
+    Label: ({ children, ...restProps }: import("@redislabsdev/redis-ui-components").TypographyBodyProps & import("react").RefAttributes<HTMLElement>) => import("react/jsx-runtime").JSX.Element | null;
 }, any, {}, never>;
 export declare const PageSelect: import("styled-components").StyledComponent<{
     ({ ...restProps }: import("@redislabsdev/redis-ui-components").PaginationPageSelectProps): import("react/jsx-runtime").JSX.Element;
-    Label: ({ children, ...restProps }: import("@redislabsdev/redis-ui-components").TypographyBodyProps) => import("react/jsx-runtime").JSX.Element;
+    Label: ({ children, ...restProps }: import("@redislabsdev/redis-ui-components").TypographyBodyProps & import("react").RefAttributes<HTMLElement>) => import("react/jsx-runtime").JSX.Element;
 }, any, {}, never>;
 export declare const PageSizeGroup: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const PageNavGroup: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/Table/plugins/ExpandableRowPlugin.cjs

@@ -1,13 +1,17 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const index = require("../../node_modules/@radix-ui/react-use-controllable-state/dist/index.cjs");
 const plugin_utils = require("../utils/plugin.utils.cjs");
 const ClickableRowPlugin = require("./ClickableRowPlugin.cjs");
 const Table_context = require("../Table.context.cjs");
-const index = require("../../node_modules/@tanstack/table-core/build/lib/index.cjs");
+const index$1 = require("../../node_modules/@tanstack/table-core/build/lib/index.cjs");
+const DEFAULT_EXPANDED = {};
 const getTrue = () => true;
 const TableExpandableRowContextKey = "expandableRow";
 const useExpandableRowPlugin = ({
   defaultExpanded,
+  expanded,
+  onExpandedChange,
   getRowCanExpand,
   renderExpandedRow,
   expandRowOnClick,
@@ -19,15 +23,24 @@ const useExpandableRowPlugin = ({
     onRowClick: (row) => row.toggleExpanded(),
     shouldClickOnEnter: true
   });
+  const [expandedState = DEFAULT_EXPANDED, setExpandedState] = index.useControllableState({
+    prop: expanded,
+    defaultProp: defaultExpanded,
+    onChange: onExpandedChange
+  });
   if (!renderExpandedRow && !getSubRows) return void 0;
   return {
     tableOptions: {
-      getExpandedRowModel: index.getExpandedRowModel(),
+      getExpandedRowModel: index$1.getExpandedRowModel(),
       getRowCanExpand: getRowCanExpand || (getSubRows ? void 0 : getTrue),
       getSubRows,
       initialState: defaultExpanded ? {
         expanded: defaultExpanded
-      } : void 0
+      } : void 0,
+      state: {
+        expanded: expandedState
+      },
+      onExpandedChange: setExpandedState
     },
     context: {
       ...plugin_utils.buildPluginContext(TableExpandableRowContextKey, {

package/dist/Table/plugins/ExpandableRowPlugin.d.ts

@@ -23,6 +23,8 @@ export interface TableExpandableRowParams<T extends object> extends TableExpanda
      * When this prop is set, the `renderExpandedRow` and `expandedRowComponent` parameters are not used. */
     getSubRows?: (rowData: T, index: number) => T[] | undefined;
     defaultExpanded?: ExpandedState;
+    expanded?: ExpandedState;
+    onExpandedChange?: (state: ExpandedState) => void;
 }
-export declare const useExpandableRowPlugin: <T extends object>({ defaultExpanded, getRowCanExpand, renderExpandedRow, expandRowOnClick, expandedRowComponent, getSubRows }: TableExpandableRowParams<T>) => TablePluginData<T>;
+export declare const useExpandableRowPlugin: <T extends object>({ defaultExpanded, expanded, onExpandedChange, getRowCanExpand, renderExpandedRow, expandRowOnClick, expandedRowComponent, getSubRows }: TableExpandableRowParams<T>) => TablePluginData<T>;
 export declare const useExpandableRowContext: <T extends object>() => TableExpandableRowContext<T> | undefined;

package/dist/Table/plugins/ExpandableRowPlugin.js

@@ -1,11 +1,15 @@
+import { useControllableState } from "../../node_modules/@radix-ui/react-use-controllable-state/dist/index.js";
 import { buildPluginContext } from "../utils/plugin.utils.js";
 import { useClickableRowPlugin } from "./ClickableRowPlugin.js";
 import { usePluginContext } from "../Table.context.js";
 import { getExpandedRowModel } from "../../node_modules/@tanstack/table-core/build/lib/index.js";
+const DEFAULT_EXPANDED = {};
 const getTrue = () => true;
 const TableExpandableRowContextKey = "expandableRow";
 const useExpandableRowPlugin = ({
   defaultExpanded,
+  expanded,
+  onExpandedChange,
   getRowCanExpand,
   renderExpandedRow,
   expandRowOnClick,
@@ -17,6 +21,11 @@ const useExpandableRowPlugin = ({
     onRowClick: (row) => row.toggleExpanded(),
     shouldClickOnEnter: true
   });
+  const [expandedState = DEFAULT_EXPANDED, setExpandedState] = useControllableState({
+    prop: expanded,
+    defaultProp: defaultExpanded,
+    onChange: onExpandedChange
+  });
   if (!renderExpandedRow && !getSubRows) return void 0;
   return {
     tableOptions: {
@@ -25,7 +34,11 @@ const useExpandableRowPlugin = ({
       getSubRows,
       initialState: defaultExpanded ? {
         expanded: defaultExpanded
-      } : void 0
+      } : void 0,
+      state: {
+        expanded: expandedState
+      },
+      onExpandedChange: setExpandedState
     },
     context: {
       ...buildPluginContext(TableExpandableRowContextKey, {

package/dist/Table/plugins/PaginationPlugin.d.ts

@@ -13,5 +13,5 @@ export interface TablePaginationParams extends TablePaginationContext {
     totalRowCount?: number;
     totalPageCount?: number;
 }
-export declare const usePaginationPlugin: <T extends object>({ pagination, defaultPagination, onPaginationChange, manualPagination, totalRowCount, totalPageCount, pageSizes, paginationEnabled }: TablePaginationParams) => TablePluginData<T>;
+export declare const usePaginationPlugin: ({ pagination, defaultPagination, onPaginationChange, manualPagination, totalRowCount, totalPageCount, pageSizes, paginationEnabled }: TablePaginationParams) => TablePluginData<any>;
 export declare const usePaginationContext: () => TablePaginationContext | undefined;

package/dist/Table/plugins/RowNavigationPlugin.d.ts

@@ -16,7 +16,7 @@ export type TableRowNavigationContext = {
 export type TableRowNavigationParams = {
     enableRowNavigation?: boolean;
 };
-export declare const useRowNavigationPlugin: <T extends object>({ enableRowNavigation }: TableRowNavigationParams) => TablePluginData<T>;
+export declare const useRowNavigationPlugin: ({ enableRowNavigation }: TableRowNavigationParams) => TablePluginData<any>;
 export declare const useRowNavigationContext: () => TableRowNavigationContext | undefined;
 type UseHandleRowNavigationOnRowParams<T extends object> = {
     row: Row<T>;

package/dist/Table/plugins/RowSelectionPlugin.cjs

@@ -1,14 +1,21 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const index = require("../../node_modules/@radix-ui/react-use-controllable-state/dist/index.cjs");
+const ClickableRowPlugin = require("./ClickableRowPlugin.cjs");
 const DEFAULT_ROW_SELECTION = {};
 const useRowSelectionPlugin = ({
   rowSelection,
   defaultRowSelection,
   onRowSelectionChange,
   rowSelectionMode,
-  getRowCanSelect
+  getRowCanSelect,
+  selectRowOnClick
 }) => {
+  const clickablePluginData = ClickableRowPlugin.useClickableRowPlugin({
+    getCanRowClick: (row) => !!(selectRowOnClick && row.getCanSelect()),
+    onRowClick: (row) => row.toggleSelected(),
+    shouldClickOnEnter: true
+  });
   const [rowSelectionState = DEFAULT_ROW_SELECTION, setRowSelectionState] = index.useControllableState({
     prop: rowSelection,
     defaultProp: defaultRowSelection,
@@ -22,6 +29,9 @@ const useRowSelectionPlugin = ({
       enableRowSelection: getRowCanSelect ?? true,
       enableMultiRowSelection: rowSelectionMode === "multiple",
       onRowSelectionChange: setRowSelectionState
+    },
+    context: {
+      ...selectRowOnClick ? clickablePluginData == null ? void 0 : clickablePluginData.context : null
     }
   };
 };

package/dist/Table/plugins/RowSelectionPlugin.d.ts

@@ -8,5 +8,7 @@ export interface TableRowSelectionParams<T extends object> {
     rowSelectionMode?: 'single' | 'multiple';
     /** Allows individual rows to be selectable */
     getRowCanSelect?: (row: Row<T>) => boolean;
+    /** Allows selecting row by Click on whole row and by pressing Enter, when row is focused */
+    selectRowOnClick?: boolean;
 }
-export declare const useRowSelectionPlugin: <T extends object>({ rowSelection, defaultRowSelection, onRowSelectionChange, rowSelectionMode, getRowCanSelect }: TableRowSelectionParams<T>) => TablePluginData<T>;
+export declare const useRowSelectionPlugin: <T extends object>({ rowSelection, defaultRowSelection, onRowSelectionChange, rowSelectionMode, getRowCanSelect, selectRowOnClick }: TableRowSelectionParams<T>) => TablePluginData<T>;

package/dist/Table/plugins/RowSelectionPlugin.js

@@ -1,12 +1,19 @@
 import { useControllableState } from "../../node_modules/@radix-ui/react-use-controllable-state/dist/index.js";
+import { useClickableRowPlugin } from "./ClickableRowPlugin.js";
 const DEFAULT_ROW_SELECTION = {};
 const useRowSelectionPlugin = ({
   rowSelection,
   defaultRowSelection,
   onRowSelectionChange,
   rowSelectionMode,
-  getRowCanSelect
+  getRowCanSelect,
+  selectRowOnClick
 }) => {
+  const clickablePluginData = useClickableRowPlugin({
+    getCanRowClick: (row) => !!(selectRowOnClick && row.getCanSelect()),
+    onRowClick: (row) => row.toggleSelected(),
+    shouldClickOnEnter: true
+  });
   const [rowSelectionState = DEFAULT_ROW_SELECTION, setRowSelectionState] = useControllableState({
     prop: rowSelection,
     defaultProp: defaultRowSelection,
@@ -20,6 +27,9 @@ const useRowSelectionPlugin = ({
       enableRowSelection: getRowCanSelect ?? true,
       enableMultiRowSelection: rowSelectionMode === "multiple",
       onRowSelectionChange: setRowSelectionState
+    },
+    context: {
+      ...selectRowOnClick ? clickablePluginData == null ? void 0 : clickablePluginData.context : null
     }
   };
 };

package/dist/Table/utils/plugin.utils.cjs

@@ -17,9 +17,9 @@ const mergeObjects = (key, container1, container2) => {
     }
   } : null;
 };
-const mergePluginsData = (plugins) => {
+const mergePluginsData = (plugins, tableOptions) => {
   const merged = {
-    tableOptions: {},
+    tableOptions: tableOptions ?? {},
     context: {}
   };
   if (!(plugins == null ? void 0 : plugins.length)) {
@@ -45,5 +45,20 @@ const mergePluginsData = (plugins) => {
 const buildPluginContext = (key, context) => ({
   [key]: context
 });
+const normalizeColumns = (columns) => columns.map((column) => {
+  const {
+    size,
+    minSize,
+    sizeUnit
+  } = column;
+  const sizeFix = !minSize && sizeUnit && sizeUnit !== "fraction" && typeof size === "number" && size < 20 ? {
+    minSize: size
+  } : {};
+  return {
+    ...column,
+    ...sizeFix
+  };
+});
 exports.buildPluginContext = buildPluginContext;
 exports.mergePluginsData = mergePluginsData;
+exports.normalizeColumns = normalizeColumns;

package/dist/Table/utils/plugin.utils.d.ts

@@ -1,6 +1,8 @@
 import { TableOptions } from '@tanstack/table-core';
-import { RowData } from '@tanstack/react-table';
+import { ColumnDef, RowData } from '@tanstack/react-table';
+import { SetOptional } from 'type-fest';
 export type PartialTableOptions<T extends RowData> = Partial<Omit<TableOptions<T>, 'columns' | 'data' | 'getRowId' | 'onStateChange' | 'getCoreRowModel' | 'defaultColumn' | 'debugTable' | 'debugRows' | 'debugHeaders' | 'debugColumns' | 'debugCells' | 'debugAll' | 'autoResetAll' | 'meta'>>;
+export type UserTableOptions<T extends RowData> = Omit<SetOptional<TableOptions<T>, 'getCoreRowModel'>, 'data' | 'columns'>;
 export type TablePluginData<T extends RowData> = {
     /** Partial table options that will be smartly merged with other table options */
     tableOptions: PartialTableOptions<T>;
@@ -13,5 +15,6 @@ export type TableMergedData<T extends RowData> = {
     tableOptions: PartialTableOptions<T>;
     context?: Record<string, Record<string, unknown>>;
 };
-export declare const mergePluginsData: <T extends unknown>(plugins?: TablePluginData<T>[] | undefined) => TableMergedData<T>;
+export declare const mergePluginsData: <T extends unknown>(plugins?: TablePluginData<T>[] | undefined, tableOptions?: UserTableOptions<T> | undefined) => TableMergedData<T>;
 export declare const buildPluginContext: (key: string, context: Record<string, unknown>) => Record<string, Record<string, unknown>>;
+export declare const normalizeColumns: <T extends object>(columns: ColumnDef<T, unknown>[]) => ColumnDef<T, unknown>[];

package/dist/Table/utils/plugin.utils.js

@@ -15,9 +15,9 @@ const mergeObjects = (key, container1, container2) => {
     }
   } : null;
 };
-const mergePluginsData = (plugins) => {
+const mergePluginsData = (plugins, tableOptions) => {
   const merged = {
-    tableOptions: {},
+    tableOptions: tableOptions ?? {},
     context: {}
   };
   if (!(plugins == null ? void 0 : plugins.length)) {
@@ -43,7 +43,22 @@ const mergePluginsData = (plugins) => {
 const buildPluginContext = (key, context) => ({
   [key]: context
 });
+const normalizeColumns = (columns) => columns.map((column) => {
+  const {
+    size,
+    minSize,
+    sizeUnit
+  } = column;
+  const sizeFix = !minSize && sizeUnit && sizeUnit !== "fraction" && typeof size === "number" && size < 20 ? {
+    minSize: size
+  } : {};
+  return {
+    ...column,
+    ...sizeFix
+  };
+});
 export {
   buildPluginContext,
-  mergePluginsData
+  mergePluginsData,
+  normalizeColumns
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@redis-ui/table",
   "license": "UNLICENSED",
-  "version": "2.23.2",
+  "version": "2.25.0",
   "type": "module",
   "publishConfig": {
     "registry": "https://npm.pkg.github.com/"
@@ -29,11 +29,11 @@
     "react": "^17.0.0 || ^18.0.0",
     "react-dom": "^17.0.0 || ^18.0.0",
     "styled-components": "^5.0.0",
-    "@redis-ui/styles": "^13.1.10"
+    "@redis-ui/styles": "^13.3.0"
   },
   "dependencies": {
-    "@redis-ui/components": "^41.2.9",
-    "@redis-ui/icons": "^6.3.11",
+    "@redis-ui/components": "^41.4.0",
+    "@redis-ui/icons": "^6.4.0",
     "@tanstack/react-table": "^8.9.8",
     "type-fest": "^3.13.1"
   },