material-react-table 0.12.1 → 0.12.2

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

@@ -7602,10 +7602,11 @@ var MRT_TableRoot = function MRT_TableRoot(props) {
       })
     );
   }, []);
-  var displayColumns = React.useMemo(function () {
+
+  var _useMemo = React.useMemo(function () {
     var _props$localization, _props$localization2, _props$localization3, _props$localization5;
 
-    return [showActionColumn && createDisplayColumn(table, {
+    var leadingDisplayColumns = [showActionColumn && createDisplayColumn(table, {
       Cell: function Cell(_ref3) {
         var cell = _ref3.cell;
         return React__default.createElement(MRT_ToggleRowActionMenuButton, {
@@ -7671,11 +7672,23 @@ var MRT_TableRoot = function MRT_TableRoot(props) {
       muiTableHeadCellProps: props.muiTableHeadCellProps,
       size: 50
     })].filter(Boolean);
-  }, [props.editingMode, props.enableEditing, props.enableExpandAll, props.enableExpanding, props.enableGrouping, props.enableRowActions, props.enableRowNumbers, props.enableRowSelection, props.enableSelectAll, props.localization, table]);
+    var trailingDisplayColumns = [];
+
+    if (props.enableRowActions && props.positionActionsColumn === 'last') {
+      trailingDisplayColumns.push.apply(trailingDisplayColumns, leadingDisplayColumns.splice(leadingDisplayColumns.findIndex(function (col) {
+        return col.id === 'mrt-row-actions';
+      }), 1));
+    }
+
+    return [leadingDisplayColumns, trailingDisplayColumns];
+  }, [props.editingMode, props.enableEditing, props.enableExpandAll, props.enableExpanding, props.enableGrouping, props.enableRowActions, props.enableRowNumbers, props.enableRowSelection, props.enableSelectAll, props.localization, props.muiTableBodyCellProps, props.muiTableHeadCellProps, props.positionActionsColumn, table]),
+      leadingDisplayColumns = _useMemo[0],
+      trailingDisplayColumns = _useMemo[1];
+
   var columns = React.useMemo(function () {
-    return [].concat(displayColumns, props.columns.map(function (column) {
+    return [].concat(leadingDisplayColumns, props.columns.map(function (column) {
       return column.columns ? createGroup(table, column, currentFilterFns) : createDataColumn(table, column, currentFilterFns);
-    }));
+    }), trailingDisplayColumns);
   }, [table, props.columns, currentFilterFns]);
   var data = React.useMemo(function () {
     var _props$state, _props$state2;