@redis-ui/table 2.12.0 → 2.22.0

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

@@ -0,0 +1,45 @@
+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 { TableContextProvider } from "../../Table.context.js";
+import { TableContainer } from "../../Table.style.js";
+import { getCoreRowModel } from "../../../node_modules/@tanstack/table-core/build/lib/index.js";
+const TableCompose = ({
+  data,
+  columns,
+  pluginsData,
+  tableOptions,
+  components,
+  maxHeight,
+  minWidth,
+  stripedRows,
+  ...restProps
+}) => {
+  const mergedPluginsData = mergePluginsData(pluginsData);
+  const table = useReactTable({
+    data,
+    columns,
+    getCoreRowModel: getCoreRowModel(),
+    enableSorting: false,
+    enableColumnResizing: false,
+    ...tableOptions,
+    ...mergedPluginsData == null ? void 0 : mergedPluginsData.tableOptions
+  });
+  const tableContext = {
+    table,
+    plugins: mergedPluginsData.context,
+    components,
+    stripedRows,
+    maxHeight,
+    minWidth
+  };
+  return jsxRuntimeExports.jsx(TableContextProvider, {
+    value: tableContext,
+    children: jsxRuntimeExports.jsx(TableContainer, {
+      ...restProps
+    })
+  });
+};
+export {
+  TableCompose
+};

package/dist/Table/components/EmptyState/EmptyState.cjs

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("../../../node_modules/react/jsx-runtime.cjs");
+const Table_context = require("../../Table.context.cjs");
+const TableHeaderCell_utils = require("../TableHeaderCell/TableHeaderCell.utils.cjs");
+const Table_style = require("../../Table.style.cjs");
+const EmptyState = ({
+  emptyStateRender,
+  ...restProps
+}) => {
+  const {
+    table
+  } = Table_context.useTableContext();
+  if (table.getRowModel().rows.length) {
+    return null;
+  }
+  const content = (typeof emptyStateRender === "function" ? emptyStateRender() : emptyStateRender) ?? "No data to display";
+  return jsxRuntime.jsxRuntimeExports.jsx(Table_style.TableBody, {
+    ...restProps,
+    children: jsxRuntime.jsxRuntimeExports.jsx(Table_style.TableBodyRow, {
+      "$stripedRows": false,
+      children: jsxRuntime.jsxRuntimeExports.jsx(Table_style.TableBodyCell, {
+        colSpan: TableHeaderCell_utils.normalizeCellSpan(table.getVisibleLeafColumns().length),
+        children: typeof content === "string" ? jsxRuntime.jsxRuntimeExports.jsx(Table_style.EmptyStateContainer, {
+          children: content
+        }) : content
+      })
+    })
+  });
+};
+exports.EmptyState = EmptyState;

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

@@ -0,0 +1,6 @@
+import { HTMLAttributes, ReactNode } from 'react';
+import { ChildFree } from '@redislabsdev/redis-ui-components';
+export interface EmptyStateProps extends ChildFree<HTMLAttributes<HTMLTableSectionElement>> {
+    emptyStateRender?: (() => ReactNode) | string;
+}
+export declare const EmptyState: ({ emptyStateRender, ...restProps }: EmptyStateProps) => import("react/jsx-runtime").JSX.Element | null;

package/dist/Table/components/EmptyState/EmptyState.js

@@ -0,0 +1,31 @@
+import { j as jsxRuntimeExports } from "../../../node_modules/react/jsx-runtime.js";
+import { useTableContext } from "../../Table.context.js";
+import { normalizeCellSpan } from "../TableHeaderCell/TableHeaderCell.utils.js";
+import { TableBody, TableBodyRow, TableBodyCell, EmptyStateContainer } from "../../Table.style.js";
+const EmptyState = ({
+  emptyStateRender,
+  ...restProps
+}) => {
+  const {
+    table
+  } = useTableContext();
+  if (table.getRowModel().rows.length) {
+    return null;
+  }
+  const content = (typeof emptyStateRender === "function" ? emptyStateRender() : emptyStateRender) ?? "No data to display";
+  return jsxRuntimeExports.jsx(TableBody, {
+    ...restProps,
+    children: jsxRuntimeExports.jsx(TableBodyRow, {
+      "$stripedRows": false,
+      children: jsxRuntimeExports.jsx(TableBodyCell, {
+        colSpan: normalizeCellSpan(table.getVisibleLeafColumns().length),
+        children: typeof content === "string" ? jsxRuntimeExports.jsx(EmptyStateContainer, {
+          children: content
+        }) : content
+      })
+    })
+  });
+};
+export {
+  EmptyState
+};

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

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("../../../node_modules/react/jsx-runtime.cjs");
+const redisUiComponents = require("@redislabsdev/redis-ui-components");
+const redisUiIcons = require("@redislabsdev/redis-ui-icons");
+const ExpandAllRowsButton = ({
+  table,
+  expandedIcon,
+  collapsedIcon,
+  ...restProps
+}) => table.getCanSomeRowsExpand() ? jsxRuntime.jsxRuntimeExports.jsx(redisUiComponents.IconButton, {
+  ...restProps,
+  icon: table.getIsAllRowsExpanded() ? expandedIcon ?? redisUiIcons.DoubleChevronUpIcon : collapsedIcon ?? redisUiIcons.DoubleChevronDownIcon,
+  "aria-label": table.getIsAllRowsExpanded() ? "Collapse All" : "Expand All",
+  onClick: (e) => {
+    e.stopPropagation();
+    table.toggleAllRowsExpanded();
+  }
+}) : null;
+exports.ExpandAllRowsButton = ExpandAllRowsButton;

package/dist/Table/components/ExpandRowButton/ExpandAllRowsButton.d.ts

@@ -0,0 +1,8 @@
+import { IconButtonProps } from '@redislabsdev/redis-ui-components';
+import { Table } from '@tanstack/react-table';
+export interface ExpandAllRowsButtonProps extends Omit<IconButtonProps, 'icon' | 'onClick'> {
+    table: Table<any>;
+    expandedIcon?: IconButtonProps['icon'];
+    collapsedIcon?: IconButtonProps['icon'];
+}
+export declare const ExpandAllRowsButton: ({ table, expandedIcon, collapsedIcon, ...restProps }: ExpandAllRowsButtonProps) => import("react/jsx-runtime").JSX.Element | null;

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

@@ -0,0 +1,20 @@
+import { j as jsxRuntimeExports } from "../../../node_modules/react/jsx-runtime.js";
+import { IconButton } from "@redislabsdev/redis-ui-components";
+import { DoubleChevronUpIcon, DoubleChevronDownIcon } from "@redislabsdev/redis-ui-icons";
+const ExpandAllRowsButton = ({
+  table,
+  expandedIcon,
+  collapsedIcon,
+  ...restProps
+}) => table.getCanSomeRowsExpand() ? jsxRuntimeExports.jsx(IconButton, {
+  ...restProps,
+  icon: table.getIsAllRowsExpanded() ? expandedIcon ?? DoubleChevronUpIcon : collapsedIcon ?? DoubleChevronDownIcon,
+  "aria-label": table.getIsAllRowsExpanded() ? "Collapse All" : "Expand All",
+  onClick: (e) => {
+    e.stopPropagation();
+    table.toggleAllRowsExpanded();
+  }
+}) : null;
+export {
+  ExpandAllRowsButton
+};

package/dist/Table/components/ExpandRowButton/ExpandAllRowsButton.test.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const ExpandAllRowsButton = require("./ExpandAllRowsButton.cjs");
+const ExpandRowButton = require("./ExpandRowButton.cjs");
+const useExpanderColumn = ({
+  allowExpandAll,
+  ...colDef
+} = {}) => ({
+  id: "expander",
+  size: 4,
+  minSize: 4,
+  sizeUnit: "rem",
+  header: allowExpandAll ? ExpandAllRowsButton.ExpandAllRowsButton : "expander",
+  isHeaderCustom: !!allowExpandAll,
+  isHeaderHidden: !allowExpandAll,
+  cell: ExpandRowButton.ExpandRowButton,
+  ...colDef
+});
+exports.useExpanderColumn = useExpanderColumn;

package/dist/Table/components/ExpandRowButton/useExpanderColumn.d.ts

@@ -0,0 +1,6 @@
+import { ColumnDef } from '@tanstack/react-table';
+export type UseExpanderColumnParams<T extends object> = Partial<ColumnDef<T>> & {
+    /** Show Expand All rows button in column header */
+    allowExpandAll?: boolean;
+};
+export declare const useExpanderColumn: <T extends object>({ allowExpandAll, ...colDef }?: UseExpanderColumnParams<T>) => ColumnDef<T, unknown>;

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

@@ -0,0 +1,19 @@
+import { ExpandAllRowsButton } from "./ExpandAllRowsButton.js";
+import { ExpandRowButton } from "./ExpandRowButton.js";
+const useExpanderColumn = ({
+  allowExpandAll,
+  ...colDef
+} = {}) => ({
+  id: "expander",
+  size: 4,
+  minSize: 4,
+  sizeUnit: "rem",
+  header: allowExpandAll ? ExpandAllRowsButton : "expander",
+  isHeaderCustom: !!allowExpandAll,
+  isHeaderHidden: !allowExpandAll,
+  cell: ExpandRowButton,
+  ...colDef
+});
+export {
+  useExpanderColumn
+};

package/dist/Table/components/ExpandRowButton/useExpanderColumn.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/Table/components/HiddenCaption/HiddenCaption.cjs

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("../../../node_modules/react/jsx-runtime.cjs");
+const index = require("../../../node_modules/@radix-ui/react-visually-hidden/dist/index.cjs");
+const HiddenCaption = ({
+  caption
+}) => caption ? jsxRuntime.jsxRuntimeExports.jsx(index.VisuallyHidden, {
+  asChild: true,
+  children: jsxRuntime.jsxRuntimeExports.jsx("caption", {
+    children: caption
+  })
+}) : null;
+exports.HiddenCaption = HiddenCaption;

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

@@ -0,0 +1,3 @@
+export declare const HiddenCaption: ({ caption }: {
+    caption?: string | undefined;
+}) => import("react/jsx-runtime").JSX.Element | null;

package/dist/Table/components/HiddenCaption/HiddenCaption.js

@@ -0,0 +1,13 @@
+import { j as jsxRuntimeExports } from "../../../node_modules/react/jsx-runtime.js";
+import { VisuallyHidden } from "../../../node_modules/@radix-ui/react-visually-hidden/dist/index.js";
+const HiddenCaption = ({
+  caption
+}) => caption ? jsxRuntimeExports.jsx(VisuallyHidden, {
+  asChild: true,
+  children: jsxRuntimeExports.jsx("caption", {
+    children: caption
+  })
+}) : null;
+export {
+  HiddenCaption
+};

package/dist/Table/components/PluggableTable/PluggableTable.cjs

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("../../../node_modules/react/jsx-runtime.cjs");
+const compositionComponents = require("./compositionComponents.cjs");
+const PluggableTable = ({
+  caption,
+  emptyStateRender,
+  ...restProps
+}) => jsxRuntime.jsxRuntimeExports.jsxs(compositionComponents.compositionComponents.Compose, {
+  ...restProps,
+  children: [jsxRuntime.jsxRuntimeExports.jsxs(compositionComponents.compositionComponents.Root, {
+    children: [jsxRuntime.jsxRuntimeExports.jsx(compositionComponents.compositionComponents.SRCaption, {
+      caption
+    }), jsxRuntime.jsxRuntimeExports.jsx(compositionComponents.compositionComponents.Header, {}), jsxRuntime.jsxRuntimeExports.jsx(compositionComponents.compositionComponents.EmptyState, {
+      emptyStateRender
+    }), jsxRuntime.jsxRuntimeExports.jsx(compositionComponents.compositionComponents.Body, {})]
+  }), jsxRuntime.jsxRuntimeExports.jsx(compositionComponents.compositionComponents.Pagination, {}), jsxRuntime.jsxRuntimeExports.jsx(compositionComponents.compositionComponents.SRSortingNotification, {})]
+});
+exports.PluggableTable = PluggableTable;

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

@@ -0,0 +1,10 @@
+import { ChildFree } from '@redislabsdev/redis-ui-components';
+import { ReactNode } from 'react';
+import { OwnTableComposeProps, RestTableComposeProps } from '../Compose/Compose';
+export type OwnPluggableTableProps<T extends object> = OwnTableComposeProps<T> & {
+    caption?: string;
+    emptyStateRender?: (() => ReactNode) | string;
+};
+export type RestPluggableTableProps = ChildFree<RestTableComposeProps>;
+export type PluggableTableProps<T extends object> = OwnPluggableTableProps<T> & RestPluggableTableProps;
+export declare const PluggableTable: <T extends object>({ caption, emptyStateRender, ...restProps }: PluggableTableProps<T>) => import("react/jsx-runtime").JSX.Element;

package/dist/Table/components/PluggableTable/PluggableTable.js

@@ -0,0 +1,19 @@
+import { j as jsxRuntimeExports } from "../../../node_modules/react/jsx-runtime.js";
+import { compositionComponents } from "./compositionComponents.js";
+const PluggableTable = ({
+  caption,
+  emptyStateRender,
+  ...restProps
+}) => jsxRuntimeExports.jsxs(compositionComponents.Compose, {
+  ...restProps,
+  children: [jsxRuntimeExports.jsxs(compositionComponents.Root, {
+    children: [jsxRuntimeExports.jsx(compositionComponents.SRCaption, {
+      caption
+    }), jsxRuntimeExports.jsx(compositionComponents.Header, {}), jsxRuntimeExports.jsx(compositionComponents.EmptyState, {
+      emptyStateRender
+    }), jsxRuntimeExports.jsx(compositionComponents.Body, {})]
+  }), jsxRuntimeExports.jsx(compositionComponents.Pagination, {}), jsxRuntimeExports.jsx(compositionComponents.SRSortingNotification, {})]
+});
+export {
+  PluggableTable
+};

package/dist/Table/components/PluggableTable/compositionComponents.cjs

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const Compose = require("../Compose/Compose.cjs");
+const TableRoot = require("../TableRoot/TableRoot.cjs");
+const HiddenCaption = require("../HiddenCaption/HiddenCaption.cjs");
+const TableHeader = require("../TableHeader/TableHeader.cjs");
+const EmptyState = require("../EmptyState/EmptyState.cjs");
+const TableBody = require("../TableBody/TableBody.cjs");
+const TablePagination = require("../TablePagination/TablePagination.cjs");
+const SRSortingNotification = require("../TableHeaderCell/SRSortingNotification.cjs");
+const compositionComponents = {
+  Compose: Compose.TableCompose,
+  Root: TableRoot.TableRoot,
+  SRCaption: HiddenCaption.HiddenCaption,
+  Header: TableHeader.TableHeader,
+  EmptyState: EmptyState.EmptyState,
+  Body: TableBody.TableBody,
+  Pagination: TablePagination.default,
+  SRSortingNotification: SRSortingNotification.SRSortingNotification
+};
+exports.compositionComponents = compositionComponents;

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

@@ -0,0 +1,67 @@
+/// <reference types="react" />
+import { SRSortingNotification } from '../TableHeaderCell/SRSortingNotification';
+export declare const compositionComponents: {
+    Compose: <T extends object>({ data, columns, pluginsData, tableOptions, components, maxHeight, minWidth, stripedRows, ...restProps }: import("../Compose/Compose").TableComposeProps<T>) => import("react/jsx-runtime").JSX.Element;
+    Root: (props: import("react").HTMLAttributes<HTMLTableElement>) => import("react/jsx-runtime").JSX.Element;
+    SRCaption: ({ caption }: {
+        caption?: string | undefined;
+    }) => import("react/jsx-runtime").JSX.Element | null;
+    Header: (<T_1 extends object>(props: import("../TableHeader/TableHeader").RestTableHeaderProps) => import("react/jsx-runtime").JSX.Element) & {
+        Compose: import("styled-components").StyledComponent<"thead", any, {}, never>;
+        Row: (<T_2 extends object>(props: import("../TableHeaderRow/TableHeaderRow").OwnTableHeaderRowProps<T_2> & import("../TableHeaderRow/TableHeaderRow").RestTableHeaderRowProps & import("react").RefAttributes<HTMLTableRowElement>) => import("react").ReactElement<any, any> | null) & {
+            Compose: import("styled-components").StyledComponent<"tr", any, {}, never>;
+        };
+        Cell: (<T_3 extends object>(props: import("../TableHeaderCell/TableHeaderCell").OwnTableHeaderCellProps<T_3> & import("../TableHeaderCell/TableHeaderCell").RestTableHeaderCellProps & import("react").RefAttributes<HTMLTableCellElement>) => import("react").ReactElement<any, any> | null) & {
+            Compose: <T_4 extends object>(props: import("../TableHeaderCell/components/Compose/Compose").OwnTableHeaderCellComposeProps<T_4> & import("@redislabsdev/redis-ui-components").ComposeChildrenProps & Omit<import("react").HTMLAttributes<HTMLTableCellElement>, "content" | "children"> & import("react").RefAttributes<HTMLTableCellElement>) => import("react").ReactElement<any, any> | null;
+            SortableHeading: (({ children, ...restProps }: import("@redislabsdev/redis-ui-components").ComposeElementProps<HTMLElement>) => import("react/jsx-runtime").JSX.Element) & {
+                Compose: ((props: import("@redislabsdev/redis-ui-components").ComposeElementProps<HTMLElement>) => import("react/jsx-runtime").JSX.Element) & {
+                    SortIndicator: () => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+                };
+                SortIndicator: () => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+            };
+            Heading: (props: import("../TableHeaderCell/components/Heading/Heading").RestTableHeaderCellHeadingProps) => import("react/jsx-runtime").JSX.Element;
+        };
+    };
+    EmptyState: ({ emptyStateRender, ...restProps }: import("../EmptyState/EmptyState").EmptyStateProps) => import("react/jsx-runtime").JSX.Element | null;
+    Body: (<T_5 extends object>(props: import("../TableBody/TableBody").RestTableBodyProps) => import("react/jsx-runtime").JSX.Element | null) & {
+        Compose: (props: import("../TableBody/components/Compose/Compose").TableBodyComposeProps) => import("react/jsx-runtime").JSX.Element;
+        Row: (<T_6 extends object>(props: import("../TableBodyRow/TableBodyRow").OwnTableBodyRowProps<T_6> & import("../TableBodyRow/TableBodyRow").RestTableBodyRowProps & import("react").RefAttributes<HTMLTableRowElement>) => import("react").ReactElement<any, any> | null) & {
+            Compose: (props: import("@redislabsdev/redis-ui-components").ComposeChildrenProps & Omit<import("react").HTMLAttributes<HTMLTableRowElement>, "content" | "children"> & import("react").RefAttributes<HTMLTableRowElement>) => import("react").ReactElement<any, any> | null;
+            useHandleClickableRow: <T_7 extends object>({ row, onClick, onKeyDown }: {
+                row: import("@tanstack/table-core").Row<T_7>;
+                onClick?: import("react").MouseEventHandler<HTMLTableRowElement> | undefined;
+                onKeyDown?: import("react").KeyboardEventHandler<HTMLTableRowElement> | undefined;
+            }) => {
+                onClick: import("react").MouseEventHandler<HTMLTableRowElement> | undefined;
+                onKeyDown: ((event: import("react").KeyboardEvent<HTMLTableRowElement>) => void) | undefined;
+            };
+        };
+        ExpandableRow: <T_8 extends object>(props: import("../TableBodyRow/TableBodyRow").OwnTableBodyRowProps<T_8> & import("../TableBodyRow/TableBodyRow").RestTableBodyRowProps & import("react").RefAttributes<HTMLTableRowElement>) => import("react").ReactElement<any, any> | null;
+        Cell: (<T_9 extends object>(props: import("../TableBodyCell/TableBodyCell").OwnTableBodyCellProps<T_9> & import("../TableBodyCell/TableBodyCell").RestTableBodyCellProps & import("react").RefAttributes<HTMLTableCellElement>) => import("react").ReactElement<any, any> | null) & {
+            Compose: <T_10 extends object>(props: import("@redislabsdev/redis-ui-components").ComposeChildrenProps & Omit<import("react").HTMLAttributes<HTMLTableCellElement>, "content" | "children"> & import("../TableBodyCell/components/Compose/Compose").OwnTableBodyCellComposeProps<T_10> & import("react").RefAttributes<HTMLTableCellElement>) => import("react").ReactElement<any, any> | null;
+        };
+    };
+    Pagination: (() => import("react/jsx-runtime").JSX.Element | null) & {
+        Compose: ({ children }: import("@redislabsdev/redis-ui-components").ComposeChildrenProps) => import("react/jsx-runtime").JSX.Element | null;
+        Bar: import("styled-components").StyledComponent<"nav", any, {
+            'aria-label': string;
+        } & {
+            'aria-label': string;
+        }, "aria-label">;
+        Split: import("styled-components").StyledComponent<"div", any, {}, never>;
+        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;
+        }, 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;
+        }, 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>;
+        PageNavGroup: import("styled-components").StyledComponent<"div", any, {}, never>;
+        PageSelectGroup: import("styled-components").StyledComponent<"div", any, {}, never>;
+    };
+    SRSortingNotification: typeof SRSortingNotification;
+};

package/dist/Table/components/PluggableTable/compositionComponents.js

@@ -0,0 +1,21 @@
+import { TableCompose } from "../Compose/Compose.js";
+import { TableRoot } from "../TableRoot/TableRoot.js";
+import { HiddenCaption } from "../HiddenCaption/HiddenCaption.js";
+import { TableHeader } from "../TableHeader/TableHeader.js";
+import { EmptyState } from "../EmptyState/EmptyState.js";
+import { TableBody } from "../TableBody/TableBody.js";
+import TablePagination from "../TablePagination/TablePagination.js";
+import { SRSortingNotification } from "../TableHeaderCell/SRSortingNotification.js";
+const compositionComponents = {
+  Compose: TableCompose,
+  Root: TableRoot,
+  SRCaption: HiddenCaption,
+  Header: TableHeader,
+  EmptyState,
+  Body: TableBody,
+  Pagination: TablePagination,
+  SRSortingNotification
+};
+export {
+  compositionComponents
+};

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

@@ -7,6 +7,7 @@ const HeaderMultiRowSelectionButton = ({
   managePage,
   ...restProps
 }) => {
+  if (!table.options.enableMultiRowSelection) return null;
   const props = {
     checked: false,
     label: "unselected all rows",

package/dist/Table/components/RowSelection/HeaderMultiRowSelectionButton.d.ts

@@ -4,4 +4,4 @@ export interface HeaderMultiRowSelectionButtonProps<T extends object> extends Om
     table: Table<T>;
     managePage?: boolean;
 }
-export declare const HeaderMultiRowSelectionButton: <T extends object>({ table, managePage, ...restProps }: HeaderMultiRowSelectionButtonProps<T>) => import("react/jsx-runtime").JSX.Element;
+export declare const HeaderMultiRowSelectionButton: <T extends object>({ table, managePage, ...restProps }: HeaderMultiRowSelectionButtonProps<T>) => import("react/jsx-runtime").JSX.Element | null;

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

@@ -5,6 +5,7 @@ const HeaderMultiRowSelectionButton = ({
   managePage,
   ...restProps
 }) => {
+  if (!table.options.enableMultiRowSelection) return null;
   const props = {
     checked: false,
     label: "unselected all rows",

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

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("../../../node_modules/react/jsx-runtime.cjs");
+const index = require("../../../node_modules/@radix-ui/react-visually-hidden/dist/index.cjs");
+const HeaderMultiRowSelectionButton = require("./HeaderMultiRowSelectionButton.cjs");
+const RowSelectionButton = require("./RowSelectionButton.cjs");
+const useRowSelectionColumn = ({
+  disableSelectAll,
+  managePage,
+  ...colDef
+} = {}) => ({
+  id: "row-selection",
+  size: 4.2,
+  minSize: 4.2,
+  sizeUnit: "rem",
+  header: (props) => !disableSelectAll && props.table.options.enableMultiRowSelection ? jsxRuntime.jsxRuntimeExports.jsx(HeaderMultiRowSelectionButton.HeaderMultiRowSelectionButton, {
+    ...props,
+    managePage
+  }) : jsxRuntime.jsxRuntimeExports.jsx(index.VisuallyHidden, {
+    children: "row selection"
+  }),
+  isHeaderCustom: true,
+  cell: RowSelectionButton.RowSelectionButton,
+  ...colDef
+});
+exports.useRowSelectionColumn = useRowSelectionColumn;

package/dist/Table/components/RowSelection/useRowSelectionColumn.d.ts

@@ -0,0 +1,8 @@
+import { ColumnDef } from '@tanstack/react-table';
+export type UseRowSelectionColumnParams<T extends object> = Partial<ColumnDef<T>> & {
+    /** Disable Select All checkbox in header, even if multi-select is enabled */
+    disableSelectAll?: boolean;
+    /** Force Select All checkbox toggle selection on current page only, if pagination is enabled  */
+    managePage?: boolean;
+};
+export declare const useRowSelectionColumn: <T extends object>({ disableSelectAll, managePage, ...colDef }?: UseRowSelectionColumnParams<T>) => ColumnDef<T, unknown>;

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

@@ -0,0 +1,26 @@
+import { j as jsxRuntimeExports } from "../../../node_modules/react/jsx-runtime.js";
+import { VisuallyHidden } from "../../../node_modules/@radix-ui/react-visually-hidden/dist/index.js";
+import { HeaderMultiRowSelectionButton } from "./HeaderMultiRowSelectionButton.js";
+import { RowSelectionButton } from "./RowSelectionButton.js";
+const useRowSelectionColumn = ({
+  disableSelectAll,
+  managePage,
+  ...colDef
+} = {}) => ({
+  id: "row-selection",
+  size: 4.2,
+  minSize: 4.2,
+  sizeUnit: "rem",
+  header: (props) => !disableSelectAll && props.table.options.enableMultiRowSelection ? jsxRuntimeExports.jsx(HeaderMultiRowSelectionButton, {
+    ...props,
+    managePage
+  }) : jsxRuntimeExports.jsx(VisuallyHidden, {
+    children: "row selection"
+  }),
+  isHeaderCustom: true,
+  cell: RowSelectionButton,
+  ...colDef
+});
+export {
+  useRowSelectionColumn
+};

package/dist/Table/components/RowSelection/useRowSelectionColumn.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/Table/components/ShowOnRowHover/ShowOnRowHover.style.cjs

@@ -4,8 +4,10 @@ const _styled = require("styled-components");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const _styled__default = /* @__PURE__ */ _interopDefault(_styled);
 const ShowOnRowHover = _styled__default.default.div`
+  table:where([tabindex='0']) & {
+    visibility: hidden;
+  }
   opacity: 0;
-  visibility: hidden;
   transition: opacity 0.3s ease-in-out;
 `;
 exports.ShowOnRowHover = ShowOnRowHover;

package/dist/Table/components/ShowOnRowHover/ShowOnRowHover.style.js

@@ -1,7 +1,9 @@
 import _styled from "styled-components";
 const ShowOnRowHover = _styled.div`
+  table:where([tabindex='0']) & {
+    visibility: hidden;
+  }
   opacity: 0;
-  visibility: hidden;
   transition: opacity 0.3s ease-in-out;
 `;
 export {

package/dist/Table/components/TableBody/TableBody.cjs

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("../../../node_modules/react/jsx-runtime.cjs");
+const Table_context = require("../../Table.context.cjs");
+const TableBodyCell = require("../TableBodyCell/TableBodyCell.cjs");
+const TableBodyRow = require("../TableBodyRow/TableBodyRow.cjs");
+const Compose = require("./components/Compose/Compose.cjs");
+const TableBodyRowExpandable = require("../TableBodyRow/TableBodyRowExpandable.cjs");
+const TableBody = Object.assign((props) => {
+  const {
+    table
+  } = Table_context.useTableContext();
+  const {
+    TableBodyRow: Row
+  } = Table_context.useComposeContext({
+    TableBodyRow: TableBodyRowExpandable.TableBodyRowExpandable
+  });
+  const {
+    rows
+  } = table.getRowModel();
+  return rows.length ? jsxRuntime.jsxRuntimeExports.jsx(TableBody.Compose, {
+    ...props,
+    children: rows.map((row) => jsxRuntime.jsxRuntimeExports.jsx(Row, {
+      row
+    }, row.id))
+  }) : null;
+}, {
+  Compose: Compose.TableBodyCompose,
+  Row: TableBodyRow.TableBodyRow,
+  ExpandableRow: TableBodyRowExpandable.TableBodyRowExpandable,
+  Cell: TableBodyCell.TableBodyCell
+});
+exports.TableBody = TableBody;

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

@@ -0,0 +1,23 @@
+/// <reference types="react" />
+import { ChildFree } from '@redislabsdev/redis-ui-components';
+import { TableBodyComposeProps } from './components/Compose/Compose';
+export type RestTableBodyProps = ChildFree<TableBodyComposeProps>;
+export type TableBodyProps = RestTableBodyProps;
+export declare const TableBody: (<T extends object>(props: TableBodyProps) => import("react/jsx-runtime").JSX.Element | null) & {
+    Compose: (props: TableBodyComposeProps) => import("react/jsx-runtime").JSX.Element;
+    Row: (<T_1 extends object>(props: import("../TableBodyRow/TableBodyRow").OwnTableBodyRowProps<T_1> & import("../TableBodyRow/TableBodyRow").RestTableBodyRowProps & import("react").RefAttributes<HTMLTableRowElement>) => import("react").ReactElement<any, any> | null) & {
+        Compose: (props: import("@redislabsdev/redis-ui-components").ComposeChildrenProps & Omit<import("react").HTMLAttributes<HTMLTableRowElement>, "content" | "children"> & import("react").RefAttributes<HTMLTableRowElement>) => import("react").ReactElement<any, any> | null;
+        useHandleClickableRow: <T_2 extends object>({ row, onClick, onKeyDown }: {
+            row: import("@tanstack/table-core").Row<T_2>;
+            onClick?: import("react").MouseEventHandler<HTMLTableRowElement> | undefined;
+            onKeyDown?: import("react").KeyboardEventHandler<HTMLTableRowElement> | undefined;
+        }) => {
+            onClick: import("react").MouseEventHandler<HTMLTableRowElement> | undefined;
+            onKeyDown: ((event: import("react").KeyboardEvent<HTMLTableRowElement>) => void) | undefined;
+        };
+    };
+    ExpandableRow: <T_3 extends object>(props: import("../TableBodyRow/TableBodyRow").OwnTableBodyRowProps<T_3> & import("../TableBodyRow/TableBodyRow").RestTableBodyRowProps & import("react").RefAttributes<HTMLTableRowElement>) => import("react").ReactElement<any, any> | null;
+    Cell: (<T_4 extends object>(props: import("../TableBodyCell/TableBodyCell").OwnTableBodyCellProps<T_4> & import("../TableBodyCell/TableBodyCell").RestTableBodyCellProps & import("react").RefAttributes<HTMLTableCellElement>) => import("react").ReactElement<any, any> | null) & {
+        Compose: <T_5 extends object>(props: import("@redislabsdev/redis-ui-components").ComposeChildrenProps & Omit<import("react").HTMLAttributes<HTMLTableCellElement>, "content" | "children"> & import("../TableBodyCell/components/Compose/Compose").OwnTableBodyCellComposeProps<T_5> & import("react").RefAttributes<HTMLTableCellElement>) => import("react").ReactElement<any, any> | null;
+    };
+};