@purpurds/table 7.6.1 → 7.8.0

package/dist/types.d.ts

@@ -1,3 +1,4 @@
+import { Dispatch, ReactNode, SetStateAction } from 'react';
 import { HeadingTagType } from '@purpurds/heading';
 import { SelectProps } from '@purpurds/select';
 import { Cell, FilterFn, Row, RowData, SortingFn } from '@tanstack/react-table';
@@ -150,7 +151,7 @@ export type WithEmptyTableProps = {
     /**
      * Icon to display in the empty table state.
      */
-    emptyTableIcon?: React.ReactNode;
+    emptyTableIcon?: ReactNode;
 };
 export type WithoutEmptyTableProps = {
     emptyTableCopy?: never;
@@ -196,7 +197,7 @@ export type WithRowSelectionProps<TData> = {
     /**
      * setShowOnlySelectedRows - Function to update the showOnlySelectedRows state.
      */
-    setShowOnlySelectedRows: React.Dispatch<React.SetStateAction<boolean>>;
+    setShowOnlySelectedRows: Dispatch<SetStateAction<boolean>>;
 };
 export type WithoutRowSelectionProps = {
     enableRowSelection?: false | undefined;

package/dist/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"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"}

package/dist/use-truncated-hook.d.ts

@@ -1,4 +1,5 @@
 declare const useTruncatedTooltip: () => {
+    hasPopover: boolean;
     showPopover: boolean;
     containerRef: import('react').RefObject<HTMLDivElement | null>;
     onMouseEnter: () => void;

package/dist/use-truncated-hook.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-truncated-hook.d.ts","sourceRoot":"","sources":["../src/use-truncated-hook.tsx"],"names":[],"mappings":"AAEA,QAAA,MAAM,mBAAmB;;;;;CAyBxB,CAAC;AAEF,eAAe,mBAAmB,CAAC"}
+{"version":3,"file":"use-truncated-hook.d.ts","sourceRoot":"","sources":["../src/use-truncated-hook.tsx"],"names":[],"mappings":"AAEA,QAAA,MAAM,mBAAmB;;;;;;CA6CxB,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

package/dist/utils/custom-functions.d.ts

@@ -3,6 +3,7 @@ import { Row } from '@tanstack/react-table';
 export declare const filterOnFilterKey: <TData>(row: Row<TData>, columnId: string, filterValue: {
     filterKey: string;
     value: string;
+    partialMatch?: boolean;
 }) => boolean;
 export declare const sortOnBadgeVariant: <TData>(row1: Row<TData>, row0: Row<TData>, columnId: string) => number;
 export declare const sortOnBadgeValue: <TData>(row1: Row<TData>, row0: Row<TData>, columnId: string) => number;

package/dist/utils/custom-functions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"custom-functions.d.ts","sourceRoot":"","sources":["../../src/utils/custom-functions.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,GAAG,EAAE,MAAM,uBAAuB,CAAC;AAEjD,eAAO,MAAM,iBAAiB,GAAI,KAAK,OAChC,GAAG,CAAC,KAAK,CAAC,YACL,MAAM,eACH;IACX,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;CACf,KACA,OAIF,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,KAAK,QAChC,GAAG,CAAC,KAAK,CAAC,QACV,GAAG,CAAC,KAAK,CAAC,YACN,MAAM,KACf,MAWF,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,KAAK,QAC9B,GAAG,CAAC,KAAK,CAAC,QACV,GAAG,CAAC,KAAK,CAAC,YACN,MAAM,KACf,MAcF,CAAC"}
+{"version":3,"file":"custom-functions.d.ts","sourceRoot":"","sources":["../../src/utils/custom-functions.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,GAAG,EAAE,MAAM,uBAAuB,CAAC;AAEjD,eAAO,MAAM,iBAAiB,GAAI,KAAK,OAChC,GAAG,CAAC,KAAK,CAAC,YACL,MAAM,eACH;IACX,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,KACA,OAQF,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,KAAK,QAChC,GAAG,CAAC,KAAK,CAAC,QACV,GAAG,CAAC,KAAK,CAAC,YACN,MAAM,KACf,MAWF,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,KAAK,QAC9B,GAAG,CAAC,KAAK,CAAC,QACV,GAAG,CAAC,KAAK,CAAC,YACN,MAAM,KACf,MAcF,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@purpurds/table",
-  "version": "7.6.1",
+  "version": "7.8.0",
   "license": "AGPL-3.0-only",
   "main": "./dist/table.cjs.js",
   "types": "./dist/table.d.ts",
@@ -17,53 +17,52 @@
   "dependencies": {
     "@tanstack/react-table": "~8.21.2",
     "classnames": "~2.5.0",
-    "@purpurds/badge": "7.6.1",
-    "@purpurds/checkbox": "7.6.1",
-    "@purpurds/button": "7.6.1",
-    "@purpurds/cta-link": "7.6.1",
-    "@purpurds/drawer": "7.6.1",
-    "@purpurds/heading": "7.6.1",
-    "@purpurds/icon": "7.6.1",
-    "@purpurds/link": "7.6.1",
-    "@purpurds/paragraph": "7.6.1",
-    "@purpurds/select": "7.6.1",
-    "@purpurds/skeleton": "7.6.1",
-    "@purpurds/text-field": "7.6.1",
-    "@purpurds/tokens": "7.6.1",
-    "@purpurds/toggle": "7.6.1",
-    "@purpurds/tooltip": "7.6.1",
-    "@purpurds/visually-hidden": "7.6.1"
+    "@purpurds/button": "7.8.0",
+    "@purpurds/checkbox": "7.8.0",
+    "@purpurds/link": "7.8.0",
+    "@purpurds/heading": "7.8.0",
+    "@purpurds/badge": "7.8.0",
+    "@purpurds/icon": "7.8.0",
+    "@purpurds/paragraph": "7.8.0",
+    "@purpurds/select": "7.8.0",
+    "@purpurds/text-field": "7.8.0",
+    "@purpurds/tokens": "7.8.0",
+    "@purpurds/tooltip": "7.8.0",
+    "@purpurds/skeleton": "7.8.0",
+    "@purpurds/visually-hidden": "7.8.0",
+    "@purpurds/drawer": "7.8.0",
+    "@purpurds/cta-link": "7.8.0",
+    "@purpurds/toggle": "7.8.0"
   },
   "devDependencies": {
     "@rushstack/eslint-patch": "~1.10.0",
-    "@storybook/blocks": "^8.6.4",
-    "@storybook/react": "^8.6.4",
+    "@storybook/react-vite": "^9.0.18",
     "@testing-library/dom": "~10.4.0",
     "@testing-library/jest-dom": "~6.4.0",
     "@testing-library/react": "~16.2.0",
     "@testing-library/user-event": "~14.5.1",
     "@types/node": "20.12.12",
-    "@types/react": "^19.0.10",
     "@types/react-dom": "^19.0.4",
+    "@types/react": "^19.0.10",
     "eslint": "9.24.0",
     "jsdom": "~22.1.0",
     "lint-staged": "15.5.0",
     "prettier": "~2.8.8",
-    "react": "^19.0.0",
     "react-dom": "^19.0.0",
-    "storybook": "^8.6.4",
+    "react": "^19.0.0",
+    "storybook": "^9.0.18",
     "typescript": "^5.6.3",
     "vite": "^6.2.1",
-    "vitest": "^3.1.2",
     "vitest-axe": "~0.1.0",
     "vitest-canvas-mock": "~0.3.3",
-    "@purpurds/autocomplete": "7.6.1",
+    "vitest": "^3.1.2",
+    "@purpurds/autocomplete": "7.8.0",
     "@purpurds/component-rig": "1.0.0",
-    "@purpurds/grid": "7.6.1",
-    "@purpurds/illustrative-icon": "7.6.1",
-    "@purpurds/listbox": "7.6.1",
-    "@purpurds/label": "7.6.1",
-    "@purpurds/pagination": "7.6.1"
+    "@purpurds/grid": "7.8.0",
+    "@purpurds/illustrative-icon": "7.8.0",
+    "@purpurds/label": "7.8.0",
+    "@purpurds/pagination": "7.8.0",
+    "@purpurds/listbox": "7.8.0"
   },
   "scripts": {
     "build:dev": "vite",

package/src/cell-types/link-cell.tsx

@@ -16,7 +16,8 @@ export type LinkCellProps<TData> = {
 
 export const LinkCell = <TData extends RowData>({ cell }: LinkCellProps<TData>) => {
   const value = cell.getValue<LinkProps>();
-  const { showPopover, containerRef, onMouseEnter, onMouseLeave } = useTruncatedTooltip();
+  const { hasPopover, showPopover, containerRef, onMouseEnter, onMouseLeave } =
+    useTruncatedTooltip();
 
   if (!value) {
     return <EmptyCell />;
@@ -37,7 +38,9 @@ export const LinkCell = <TData extends RowData>({ cell }: LinkCellProps<TData>)
       onMouseLeave={onMouseLeave}
     >
       <Link
-        className={cx("purpur-table-row-cell__truncate")}
+        className={cx("purpur-table-row-cell__truncate", "purpur-table-row-cell__link", {
+          "purpur-table-row-cell__link--has-popover": hasPopover,
+        })}
         variant={variant ?? "text"}
         href={href}
         onClick={(e) => {

package/src/cell-types/number-cell.tsx

@@ -12,10 +12,10 @@ export type NumberCellProps<TData> = {
 };
 
 export const NumberCell = <TData extends RowData>({ cell }: NumberCellProps<TData>) => {
-  const text = cell.getValue<string>();
+  const text = cell.getValue<string | number>();
   const rightAlignCell = cell.column.columnDef.meta?.numberCellAlignment === "right";
 
-  if (!text) {
+  if (!text && text !== 0) {
     return <EmptyCell />;
   }
 

package/src/story-utils/column-def.ts

@@ -69,8 +69,12 @@ export const columnDef = [
     header: "Link",
     size: 150,
     enableSorting: false,
-    enableColumnFilter: false,
+    enableColumnFilter: true,
+    filterFn: "filterOnFilterKey",
     meta: {
+      filterKey: "children",
+      filterVariant: "string",
+      filterPlaceholder: "Search by link",
       cellType: "link",
     },
   }),

package/src/table-body.tsx

@@ -13,7 +13,7 @@ type TableBodyProps = {
 const rootClassName = "purpur-table-body";
 
 const TableBody = ({ children, className, ...props }: TableBodyProps) => {
-  const classes = cx([className, rootClassName]);
+  const classes = cx(className, rootClassName);
 
   return (
     <tbody className={classes} {...props}>

package/src/table-column-header-cell.tsx

@@ -7,11 +7,19 @@ import { IconSorter } from "@purpurds/icon/sorter";
 import { Paragraph } from "@purpurds/paragraph";
 import { Select, type SelectProps } from "@purpurds/select";
 import { TextField } from "@purpurds/text-field";
+import { Tooltip } from "@purpurds/tooltip";
 import { VisuallyHidden } from "@purpurds/visually-hidden";
-import { flexRender, type Header, type RowData, type SortDirection, type Table } from "@tanstack/react-table";
+import {
+  flexRender,
+  type Header,
+  type RowData,
+  type SortDirection,
+  type Table,
+} from "@tanstack/react-table";
 import c from "classnames/bind";
 
 import styles from "./table.module.scss";
+import useTruncatedTooltip from "./use-truncated-hook";
 import { pxToRemString } from "./utils/unit-conversions";
 const cx = c.bind(styles);
 
@@ -111,20 +119,16 @@ export const TableColumnHeaderCell = <TData extends RowData>({
   return (
     <th
       ref={elementRef}
-      className={cx([
-        className,
-        rootClassName,
-        {
-          [`${rootClassName}__checkbox`]: isCheckBox,
-          [`${rootClassName}__sticky-column`]: stickyColumn,
-          [`${rootClassName}__sticky-header`]: stickyHeaders,
-          [`${rootClassName}__sticky-column__with-sticky-border`]: isScrolled && showBorder,
-          [`${rootClassName}__first-header-visible`]: isFirstColumn && isVisible,
-          [`${rootClassName}__last-header-visible`]: isLastColumn && isVisible,
-          [`${rootClassName}__border-radius-first-cell`]: isFirstColumn,
-          [`${rootClassName}__border-radius-last-cell`]: isLastColumn,
-        },
-      ])}
+      className={cx(className, rootClassName, {
+        [`${rootClassName}__checkbox`]: isCheckBox,
+        [`${rootClassName}__sticky-column`]: stickyColumn,
+        [`${rootClassName}__sticky-header`]: stickyHeaders,
+        [`${rootClassName}__sticky-column__with-sticky-border`]: isScrolled && showBorder,
+        [`${rootClassName}__first-header-visible`]: isFirstColumn && isVisible,
+        [`${rootClassName}__last-header-visible`]: isLastColumn && isVisible,
+        [`${rootClassName}__border-radius-first-cell`]: isFirstColumn,
+        [`${rootClassName}__border-radius-last-cell`]: isLastColumn,
+      })}
       style={{
         // If column resizing is enabled Don't use column.getSize() on every header and every data cell. Instead, calculate all column widths once upfront, memoized! https://tanstack.com/table/latest/docs/guide/column-sizing#column-sizing-guide
         maxWidth: widthInRemString,
@@ -239,25 +243,49 @@ const HeaderParagraph = <TData extends RowData>({
 }: {
   header: Header<TData, unknown>;
   className?: string;
-}) => (
-  <Paragraph
-    data-testid="purpur-table-column-header-cell-title"
-    variant="paragraph-100-bold"
-    className={className}
-  >
-    {flexRender(header.column.columnDef.header, header.getContext())}
-  </Paragraph>
-);
+}) => {
+  const { showPopover, containerRef, onMouseEnter, onMouseLeave } = useTruncatedTooltip();
+  const children = flexRender(header.column.columnDef.header, header.getContext());
+
+  const content = (
+    <div
+      ref={containerRef}
+      className={cx("purpur-table-row-cell__truncate-wrapper")}
+      onMouseEnter={onMouseEnter}
+      onMouseLeave={onMouseLeave}
+    >
+      <Paragraph
+        data-testid="purpur-table-column-header-cell-title"
+        variant="paragraph-100-bold"
+        className={cx(className, "purpur-table-row-cell__truncate")}
+      >
+        {children}
+      </Paragraph>
+    </div>
+  );
+  return (
+    <Tooltip
+      position="top"
+      align="center"
+      triggerElement={content}
+      // @ts-expect-error open does not exist on tooltip but gets passed down to radix tooltip with ...props
+      open={showPopover}
+      contentClassName={cx("purpur-table-row-cell__tooltip-content")}
+    >
+      {children}
+    </Tooltip>
+  );
+};
 
 const getIcon = (sortingDirection: SortDirection | false) => {
   switch (sortingDirection) {
     case "desc":
-      return <IconArrowDown size="xs" />;
+      return <IconArrowDown size="xs" className={cx(`${rootClassName}__sortable-icon`)} />;
     case "asc":
-      return <IconArrowUp size="xs" />;
+      return <IconArrowUp size="xs" className={cx(`${rootClassName}__sortable-icon`)} />;
     case false:
     default:
-      return <IconSorter size="xs" />;
+      return <IconSorter size="xs" className={cx(`${rootClassName}__sortable-icon`)} />;
   }
 };
 
@@ -281,12 +309,26 @@ const Filter = <TData extends RowData>({ header }: { header: Header<TData, unkno
     header.column.columnDef.meta ?? {};
 
   if (filterVariant === "string") {
-    const columnFilterValue = header.column.getFilterValue() as string;
+    const columnFilterValue = filterKey
+      ? (header.column.getFilterValue() as {
+          filterKey: string;
+          value: string;
+        })
+      : (header.column.getFilterValue() as string);
     return (
       <TextField
-        onChange={(event) => header.column.setFilterValue(event.target.value)}
+        onChange={(event) => {
+          const filter = filterKey
+            ? { filterKey, value: event.target.value, partialMatch: true }
+            : event.target.value;
+          header.column.setFilterValue(filter);
+        }}
         type="text"
-        value={columnFilterValue ?? ""}
+        value={
+          (typeof columnFilterValue === "object" && "value" in columnFilterValue
+            ? columnFilterValue.value
+            : columnFilterValue) ?? ""
+        }
         placeholder={filterPlaceholder}
         aria-label={filterAriaLabel}
       />

package/src/table-export-drawer.tsx

@@ -1,4 +1,4 @@
-import React from "react";
+import React, { type Dispatch, type SetStateAction } from "react";
 import { Button } from "@purpurds/button";
 import { Drawer } from "@purpurds/drawer";
 import c from "classnames/bind";
@@ -18,7 +18,7 @@ export type TableExportDrawerProps = {
   exportFormats: string[];
   copy: TableExportDrawerCopyProps;
   onExportData: (format: string) => void;
-  setDrawerIsOpen: React.Dispatch<React.SetStateAction<boolean>>;
+  setDrawerIsOpen: Dispatch<SetStateAction<boolean>>;
 };
 
 const rootClassName = "purpur-table-export-drawer";

package/src/table-header.tsx

@@ -19,13 +19,9 @@ export const TableHeader = ({
   columnFiltersEnabled,
   ...props
 }: TableHeaderProps) => {
-  const classes = cx([
-    className,
-    rootClassName,
-    {
-      [`${rootClassName}--has-filters`]: columnFiltersEnabled,
-    },
-  ]);
+  const classes = cx(className, rootClassName, {
+    [`${rootClassName}--has-filters`]: columnFiltersEnabled,
+  });
 
   return (
     <thead className={classes} {...props}>

package/src/table-row-cell-skeleton.tsx

@@ -28,17 +28,14 @@ const TableRowCellSkeleton = ({
   showBorder,
   cellWidth,
 }: TableRowCellSkeletonProps) => {
-  const classes = cx([
-    rootClassName,
-    {
-      [`${rootClassName}__sticky-column`]: stickyColumn,
-      [`${rootClassName}__sticky-column__with-sticky-border`]: isScrolled && showBorder,
-      [`${rootClassName}__border-radius-first-cell`]: isFirstCell && isLastRow,
-      [`${rootClassName}__border-radius-last-cell`]: isLastCell && isLastRow,
-      [`${rootClassName}__last-row-first-cell-visible`]: isFirstCell && isLastRow,
-      [`${rootClassName}__last-row-last-cell-visible`]: isLastCell && isLastRow,
-    },
-  ]);
+  const classes = cx(rootClassName, {
+    [`${rootClassName}__sticky-column`]: stickyColumn,
+    [`${rootClassName}__sticky-column__with-sticky-border`]: isScrolled && showBorder,
+    [`${rootClassName}__border-radius-first-cell`]: isFirstCell && isLastRow,
+    [`${rootClassName}__border-radius-last-cell`]: isLastCell && isLastRow,
+    [`${rootClassName}__last-row-first-cell-visible`]: isFirstCell && isLastRow,
+    [`${rootClassName}__last-row-last-cell-visible`]: isLastCell && isLastRow,
+  });
 
   const cellWidthString = typeof cellWidth === "string" ? cellWidth : pxToRemString(cellWidth);
 

package/src/table-row-cell.tsx

@@ -83,20 +83,16 @@ const TableRowCell = <TData extends RowData>({
     };
   }, []);
 
-  const classes = cx([
-    className,
-    rootClassName,
-    {
-      [`${rootClassName}__sticky-column`]: stickyColumn,
-      [`${rootClassName}__sticky-column__with-sticky-border`]: isScrolled && showBorder,
-      [`${rootClassName}__border-radius-first-cell`]: isFirstCell && isLastRow,
-      [`${rootClassName}__border-radius-last-cell`]: isLastCell && isLastRow,
-      [`${rootClassName}__last-row-first-cell-visible`]:
-        (cell?.column.getIsFirstColumn() || isFirstCell) && isVisible && isLastRow,
-      [`${rootClassName}__last-row-last-cell-visible`]:
-        (cell?.column.getIsLastColumn() || isLastCell) && isVisible && isLastRow,
-    },
-  ]);
+  const classes = cx(className, rootClassName, {
+    [`${rootClassName}__sticky-column`]: stickyColumn,
+    [`${rootClassName}__sticky-column__with-sticky-border`]: isScrolled && showBorder,
+    [`${rootClassName}__border-radius-first-cell`]: isFirstCell && isLastRow,
+    [`${rootClassName}__border-radius-last-cell`]: isLastCell && isLastRow,
+    [`${rootClassName}__last-row-first-cell-visible`]:
+      (cell?.column.getIsFirstColumn() || isFirstCell) && isVisible && isLastRow,
+    [`${rootClassName}__last-row-last-cell-visible`]:
+      (cell?.column.getIsLastColumn() || isLastCell) && isVisible && isLastRow,
+  });
 
   const cellContent = cell ? getCellContent(cell) : children;
 

package/src/table-row.tsx

@@ -21,7 +21,7 @@ const TableRow = ({
 }: TableRowProps) => (
   <tr
     data-testid={dataTestId}
-    className={cx([className, rootClassName, { [`${rootClassName}--selected`]: isSelected }])}
+    className={cx(className, rootClassName, { [`${rootClassName}--selected`]: isSelected })}
   >
     {children}
   </tr>

package/src/table-toolbar.module.scss

@@ -8,6 +8,8 @@
   align-self: stretch;
   flex-wrap: wrap;
   width: 100%;
+  padding: var(--purpur-spacing-50) var(--purpur-spacing-50) 0 0;
+  box-sizing: border-box;
 
   &__content {
     display: flex;

package/src/table.module.scss

@@ -8,11 +8,14 @@
   flex-direction: column;
   gap: var(--purpur-spacing-200);
   background-color: inherit;
+
+  &--without-toolbar {
+    padding-bottom: var(--purpur-spacing-50);
+  }
 }
 
 .purpur-table__container {
-  overflow-x: scroll;
-  overflow-y: auto;
+  overflow: auto;
 
   &:has(.purpur-table-column-header-cell__first-header-visible) {
     border-top-left-radius: var(--table-border-radius);
@@ -116,6 +119,11 @@
 
   &__sortable-title {
     padding-left: 0;
+    text-align: left;
+  }
+
+  &__sortable-icon {
+    flex-shrink: 0;
   }
 
   &__filter-wrapper {
@@ -123,7 +131,6 @@
     padding-right: var(--purpur-spacing-150);
     padding-bottom: var(--purpur-spacing-150);
     flex-direction: column;
-    align-items: flex-start;
     align-self: stretch;
   }
 }
@@ -309,6 +316,14 @@
     }
   }
 
+  &__link {
+    padding: var(--purpur-spacing-50);
+
+    &--has-popover a {
+      display: block;
+    }
+  }
+
   &__skeleton {
     height: 30%;
     width: 100%;

package/src/table.stories.tsx

@@ -4,7 +4,7 @@ import React, { useEffect, useState } from "react";
 import { Grid } from "@purpurds/grid";
 import { IllustrativeIconSearchQuestionDuocolor } from "@purpurds/illustrative-icon/search-question-duocolor";
 import { Pagination, type PaginationProps } from "@purpurds/pagination";
-import type { Meta, StoryObj } from "@storybook/react";
+import type { Meta, StoryObj } from "@storybook/react-vite";
 import c from "classnames";
 
 import "./table.story.css";
@@ -1131,8 +1131,6 @@ sorting, and filtering are managed by a server API instead of in the browser.
     const [tableDataRowCount, setTableDataRowCount] = useState(0);
 
     useEffect(() => {
-      console.log({ rowSelection });
-
       if (showOnlySelectedRows) {
         const selectedRows = Object.keys(rowSelection).filter(
           (key) => (rowSelection as Record<string, unknown>)[key]

package/src/table.tsx

@@ -94,7 +94,7 @@ export const Table = <TData extends RowData>({
   emptyTableHeadingTag,
   emptyTableIcon,
   enableActionBar,
-  enableToolbar: enableToolbar,
+  enableToolbar,
   exportDrawerCopy,
   exportFormats,
   fullWidth = true,
@@ -140,6 +140,7 @@ export const Table = <TData extends RowData>({
     rootClassName,
     {
       [`${rootClassName}--${variant}`]: variant,
+      [`${rootClassName}--without-toolbar`]: !enableToolbar || !settingsDrawerCopy,
     },
   ]);
 

package/src/types.ts

@@ -1,3 +1,4 @@
+import type { Dispatch, ReactNode, SetStateAction } from "react";
 import { type HeadingTagType } from "@purpurds/heading";
 import type { SelectProps } from "@purpurds/select";
 import type { Cell, FilterFn, Row, RowData, SortingFn } from "@tanstack/react-table";
@@ -190,7 +191,7 @@ export type WithEmptyTableProps = {
   /**
    * Icon to display in the empty table state.
    */
-  emptyTableIcon?: React.ReactNode;
+  emptyTableIcon?: ReactNode;
 };
 
 export type WithoutEmptyTableProps = {
@@ -244,7 +245,7 @@ export type WithRowSelectionProps<TData> = {
   /**
    * setShowOnlySelectedRows - Function to update the showOnlySelectedRows state.
    */
-  setShowOnlySelectedRows: React.Dispatch<React.SetStateAction<boolean>>;
+  setShowOnlySelectedRows: Dispatch<SetStateAction<boolean>>;
 };
 
 export type WithoutRowSelectionProps = {