material-react-table 1.0.5 → 1.0.7

package/dist/cjs/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/cjs/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/cjs/index.js

@@ -574,9 +574,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) &&
@@ -588,9 +589,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) &&
@@ -2079,7 +2081,7 @@ const MRT_TableBodyRowGrabHandle = ({ cell, rowRef, table, }) => {
     return (React__default["default"].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;
@@ -2101,7 +2103,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 = React.memo(_MRT_TableBodyCellValue, (prev, next) => prev.cell.getValue() === next.cell.getValue());
 
 const MRT_TableBodyCell = ({ cell, enableHover, rowIndex, rowRef, table, }) => {
     var _a, _b;