material-react-table 1.0.5 → 1.0.7

package/dist/cjs/table/MRT_TableRoot.d.ts

@@ -168,7 +168,7 @@ export declare const MRT_TableRoot: <TData extends Record<string, any> = {}>(pro
     muiTopToolbarProps?: import("@mui/material").ToolbarProps<"div", {}> | (({ table }: {
         table: MRT_TableInstance<TData>;
     }) => import("@mui/material").ToolbarProps<"div", {}>) | undefined;
-    onDensityChange?: import("@tanstack/table-core").OnChangeFn<boolean> | undefined;
+    onDensityChange?: import("@tanstack/table-core").OnChangeFn<"compact" | "comfortable" | "spacious"> | undefined;
     onDraggingColumnChange?: import("@tanstack/table-core").OnChangeFn<MRT_Column<TData> | null> | undefined;
     onDraggingRowChange?: import("@tanstack/table-core").OnChangeFn<MRT_Row<TData> | null> | undefined;
     onEditingCellChange?: import("@tanstack/table-core").OnChangeFn<MRT_Cell<TData> | null> | undefined;

package/dist/esm/MaterialReactTable.d.ts

@@ -5,6 +5,10 @@ import type { Options as VirtualizerOptions, VirtualItem } from 'react-virtual';
 import { MRT_Icons } from './icons';
 import { MRT_FilterFns } from './filterFns';
 import { MRT_SortingFns } from './sortingFns';
+/**
+ * Most of this file is just TypeScript types
+ */
+declare type DensityState = 'comfortable' | 'compact' | 'spacious';
 declare type LiteralUnion<T extends U, U = string> = T | (U & Record<never, never>);
 export interface MRT_Localization {
     actions: string;
@@ -134,7 +138,7 @@ export declare type MRT_TableInstance<TData extends Record<string, any> = {}> =
     setColumnFilterFns: Dispatch<SetStateAction<{
         [key: string]: MRT_FilterOption;
     }>>;
-    setDensity: Dispatch<SetStateAction<'comfortable' | 'compact' | 'spacious'>>;
+    setDensity: Dispatch<SetStateAction<DensityState>>;
     setDraggingColumn: Dispatch<SetStateAction<MRT_Column<TData> | null>>;
     setDraggingRow: Dispatch<SetStateAction<MRT_Row<TData> | null>>;
     setEditingCell: Dispatch<SetStateAction<MRT_Cell<TData> | null>>;
@@ -153,7 +157,7 @@ export declare type MRT_TableInstance<TData extends Record<string, any> = {}> =
 };
 export declare type MRT_TableState<TData extends Record<string, any> = {}> = TableState & {
     columnFilterFns: Record<string, MRT_FilterOption>;
-    density: 'comfortable' | 'compact' | 'spacious';
+    density: DensityState;
     draggingColumn: MRT_Column<TData> | null;
     draggingRow: MRT_Row<TData> | null;
     editingCell: MRT_Cell<TData> | null;
@@ -377,9 +381,31 @@ export declare type MRT_DisplayColumnIds = 'mrt-row-actions' | 'mrt-row-drag' |
  */
 export declare type MaterialReactTableProps<TData extends Record<string, any> = {}> = Omit<Partial<TableOptions<TData>>, 'columns' | 'data' | 'defaultColumn' | 'enableRowSelection' | 'expandRowsFn' | 'initialState' | 'onStateChange' | 'state'> & {
     columnFilterModeOptions?: (MRT_FilterOption | string)[] | null;
+    /**
+     * The columns to display in the table. `accessorKey`s or `accessorFn`s must match keys in the `data` prop.
+     *
+     * See more info on creating columns on the official docs site:
+     * @link https://www.material-react-table.com/docs/guides/data-columns
+     * @link https://www.material-react-table.com/docs/guides/display-columns
+     *
+     * See all Columns Options on the official docs site:
+     * @link https://www.material-react-table.com/docs/api/column-options
+     */
     columns: MRT_ColumnDef<TData>[];
+    /**
+     * Pass your data as an array of objects. Objects can theoretically be any shape, but it's best to keep them consistent.
+     *
+     * See the usage guide for more info on creating columns and data:
+     * @link https://www.material-react-table.com/docs/getting-started/usage
+     */
     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.
+     */
     defaultColumn?: Partial<MRT_ColumnDef<TData>>;
+    /**
+     * Change the default options for display columns.
+     */
     defaultDisplayColumn?: Partial<MRT_ColumnDef<TData>>;
     displayColumnDefOptions?: Partial<{
         [key in MRT_DisplayColumnIds]: Partial<MRT_ColumnDef>;
@@ -539,7 +565,7 @@ export declare type MaterialReactTableProps<TData extends Record<string, any> =
     muiTopToolbarProps?: ToolbarProps | (({ table }: {
         table: MRT_TableInstance<TData>;
     }) => ToolbarProps);
-    onDensityChange?: OnChangeFn<boolean>;
+    onDensityChange?: OnChangeFn<DensityState>;
     onDraggingColumnChange?: OnChangeFn<MRT_Column<TData> | null>;
     onDraggingRowChange?: OnChangeFn<MRT_Row<TData> | null>;
     onEditingCellChange?: OnChangeFn<MRT_Cell<TData> | null>;

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

@@ -1,8 +1,8 @@
-import React from 'react';
+import { FC } from 'react';
 import { MRT_Cell, MRT_TableInstance } from '..';
 interface Props {
     cell: MRT_Cell;
     table: MRT_TableInstance;
 }
-export declare const MRT_TableBodyCellValue: React.NamedExoticComponent<Props>;
+export declare const MRT_TableBodyCellValue: FC<Props>;
 export {};

package/dist/esm/material-react-table.esm.js

@@ -1,4 +1,4 @@
-import React, { useMemo, useRef, useState, useCallback, useEffect, Fragment, memo, useLayoutEffect } from 'react';
+import React, { useMemo, useRef, useState, useCallback, useEffect, Fragment, useLayoutEffect } from 'react';
 import { aggregationFns, filterFns, sortingFns, useReactTable, getCoreRowModel, getExpandedRowModel, getFacetedRowModel, getFilteredRowModel, getGroupedRowModel, getPaginationRowModel, getSortedRowModel } from '@tanstack/react-table';
 import { ArrowRight, Cancel, CheckBox, ClearAll, Close, DensityLarge, DensityMedium, DensitySmall, DragHandle, DynamicFeed, Edit, ExpandLess, ExpandMore, FilterAlt, FilterAltOff, FilterList, FilterListOff, FullscreenExit, Fullscreen, KeyboardDoubleArrowDown, MoreHoriz, MoreVert, PushPin, RestartAlt, Save, Search, SearchOff, Sort, ViewColumn, VisibilityOff } from '@mui/icons-material';
 import { rankItem, rankings, compareItems } from '@tanstack/match-sorter-utils';
@@ -566,9 +566,10 @@ const getLeadingDisplayColumnIds = (props) => {
     var _a;
     return [
         (props.enableRowDragging || props.enableRowOrdering) && 'mrt-row-drag',
-        ((props.positionActionsColumn === 'first' && props.enableRowActions) ||
-            (props.enableEditing &&
-                ['row', 'modal'].includes((_a = props.editingMode) !== null && _a !== void 0 ? _a : ''))) &&
+        props.positionActionsColumn === 'first' &&
+            (props.enableRowActions ||
+                (props.enableEditing &&
+                    ['row', 'modal'].includes((_a = props.editingMode) !== null && _a !== void 0 ? _a : ''))) &&
             'mrt-row-actions',
         props.positionExpandColumn === 'first' &&
             showExpandColumn(props) &&
@@ -580,9 +581,10 @@ const getLeadingDisplayColumnIds = (props) => {
 const getTrailingDisplayColumnIds = (props) => {
     var _a;
     return [
-        ((props.positionActionsColumn === 'last' && props.enableRowActions) ||
-            (props.enableEditing &&
-                ['row', 'modal'].includes((_a = props.editingMode) !== null && _a !== void 0 ? _a : ''))) &&
+        props.positionActionsColumn === 'last' &&
+            (props.enableRowActions ||
+                (props.enableEditing &&
+                    ['row', 'modal'].includes((_a = props.editingMode) !== null && _a !== void 0 ? _a : ''))) &&
             'mrt-row-actions',
         props.positionExpandColumn === 'last' &&
             showExpandColumn(props) &&
@@ -2071,7 +2073,7 @@ const MRT_TableBodyRowGrabHandle = ({ cell, rowRef, table, }) => {
     return (React.createElement(MRT_GrabHandleButton, { iconButtonProps: iconButtonProps, onDragStart: handleDragStart, onDragEnd: handleDragEnd, table: table }));
 };
 
-const _MRT_TableBodyCellValue = ({ cell, table }) => {
+const MRT_TableBodyCellValue = ({ cell, table }) => {
     var _a, _b;
     const { column, row } = cell;
     const { columnDef } = column;
@@ -2093,7 +2095,6 @@ const _MRT_TableBodyCellValue = ({ cell, table }) => {
                 })
                 : (_b = (_a = columnDef === null || columnDef === void 0 ? void 0 : columnDef.Cell) === null || _a === void 0 ? void 0 : _a.call(columnDef, { cell, column, row, table })) !== null && _b !== void 0 ? _b : cell.renderValue()));
 };
-const MRT_TableBodyCellValue = memo(_MRT_TableBodyCellValue, (prev, next) => prev.cell.getValue() === next.cell.getValue());
 
 const MRT_TableBodyCell = ({ cell, enableHover, rowIndex, rowRef, table, }) => {
     var _a, _b;