material-react-table 0.6.1 → 0.6.2

package/dist/MaterialReactTable.d.ts

@@ -1,6 +1,6 @@
 import { ChangeEvent, FC, MouseEvent, ReactNode } from 'react';
 import { AlertProps, IconButtonProps, LinearProgressProps, SkeletonProps, TableBodyProps, TableCellProps, TableContainerProps, TableFooterProps, TableHeadProps, TablePaginationProps, TableProps, TableRowProps, TextFieldProps, ToolbarProps } from '@mui/material';
-import { Cell, Column, ColumnInstance, FilterType, HeaderGroup, Row, TableInstance, TableOptions, TableState, UseColumnOrderInstanceProps, UseColumnOrderState, UseExpandedInstanceProps, UseExpandedOptions, UseExpandedRowProps, UseExpandedState, UseFiltersColumnOptions, UseFiltersColumnProps, UseFiltersInstanceProps, UseFiltersOptions, UseFiltersState, UseGlobalFiltersColumnOptions, UseGlobalFiltersInstanceProps, UseGlobalFiltersOptions, UseGlobalFiltersState, UseGroupByCellProps, UseGroupByColumnOptions, UseGroupByColumnProps, UseGroupByInstanceProps, UseGroupByOptions, UseGroupByRowProps, UseGroupByState, UsePaginationInstanceProps, UsePaginationOptions, UsePaginationState, UseResizeColumnsColumnOptions, UseResizeColumnsColumnProps, UseResizeColumnsOptions, UseResizeColumnsState, UseRowSelectInstanceProps, UseRowSelectOptions, UseRowSelectRowProps, UseRowSelectState, UseRowStateCellProps, UseRowStateInstanceProps, UseRowStateOptions, UseRowStateRowProps, UseRowStateState, UseSortByColumnOptions, UseSortByColumnProps, UseSortByInstanceProps, UseSortByOptions, UseSortByState, UseTableHeaderGroupProps, UseTableInstanceProps, UseTableOptions } from 'react-table';
+import { Cell, Column, ColumnInstance, FilterType, ColumnInterface, HeaderGroup, Row, TableInstance, TableOptions, TableState, UseColumnOrderInstanceProps, UseColumnOrderState, UseExpandedInstanceProps, UseExpandedOptions, UseExpandedRowProps, UseExpandedState, UseFiltersColumnOptions, UseFiltersColumnProps, UseFiltersInstanceProps, UseFiltersOptions, UseFiltersState, UseGlobalFiltersColumnOptions, UseGlobalFiltersInstanceProps, UseGlobalFiltersOptions, UseGlobalFiltersState, UseGroupByCellProps, UseGroupByColumnOptions, UseGroupByColumnProps, UseGroupByInstanceProps, UseGroupByOptions, UseGroupByRowProps, UseGroupByState, UsePaginationInstanceProps, UsePaginationOptions, UsePaginationState, UseResizeColumnsColumnOptions, UseResizeColumnsColumnProps, UseResizeColumnsOptions, UseResizeColumnsState, UseRowSelectInstanceProps, UseRowSelectOptions, UseRowSelectRowProps, UseRowSelectState, UseRowStateCellProps, UseRowStateInstanceProps, UseRowStateOptions, UseRowStateRowProps, UseRowStateState, UseSortByColumnOptions, UseSortByColumnProps, UseSortByInstanceProps, UseSortByOptions, UseSortByState, UseTableHeaderGroupProps, UseTableInstanceProps, UseTableOptions } from 'react-table';
 import { MRT_Localization } from './localization';
 import { MRT_Icons } from './icons';
 import { MRT_FILTER_TYPE } from './enums';
@@ -19,7 +19,7 @@ export declare type MRT_TableInstance<D extends {} = {}> = TableInstance<D> & Us
     resetResizing: () => void;
     getToggleAllRowsExpandedProps: () => void;
 };
-export declare type MRT_ColumnInterface<D extends {} = {}> = UseFiltersColumnOptions<D> & UseGlobalFiltersColumnOptions<D> & UseGroupByColumnOptions<D> & UseResizeColumnsColumnOptions<D> & UseSortByColumnOptions<D> & {
+export declare type MRT_ColumnInterface<D extends {} = {}> = ColumnInterface<D> & UseFiltersColumnOptions<D> & UseGlobalFiltersColumnOptions<D> & UseGroupByColumnOptions<D> & UseResizeColumnsColumnOptions<D> & UseSortByColumnOptions<D> & {
     Edit?: ({ cell, onChange, }: {
         cell: MRT_Cell<D>;
         onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
@@ -29,6 +29,8 @@ export declare type MRT_ColumnInterface<D extends {} = {}> = UseFiltersColumnOpt
     }) => ReactNode;
     Footer?: string;
     Header?: string;
+    accessor: string;
+    columns?: (Column<D> & MRT_ColumnInterface<D>)[];
     disableFilters?: boolean;
     editable?: boolean;
     filter?: MRT_FilterType | string | FilterType<D>;
@@ -36,6 +38,7 @@ export declare type MRT_ColumnInterface<D extends {} = {}> = UseFiltersColumnOpt
         text: string;
         value: string;
     })[];
+    filterTypes: MRT_FILTER_TYPE[];
     muiTableBodyCellEditTextFieldProps?: TextFieldProps | ((cell: MRT_Cell<D>) => TextFieldProps);
     muiTableBodyCellProps?: TableCellProps | ((cell: MRT_Cell<D>) => TableCellProps);
     muiTableFooterCellProps?: TableCellProps | ((column: Column<D>) => TableCellProps);
@@ -44,7 +47,7 @@ export declare type MRT_ColumnInterface<D extends {} = {}> = UseFiltersColumnOpt
     onCellEditChange?: (event: ChangeEvent<HTMLInputElement>, cell: MRT_Cell<D>) => void;
     onFilterChange?: (event: ChangeEvent<HTMLInputElement>, filterValue: any) => void;
 };
-export declare type MRT_ColumnInstance<D extends {} = {}> = ColumnInstance<D> & UseFiltersColumnProps<D> & UseGroupByColumnProps<D> & UseResizeColumnsColumnProps<D> & UseSortByColumnProps<D> & {
+export declare type MRT_ColumnInstance<D extends {} = {}> = ColumnInstance<D> & UseFiltersColumnProps<D> & UseGroupByColumnProps<D> & UseResizeColumnsColumnProps<D> & UseSortByColumnProps<D> & MRT_ColumnInterface<D> & {
     columns?: MRT_ColumnInstance<D>[];
 };
 export declare type MRT_HeaderGroup<D extends {} = {}> = HeaderGroup<D> & MRT_ColumnInstance<D> & UseTableHeaderGroupProps<D> & {
@@ -53,7 +56,9 @@ export declare type MRT_HeaderGroup<D extends {} = {}> = HeaderGroup<D> & MRT_Co
 export declare type MRT_Row<D extends {} = {}> = Row<D> & UseExpandedRowProps<D> & UseGroupByRowProps<D> & UseRowSelectRowProps<D> & UseRowStateRowProps<D> & {
     cells: MRT_Cell<D>[];
 };
-export declare type MRT_Cell<D extends {} = {}, _V = any> = Cell<D> & UseGroupByCellProps<D> & UseRowStateCellProps<D> & {};
+export declare type MRT_Cell<D extends {} = {}, _V = any> = Cell<D> & UseGroupByCellProps<D> & UseRowStateCellProps<D> & {
+    column: MRT_ColumnInstance<D>;
+};
 export declare type MRT_FilterType = MRT_FILTER_TYPE | Function;
 export declare type MRT_TableState<D extends {} = {}> = TableState<D> & UseColumnOrderState<D> & UseExpandedState<D> & UseFiltersState<D> & UseGlobalFiltersState<D> & UseGroupByState<D> & UsePaginationState<D> & UseResizeColumnsState<D> & UseRowSelectState<D> & UseRowStateState<D> & UseSortByState<D> & {
     currentEditingRow: MRT_Row<D> | null;
@@ -79,6 +84,9 @@ export declare type MaterialReactTableProps<D extends {} = {}> = UseTableOptions
     enableRowEditing?: boolean;
     enableRowNumbers?: boolean;
     enableSelection?: boolean;
+    filterTypes?: {
+        [key in MRT_FILTER_TYPE]: any;
+    };
     hideTableFooter?: boolean;
     hideTableHead?: boolean;
     hideToolbarBottom?: boolean;
@@ -135,5 +143,5 @@ export declare type MaterialReactTableProps<D extends {} = {}> = UseTableOptions
         MRT_FullScreenToggleButton: FC<IconButtonProps>;
     }) => ReactNode;
 };
-declare const _default: <D extends {}>({ defaultColumn, icons, localization, positionActionsColumn, positionPagination, positionToolbarActions, positionToolbarAlertBanner, ...rest }: MaterialReactTableProps<D>) => JSX.Element;
+declare const _default: <D extends {}>({ defaultColumn, filterTypes, globalFilter, icons, localization, positionActionsColumn, positionPagination, positionToolbarActions, positionToolbarAlertBanner, ...rest }: MaterialReactTableProps<D>) => JSX.Element;
 export default _default;

package/dist/filtersFNs.d.ts

@@ -1,10 +1,6 @@
 import { MRT_Row } from '.';
-export declare const fuzzySearchFN: {
-    (rows: MRT_Row[], columnIds: string[], filterValue: string | number): MRT_Row<{}>[];
-    autoRemove(val: any): boolean;
-};
 export declare const fuzzyFilterFN: {
-    (rows: MRT_Row[], id: string, filterValue: string | number): MRT_Row<{}>[];
+    (rows: MRT_Row[], columnIds: string[] | string, filterValue: string | number): MRT_Row<{}>[];
     autoRemove(val: any): boolean;
 };
 export declare const containsFilterFN: {
@@ -61,11 +57,7 @@ export declare const defaultFilterFNs: {
         autoRemove(val: any): boolean;
     };
     fuzzy: {
-        (rows: MRT_Row[], id: string, filterValue: string | number): MRT_Row<{}>[];
-        autoRemove(val: any): boolean;
-    };
-    globalFuzzy: {
-        (rows: MRT_Row[], columnIds: string[], filterValue: string | number): MRT_Row<{}>[];
+        (rows: MRT_Row[], columnIds: string[] | string, filterValue: string | number): MRT_Row<{}>[];
         autoRemove(val: any): boolean;
     };
     greaterThan: {

package/dist/material-react-table.cjs.development.js

@@ -7,8 +7,8 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
 var React = require('react');
 var React__default = _interopDefault(React);
 var reactTable = require('react-table');
-var matchSorter = require('match-sorter');
 var material = require('@mui/material');
+var matchSorter = require('match-sorter');
 var ArrowRightIcon = _interopDefault(require('@mui/icons-material/ArrowRight'));
 var CancelIcon = _interopDefault(require('@mui/icons-material/Cancel'));
 var ClearAllIcon = _interopDefault(require('@mui/icons-material/ClearAll'));
@@ -104,144 +104,12 @@ function _objectWithoutPropertiesLoose(source, excluded) {
   return target;
 }
 
-var fuzzySearchFN = function fuzzySearchFN(rows, columnIds, filterValue) {
-  return matchSorter.matchSorter(rows, filterValue.toString().trim(), {
-    keys: columnIds.map(function (c) {
-      return "values." + c;
-    }),
-    sorter: function sorter(rankedItems) {
-      return rankedItems;
-    }
-  });
-};
-
-fuzzySearchFN.autoRemove = function (val) {
-  return !val;
-};
-
-var fuzzyFilterFN = function fuzzyFilterFN(rows, id, filterValue) {
-  return matchSorter.matchSorter(rows, filterValue.toString().trim(), {
-    keys: ["values." + id],
-    sorter: function sorter(rankedItems) {
-      return rankedItems;
-    }
-  });
-};
-
-fuzzyFilterFN.autoRemove = function (val) {
-  return !val;
-};
-
-var containsFilterFN = function containsFilterFN(rows, id, filterValue) {
-  return rows.filter(function (row) {
-    return row.values[id].toString().toLowerCase().trim().includes(filterValue.toString().toLowerCase().trim());
-  });
-};
-
-containsFilterFN.autoRemove = function (val) {
-  return !val;
-};
-
-var startsWithFilterFN = function startsWithFilterFN(rows, id, filterValue) {
-  return rows.filter(function (row) {
-    return row.values[id].toString().toLowerCase().trim().startsWith(filterValue.toString().toLowerCase().trim());
-  });
-};
-
-startsWithFilterFN.autoRemove = function (val) {
-  return !val;
-};
-
-var endsWithFilterFN = function endsWithFilterFN(rows, id, filterValue) {
-  return rows.filter(function (row) {
-    return row.values[id].toString().toLowerCase().trim().endsWith(filterValue.toString().toLowerCase().trim());
-  });
-};
-
-endsWithFilterFN.autoRemove = function (val) {
-  return !val;
-};
-
-var equalsFilterFN = function equalsFilterFN(rows, id, filterValue) {
-  return rows.filter(function (row) {
-    return row.values[id].toString().toLowerCase().trim() === filterValue.toString().toLowerCase().trim();
-  });
-};
-
-equalsFilterFN.autoRemove = function (val) {
-  return !val;
-};
-
-var notEqualsFilterFN = function notEqualsFilterFN(rows, id, filterValue) {
-  return rows.filter(function (row) {
-    return row.values[id].toString().toLowerCase().trim() !== filterValue.toString().toLowerCase().trim();
-  });
-};
-
-notEqualsFilterFN.autoRemove = function (val) {
-  return !val;
-};
-
-var greaterThanFilterFN = function greaterThanFilterFN(rows, id, filterValue) {
-  return rows.filter(function (row) {
-    return !isNaN(+filterValue) && !isNaN(+row.values[id]) ? +row.values[id] > +filterValue : row.values[id].toString().toLowerCase().trim() > filterValue.toString().toLowerCase().trim();
-  });
-};
-
-greaterThanFilterFN.autoRemove = function (val) {
-  return !val;
-};
-
-var lessThanFilterFN = function lessThanFilterFN(rows, id, filterValue) {
-  return rows.filter(function (row) {
-    return !isNaN(+filterValue) && !isNaN(+row.values[id]) ? +row.values[id] < +filterValue : row.values[id].toString().toLowerCase().trim() < filterValue.toString().toLowerCase().trim();
-  });
-};
-
-lessThanFilterFN.autoRemove = function (val) {
-  return !val;
-};
-
-var emptyFilterFN = function emptyFilterFN(rows, id, _filterValue) {
-  return rows.filter(function (row) {
-    return !row.values[id].toString().toLowerCase().trim();
-  });
-};
-
-emptyFilterFN.autoRemove = function (val) {
-  return !val;
-};
-
-var notEmptyFilterFN = function notEmptyFilterFN(rows, id, _filterValue) {
-  return rows.filter(function (row) {
-    return !!row.values[id].toString().toLowerCase().trim();
-  });
-};
-
-notEmptyFilterFN.autoRemove = function (val) {
-  return !val;
-};
-
-var defaultFilterFNs = {
-  contains: containsFilterFN,
-  empty: emptyFilterFN,
-  endsWith: endsWithFilterFN,
-  equals: equalsFilterFN,
-  fuzzy: fuzzyFilterFN,
-  globalFuzzy: fuzzySearchFN,
-  greaterThan: greaterThanFilterFN,
-  lessThan: lessThanFilterFN,
-  notEmpty: notEmptyFilterFN,
-  notEquals: notEqualsFilterFN,
-  startsWith: startsWithFilterFN
-};
-
 var MaterialReactTableContext = /*#__PURE__*/function () {
   return React.createContext({});
 }();
 
 var MaterialReactTableProvider = function MaterialReactTableProvider(props) {
-  var _props$initialState$d, _props$initialState, _props$initialState$f, _props$initialState2, _props$initialState$s, _props$initialState3, _props$initialState$s2, _props$initialState4, _props$globalFilter;
+  var _props$initialState$d, _props$initialState, _props$initialState$f, _props$initialState2, _props$initialState$s, _props$initialState3, _props$initialState$s2, _props$initialState4;
 
   var hooks = [reactTable.useFilters, reactTable.useGlobalFilter, reactTable.useGroupBy, reactTable.useSortBy, reactTable.useExpanded, reactTable.usePagination, reactTable.useRowSelect];
   if (props.enableColumnResizing) hooks.unshift(reactTable.useResizeColumns, reactTable.useFlexLayout);
@@ -266,9 +134,6 @@ var MaterialReactTableProvider = function MaterialReactTableProvider(props) {
       showSearch = _useState5[0],
       setShowSearch = _useState5[1];
 
-  var filterTypes = React.useMemo(function () {
-    return _extends({}, defaultFilterFNs, props.filterTypes);
-  }, [props.filterTypes]);
   var findLowestLevelCols = React.useCallback(function () {
     var lowestLevelColumns = props.columns;
     var currentCols = props.columns;
@@ -306,17 +171,26 @@ var MaterialReactTableProvider = function MaterialReactTableProvider(props) {
       currentFilterTypes = _useState6[0],
       setCurrentFilterTypes = _useState6[1];
 
-  var columns = React.useMemo(function () {
-    return findLowestLevelCols().map(function (column) {
-      column.filter = filterTypes[currentFilterTypes[column.accessor]];
+  var applyFiltersToColumns = React.useCallback(function (cols) {
+    return cols.map(function (column) {
+      if (column.columns) {
+        applyFiltersToColumns(column.columns);
+      } else {
+        var _props$filterTypes;
+
+        column.filter = props == null ? void 0 : (_props$filterTypes = props.filterTypes) == null ? void 0 : _props$filterTypes[currentFilterTypes[column.accessor]];
+      }
+
       return column;
     });
-  }, [props.columns, filterTypes, currentFilterTypes]);
-  var tableInstance = reactTable.useTable.apply(void 0, [_extends({}, props, {
-    columns: columns,
+  }, [currentFilterTypes, props.filterTypes]);
+  var columns = React.useMemo(function () {
+    return applyFiltersToColumns(props.columns);
+  }, [props.columns, applyFiltersToColumns]);
+  var tableInstance = reactTable.useTable.apply(void 0, [// @ts-ignore
+  _extends({}, props, {
     // @ts-ignore
-    filterTypes: filterTypes,
-    globalFilter: (_props$globalFilter = props.globalFilter) != null ? _props$globalFilter : 'globalFuzzy',
+    columns: columns,
     useControlledState: function useControlledState(state) {
       return React.useMemo(function () {
         return _extends({}, state, {
@@ -381,6 +255,124 @@ var MRT_FILTER_TYPE;
   MRT_FILTER_TYPE["STARTS_WITH"] = "startsWith";
 })(MRT_FILTER_TYPE || (MRT_FILTER_TYPE = {}));
 
+var fuzzyFilterFN = function fuzzyFilterFN(rows, columnIds, filterValue) {
+  return matchSorter.matchSorter(rows, filterValue.toString().trim(), {
+    keys: Array.isArray(columnIds) ? columnIds.map(function (c) {
+      return "values." + c;
+    }) : ["values." + columnIds],
+    sorter: function sorter(rankedItems) {
+      return rankedItems;
+    }
+  });
+};
+
+fuzzyFilterFN.autoRemove = function (val) {
+  return !val;
+};
+
+var containsFilterFN = function containsFilterFN(rows, id, filterValue) {
+  return rows.filter(function (row) {
+    return row.values[id].toString().toLowerCase().trim().includes(filterValue.toString().toLowerCase().trim());
+  });
+};
+
+containsFilterFN.autoRemove = function (val) {
+  return !val;
+};
+
+var startsWithFilterFN = function startsWithFilterFN(rows, id, filterValue) {
+  return rows.filter(function (row) {
+    return row.values[id].toString().toLowerCase().trim().startsWith(filterValue.toString().toLowerCase().trim());
+  });
+};
+
+startsWithFilterFN.autoRemove = function (val) {
+  return !val;
+};
+
+var endsWithFilterFN = function endsWithFilterFN(rows, id, filterValue) {
+  return rows.filter(function (row) {
+    return row.values[id].toString().toLowerCase().trim().endsWith(filterValue.toString().toLowerCase().trim());
+  });
+};
+
+endsWithFilterFN.autoRemove = function (val) {
+  return !val;
+};
+
+var equalsFilterFN = function equalsFilterFN(rows, id, filterValue) {
+  return rows.filter(function (row) {
+    return row.values[id].toString().toLowerCase().trim() === filterValue.toString().toLowerCase().trim();
+  });
+};
+
+equalsFilterFN.autoRemove = function (val) {
+  return !val;
+};
+
+var notEqualsFilterFN = function notEqualsFilterFN(rows, id, filterValue) {
+  return rows.filter(function (row) {
+    return row.values[id].toString().toLowerCase().trim() !== filterValue.toString().toLowerCase().trim();
+  });
+};
+
+notEqualsFilterFN.autoRemove = function (val) {
+  return !val;
+};
+
+var greaterThanFilterFN = function greaterThanFilterFN(rows, id, filterValue) {
+  return rows.filter(function (row) {
+    return !isNaN(+filterValue) && !isNaN(+row.values[id]) ? +row.values[id] > +filterValue : row.values[id].toString().toLowerCase().trim() > filterValue.toString().toLowerCase().trim();
+  });
+};
+
+greaterThanFilterFN.autoRemove = function (val) {
+  return !val;
+};
+
+var lessThanFilterFN = function lessThanFilterFN(rows, id, filterValue) {
+  return rows.filter(function (row) {
+    return !isNaN(+filterValue) && !isNaN(+row.values[id]) ? +row.values[id] < +filterValue : row.values[id].toString().toLowerCase().trim() < filterValue.toString().toLowerCase().trim();
+  });
+};
+
+lessThanFilterFN.autoRemove = function (val) {
+  return !val;
+};
+
+var emptyFilterFN = function emptyFilterFN(rows, id, _filterValue) {
+  return rows.filter(function (row) {
+    return !row.values[id].toString().toLowerCase().trim();
+  });
+};
+
+emptyFilterFN.autoRemove = function (val) {
+  return !val;
+};
+
+var notEmptyFilterFN = function notEmptyFilterFN(rows, id, _filterValue) {
+  return rows.filter(function (row) {
+    return !!row.values[id].toString().toLowerCase().trim();
+  });
+};
+
+notEmptyFilterFN.autoRemove = function (val) {
+  return !val;
+};
+
+var defaultFilterFNs = {
+  contains: containsFilterFN,
+  empty: emptyFilterFN,
+  endsWith: endsWithFilterFN,
+  equals: equalsFilterFN,
+  fuzzy: fuzzyFilterFN,
+  greaterThan: greaterThanFilterFN,
+  lessThan: lessThanFilterFN,
+  notEmpty: notEmptyFilterFN,
+  notEquals: notEqualsFilterFN,
+  startsWith: startsWithFilterFN
+};
+
 var commonMenuItemStyles = {
   py: '6px',
   my: 0,
@@ -608,6 +600,7 @@ var MRT_FilterTextField = function MRT_FilterTextField(_ref) {
         arrow: true,
         title: localization.changeFilterMode
       }, React__default.createElement("span", null, React__default.createElement(material.IconButton, {
+        "aria-label": localization.changeFilterMode,
         onClick: handleFilterMenuOpen,
         size: "small",
         sx: {
@@ -3061,13 +3054,16 @@ var MRT_Default_Icons = {
   VisibilityOffIcon: VisibilityOffIcon
 };
 
-var _excluded = ["defaultColumn", "icons", "localization", "positionActionsColumn", "positionPagination", "positionToolbarActions", "positionToolbarAlertBanner"];
+var _excluded = ["defaultColumn", "filterTypes", "globalFilter", "icons", "localization", "positionActionsColumn", "positionPagination", "positionToolbarActions", "positionToolbarAlertBanner"];
 var MaterialReactTable = (function (_ref) {
   var _ref$defaultColumn = _ref.defaultColumn,
       defaultColumn = _ref$defaultColumn === void 0 ? {
     minWidth: 50,
     maxWidth: 1000
   } : _ref$defaultColumn,
+      filterTypes = _ref.filterTypes,
+      _ref$globalFilter = _ref.globalFilter,
+      globalFilter = _ref$globalFilter === void 0 ? 'fuzzy' : _ref$globalFilter,
       icons = _ref.icons,
       localization = _ref.localization,
       _ref$positionActionsC = _ref.positionActionsColumn,
@@ -3082,6 +3078,9 @@ var MaterialReactTable = (function (_ref) {
 
   return React__default.createElement(MaterialReactTableProvider, Object.assign({
     defaultColumn: defaultColumn,
+    // @ts-ignore
+    filterTypes: _extends({}, defaultFilterFNs, filterTypes),
+    globalFilter: globalFilter,
     icons: _extends({}, MRT_Default_Icons, icons),
     localization: _extends({}, MRT_DefaultLocalization_EN, localization),
     positionActionsColumn: positionActionsColumn,