@mui/x-data-grid-pro
Version:
The Pro plan edition of the MUI X Data Grid components.
67 lines (65 loc) • 2.98 kB
JavaScript
;
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.useGridRowsOverridableMethods = void 0;
var React = _interopRequireWildcard(require("react"));
var _xDataGrid = require("@mui/x-data-grid");
var _internals = require("@mui/x-data-grid/internals");
var _treeDataReorderExecutor = require("../treeData/treeDataReorderExecutor");
const useGridRowsOverridableMethods = (apiRef, props) => {
const {
processRowUpdate,
onProcessRowUpdateError,
setTreeDataPath
} = props;
const {
setRowIndex: setRowIndexFlat,
setRowPosition: setRowPositionFlat
} = (0, _internals.useGridRowsOverridableMethodsCommunity)(apiRef);
const flatTree = (0, _xDataGrid.useGridSelector)(apiRef, _xDataGrid.gridRowMaximumTreeDepthSelector) === 1;
const setRowPosition = React.useCallback(async (sourceRowId, targetRowId, position) => {
const sortedFilteredRowIds = (0, _xDataGrid.gridExpandedSortedRowIdsSelector)(apiRef);
const sortedFilteredRowIndexLookup = (0, _xDataGrid.gridExpandedSortedRowIndexLookupSelector)(apiRef);
const rowTree = (0, _xDataGrid.gridRowTreeSelector)(apiRef);
const sourceNode = (0, _xDataGrid.gridRowNodeSelector)(apiRef, sourceRowId);
const targetNode = (0, _xDataGrid.gridRowNodeSelector)(apiRef, targetRowId);
if (!sourceNode) {
throw new Error(`MUI X: No row with id #${sourceRowId} found.`);
}
if (!targetNode) {
throw new Error(`MUI X: No row with id #${targetRowId} found.`);
}
if (sourceNode.type === 'footer') {
throw new Error(`MUI X: The row reordering do not support reordering of footer rows.`);
}
// Get the target index from the targetRowId using the lookup selector
const targetIndexUnadjusted = sortedFilteredRowIndexLookup[targetRowId];
if (targetIndexUnadjusted === undefined) {
throw new Error(`MUI X: Target row with id #${targetRowId} not found in current view.`);
}
const targetIndex = position === 'below' ? targetIndexUnadjusted + 1 : targetIndexUnadjusted;
const executionContext = {
sourceRowId,
dropPosition: position,
placeholderIndex: targetIndex,
sortedFilteredRowIds,
sortedFilteredRowIndexLookup,
rowTree,
apiRef,
processRowUpdate,
onProcessRowUpdateError,
setTreeDataPath
};
return _treeDataReorderExecutor.treeDataReorderExecutor.execute(executionContext);
}, [apiRef, processRowUpdate, onProcessRowUpdateError, setTreeDataPath]);
const setRowIndex = React.useCallback(async () => {
throw new Error(`MUI X: \`setRowIndex()\` is not supported for tree data. Use \`setRowPosition()\` instead.`);
}, []);
return {
setRowIndex: flatTree ? setRowIndexFlat : setRowIndex,
setRowPosition: flatTree ? setRowPositionFlat : setRowPosition
};
};
exports.useGridRowsOverridableMethods = useGridRowsOverridableMethods;