@mui/x-data-grid 5.7.0 → 5.8.0

package/modern/hooks/features/keyboard/useGridKeyboard.js

@@ -1,70 +0,0 @@
-import * as React from 'react';
-import { gridClasses } from '../../../constants/gridClasses';
-import { GridEvents } from '../../../models/events';
-import { findParentElementFromClassName } from '../../../utils/domUtils';
-import { isNavigationKey } from '../../../utils/keyboardUtils';
-import { useGridApiEventHandler } from '../../utils/useGridApiEventHandler';
-import { GridCellModes } from '../../../models/gridEditRowModel';
-import { gridVisibleSortedRowIdsSelector } from '../filter/gridFilterSelector';
-import { gridFocusCellSelector } from '../focus/gridFocusStateSelector';
-/**
- * @requires useGridSelection (method)
- * @requires useGridRows (method)
- * @requires useGridFocus (state)
- * @requires useGridParamsApi (method)
- * @requires useGridColumnMenu (method)
- */
-
-export const useGridKeyboard = apiRef => {
-  const expandSelection = React.useCallback((params, event) => {
-    apiRef.current.publishEvent(GridEvents.cellNavigationKeyDown, params, event);
-    const focusCell = gridFocusCellSelector(apiRef);
-
-    if (!focusCell) {
-      return;
-    }
-
-    const rowEl = findParentElementFromClassName(event.target, gridClasses.row);
-    const startRowIndex = Number(rowEl.getAttribute('data-rowindex'));
-    const startId = gridVisibleSortedRowIdsSelector(apiRef)[startRowIndex];
-
-    if (startId === focusCell.id) {
-      return;
-    }
-
-    apiRef.current.selectRowRange({
-      startId,
-      endId: focusCell.id
-    }, !apiRef.current.isRowSelected(focusCell.id));
-  }, [apiRef]);
-  const handleCellKeyDown = React.useCallback((params, event) => {
-    // Ignore portal
-    if (!event.currentTarget.contains(event.target)) {
-      return;
-    } // Get the most recent params because the cell mode may have changed by another listener
-
-
-    const cellParams = apiRef.current.getCellParams(params.id, params.field);
-    const isEditMode = cellParams.cellMode === GridCellModes.Edit;
-
-    if (isEditMode) {
-      return;
-    }
-
-    if (event.key === ' ' && event.shiftKey) {
-      // This is a select event, so it's handled by the selection hook
-      return;
-    }
-
-    if (isNavigationKey(event.key) && !event.shiftKey) {
-      apiRef.current.publishEvent(GridEvents.cellNavigationKeyDown, cellParams, event);
-      return;
-    }
-
-    if (isNavigationKey(event.key) && event.shiftKey) {
-      event.preventDefault();
-      expandSelection(cellParams, event);
-    }
-  }, [apiRef, expandSelection]);
-  useGridApiEventHandler(apiRef, GridEvents.cellKeyDown, handleCellKeyDown);
-};

package/node/hooks/core/preProcessing/index.js

@@ -1,44 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _gridPreProcessingApi = require("./gridPreProcessingApi");
-
-Object.keys(_gridPreProcessingApi).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _gridPreProcessingApi[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _gridPreProcessingApi[key];
-    }
-  });
-});
-
-var _useGridPreProcessing = require("./useGridPreProcessing");
-
-Object.keys(_useGridPreProcessing).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _useGridPreProcessing[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _useGridPreProcessing[key];
-    }
-  });
-});
-
-var _useGridRegisterPreProcessor = require("./useGridRegisterPreProcessor");
-
-Object.keys(_useGridRegisterPreProcessor).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _useGridRegisterPreProcessor[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _useGridRegisterPreProcessor[key];
-    }
-  });
-});

package/node/hooks/core/preProcessing/useGridPreProcessing.js

@@ -1,72 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useGridPreProcessing = void 0;
-
-var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-
-var _toPropertyKey2 = _interopRequireDefault(require("@babel/runtime/helpers/toPropertyKey"));
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var React = _interopRequireWildcard(require("react"));
-
-var _useGridApiMethod = require("../../utils/useGridApiMethod");
-
-var _events = require("../../../models/events");
-
-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; }
-
-/**
- * TODO: Rename `useGridPipProcessing`
- */
-const useGridPreProcessing = apiRef => {
-  const preProcessorsRef = React.useRef({});
-  const registerPreProcessor = React.useCallback((group, id, callback) => {
-    if (!preProcessorsRef.current[group]) {
-      preProcessorsRef.current[group] = {};
-    }
-
-    const preProcessors = preProcessorsRef.current[group];
-    const oldCallback = preProcessors[id];
-
-    if (oldCallback !== callback) {
-      preProcessorsRef.current[group] = (0, _extends2.default)({}, preProcessors, {
-        [id]: callback
-      });
-      apiRef.current.publishEvent(_events.GridEvents.preProcessorRegister, group);
-    }
-
-    return () => {
-      const _ref = preProcessorsRef.current[group],
-            otherProcessors = (0, _objectWithoutPropertiesLoose2.default)(_ref, [id].map(_toPropertyKey2.default));
-      preProcessorsRef.current[group] = otherProcessors;
-      apiRef.current.publishEvent(_events.GridEvents.preProcessorUnregister, group);
-    };
-  }, [apiRef]);
-  const applyPreProcessors = React.useCallback((...args) => {
-    const [group, value, params] = args;
-
-    if (!preProcessorsRef.current[group]) {
-      return value;
-    }
-
-    const preProcessors = Object.values(preProcessorsRef.current[group]);
-    return preProcessors.reduce((acc, preProcessor) => {
-      return preProcessor(acc, params);
-    }, value);
-  }, []);
-  const preProcessingApi = {
-    unstable_registerPreProcessor: registerPreProcessor,
-    unstable_applyPreProcessors: applyPreProcessors
-  };
-  (0, _useGridApiMethod.useGridApiMethod)(apiRef, preProcessingApi, 'GridPreProcessing');
-};
-
-exports.useGridPreProcessing = useGridPreProcessing;

package/node/hooks/features/keyboard/useGridKeyboard.js

@@ -1,91 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useGridKeyboard = void 0;
-
-var React = _interopRequireWildcard(require("react"));
-
-var _gridClasses = require("../../../constants/gridClasses");
-
-var _events = require("../../../models/events");
-
-var _domUtils = require("../../../utils/domUtils");
-
-var _keyboardUtils = require("../../../utils/keyboardUtils");
-
-var _useGridApiEventHandler = require("../../utils/useGridApiEventHandler");
-
-var _gridEditRowModel = require("../../../models/gridEditRowModel");
-
-var _gridFilterSelector = require("../filter/gridFilterSelector");
-
-var _gridFocusStateSelector = require("../focus/gridFocusStateSelector");
-
-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; }
-
-/**
- * @requires useGridSelection (method)
- * @requires useGridRows (method)
- * @requires useGridFocus (state)
- * @requires useGridParamsApi (method)
- * @requires useGridColumnMenu (method)
- */
-const useGridKeyboard = apiRef => {
-  const expandSelection = React.useCallback((params, event) => {
-    apiRef.current.publishEvent(_events.GridEvents.cellNavigationKeyDown, params, event);
-    const focusCell = (0, _gridFocusStateSelector.gridFocusCellSelector)(apiRef);
-
-    if (!focusCell) {
-      return;
-    }
-
-    const rowEl = (0, _domUtils.findParentElementFromClassName)(event.target, _gridClasses.gridClasses.row);
-    const startRowIndex = Number(rowEl.getAttribute('data-rowindex'));
-    const startId = (0, _gridFilterSelector.gridVisibleSortedRowIdsSelector)(apiRef)[startRowIndex];
-
-    if (startId === focusCell.id) {
-      return;
-    }
-
-    apiRef.current.selectRowRange({
-      startId,
-      endId: focusCell.id
-    }, !apiRef.current.isRowSelected(focusCell.id));
-  }, [apiRef]);
-  const handleCellKeyDown = React.useCallback((params, event) => {
-    // Ignore portal
-    if (!event.currentTarget.contains(event.target)) {
-      return;
-    } // Get the most recent params because the cell mode may have changed by another listener
-
-
-    const cellParams = apiRef.current.getCellParams(params.id, params.field);
-    const isEditMode = cellParams.cellMode === _gridEditRowModel.GridCellModes.Edit;
-
-    if (isEditMode) {
-      return;
-    }
-
-    if (event.key === ' ' && event.shiftKey) {
-      // This is a select event, so it's handled by the selection hook
-      return;
-    }
-
-    if ((0, _keyboardUtils.isNavigationKey)(event.key) && !event.shiftKey) {
-      apiRef.current.publishEvent(_events.GridEvents.cellNavigationKeyDown, cellParams, event);
-      return;
-    }
-
-    if ((0, _keyboardUtils.isNavigationKey)(event.key) && event.shiftKey) {
-      event.preventDefault();
-      expandSelection(cellParams, event);
-    }
-  }, [apiRef, expandSelection]);
-  (0, _useGridApiEventHandler.useGridApiEventHandler)(apiRef, _events.GridEvents.cellKeyDown, handleCellKeyDown);
-};
-
-exports.useGridKeyboard = useGridKeyboard;