(feature) Allow custom hide columns action (#833)

* (feature) send columns data and onColumnsChanged callback to Toolbar custom Actions * passing columns and onColumnsChanged down to Action component * chore MTableToolbar: Check if onColumnsChanged is defined before calling it --------- Co-authored-by: Emiliano Morghen <[email protected]> Co-authored-by: Domino987 <[email protected]>
material-table-core · Apr 19, 2024 · b489dc9 · b489dc9
1 parent f5229e8
commit b489dc9
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 0 deletions.
diff --git a/src/components/MTableAction/index.js b/src/components/MTableAction/index.js
@@ -93,11 +93,13 @@ MTableAction.defaultProps = {
 
 MTableAction.propTypes = {
   action: PropTypes.oneOfType([PropTypes.func, PropTypes.object]).isRequired,
+  columns: PropTypes.array.isRequired,
   data: PropTypes.oneOfType([
     PropTypes.object,
     PropTypes.arrayOf(PropTypes.object)
   ]),
   disabled: PropTypes.bool,
+  onColumnsChanged: PropTypes.func.isRequired,
   size: PropTypes.string
 };
 

diff --git a/src/components/MTableActions/index.js b/src/components/MTableActions/index.js
@@ -3,8 +3,10 @@ import PropTypes from 'prop-types';
 
 function MTableActions({
   actions,
+  columns,
   components,
   data,
+  onColumnsChanged,
   size,
   disabled,
   forwardedRef
@@ -18,8 +20,10 @@ function MTableActions({
         <components.Action
           action={action}
           key={'action-' + index}
+          columns={columns}
           data={data}
           size={size}
+          onColumnsChanged={onColumnsChanged}
           disabled={disabled}
         />
       ))}
@@ -33,13 +37,15 @@ MTableActions.defaultProps = {
 };
 
 MTableActions.propTypes = {
+  columns: PropTypes.array.isRequired,
   components: PropTypes.object.isRequired,
   actions: PropTypes.array.isRequired,
   data: PropTypes.oneOfType([
     PropTypes.object,
     PropTypes.arrayOf(PropTypes.object)
   ]),
   disabled: PropTypes.bool,
+  onColumnsChanged: PropTypes.func.isRequired,
   size: PropTypes.string,
   forwardedRef: PropTypes.element
 };

diff --git a/src/components/MTableToolbar/index.js b/src/components/MTableToolbar/index.js
@@ -248,6 +248,10 @@ export function MTableToolbar(props) {
               props.actions &&
               props.actions.filter((a) => a.position === diplayedActions)
             }
+            columns={props.columns}
+            onColumnsChanged={(col, hidden) =>
+              props.onColumnsChanged && props.onColumnsChanged(col, hidden)
+            }
             data={isSelectionActive ? selectedRows : undefined}
             components={props.components}
           />