material-react-table 2.0.0-rc.1 → 2.0.0

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "2.0.0-rc.1",
+  "version": "2.0.0",
   "license": "MIT",
   "name": "material-react-table",
   "description": "A fully featured Material UI V5 implementation of TanStack React Table V8, written from the ground up in TypeScript.",
@@ -66,9 +66,9 @@
     "@emotion/react": "^11.11.1",
     "@emotion/styled": "^11.11.0",
     "@faker-js/faker": "^8.2.0",
-    "@mui/icons-material": "^5.14.14",
-    "@mui/material": "^5.14.14",
-    "@mui/x-date-pickers": "^6.16.3",
+    "@mui/icons-material": "^5.14.15",
+    "@mui/material": "^5.14.15",
+    "@mui/x-date-pickers": "^6.17.0",
     "@rollup/plugin-typescript": "^11.1.5",
     "@size-limit/preset-small-lib": "^10.0.1",
     "@storybook/addon-a11y": "^7.5.1",
@@ -80,8 +80,8 @@
     "@storybook/react": "^7.5.1",
     "@storybook/react-vite": "^7.5.1",
     "@storybook/testing-library": "^0.2.2",
-    "@types/node": "^20.8.8",
-    "@types/react": "^18.2.31",
+    "@types/node": "^20.8.9",
+    "@types/react": "^18.2.33",
     "@types/react-dom": "^18.2.14",
     "@typescript-eslint/eslint-plugin": "^6.9.0",
     "@typescript-eslint/parser": "^6.9.0",

package/src/body/MRT_TableBodyCell.tsx

@@ -50,6 +50,7 @@ export const MRT_TableBodyCell = <TData extends MRT_RowData>({
   const {
     getState,
     options: {
+      columnResizeMode,
       createDisplayMode,
       editDisplayMode,
       enableClickToCopy,
@@ -118,19 +119,21 @@ export const MRT_TableBodyCell = <TData extends MRT_RowData>({
     const isFirstColumn = getIsFirstColumn(column, table);
     const isLastColumn = getIsLastColumn(column, table);
     const isLastRow = numRows && rowIndex === numRows - 1;
+    const showResizeBorder =
+      columnSizingInfo.isResizingColumn === column.id &&
+      columnResizeMode === 'onChange';
 
-    const borderStyle =
-      columnSizingInfo.isResizingColumn === column.id
-        ? `2px solid ${draggingBorderColor} !important`
-        : isDraggingColumn || isDraggingRow
-        ? `1px dashed ${theme.palette.grey[500]} !important`
-        : isHoveredColumn ||
-          isHoveredRow ||
-          columnSizingInfo.isResizingColumn === column.id
-        ? `2px dashed ${draggingBorderColor} !important`
-        : undefined;
+    const borderStyle = showResizeBorder
+      ? `2px solid ${draggingBorderColor} !important`
+      : isDraggingColumn || isDraggingRow
+      ? `1px dashed ${theme.palette.grey[500]} !important`
+      : isHoveredColumn ||
+        isHoveredRow ||
+        columnSizingInfo.isResizingColumn === column.id
+      ? `2px dashed ${draggingBorderColor} !important`
+      : undefined;
 
-    if (columnSizingInfo.isResizingColumn === column.id) {
+    if (showResizeBorder) {
       return { borderRight: borderStyle };
     }
 

package/src/head/MRT_TableHeadCell.tsx

@@ -32,6 +32,7 @@ export const MRT_TableHeadCell = <TData extends MRT_RowData>({
     getState,
     options: {
       columnFilterDisplayMode,
+      columnResizeMode,
       enableColumnActions,
       enableColumnDragging,
       enableColumnOrdering,
@@ -88,17 +89,20 @@ export const MRT_TableHeadCell = <TData extends MRT_RowData>({
   }, [showColumnActions, showDragHandle]);
 
   const draggingBorders = useMemo(() => {
-    const borderStyle =
+    const showResizeBorder =
       columnSizingInfo.isResizingColumn === column.id &&
-      !header.subHeaders.length
-        ? `2px solid ${draggingBorderColor} !important`
-        : draggingColumn?.id === column.id
-        ? `1px dashed ${theme.palette.grey[500]}`
-        : hoveredColumn?.id === column.id
-        ? `2px dashed ${draggingBorderColor}`
-        : undefined;
+      columnResizeMode === 'onChange' &&
+      !header.subHeaders.length;
 
-    if (columnSizingInfo.isResizingColumn === column.id) {
+    const borderStyle = showResizeBorder
+      ? `2px solid ${draggingBorderColor} !important`
+      : draggingColumn?.id === column.id
+      ? `1px dashed ${theme.palette.grey[500]}`
+      : hoveredColumn?.id === column.id
+      ? `2px dashed ${draggingBorderColor}`
+      : undefined;
+
+    if (showResizeBorder) {
       return { borderRight: borderStyle };
     }
     const draggingBorders = borderStyle

package/src/head/MRT_TableHeadCellResizeHandle.tsx

@@ -46,7 +46,8 @@ export const MRT_TableHeadCellResizeHandle = <TData extends MRT_RowData>({
       sx={(theme) => ({
         '&:active > hr': {
           backgroundColor: theme.palette.info.main,
-          opacity: header.subHeaders.length ? 1 : 0,
+          opacity:
+            header.subHeaders.length || columnResizeMode === 'onEnd' ? 1 : 0,
         },
         cursor: 'col-resize',
         mr:

package/src/hooks/useMRT_TableOptions.ts

@@ -73,7 +73,7 @@ export const useMRT_TableOptions: <TData extends MRT_RowData>(
   enableTopToolbar = true,
   filterFns,
   icons,
-  layoutMode = 'semantic',
+  layoutMode,
   localization,
   manualFiltering,
   manualGrouping,
@@ -118,13 +118,13 @@ export const useMRT_TableOptions: <TData extends MRT_RowData>(
     [defaultDisplayColumn],
   );
 
-  if (layoutMode === 'semantic') {
-    if (rest.enableRowVirtualization || rest.enableColumnVirtualization) {
-      layoutMode = 'grid';
-    }
-    if (enableColumnResizing) {
-      layoutMode = 'grid-no-grow';
-    }
+  layoutMode =
+    layoutMode || (enableColumnResizing ? 'grid-no-grow' : 'semantic');
+  if (
+    layoutMode === 'semantic' &&
+    (rest.enableRowVirtualization || rest.enableColumnVirtualization)
+  ) {
+    layoutMode = 'grid';
   }
 
   if (rest.enableRowVirtualization) {

package/src/table/MRT_Table.tsx

@@ -65,7 +65,9 @@ export const MRT_Table = <TData extends MRT_RowData>({
     const colSizes: { [key: string]: number } = {};
     for (let i = 0; i < headers.length; i++) {
       const header = headers[i];
-      const colSize = header.getSize();
+      let colSize = header.getSize();
+      if (header.subHeaders?.length)
+        colSize = colSize * 1.05 + header.subHeaders.length * 2;
       colSizes[`--header-${parseCSSVarId(header.id)}-size`] = colSize;
       colSizes[`--col-${parseCSSVarId(header.column.id)}-size`] = colSize;
     }

package/src/types.ts

@@ -714,7 +714,7 @@ export type MRT_TableOptions<TData extends MRT_RowData> = Omit<
       }) => Partial<VirtualizerOptions<HTMLDivElement, HTMLTableCellElement>>)
     | Partial<VirtualizerOptions<HTMLDivElement, HTMLTableCellElement>>;
   /**
-   * The columns to display in the table. `accessorKey`s or `accessorFn`s must match keys in the `data` prop.
+   * The columns to display in the table. `accessorKey`s or `accessorFn`s must match keys in the `data` table option.
    *
    * See more info on creating columns on the official docs site:
    * @link https://www.material-react-table.com/docs/guides/data-columns
@@ -733,7 +733,7 @@ export type MRT_TableOptions<TData extends MRT_RowData> = Omit<
    */
   data: TData[];
   /**
-   * Instead of specifying a bunch of the same options for each column, you can just change an option in the `defaultColumn` prop to change a default option for all columns.
+   * Instead of specifying a bunch of the same options for each column, you can just change an option in the `defaultColumn` table option to change a default option for all columns.
    */
   defaultColumn?: Partial<MRT_ColumnDef<TData>>;
   /**

package/dist/types/MaterialReactTable.d.ts

@@ -1,7 +0,0 @@
-import { type MRT_RowData, type MRT_TableInstance, type MRT_TableOptions, type Xor } from './types';
-type TableInstanceProp<TData extends MRT_RowData> = {
-    table: MRT_TableInstance<TData>;
-};
-type Props<TData extends MRT_RowData> = Xor<TableInstanceProp<TData>, MRT_TableOptions<TData>>;
-export declare const MaterialReactTable: <TData extends MRT_RowData>(props: Props<TData>) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/types/aggregationFns.d.ts

@@ -1,11 +0,0 @@
-export declare const MRT_AggregationFns: {
-    sum: import("@tanstack/react-table").AggregationFn<any>;
-    min: import("@tanstack/react-table").AggregationFn<any>;
-    max: import("@tanstack/react-table").AggregationFn<any>;
-    extent: import("@tanstack/react-table").AggregationFn<any>;
-    mean: import("@tanstack/react-table").AggregationFn<any>;
-    median: import("@tanstack/react-table").AggregationFn<any>;
-    unique: import("@tanstack/react-table").AggregationFn<any>;
-    uniqueCount: import("@tanstack/react-table").AggregationFn<any>;
-    count: import("@tanstack/react-table").AggregationFn<any>;
-};

package/dist/types/body/MRT_TableBody.d.ts

@@ -1,13 +0,0 @@
-import { type VirtualItem, type Virtualizer } from '@tanstack/react-virtual';
-import { type TableBodyProps } from '@mui/material/TableBody';
-import { type MRT_RowData, type MRT_TableInstance } from '../types';
-interface Props<TData extends MRT_RowData> extends TableBodyProps {
-    columnVirtualizer?: Virtualizer<HTMLDivElement, HTMLTableCellElement>;
-    table: MRT_TableInstance<TData>;
-    virtualColumns?: VirtualItem[];
-    virtualPaddingLeft?: number;
-    virtualPaddingRight?: number;
-}
-export declare const MRT_TableBody: <TData extends MRT_RowData>({ columnVirtualizer, table, virtualColumns, virtualPaddingLeft, virtualPaddingRight, ...rest }: Props<TData>) => import("react/jsx-runtime").JSX.Element;
-export declare const Memo_MRT_TableBody: <TData extends MRT_RowData>({ columnVirtualizer, table, virtualColumns, virtualPaddingLeft, virtualPaddingRight, ...rest }: Props<TData>) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/types/body/MRT_TableBodyCell.d.ts

@@ -1,15 +0,0 @@
-import { type RefObject } from 'react';
-import { type TableCellProps } from '@mui/material/TableCell';
-import { type MRT_Cell, type MRT_RowData, type MRT_TableInstance } from '../types';
-interface Props<TData extends MRT_RowData> extends TableCellProps {
-    cell: MRT_Cell<TData>;
-    measureElement?: (element: HTMLTableCellElement) => void;
-    numRows?: number;
-    rowIndex: number;
-    rowRef: RefObject<HTMLTableRowElement>;
-    table: MRT_TableInstance<TData>;
-    virtualIndex?: number;
-}
-export declare const MRT_TableBodyCell: <TData extends MRT_RowData>({ cell, measureElement, numRows, rowIndex, rowRef, table, virtualIndex, ...rest }: Props<TData>) => import("react/jsx-runtime").JSX.Element;
-export declare const Memo_MRT_TableBodyCell: <TData extends MRT_RowData>({ cell, measureElement, numRows, rowIndex, rowRef, table, virtualIndex, ...rest }: Props<TData>) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/types/body/MRT_TableBodyCellValue.d.ts

@@ -1,8 +0,0 @@
-import { type ReactNode } from 'react';
-import { type MRT_Cell, type MRT_RowData, type MRT_TableInstance } from '../types';
-interface Props<TData extends MRT_RowData> {
-    cell: MRT_Cell<TData>;
-    table: MRT_TableInstance<TData>;
-}
-export declare const MRT_TableBodyCellValue: <TData extends MRT_RowData>({ cell, table, }: Props<TData>) => ReactNode;
-export {};

package/dist/types/body/MRT_TableBodyRow.d.ts

@@ -1,18 +0,0 @@
-import { type VirtualItem, type Virtualizer } from '@tanstack/react-virtual';
-import { type MRT_Row, type MRT_RowData, type MRT_TableInstance } from '../types';
-interface Props<TData extends MRT_RowData> {
-    columnVirtualizer?: Virtualizer<HTMLDivElement, HTMLTableCellElement>;
-    measureElement?: (element: HTMLTableRowElement) => void;
-    numRows?: number;
-    pinnedRowIds?: string[];
-    row: MRT_Row<TData>;
-    rowIndex: number;
-    table: MRT_TableInstance<TData>;
-    virtualColumns?: VirtualItem[];
-    virtualPaddingLeft?: number;
-    virtualPaddingRight?: number;
-    virtualRow?: VirtualItem;
-}
-export declare const MRT_TableBodyRow: <TData extends MRT_RowData>({ columnVirtualizer, measureElement, numRows, pinnedRowIds, row, rowIndex, table, virtualColumns, virtualPaddingLeft, virtualPaddingRight, virtualRow, }: Props<TData>) => import("react/jsx-runtime").JSX.Element;
-export declare const Memo_MRT_TableBodyRow: <TData extends MRT_RowData>({ columnVirtualizer, measureElement, numRows, pinnedRowIds, row, rowIndex, table, virtualColumns, virtualPaddingLeft, virtualPaddingRight, virtualRow, }: Props<TData>) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/types/body/MRT_TableBodyRowGrabHandle.d.ts

@@ -1,10 +0,0 @@
-import { type RefObject } from 'react';
-import { type IconButtonProps } from '@mui/material/IconButton';
-import { type MRT_Row, type MRT_RowData, type MRT_TableInstance } from '../types';
-interface Props<TData extends MRT_RowData> extends IconButtonProps {
-    row: MRT_Row<TData>;
-    rowRef: RefObject<HTMLTableRowElement>;
-    table: MRT_TableInstance<TData>;
-}
-export declare const MRT_TableBodyRowGrabHandle: <TData extends MRT_RowData>({ row, rowRef, table, ...rest }: Props<TData>) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/types/body/MRT_TableBodyRowPinButton.d.ts

@@ -1,8 +0,0 @@
-import { type IconButtonProps } from '@mui/material/IconButton';
-import { type MRT_Row, type MRT_RowData, type MRT_TableInstance } from '../types';
-interface Props<TData extends MRT_RowData> extends IconButtonProps {
-    row: MRT_Row<TData>;
-    table: MRT_TableInstance<TData>;
-}
-export declare const MRT_TableBodyRowPinButton: <TData extends MRT_RowData>({ row, table, ...rest }: Props<TData>) => import("react/jsx-runtime").JSX.Element | null;
-export {};

package/dist/types/body/MRT_TableDetailPanel.d.ts

@@ -1,13 +0,0 @@
-import { type RefObject } from 'react';
-import { type VirtualItem } from '@tanstack/react-virtual';
-import { type TableCellProps } from '@mui/material/TableCell';
-import { type MRT_Row, type MRT_RowData, type MRT_TableInstance } from '../types';
-interface Props<TData extends MRT_RowData> extends TableCellProps {
-    parentRowRef: RefObject<HTMLTableRowElement>;
-    row: MRT_Row<TData>;
-    rowIndex: number;
-    table: MRT_TableInstance<TData>;
-    virtualRow?: VirtualItem;
-}
-export declare const MRT_TableDetailPanel: <TData extends MRT_RowData>({ parentRowRef, row, rowIndex, table, virtualRow, ...rest }: Props<TData>) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/types/body/index.d.ts

@@ -1,7 +0,0 @@
-export * from './MRT_TableBody';
-export * from './MRT_TableBodyCell';
-export * from './MRT_TableBodyCellValue';
-export * from './MRT_TableBodyRow';
-export * from './MRT_TableBodyRowGrabHandle';
-export * from './MRT_TableBodyRowPinButton';
-export * from './MRT_TableDetailPanel';

package/dist/types/buttons/MRT_ColumnPinningButtons.d.ts

@@ -1,8 +0,0 @@
-import { type BoxProps } from '@mui/material/Box';
-import { type MRT_Column, type MRT_RowData, type MRT_TableInstance } from '../types';
-interface Props<TData extends MRT_RowData> extends BoxProps {
-    column: MRT_Column<TData>;
-    table: MRT_TableInstance<TData>;
-}
-export declare const MRT_ColumnPinningButtons: <TData extends MRT_RowData>({ column, table, ...rest }: Props<TData>) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/types/buttons/MRT_CopyButton.d.ts

@@ -1,8 +0,0 @@
-import { type ButtonProps } from '@mui/material/Button';
-import { type MRT_Cell, type MRT_RowData, type MRT_TableInstance } from '../types';
-interface Props<TData extends MRT_RowData> extends ButtonProps {
-    cell: MRT_Cell<TData>;
-    table: MRT_TableInstance<TData>;
-}
-export declare const MRT_CopyButton: <TData extends MRT_RowData>({ cell, table, ...rest }: Props<TData>) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/types/buttons/MRT_EditActionButtons.d.ts

@@ -1,9 +0,0 @@
-import { type BoxProps } from '@mui/material/Box';
-import { type MRT_Row, type MRT_RowData, type MRT_TableInstance } from '../types';
-interface Props<TData extends MRT_RowData> extends BoxProps {
-    row: MRT_Row<TData>;
-    table: MRT_TableInstance<TData>;
-    variant?: 'icon' | 'text';
-}
-export declare const MRT_EditActionButtons: <TData extends MRT_RowData>({ row, table, variant, ...rest }: Props<TData>) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/types/buttons/MRT_ExpandAllButton.d.ts

@@ -1,7 +0,0 @@
-import { type IconButtonProps } from '@mui/material/IconButton';
-import { type MRT_RowData, type MRT_TableInstance } from '../types';
-interface Props<TData extends MRT_RowData> extends IconButtonProps {
-    table: MRT_TableInstance<TData>;
-}
-export declare const MRT_ExpandAllButton: <TData extends MRT_RowData>({ table, ...rest }: Props<TData>) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/types/buttons/MRT_ExpandButton.d.ts

@@ -1,8 +0,0 @@
-import { type IconButtonProps } from '@mui/material/IconButton';
-import { type MRT_Row, type MRT_RowData, type MRT_TableInstance } from '../types';
-interface Props<TData extends MRT_RowData> extends IconButtonProps {
-    row: MRT_Row<TData>;
-    table: MRT_TableInstance<TData>;
-}
-export declare const MRT_ExpandButton: <TData extends MRT_RowData>({ row, table, }: Props<TData>) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/types/buttons/MRT_GrabHandleButton.d.ts

@@ -1,12 +0,0 @@
-import { type DragEventHandler } from 'react';
-import { type IconButtonProps } from '@mui/material/IconButton';
-import { type MRT_RowData, type MRT_TableInstance } from '../types';
-interface Props<TData extends MRT_RowData> extends IconButtonProps {
-    iconButtonProps?: IconButtonProps;
-    location?: 'column' | 'row';
-    onDragEnd: DragEventHandler<HTMLButtonElement>;
-    onDragStart: DragEventHandler<HTMLButtonElement>;
-    table: MRT_TableInstance<TData>;
-}
-export declare const MRT_GrabHandleButton: <TData extends MRT_RowData>({ iconButtonProps, location, onDragEnd, onDragStart, table, ...rest }: Props<TData>) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/types/buttons/MRT_RowPinButton.d.ts

@@ -1,10 +0,0 @@
-import { type RowPinningPosition } from '@tanstack/react-table';
-import { type IconButtonProps } from '@mui/material/IconButton';
-import { type MRT_Row, type MRT_RowData, type MRT_TableInstance } from '../types';
-interface Props<TData extends MRT_RowData> extends IconButtonProps {
-    pinningPosition: RowPinningPosition;
-    row: MRT_Row<TData>;
-    table: MRT_TableInstance<TData>;
-}
-export declare const MRT_RowPinButton: <TData extends MRT_RowData>({ pinningPosition, row, table, ...rest }: Props<TData>) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/types/buttons/MRT_ShowHideColumnsButton.d.ts

@@ -1,7 +0,0 @@
-import { type IconButtonProps } from '@mui/material/IconButton';
-import { type MRT_RowData, type MRT_TableInstance } from '../types';
-interface Props<TData extends MRT_RowData> extends IconButtonProps {
-    table: MRT_TableInstance<TData>;
-}
-export declare const MRT_ShowHideColumnsButton: <TData extends MRT_RowData>({ table, ...rest }: Props<TData>) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/types/buttons/MRT_ToggleDensePaddingButton.d.ts

@@ -1,7 +0,0 @@
-import { type IconButtonProps } from '@mui/material/IconButton';
-import { type MRT_RowData, type MRT_TableInstance } from '../types';
-interface Props<TData extends MRT_RowData> extends IconButtonProps {
-    table: MRT_TableInstance<TData>;
-}
-export declare const MRT_ToggleDensePaddingButton: <TData extends MRT_RowData>({ table, ...rest }: Props<TData>) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/types/buttons/MRT_ToggleFiltersButton.d.ts

@@ -1,7 +0,0 @@
-import { type IconButtonProps } from '@mui/material/IconButton';
-import { type MRT_RowData, type MRT_TableInstance } from '../types';
-interface Props<TData extends MRT_RowData> extends IconButtonProps {
-    table: MRT_TableInstance<TData>;
-}
-export declare const MRT_ToggleFiltersButton: <TData extends MRT_RowData>({ table, ...rest }: Props<TData>) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/types/buttons/MRT_ToggleFullScreenButton.d.ts

@@ -1,7 +0,0 @@
-import { type IconButtonProps } from '@mui/material/IconButton';
-import { type MRT_RowData, type MRT_TableInstance } from '../types';
-interface Props<TData extends MRT_RowData> extends IconButtonProps {
-    table: MRT_TableInstance<TData>;
-}
-export declare const MRT_ToggleFullScreenButton: <TData extends MRT_RowData>({ table, ...rest }: Props<TData>) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/types/buttons/MRT_ToggleGlobalFilterButton.d.ts

@@ -1,7 +0,0 @@
-import { type IconButtonProps } from '@mui/material/IconButton';
-import { type MRT_RowData, type MRT_TableInstance } from '../types';
-interface Props<TData extends MRT_RowData> extends IconButtonProps {
-    table: MRT_TableInstance<TData>;
-}
-export declare const MRT_ToggleGlobalFilterButton: <TData extends MRT_RowData>({ table, ...rest }: Props<TData>) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/types/buttons/MRT_ToggleRowActionMenuButton.d.ts

@@ -1,9 +0,0 @@
-import { type IconButtonProps } from '@mui/material/IconButton';
-import { type MRT_Cell, type MRT_Row, type MRT_RowData, type MRT_TableInstance } from '../types';
-interface Props<TData extends MRT_RowData> extends IconButtonProps {
-    cell: MRT_Cell<TData>;
-    row: MRT_Row<TData>;
-    table: MRT_TableInstance<TData>;
-}
-export declare const MRT_ToggleRowActionMenuButton: <TData extends MRT_RowData>({ cell, row, table, ...rest }: Props<TData>) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/types/buttons/index.d.ts

@@ -1,13 +0,0 @@
-export * from './MRT_ColumnPinningButtons';
-export * from './MRT_CopyButton';
-export * from './MRT_EditActionButtons';
-export * from './MRT_ExpandAllButton';
-export * from './MRT_ExpandButton';
-export * from './MRT_GrabHandleButton';
-export * from './MRT_RowPinButton';
-export * from './MRT_ShowHideColumnsButton';
-export * from './MRT_ToggleDensePaddingButton';
-export * from './MRT_ToggleFiltersButton';
-export * from './MRT_ToggleFullScreenButton';
-export * from './MRT_ToggleGlobalFilterButton';
-export * from './MRT_ToggleRowActionMenuButton';

package/dist/types/column.utils.d.ts

@@ -1,127 +0,0 @@
-import { type ReactNode } from 'react';
-import { type Renderable, type Row } from '@tanstack/react-table';
-import { type Range } from '@tanstack/react-virtual';
-import { type MRT_AggregationFns } from './aggregationFns';
-import { type MRT_FilterFns } from './filterFns';
-import { type MRT_SortingFns } from './sortingFns';
-import { type MRT_Column, type MRT_ColumnDef, type MRT_ColumnHelper, type MRT_ColumnOrderState, type MRT_DefinedColumnDef, type MRT_DisplayColumnIds, type MRT_FilterOption, type MRT_GroupingState, type MRT_Row, type MRT_RowData, type MRT_TableInstance, type MRT_TableOptions } from './types';
-export declare const getColumnId: <TData extends MRT_RowData>(columnDef: MRT_ColumnDef<TData>) => string;
-export declare const getAllLeafColumnDefs: <TData extends MRT_RowData>(columns: MRT_ColumnDef<TData>[]) => MRT_ColumnDef<TData>[];
-export declare const prepareColumns: <TData extends MRT_RowData>({ aggregationFns, columnDefs, columnFilterFns, defaultDisplayColumn, filterFns, sortingFns, }: {
-    aggregationFns: {
-        sum: import("@tanstack/react-table").AggregationFn<any>;
-        min: import("@tanstack/react-table").AggregationFn<any>;
-        max: import("@tanstack/react-table").AggregationFn<any>;
-        extent: import("@tanstack/react-table").AggregationFn<any>;
-        mean: import("@tanstack/react-table").AggregationFn<any>;
-        median: import("@tanstack/react-table").AggregationFn<any>;
-        unique: import("@tanstack/react-table").AggregationFn<any>;
-        uniqueCount: import("@tanstack/react-table").AggregationFn<any>;
-        count: import("@tanstack/react-table").AggregationFn<any>;
-    } & Record<string, import("@tanstack/react-table").AggregationFn<any>>;
-    columnDefs: MRT_ColumnDef<TData>[];
-    columnFilterFns: {
-        [key: string]: MRT_FilterOption;
-    };
-    defaultDisplayColumn: Partial<MRT_ColumnDef<TData>>;
-    filterFns: {
-        between: {
-            <TData_1 extends MRT_RowData>(row: Row<TData_1>, id: string, filterValues: [string | number, string | number]): boolean;
-            autoRemove(val: any): boolean;
-        };
-        betweenInclusive: {
-            <TData_2 extends MRT_RowData>(row: Row<TData_2>, id: string, filterValues: [string | number, string | number]): boolean;
-            autoRemove(val: any): boolean;
-        };
-        contains: {
-            <TData_3 extends MRT_RowData>(row: Row<TData_3>, id: string, filterValue: string | number): boolean;
-            autoRemove(val: any): boolean;
-        };
-        empty: {
-            <TData_4 extends MRT_RowData>(row: Row<TData_4>, id: string, _filterValue: string | number): boolean;
-            autoRemove(val: any): boolean;
-        };
-        endsWith: {
-            <TData_5 extends MRT_RowData>(row: Row<TData_5>, id: string, filterValue: string | number): boolean;
-            autoRemove(val: any): boolean;
-        };
-        equals: {
-            <TData_6 extends MRT_RowData>(row: Row<TData_6>, id: string, filterValue: string | number): boolean;
-            autoRemove(val: any): boolean;
-        };
-        fuzzy: {
-            <TData_7 extends MRT_RowData>(row: Row<TData_7>, columnId: string, filterValue: string | number, addMeta: (item: import("@tanstack/match-sorter-utils").RankingInfo) => void): boolean;
-            autoRemove(val: any): boolean;
-        };
-        greaterThan: {
-            <TData_8 extends MRT_RowData>(row: Row<TData_8>, id: string, filterValue: string | number): boolean;
-            autoRemove(val: any): boolean;
-        };
-        greaterThanOrEqualTo: {
-            <TData_9 extends MRT_RowData>(row: Row<TData_9>, id: string, filterValue: string | number): boolean;
-            autoRemove(val: any): boolean;
-        };
-        lessThan: {
-            <TData_10 extends MRT_RowData>(row: Row<TData_10>, id: string, filterValue: string | number): boolean;
-            autoRemove(val: any): boolean;
-        };
-        lessThanOrEqualTo: {
-            <TData_11 extends MRT_RowData>(row: Row<TData_11>, id: string, filterValue: string | number): boolean;
-            autoRemove(val: any): boolean;
-        };
-        notEmpty: {
-            <TData_12 extends MRT_RowData>(row: Row<TData_12>, id: string, _filterValue: string | number): boolean;
-            autoRemove(val: any): boolean;
-        };
-        notEquals: {
-            <TData_13 extends MRT_RowData>(row: Row<TData_13>, id: string, filterValue: string | number): boolean;
-            autoRemove(val: any): boolean;
-        };
-        startsWith: {
-            <TData_14 extends MRT_RowData>(row: Row<TData_14>, id: string, filterValue: string | number): boolean;
-            autoRemove(val: any): boolean;
-        };
-        includesString: import("@tanstack/react-table").FilterFn<any>;
-        includesStringSensitive: import("@tanstack/react-table").FilterFn<any>;
-        equalsString: import("@tanstack/react-table").FilterFn<any>;
-        arrIncludes: import("@tanstack/react-table").FilterFn<any>;
-        arrIncludesAll: import("@tanstack/react-table").FilterFn<any>;
-        arrIncludesSome: import("@tanstack/react-table").FilterFn<any>;
-        weakEquals: import("@tanstack/react-table").FilterFn<any>;
-        inNumberRange: import("@tanstack/react-table").FilterFn<any>;
-    } & Record<string, import("@tanstack/react-table").FilterFn<any>>;
-    sortingFns: {
-        fuzzy: <TData_15 extends MRT_RowData>(rowA: Row<TData_15>, rowB: Row<TData_15>, columnId: string) => number;
-        alphanumeric: import("@tanstack/react-table").SortingFn<any>;
-        alphanumericCaseSensitive: import("@tanstack/react-table").SortingFn<any>;
-        text: import("@tanstack/react-table").SortingFn<any>;
-        textCaseSensitive: import("@tanstack/react-table").SortingFn<any>;
-        datetime: import("@tanstack/react-table").SortingFn<any>;
-        basic: import("@tanstack/react-table").SortingFn<any>;
-    } & Record<string, import("@tanstack/react-table").SortingFn<any>>;
-}) => MRT_DefinedColumnDef<TData>[];
-export declare const reorderColumn: <TData extends MRT_RowData>(draggedColumn: MRT_Column<TData>, targetColumn: MRT_Column<TData>, columnOrder: MRT_ColumnOrderState) => MRT_ColumnOrderState;
-export declare const showExpandColumn: <TData extends MRT_RowData>(props: MRT_TableOptions<TData>, grouping?: MRT_GroupingState) => boolean;
-export declare const getLeadingDisplayColumnIds: <TData extends MRT_RowData>(props: MRT_TableOptions<TData>) => MRT_DisplayColumnIds[];
-export declare const getTrailingDisplayColumnIds: <TData extends MRT_RowData>(props: MRT_TableOptions<TData>) => MRT_DisplayColumnIds[];
-export declare const getDefaultColumnOrderIds: <TData extends MRT_RowData>(props: MRT_TableOptions<TData>) => string[];
-export declare const getDefaultColumnFilterFn: <TData extends MRT_RowData>(columnDef: MRT_ColumnDef<TData>) => MRT_FilterOption;
-export declare const getIsFirstColumn: <TData extends MRT_RowData>(column: MRT_Column<TData>, table: MRT_TableInstance<TData>) => boolean;
-export declare const getIsLastColumn: <TData extends MRT_RowData>(column: MRT_Column<TData>, table: MRT_TableInstance<TData>) => boolean;
-export declare const getIsLastLeftPinnedColumn: <TData extends MRT_RowData>(table: MRT_TableInstance<TData>, column: MRT_Column<TData>) => boolean;
-export declare const getIsFirstRightPinnedColumn: <TData extends MRT_RowData>(column: MRT_Column<TData>) => boolean;
-export declare const getTotalRight: <TData extends MRT_RowData>(table: MRT_TableInstance<TData>, column: MRT_Column<TData>) => number;
-export declare const getCanRankRows: <TData extends MRT_RowData>(table: MRT_TableInstance<TData>) => boolean | undefined;
-export declare const parseFromValuesOrFunc: <T, U>(fn: T | ((arg: U) => T) | undefined, arg: U) => T | undefined;
-export declare const flexRender: (Comp: Renderable<any>, props: any) => JSX.Element | ReactNode;
-export declare const createRow: <TData extends MRT_RowData>(table: MRT_TableInstance<TData>, originalRow?: TData | undefined) => MRT_Row<TData>;
-export declare const extraIndexRangeExtractor: (range: Range, draggingIndex: number) => number[];
-export declare function createMRTColumnHelper<TData extends MRT_RowData>(): MRT_ColumnHelper<TData>;
-export declare const getValueAndLabel: (option: {
-    label?: string;
-    text?: string;
-    value: string;
-} | string) => {
-    label: string;
-    value: string;
-};