material-react-table 2.7.0 → 2.9.0

package/src/{buttons → components/buttons}/MRT_GrabHandleButton.tsx

@@ -1,9 +1,9 @@
 import { type DragEventHandler } from 'react';
 import IconButton, { type IconButtonProps } from '@mui/material/IconButton';
 import Tooltip from '@mui/material/Tooltip';
-import { parseFromValuesOrFunc } from '../column.utils';
-import { getCommonTooltipProps } from '../style.utils';
-import { type MRT_RowData, type MRT_TableInstance } from '../types';
+import { type MRT_RowData, type MRT_TableInstance } from '../../types';
+import { getCommonTooltipProps } from '../../utils/style.utils';
+import { parseFromValuesOrFunc } from '../../utils/utils';
 
 interface Props<TData extends MRT_RowData> extends IconButtonProps {
   iconButtonProps?: IconButtonProps;

package/src/{buttons → components/buttons}/MRT_RowPinButton.tsx

@@ -2,13 +2,13 @@ import { type MouseEvent, useState } from 'react';
 import { type RowPinningPosition } from '@tanstack/react-table';
 import IconButton, { type IconButtonProps } from '@mui/material/IconButton';
 import Tooltip from '@mui/material/Tooltip';
-import { parseFromValuesOrFunc } from '../column.utils';
-import { getCommonTooltipProps } from '../style.utils';
 import {
   type MRT_Row,
   type MRT_RowData,
   type MRT_TableInstance,
-} from '../types';
+} from '../../types';
+import { getCommonTooltipProps } from '../../utils/style.utils';
+import { parseFromValuesOrFunc } from '../../utils/utils';
 
 interface Props<TData extends MRT_RowData> extends IconButtonProps {
   pinningPosition: RowPinningPosition;

package/src/{buttons → components/buttons}/MRT_ShowHideColumnsButton.tsx

@@ -1,8 +1,8 @@
 import { type MouseEvent, useState } from 'react';
 import IconButton, { type IconButtonProps } from '@mui/material/IconButton';
 import Tooltip from '@mui/material/Tooltip';
+import { type MRT_RowData, type MRT_TableInstance } from '../../types';
 import { MRT_ShowHideColumnsMenu } from '../menus/MRT_ShowHideColumnsMenu';
-import { type MRT_RowData, type MRT_TableInstance } from '../types';
 
 interface Props<TData extends MRT_RowData> extends IconButtonProps {
   table: MRT_TableInstance<TData>;

package/src/{buttons → components/buttons}/MRT_ToggleDensePaddingButton.tsx

@@ -1,6 +1,6 @@
 import IconButton, { type IconButtonProps } from '@mui/material/IconButton';
 import Tooltip from '@mui/material/Tooltip';
-import { type MRT_RowData, type MRT_TableInstance } from '../types';
+import { type MRT_RowData, type MRT_TableInstance } from '../../types';
 
 interface Props<TData extends MRT_RowData> extends IconButtonProps {
   table: MRT_TableInstance<TData>;

package/src/{buttons → components/buttons}/MRT_ToggleFiltersButton.tsx

@@ -1,6 +1,6 @@
 import IconButton, { type IconButtonProps } from '@mui/material/IconButton';
 import Tooltip from '@mui/material/Tooltip';
-import { type MRT_RowData, type MRT_TableInstance } from '../types';
+import { type MRT_RowData, type MRT_TableInstance } from '../../types';
 
 interface Props<TData extends MRT_RowData> extends IconButtonProps {
   table: MRT_TableInstance<TData>;

package/src/{buttons → components/buttons}/MRT_ToggleFullScreenButton.tsx

@@ -1,7 +1,7 @@
 import { useState } from 'react';
 import IconButton, { type IconButtonProps } from '@mui/material/IconButton';
 import Tooltip from '@mui/material/Tooltip';
-import { type MRT_RowData, type MRT_TableInstance } from '../types';
+import { type MRT_RowData, type MRT_TableInstance } from '../../types';
 
 interface Props<TData extends MRT_RowData> extends IconButtonProps {
   table: MRT_TableInstance<TData>;

package/src/{buttons → components/buttons}/MRT_ToggleGlobalFilterButton.tsx

@@ -1,6 +1,6 @@
 import IconButton, { type IconButtonProps } from '@mui/material/IconButton';
 import Tooltip from '@mui/material/Tooltip';
-import { type MRT_RowData, type MRT_TableInstance } from '../types';
+import { type MRT_RowData, type MRT_TableInstance } from '../../types';
 
 interface Props<TData extends MRT_RowData> extends IconButtonProps {
   table: MRT_TableInstance<TData>;

package/src/{buttons → components/buttons}/MRT_ToggleRowActionMenuButton.tsx

@@ -2,15 +2,15 @@ import { type MouseEvent, useState } from 'react';
 import IconButton, { type IconButtonProps } from '@mui/material/IconButton';
 import Tooltip from '@mui/material/Tooltip';
 import { MRT_EditActionButtons } from './MRT_EditActionButtons';
-import { parseFromValuesOrFunc } from '../column.utils';
-import { MRT_RowActionMenu } from '../menus/MRT_RowActionMenu';
-import { getCommonTooltipProps } from '../style.utils';
 import {
   type MRT_Cell,
   type MRT_Row,
   type MRT_RowData,
   type MRT_TableInstance,
-} from '../types';
+} from '../../types';
+import { getCommonTooltipProps } from '../../utils/style.utils';
+import { parseFromValuesOrFunc } from '../../utils/utils';
+import { MRT_RowActionMenu } from '../menus/MRT_RowActionMenu';
 
 const commonIconButtonStyles = {
   '&:hover': {

package/src/{footer → components/footer}/MRT_TableFooter.tsx

@@ -1,11 +1,11 @@
 import TableFooter, { type TableFooterProps } from '@mui/material/TableFooter';
 import { MRT_TableFooterRow } from './MRT_TableFooterRow';
-import { parseFromValuesOrFunc } from '../column.utils';
 import {
   type MRT_ColumnVirtualizer,
   type MRT_RowData,
   type MRT_TableInstance,
-} from '../types';
+} from '../../types';
+import { parseFromValuesOrFunc } from '../../utils/utils';
 
 interface Props<TData extends MRT_RowData> extends TableFooterProps {
   columnVirtualizer?: MRT_ColumnVirtualizer;

package/src/{footer → components/footer}/MRT_TableFooterCell.tsx

@@ -1,33 +1,40 @@
 import TableCell, { type TableCellProps } from '@mui/material/TableCell';
 import { useTheme } from '@mui/material/styles';
-import { parseFromValuesOrFunc } from '../column.utils';
-import { getCommonMRTCellStyles } from '../style.utils';
 import {
   type MRT_Header,
   type MRT_RowData,
   type MRT_TableInstance,
-} from '../types';
+} from '../../types';
+import { getCommonMRTCellStyles } from '../../utils/style.utils';
+import { parseFromValuesOrFunc } from '../../utils/utils';
 
 interface Props<TData extends MRT_RowData> extends TableCellProps {
   footer: MRT_Header<TData>;
+  staticColumnIndex?: number;
   table: MRT_TableInstance<TData>;
 }
 
 export const MRT_TableFooterCell = <TData extends MRT_RowData>({
   footer,
+  staticColumnIndex,
   table,
   ...rest
 }: Props<TData>) => {
   const theme = useTheme();
   const {
     getState,
-    options: { layoutMode, muiTableFooterCellProps },
+    options: { enableColumnPinning, layoutMode, muiTableFooterCellProps },
   } = table;
   const { density } = getState();
   const { column } = footer;
   const { columnDef } = column;
   const { columnDefType } = columnDef;
 
+  const isColumnPinned =
+    enableColumnPinning &&
+    columnDef.columnDefType !== 'group' &&
+    column.getIsPinned();
+
   const args = { column, table };
   const tableCellProps = {
     ...parseFromValuesOrFunc(muiTableFooterCellProps, args),
@@ -45,6 +52,8 @@ export const MRT_TableFooterCell = <TData extends MRT_RowData>({
             : 'left'
       }
       colSpan={footer.colSpan}
+      data-index={staticColumnIndex}
+      data-pinned={!!isColumnPinned || undefined}
       variant="footer"
       {...tableCellProps}
       sx={(theme) => ({

package/src/{footer → components/footer}/MRT_TableFooterRow.tsx

@@ -1,14 +1,15 @@
 import TableRow, { type TableRowProps } from '@mui/material/TableRow';
 import { MRT_TableFooterCell } from './MRT_TableFooterCell';
-import { parseFromValuesOrFunc } from '../column.utils';
-import { getMRTTheme } from '../style.utils';
 import {
   type MRT_ColumnVirtualizer,
   type MRT_Header,
   type MRT_HeaderGroup,
   type MRT_RowData,
   type MRT_TableInstance,
-} from '../types';
+  type MRT_VirtualItem,
+} from '../../types';
+import { getMRTTheme } from '../../utils/style.utils';
+import { parseFromValuesOrFunc } from '../../utils/utils';
 
 interface Props<TData extends MRT_RowData> extends TableRowProps {
   columnVirtualizer?: MRT_ColumnVirtualizer;
@@ -61,15 +62,25 @@ export const MRT_TableFooterRow = <TData extends MRT_RowData>({
       {virtualPaddingLeft ? (
         <th style={{ display: 'flex', width: virtualPaddingLeft }} />
       ) : null}
-      {(virtualColumns ?? footerGroup.headers).map((footerOrVirtualFooter) => {
-        const footer = virtualColumns
-          ? footerGroup.headers[footerOrVirtualFooter.index]
-          : (footerOrVirtualFooter as MRT_Header<TData>);
+      {(virtualColumns ?? footerGroup.headers).map(
+        (footerOrVirtualFooter, staticColumnIndex) => {
+          let footer = footerOrVirtualFooter as MRT_Header<TData>;
+          if (columnVirtualizer) {
+            staticColumnIndex = (footerOrVirtualFooter as MRT_VirtualItem)
+              .index;
+            footer = footerGroup.headers[staticColumnIndex];
+          }
 
-        return footer ? (
-          <MRT_TableFooterCell footer={footer} key={footer.id} table={table} />
-        ) : null;
-      })}
+          return footer ? (
+            <MRT_TableFooterCell
+              footer={footer}
+              key={footer.id}
+              staticColumnIndex={staticColumnIndex}
+              table={table}
+            />
+          ) : null;
+        },
+      )}
       {virtualPaddingRight ? (
         <th style={{ display: 'flex', width: virtualPaddingRight }} />
       ) : null}

package/src/{head → components/head}/MRT_TableHead.tsx

@@ -1,12 +1,12 @@
 import TableHead, { type TableHeadProps } from '@mui/material/TableHead';
 import { MRT_TableHeadRow } from './MRT_TableHeadRow';
-import { parseFromValuesOrFunc } from '../column.utils';
-import { MRT_ToolbarAlertBanner } from '../toolbar/MRT_ToolbarAlertBanner';
 import {
   type MRT_ColumnVirtualizer,
   type MRT_RowData,
   type MRT_TableInstance,
-} from '../types';
+} from '../../types';
+import { parseFromValuesOrFunc } from '../../utils/utils';
+import { MRT_ToolbarAlertBanner } from '../toolbar/MRT_ToolbarAlertBanner';
 
 interface Props<TData extends MRT_RowData> extends TableHeadProps {
   columnVirtualizer?: MRT_ColumnVirtualizer;

package/src/{head → components/head}/MRT_TableHeadCell.tsx

@@ -9,21 +9,23 @@ import { MRT_TableHeadCellFilterLabel } from './MRT_TableHeadCellFilterLabel';
 import { MRT_TableHeadCellGrabHandle } from './MRT_TableHeadCellGrabHandle';
 import { MRT_TableHeadCellResizeHandle } from './MRT_TableHeadCellResizeHandle';
 import { MRT_TableHeadCellSortLabel } from './MRT_TableHeadCellSortLabel';
-import { parseFromValuesOrFunc } from '../column.utils';
-import { getCommonMRTCellStyles, getMRTTheme } from '../style.utils';
 import {
   type MRT_Header,
   type MRT_RowData,
   type MRT_TableInstance,
-} from '../types';
+} from '../../types';
+import { getCommonMRTCellStyles, getMRTTheme } from '../../utils/style.utils';
+import { parseFromValuesOrFunc } from '../../utils/utils';
 
 interface Props<TData extends MRT_RowData> extends TableCellProps {
   header: MRT_Header<TData>;
+  staticColumnIndex?: number;
   table: MRT_TableInstance<TData>;
 }
 
 export const MRT_TableHeadCell = <TData extends MRT_RowData>({
   header,
+  staticColumnIndex,
   table,
   ...rest
 }: Props<TData>) => {
@@ -37,6 +39,7 @@ export const MRT_TableHeadCell = <TData extends MRT_RowData>({
       enableColumnActions,
       enableColumnDragging,
       enableColumnOrdering,
+      enableColumnPinning,
       enableGrouping,
       enableMultiSort,
       layoutMode,
@@ -68,6 +71,11 @@ export const MRT_TableHeadCell = <TData extends MRT_RowData>({
 
   const { draggingBorderColor } = getMRTTheme(table, theme);
 
+  const isColumnPinned =
+    enableColumnPinning &&
+    columnDef.columnDefType !== 'group' &&
+    column.getIsPinned();
+
   const showColumnActions =
     (enableColumnActions || columnDef.enableColumnActions) &&
     columnDef.enableColumnActions !== false;
@@ -147,6 +155,8 @@ export const MRT_TableHeadCell = <TData extends MRT_RowData>({
             : 'left'
       }
       colSpan={header.colSpan}
+      data-index={staticColumnIndex}
+      data-pinned={!!isColumnPinned || undefined}
       onDragEnter={handleDragEnter}
       ref={(node: HTMLTableCellElement) => {
         if (node) {

package/src/{head → components/head}/MRT_TableHeadCellColumnActionsButton.tsx

@@ -1,14 +1,14 @@
 import { type MouseEvent, useState } from 'react';
 import IconButton, { type IconButtonProps } from '@mui/material/IconButton';
 import Tooltip from '@mui/material/Tooltip';
-import { parseFromValuesOrFunc } from '../column.utils';
-import { MRT_ColumnActionMenu } from '../menus/MRT_ColumnActionMenu';
-import { getCommonTooltipProps } from '../style.utils';
 import {
   type MRT_Header,
   type MRT_RowData,
   type MRT_TableInstance,
-} from '../types';
+} from '../../types';
+import { getCommonTooltipProps } from '../../utils/style.utils';
+import { parseFromValuesOrFunc } from '../../utils/utils';
+import { MRT_ColumnActionMenu } from '../menus/MRT_ColumnActionMenu';
 
 interface Props<TData extends MRT_RowData> extends IconButtonProps {
   header: MRT_Header<TData>;

package/src/{head → components/head}/MRT_TableHeadCellFilterContainer.tsx

@@ -1,13 +1,13 @@
 import Collapse, { type CollapseProps } from '@mui/material/Collapse';
-import { MRT_FilterCheckbox } from '../inputs/MRT_FilterCheckbox';
-import { MRT_FilterRangeFields } from '../inputs/MRT_FilterRangeFields';
-import { MRT_FilterRangeSlider } from '../inputs/MRT_FilterRangeSlider';
-import { MRT_FilterTextField } from '../inputs/MRT_FilterTextField';
 import {
   type MRT_Header,
   type MRT_RowData,
   type MRT_TableInstance,
-} from '../types';
+} from '../../types';
+import { MRT_FilterCheckbox } from '../inputs/MRT_FilterCheckbox';
+import { MRT_FilterRangeFields } from '../inputs/MRT_FilterRangeFields';
+import { MRT_FilterRangeSlider } from '../inputs/MRT_FilterRangeSlider';
+import { MRT_FilterTextField } from '../inputs/MRT_FilterTextField';
 
 interface Props<TData extends MRT_RowData> extends CollapseProps {
   header: MRT_Header<TData>;

package/src/{head → components/head}/MRT_TableHeadCellFilterLabel.tsx

@@ -5,12 +5,12 @@ import IconButton, { type IconButtonProps } from '@mui/material/IconButton';
 import Popover from '@mui/material/Popover';
 import Tooltip from '@mui/material/Tooltip';
 import { MRT_TableHeadCellFilterContainer } from './MRT_TableHeadCellFilterContainer';
-import { parseFromValuesOrFunc } from '../column.utils';
 import {
   type MRT_Header,
   type MRT_RowData,
   type MRT_TableInstance,
-} from '../types';
+} from '../../types';
+import { parseFromValuesOrFunc } from '../../utils/utils';
 
 interface Props<TData extends MRT_RowData> extends IconButtonProps {
   header: MRT_Header<TData>;

package/src/{head → components/head}/MRT_TableHeadCellGrabHandle.tsx

@@ -1,12 +1,13 @@
 import { type DragEvent, type RefObject } from 'react';
 import { type IconButtonProps } from '@mui/material/IconButton';
-import { MRT_GrabHandleButton } from '../buttons/MRT_GrabHandleButton';
-import { parseFromValuesOrFunc, reorderColumn } from '../column.utils';
 import {
   type MRT_Column,
   type MRT_RowData,
   type MRT_TableInstance,
-} from '../types';
+} from '../../types';
+import { reorderColumn } from '../../utils/column.utils';
+import { parseFromValuesOrFunc } from '../../utils/utils';
+import { MRT_GrabHandleButton } from '../buttons/MRT_GrabHandleButton';
 
 interface Props<TData extends MRT_RowData> extends IconButtonProps {
   column: MRT_Column<TData>;

package/src/{head → components/head}/MRT_TableHeadCellResizeHandle.tsx

@@ -1,11 +1,11 @@
 import Box from '@mui/material/Box';
 import Divider, { type DividerProps } from '@mui/material/Divider';
-import { parseFromValuesOrFunc } from '../column.utils';
 import {
   type MRT_Header,
   type MRT_RowData,
   type MRT_TableInstance,
-} from '../types';
+} from '../../types';
+import { parseFromValuesOrFunc } from '../../utils/utils';
 
 interface Props<TData extends MRT_RowData> extends DividerProps {
   header: MRT_Header<TData>;
@@ -25,6 +25,8 @@ export const MRT_TableHeadCellResizeHandle = <TData extends MRT_RowData>({
   const { density } = getState();
   const { column } = header;
 
+  const handler = header.getResizeHandler();
+
   const mx =
     density === 'compact'
       ? '-8px'
@@ -44,8 +46,8 @@ export const MRT_TableHeadCellResizeHandle = <TData extends MRT_RowData>({
         }));
         column.resetSize();
       }}
-      onMouseDown={header.getResizeHandler()}
-      onTouchStart={header.getResizeHandler()}
+      onMouseDown={handler}
+      onTouchStart={handler}
       style={{
         transform:
           column.getIsResizing() && columnResizeMode === 'onEnd'

package/src/{head → components/head}/MRT_TableHeadCellSortLabel.tsx

@@ -3,12 +3,12 @@ import TableSortLabel, {
   type TableSortLabelProps,
 } from '@mui/material/TableSortLabel';
 import Tooltip from '@mui/material/Tooltip';
-import { parseFromValuesOrFunc } from '../column.utils';
 import {
   type MRT_Header,
   type MRT_RowData,
   type MRT_TableInstance,
-} from '../types';
+} from '../../types';
+import { parseFromValuesOrFunc } from '../../utils/utils';
 
 interface Props<TData extends MRT_RowData> extends TableSortLabelProps {
   header: MRT_Header<TData>;

package/src/{head → components/head}/MRT_TableHeadRow.tsx

@@ -1,15 +1,16 @@
 import TableRow, { type TableRowProps } from '@mui/material/TableRow';
 import { alpha } from '@mui/material/styles';
 import { MRT_TableHeadCell } from './MRT_TableHeadCell';
-import { parseFromValuesOrFunc } from '../column.utils';
-import { getMRTTheme } from '../style.utils';
 import {
   type MRT_ColumnVirtualizer,
   type MRT_Header,
   type MRT_HeaderGroup,
   type MRT_RowData,
   type MRT_TableInstance,
-} from '../types';
+  type MRT_VirtualItem,
+} from '../../types';
+import { getMRTTheme } from '../../utils/style.utils';
+import { parseFromValuesOrFunc } from '../../utils/utils';
 
 interface Props<TData extends MRT_RowData> extends TableRowProps {
   columnVirtualizer?: MRT_ColumnVirtualizer;
@@ -52,15 +53,25 @@ export const MRT_TableHeadRow = <TData extends MRT_RowData>({
       {virtualPaddingLeft ? (
         <th style={{ display: 'flex', width: virtualPaddingLeft }} />
       ) : null}
-      {(virtualColumns ?? headerGroup.headers).map((headerOrVirtualHeader) => {
-        const header = virtualColumns
-          ? headerGroup.headers[headerOrVirtualHeader.index]
-          : (headerOrVirtualHeader as MRT_Header<TData>);
+      {(virtualColumns ?? headerGroup.headers).map(
+        (headerOrVirtualHeader, staticColumnIndex) => {
+          let header = headerOrVirtualHeader as MRT_Header<TData>;
+          if (columnVirtualizer) {
+            staticColumnIndex = (headerOrVirtualHeader as MRT_VirtualItem)
+              .index;
+            header = headerGroup.headers[staticColumnIndex];
+          }
 
-        return header ? (
-          <MRT_TableHeadCell header={header} key={header.id} table={table} />
-        ) : null;
-      })}
+          return header ? (
+            <MRT_TableHeadCell
+              header={header}
+              key={header.id}
+              staticColumnIndex={staticColumnIndex}
+              table={table}
+            />
+          ) : null;
+        },
+      )}
       {virtualPaddingRight ? (
         <th style={{ display: 'flex', width: virtualPaddingRight }} />
       ) : null}

package/src/{inputs → components/inputs}/MRT_EditCellTextField.tsx

@@ -7,12 +7,12 @@ import {
 import MenuItem from '@mui/material/MenuItem';
 import TextField from '@mui/material/TextField';
 import { type TextFieldProps } from '@mui/material/TextField';
-import { getValueAndLabel, parseFromValuesOrFunc } from '../column.utils';
 import {
   type MRT_Cell,
   type MRT_RowData,
   type MRT_TableInstance,
-} from '../types';
+} from '../../types';
+import { getValueAndLabel, parseFromValuesOrFunc } from '../../utils/utils';
 
 interface Props<TData extends MRT_RowData> extends TextFieldProps<'standard'> {
   cell: MRT_Cell<TData>;
@@ -35,10 +35,10 @@ export const MRT_EditCellTextField = <TData extends MRT_RowData>({
   const { column, row } = cell;
   const { columnDef } = column;
   const { creatingRow, editingRow } = getState();
+  const { editSelectOptions, editVariant } = columnDef;
 
   const isCreating = creatingRow?.id === row.id;
   const isEditing = editingRow?.id === row.id;
-  const isSelectEdit = columnDef.editVariant === 'select';
 
   const [value, setValue] = useState(() => cell.getValue<string>());
 
@@ -58,6 +58,15 @@ export const MRT_EditCellTextField = <TData extends MRT_RowData>({
     ...rest,
   };
 
+  const selectOptions = parseFromValuesOrFunc(editSelectOptions, {
+    cell,
+    column,
+    row,
+    table,
+  });
+
+  const isSelectEdit = editVariant === 'select' || textFieldProps?.select;
+
   const saveInputValueToRowCache = (newValue: string) => {
     //@ts-ignore
     row._valuesCache[column.id] = newValue;
@@ -71,7 +80,7 @@ export const MRT_EditCellTextField = <TData extends MRT_RowData>({
   const handleChange = (event: ChangeEvent<HTMLInputElement>) => {
     textFieldProps.onChange?.(event);
     setValue(event.target.value);
-    if (textFieldProps?.select) {
+    if (isSelectEdit) {
       saveInputValueToRowCache(event.target.value);
     }
   };
@@ -123,7 +132,7 @@ export const MRT_EditCellTextField = <TData extends MRT_RowData>({
       }
       select={isSelectEdit}
       size="small"
-      value={value}
+      value={value ?? ''}
       variant="standard"
       {...textFieldProps}
       InputProps={{
@@ -152,7 +161,7 @@ export const MRT_EditCellTextField = <TData extends MRT_RowData>({
       onKeyDown={handleEnterKeyDown}
     >
       {textFieldProps.children ??
-        columnDef?.editSelectOptions?.map((option) => {
+        selectOptions?.map((option) => {
           const { label, value } = getValueAndLabel(option);
           return (
             <MenuItem

package/src/{inputs → components/inputs}/MRT_FilterCheckbox.tsx

@@ -1,13 +1,13 @@
 import Checkbox, { type CheckboxProps } from '@mui/material/Checkbox';
 import FormControlLabel from '@mui/material/FormControlLabel';
 import Tooltip from '@mui/material/Tooltip';
-import { parseFromValuesOrFunc } from '../column.utils';
-import { getCommonTooltipProps } from '../style.utils';
 import {
   type MRT_Column,
   type MRT_RowData,
   type MRT_TableInstance,
-} from '../types';
+} from '../../types';
+import { getCommonTooltipProps } from '../../utils/style.utils';
+import { parseFromValuesOrFunc } from '../../utils/utils';
 
 interface Props<TData extends MRT_RowData> extends CheckboxProps {
   column: MRT_Column<TData>;

package/src/{inputs → components/inputs}/MRT_FilterRangeFields.tsx

@@ -1,11 +1,11 @@
 import Box, { type BoxProps } from '@mui/material/Box';
 import { MRT_FilterTextField } from './MRT_FilterTextField';
-import { parseFromValuesOrFunc } from '../column.utils';
 import {
   type MRT_Header,
   type MRT_RowData,
   type MRT_TableInstance,
-} from '../types';
+} from '../../types';
+import { parseFromValuesOrFunc } from '../../utils/utils';
 
 interface Props<TData extends MRT_RowData> extends BoxProps {
   header: MRT_Header<TData>;

package/src/{inputs → components/inputs}/MRT_FilterRangeSlider.tsx

@@ -2,12 +2,12 @@ import { useEffect, useRef, useState } from 'react';
 import FormHelperText from '@mui/material/FormHelperText';
 import Slider, { type SliderProps } from '@mui/material/Slider';
 import Stack from '@mui/material/Stack';
-import { parseFromValuesOrFunc } from '../column.utils';
 import {
   type MRT_Header,
   type MRT_RowData,
   type MRT_TableInstance,
-} from '../types';
+} from '../../types';
+import { parseFromValuesOrFunc } from '../../utils/utils';
 
 interface Props<TData extends MRT_RowData> extends SliderProps {
   header: MRT_Header<TData>;

package/src/{inputs → components/inputs}/MRT_FilterTextField.tsx

@@ -29,13 +29,13 @@ import {
   TimePicker,
   type TimePickerProps,
 } from '@mui/x-date-pickers/TimePicker';
-import { getValueAndLabel, parseFromValuesOrFunc } from '../column.utils';
-import { MRT_FilterOptionMenu } from '../menus/MRT_FilterOptionMenu';
 import {
   type MRT_Header,
   type MRT_RowData,
   type MRT_TableInstance,
-} from '../types';
+} from '../../types';
+import { getValueAndLabel, parseFromValuesOrFunc } from '../../utils/utils';
+import { MRT_FilterOptionMenu } from '../menus/MRT_FilterOptionMenu';
 
 interface Props<TData extends MRT_RowData> extends TextFieldProps<'standard'> {
   header: MRT_Header<TData>;

package/src/{inputs → components/inputs}/MRT_GlobalFilterTextField.tsx

@@ -12,9 +12,9 @@ import InputAdornment from '@mui/material/InputAdornment';
 import TextField, { type TextFieldProps } from '@mui/material/TextField';
 import Tooltip from '@mui/material/Tooltip';
 import { debounce } from '@mui/material/utils';
-import { parseFromValuesOrFunc } from '../column.utils';
+import { type MRT_RowData, type MRT_TableInstance } from '../../types';
+import { parseFromValuesOrFunc } from '../../utils/utils';
 import { MRT_FilterOptionMenu } from '../menus/MRT_FilterOptionMenu';
-import { type MRT_RowData, type MRT_TableInstance } from '../types';
 
 interface Props<TData extends MRT_RowData> extends TextFieldProps<'standard'> {
   table: MRT_TableInstance<TData>;