@mui/x-data-grid 5.5.1 → 5.7.0

package/node/hooks/features/pagination/useGridPage.js

@@ -0,0 +1,165 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useGridPage = exports.getPageCount = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var React = _interopRequireWildcard(require("react"));
+
+var _utils = require("../../utils");
+
+var _events = require("../../../models/events");
+
+var _filter = require("../filter");
+
+var _gridPaginationSelector = require("./gridPaginationSelector");
+
+var _preProcessing = require("../../core/preProcessing");
+
+var _warning = require("../../../utils/warning");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+const getPageCount = (rowCount, pageSize) => {
+  if (pageSize > 0 && rowCount > 0) {
+    return Math.ceil(rowCount / pageSize);
+  }
+
+  return 0;
+};
+
+exports.getPageCount = getPageCount;
+
+const applyValidPage = paginationState => {
+  if (!paginationState.pageCount) {
+    return paginationState;
+  }
+
+  return (0, _extends2.default)({}, paginationState, {
+    page: Math.max(Math.min(paginationState.page, paginationState.pageCount - 1), 0)
+  });
+};
+
+const mergeStateWithPage = page => state => (0, _extends2.default)({}, state, {
+  pagination: applyValidPage((0, _extends2.default)({}, state.pagination, {
+    page
+  }))
+});
+
+const noRowCountInServerMode = (0, _warning.buildWarning)(["MUI: the 'rowCount' prop is undefined while using paginationMode='server'", 'For more detail, see http://mui.com/components/data-grid/pagination/#basic-implementation'], 'error');
+/**
+ * @requires useGridPageSize (event)
+ */
+
+const useGridPage = (apiRef, props) => {
+  var _props$initialState2, _props$initialState2$;
+
+  const logger = (0, _utils.useGridLogger)(apiRef, 'useGridPage');
+  const visibleTopLevelRowCount = (0, _utils.useGridSelector)(apiRef, _filter.gridVisibleTopLevelRowCountSelector);
+  apiRef.current.unstable_updateControlState({
+    stateId: 'page',
+    propModel: props.page,
+    propOnChange: props.onPageChange,
+    stateSelector: _gridPaginationSelector.gridPageSelector,
+    changeEvent: _events.GridEvents.pageChange
+  });
+  /**
+   * API METHODS
+   */
+
+  const setPage = React.useCallback(page => {
+    logger.debug(`Setting page to ${page}`);
+    apiRef.current.setState(mergeStateWithPage(page));
+    apiRef.current.forceUpdate();
+  }, [apiRef, logger]);
+  const pageApi = {
+    setPage
+  };
+  (0, _utils.useGridApiMethod)(apiRef, pageApi, 'GridPageApi');
+  /**
+   * PRE-PROCESSING
+   */
+
+  const stateExportPreProcessing = React.useCallback(prevState => {
+    var _props$initialState, _props$initialState$p;
+
+    const pageToExport = (0, _gridPaginationSelector.gridPageSelector)(apiRef);
+    const shouldExportPage = // Always export if the page is controlled
+    props.page != null || // Always export if the page has been initialized
+    ((_props$initialState = props.initialState) == null ? void 0 : (_props$initialState$p = _props$initialState.pagination) == null ? void 0 : _props$initialState$p.page) != null || // Export if the page value is not equal to the default value
+    pageToExport !== 0;
+
+    if (!shouldExportPage) {
+      return prevState;
+    }
+
+    return (0, _extends2.default)({}, prevState, {
+      pagination: (0, _extends2.default)({}, prevState.pagination, {
+        page: pageToExport
+      })
+    });
+  }, [apiRef, props.page, (_props$initialState2 = props.initialState) == null ? void 0 : (_props$initialState2$ = _props$initialState2.pagination) == null ? void 0 : _props$initialState2$.page]);
+  const stateRestorePreProcessing = React.useCallback((params, context) => {
+    var _context$stateToResto, _context$stateToResto2;
+
+    // We apply the constraint even if the page did not change in case the pageSize changed.
+    const page = (_context$stateToResto = (_context$stateToResto2 = context.stateToRestore.pagination) == null ? void 0 : _context$stateToResto2.page) != null ? _context$stateToResto : (0, _gridPaginationSelector.gridPageSelector)(apiRef);
+    apiRef.current.setState(mergeStateWithPage(page));
+    return params;
+  }, [apiRef]);
+  (0, _preProcessing.useGridRegisterPreProcessor)(apiRef, 'exportState', stateExportPreProcessing);
+  (0, _preProcessing.useGridRegisterPreProcessor)(apiRef, 'restoreState', stateRestorePreProcessing);
+  /**
+   * EVENTS
+   */
+
+  const handlePageSizeChange = pageSize => {
+    apiRef.current.setState(state => {
+      const pageCount = getPageCount(state.pagination.rowCount, pageSize);
+      return (0, _extends2.default)({}, state, {
+        pagination: applyValidPage((0, _extends2.default)({}, state.pagination, {
+          pageCount,
+          page: state.pagination.page
+        }))
+      });
+    });
+    apiRef.current.forceUpdate();
+  };
+
+  (0, _utils.useGridApiEventHandler)(apiRef, _events.GridEvents.pageSizeChange, handlePageSizeChange);
+  /**
+   * EFFECTS
+   */
+
+  React.useEffect(() => {
+    if (process.env.NODE_ENV !== 'production') {
+      if (props.paginationMode === 'server' && props.rowCount == null) {
+        noRowCountInServerMode();
+      }
+    }
+  }, [props.rowCount, props.paginationMode]);
+  React.useEffect(() => {
+    apiRef.current.setState(state => {
+      const rowCount = props.rowCount !== undefined ? props.rowCount : visibleTopLevelRowCount;
+      const pageCount = getPageCount(rowCount, state.pagination.pageSize);
+      const page = props.page == null ? state.pagination.page : props.page;
+      return (0, _extends2.default)({}, state, {
+        pagination: applyValidPage((0, _extends2.default)({}, state.pagination, {
+          page,
+          rowCount,
+          pageCount
+        }))
+      });
+    });
+    apiRef.current.forceUpdate();
+  }, [visibleTopLevelRowCount, props.rowCount, props.page, props.paginationMode, apiRef]);
+};
+
+exports.useGridPage = useGridPage;

package/node/hooks/features/pagination/useGridPageSize.js

@@ -0,0 +1,140 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useGridPageSize = exports.defaultPageSize = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var React = _interopRequireWildcard(require("react"));
+
+var _events = require("../../../models/events");
+
+var _utils = require("../../utils");
+
+var _gridPaginationSelector = require("./gridPaginationSelector");
+
+var _density = require("../density");
+
+var _preProcessing = require("../../core/preProcessing");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+const defaultPageSize = autoPageSize => autoPageSize ? 0 : 100;
+
+exports.defaultPageSize = defaultPageSize;
+
+const mergeStateWithPageSize = pageSize => state => (0, _extends2.default)({}, state, {
+  pagination: (0, _extends2.default)({}, state.pagination, {
+    pageSize
+  })
+});
+/**
+ * @requires useGridDimensions (event) - can be after
+ */
+
+
+const useGridPageSize = (apiRef, props) => {
+  var _props$initialState2, _props$initialState2$;
+
+  const logger = (0, _utils.useGridLogger)(apiRef, 'useGridPageSize');
+  const rowHeight = (0, _utils.useGridSelector)(apiRef, _density.gridDensityRowHeightSelector);
+  apiRef.current.unstable_updateControlState({
+    stateId: 'pageSize',
+    propModel: props.pageSize,
+    propOnChange: props.onPageSizeChange,
+    stateSelector: _gridPaginationSelector.gridPageSizeSelector,
+    changeEvent: _events.GridEvents.pageSizeChange
+  });
+  /**
+   * API METHODS
+   */
+
+  const setPageSize = React.useCallback(pageSize => {
+    if (pageSize === (0, _gridPaginationSelector.gridPageSizeSelector)(apiRef)) {
+      return;
+    }
+
+    logger.debug(`Setting page size to ${pageSize}`);
+    apiRef.current.setState(mergeStateWithPageSize(pageSize));
+    apiRef.current.forceUpdate();
+  }, [apiRef, logger]);
+  const pageSizeApi = {
+    setPageSize
+  };
+  (0, _utils.useGridApiMethod)(apiRef, pageSizeApi, 'GridPageSizeApi');
+  /**
+   * PRE-PROCESSING
+   */
+
+  const stateExportPreProcessing = React.useCallback(prevState => {
+    var _props$initialState, _props$initialState$p;
+
+    const pageSizeToExport = (0, _gridPaginationSelector.gridPageSizeSelector)(apiRef);
+    const shouldExportPageSize = // Always export if the page size is controlled
+    props.pageSize != null || // Always export if the page size has been initialized
+    ((_props$initialState = props.initialState) == null ? void 0 : (_props$initialState$p = _props$initialState.pagination) == null ? void 0 : _props$initialState$p.pageSize) != null || // Export if the page size value is not equal to the default value
+    pageSizeToExport !== defaultPageSize(props.autoPageSize);
+
+    if (!shouldExportPageSize) {
+      return prevState;
+    }
+
+    return (0, _extends2.default)({}, prevState, {
+      pagination: (0, _extends2.default)({}, prevState.pagination, {
+        pageSize: pageSizeToExport
+      })
+    });
+  }, [apiRef, props.pageSize, (_props$initialState2 = props.initialState) == null ? void 0 : (_props$initialState2$ = _props$initialState2.pagination) == null ? void 0 : _props$initialState2$.pageSize, props.autoPageSize]);
+  /**
+   * TODO: Add error if `prop.autoHeight = true`
+   */
+
+  const stateRestorePreProcessing = React.useCallback((params, context) => {
+    var _context$stateToResto;
+
+    const pageSize = (_context$stateToResto = context.stateToRestore.pagination) == null ? void 0 : _context$stateToResto.pageSize;
+
+    if (pageSize != null) {
+      apiRef.current.setState(mergeStateWithPageSize(pageSize));
+    }
+
+    return params;
+  }, [apiRef]);
+  (0, _preProcessing.useGridRegisterPreProcessor)(apiRef, 'exportState', stateExportPreProcessing);
+  (0, _preProcessing.useGridRegisterPreProcessor)(apiRef, 'restoreState', stateRestorePreProcessing);
+  /**
+   * EVENTS
+   */
+
+  const handleUpdateAutoPageSize = React.useCallback(() => {
+    const dimensions = apiRef.current.getRootDimensions();
+
+    if (!props.autoPageSize || !dimensions) {
+      return;
+    }
+
+    const maximumPageSizeWithoutScrollBar = Math.floor(dimensions.viewportInnerSize.height / rowHeight);
+    apiRef.current.setPageSize(maximumPageSizeWithoutScrollBar);
+  }, [apiRef, props.autoPageSize, rowHeight]);
+  (0, _utils.useGridApiEventHandler)(apiRef, _events.GridEvents.viewportInnerSizeChange, handleUpdateAutoPageSize);
+  /**
+   * EFFECTS
+   */
+
+  React.useEffect(() => {
+    if (props.pageSize != null && !props.autoPageSize) {
+      apiRef.current.setPageSize(props.pageSize);
+    }
+  }, [apiRef, props.autoPageSize, props.pageSize]);
+  React.useEffect(() => {
+    handleUpdateAutoPageSize();
+  }, [handleUpdateAutoPageSize]);
+};
+
+exports.useGridPageSize = useGridPageSize;

package/node/hooks/features/pagination/useGridPagination.js

@@ -0,0 +1,51 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useGridPagination = exports.paginationStateInitializer = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _useGridPageSize = require("./useGridPageSize");
+
+var _useGridPage = require("./useGridPage");
+
+const paginationStateInitializer = (state, props) => {
+  var _props$initialState, _props$initialState$p, _ref, _props$page, _props$initialState2, _props$initialState2$, _props$rowCount, _props$rowCount2;
+
+  let pageSize;
+
+  if (props.pageSize != null) {
+    pageSize = props.pageSize;
+  } else if (((_props$initialState = props.initialState) == null ? void 0 : (_props$initialState$p = _props$initialState.pagination) == null ? void 0 : _props$initialState$p.pageSize) != null) {
+    pageSize = props.initialState.pagination.pageSize;
+  } else {
+    pageSize = (0, _useGridPageSize.defaultPageSize)(props.autoPageSize);
+  }
+
+  return (0, _extends2.default)({}, state, {
+    pagination: {
+      pageSize,
+      page: (_ref = (_props$page = props.page) != null ? _props$page : (_props$initialState2 = props.initialState) == null ? void 0 : (_props$initialState2$ = _props$initialState2.pagination) == null ? void 0 : _props$initialState2$.page) != null ? _ref : 0,
+      pageCount: (0, _useGridPage.getPageCount)((_props$rowCount = props.rowCount) != null ? _props$rowCount : 0, pageSize),
+      rowCount: (_props$rowCount2 = props.rowCount) != null ? _props$rowCount2 : 0
+    }
+  });
+};
+/**
+ * @requires useGridFilter (state)
+ * @requires useGridDimensions (event) - can be after
+ */
+
+
+exports.paginationStateInitializer = paginationStateInitializer;
+
+const useGridPagination = (apiRef, props) => {
+  (0, _useGridPageSize.useGridPageSize)(apiRef, props);
+  (0, _useGridPage.useGridPage)(apiRef, props);
+};
+
+exports.useGridPagination = useGridPagination;

package/node/hooks/features/preferencesPanel/gridPreferencePanelSelector.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.gridPreferencePanelStateSelector = void 0;
+
+const gridPreferencePanelStateSelector = state => state.preferencePanel;
+
+exports.gridPreferencePanelStateSelector = gridPreferencePanelStateSelector;

package/node/hooks/features/preferencesPanel/gridPreferencePanelState.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/node/hooks/features/preferencesPanel/gridPreferencePanelsValue.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.GridPreferencePanelsValue = void 0;
+var GridPreferencePanelsValue;
+exports.GridPreferencePanelsValue = GridPreferencePanelsValue;
+
+(function (GridPreferencePanelsValue) {
+  GridPreferencePanelsValue["filters"] = "filters";
+  GridPreferencePanelsValue["columns"] = "columns";
+})(GridPreferencePanelsValue || (exports.GridPreferencePanelsValue = GridPreferencePanelsValue = {}));

package/node/hooks/features/preferencesPanel/index.js

@@ -0,0 +1,44 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _gridPreferencePanelSelector = require("./gridPreferencePanelSelector");
+
+Object.keys(_gridPreferencePanelSelector).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _gridPreferencePanelSelector[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _gridPreferencePanelSelector[key];
+    }
+  });
+});
+
+var _gridPreferencePanelState = require("./gridPreferencePanelState");
+
+Object.keys(_gridPreferencePanelState).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _gridPreferencePanelState[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _gridPreferencePanelState[key];
+    }
+  });
+});
+
+var _gridPreferencePanelsValue = require("./gridPreferencePanelsValue");
+
+Object.keys(_gridPreferencePanelsValue).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _gridPreferencePanelsValue[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _gridPreferencePanelsValue[key];
+    }
+  });
+});

package/node/hooks/features/preferencesPanel/useGridPreferencesPanel.js

@@ -0,0 +1,124 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useGridPreferencesPanel = exports.preferencePanelStateInitializer = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var React = _interopRequireWildcard(require("react"));
+
+var _useGridApiMethod = require("../../utils/useGridApiMethod");
+
+var _useGridLogger = require("../../utils/useGridLogger");
+
+var _preProcessing = require("../../core/preProcessing");
+
+var _gridPreferencePanelSelector = require("./gridPreferencePanelSelector");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+const preferencePanelStateInitializer = (state, props) => {
+  var _props$initialState$p, _props$initialState;
+
+  return (0, _extends2.default)({}, state, {
+    preferencePanel: (_props$initialState$p = (_props$initialState = props.initialState) == null ? void 0 : _props$initialState.preferencePanel) != null ? _props$initialState$p : {
+      open: false
+    }
+  });
+};
+/**
+ * TODO: Add a single `setPreferencePanel` method to avoid multiple `setState`
+ */
+
+
+exports.preferencePanelStateInitializer = preferencePanelStateInitializer;
+
+const useGridPreferencesPanel = apiRef => {
+  const logger = (0, _useGridLogger.useGridLogger)(apiRef, 'useGridPreferencesPanel');
+  const hideTimeout = React.useRef();
+  const immediateTimeout = React.useRef();
+  /**
+   * API METHODS
+   */
+
+  const hidePreferences = React.useCallback(() => {
+    logger.debug('Hiding Preferences Panel');
+    apiRef.current.setState(state => (0, _extends2.default)({}, state, {
+      preferencePanel: {
+        open: false
+      }
+    }));
+    apiRef.current.forceUpdate();
+  }, [apiRef, logger]); // This is to prevent the preferences from closing when you open a select box or another panel,
+  // The issue is in MUI core V4 => Fixed in V5
+
+  const doNotHidePanel = React.useCallback(() => {
+    immediateTimeout.current = setTimeout(() => clearTimeout(hideTimeout.current), 0);
+  }, []); // This is a hack for the issue with Core V4, by delaying hiding the panel on the clickAwayListener,
+  // we can cancel the action if the trigger element still need the panel...
+
+  const hidePreferencesDelayed = React.useCallback(() => {
+    hideTimeout.current = setTimeout(hidePreferences, 100);
+  }, [hidePreferences]);
+  const showPreferences = React.useCallback(newValue => {
+    logger.debug('Opening Preferences Panel');
+    doNotHidePanel();
+    apiRef.current.setState(state => (0, _extends2.default)({}, state, {
+      preferencePanel: (0, _extends2.default)({}, state.preferencePanel, {
+        open: true,
+        openedPanelValue: newValue
+      })
+    }));
+    apiRef.current.forceUpdate();
+  }, [doNotHidePanel, apiRef, logger]);
+  (0, _useGridApiMethod.useGridApiMethod)(apiRef, {
+    showPreferences,
+    hidePreferences: hidePreferencesDelayed
+  }, 'ColumnMenuApi');
+  /**
+   * PRE-PROCESSING
+   */
+
+  const stateExportPreProcessing = React.useCallback(prevState => {
+    const preferencePanelToExport = (0, _gridPreferencePanelSelector.gridPreferencePanelStateSelector)(apiRef.current.state);
+
+    if (!preferencePanelToExport.open && !preferencePanelToExport.openedPanelValue) {
+      return prevState;
+    }
+
+    return (0, _extends2.default)({}, prevState, {
+      preferencePanel: preferencePanelToExport
+    });
+  }, [apiRef]);
+  const stateRestorePreProcessing = React.useCallback((params, context) => {
+    const preferencePanel = context.stateToRestore.preferencePanel;
+
+    if (preferencePanel != null) {
+      apiRef.current.setState(state => (0, _extends2.default)({}, state, {
+        preferencePanel
+      }));
+    }
+
+    return params;
+  }, [apiRef]);
+  (0, _preProcessing.useGridRegisterPreProcessor)(apiRef, 'exportState', stateExportPreProcessing);
+  (0, _preProcessing.useGridRegisterPreProcessor)(apiRef, 'restoreState', stateRestorePreProcessing);
+  /**
+   * EFFECTS
+   */
+
+  React.useEffect(() => {
+    return () => {
+      clearTimeout(hideTimeout.current);
+      clearTimeout(immediateTimeout.current);
+    };
+  }, []);
+};
+
+exports.useGridPreferencesPanel = useGridPreferencesPanel;

package/node/hooks/features/rows/gridRowsMetaSelector.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.gridRowsMetaSelector = void 0;
+
+const gridRowsMetaSelector = state => state.rowsMeta;
+
+exports.gridRowsMetaSelector = gridRowsMetaSelector;

package/node/hooks/features/rows/gridRowsMetaState.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/node/hooks/features/rows/gridRowsSelector.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.gridTopLevelRowCountSelector = exports.gridRowsStateSelector = exports.gridRowsLookupSelector = exports.gridRowTreeSelector = exports.gridRowTreeDepthSelector = exports.gridRowIdsSelector = exports.gridRowGroupingNameSelector = exports.gridRowCountSelector = void 0;
+
+var _createSelector = require("../../../utils/createSelector");
+
+const gridRowsStateSelector = state => state.rows;
+
+exports.gridRowsStateSelector = gridRowsStateSelector;
+const gridRowCountSelector = (0, _createSelector.createSelector)(gridRowsStateSelector, rows => rows.totalRowCount);
+exports.gridRowCountSelector = gridRowCountSelector;
+const gridTopLevelRowCountSelector = (0, _createSelector.createSelector)(gridRowsStateSelector, rows => rows.totalTopLevelRowCount);
+exports.gridTopLevelRowCountSelector = gridTopLevelRowCountSelector;
+const gridRowsLookupSelector = (0, _createSelector.createSelector)(gridRowsStateSelector, rows => rows.idRowsLookup);
+exports.gridRowsLookupSelector = gridRowsLookupSelector;
+const gridRowTreeSelector = (0, _createSelector.createSelector)(gridRowsStateSelector, rows => rows.tree);
+exports.gridRowTreeSelector = gridRowTreeSelector;
+const gridRowGroupingNameSelector = (0, _createSelector.createSelector)(gridRowsStateSelector, rows => rows.groupingName);
+exports.gridRowGroupingNameSelector = gridRowGroupingNameSelector;
+const gridRowTreeDepthSelector = (0, _createSelector.createSelector)(gridRowsStateSelector, rows => rows.treeDepth);
+exports.gridRowTreeDepthSelector = gridRowTreeDepthSelector;
+const gridRowIdsSelector = (0, _createSelector.createSelector)(gridRowsStateSelector, rows => rows.ids);
+exports.gridRowIdsSelector = gridRowIdsSelector;

package/node/hooks/features/rows/gridRowsState.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/node/hooks/features/rows/index.js

@@ -0,0 +1,44 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _gridRowsMetaSelector = require("./gridRowsMetaSelector");
+
+Object.keys(_gridRowsMetaSelector).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _gridRowsMetaSelector[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _gridRowsMetaSelector[key];
+    }
+  });
+});
+
+var _gridRowsMetaState = require("./gridRowsMetaState");
+
+Object.keys(_gridRowsMetaState).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _gridRowsMetaState[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _gridRowsMetaState[key];
+    }
+  });
+});
+
+var _gridRowsSelector = require("./gridRowsSelector");
+
+Object.keys(_gridRowsSelector).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _gridRowsSelector[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _gridRowsSelector[key];
+    }
+  });
+});