@mui/x-data-grid 5.5.0 → 5.6.1

package/node/components/base/GridBody.js

@@ -0,0 +1,107 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.GridBody = GridBody;
+
+var React = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _events = require("../../models/events");
+
+var _useGridApiContext = require("../../hooks/utils/useGridApiContext");
+
+var _GridMainContainer = require("../containers/GridMainContainer");
+
+var _GridAutoSizer = require("../GridAutoSizer");
+
+var _GridOverlays = require("./GridOverlays");
+
+var _useGridRootProps = require("../../hooks/utils/useGridRootProps");
+
+var _useGridSelector = require("../../hooks/utils/useGridSelector");
+
+var _densitySelector = require("../../hooks/features/density/densitySelector");
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+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; }
+
+function GridBody(props) {
+  const {
+    children,
+    VirtualScrollerComponent,
+    ColumnHeadersComponent
+  } = props;
+  const apiRef = (0, _useGridApiContext.useGridApiContext)();
+  const rootProps = (0, _useGridRootProps.useGridRootProps)();
+  const headerHeight = (0, _useGridSelector.useGridSelector)(apiRef, _densitySelector.gridDensityHeaderHeightSelector);
+  const [isVirtualizationDisabled, setIsVirtualizationDisabled] = React.useState(rootProps.disableVirtualization);
+  const disableVirtualization = React.useCallback(() => {
+    setIsVirtualizationDisabled(true);
+  }, []);
+  const enableVirtualization = React.useCallback(() => {
+    setIsVirtualizationDisabled(false);
+  }, []); // The `useGridApiMethod` hook can't be used here, because it only installs the
+  // method if it doesn't exist yet. Once installed, it's never updated again.
+  // This break the methods above, since their closure comes from the first time
+  // they were installed. Which means that calling `setIsVirtualizationDisabled`
+  // will trigger a re-render, but it won't update the state. That can be solved
+  // by migrating the virtualization status to the global state.
+
+  apiRef.current.unstable_disableVirtualization = disableVirtualization;
+  apiRef.current.unstable_enableVirtualization = enableVirtualization;
+  const columnHeadersRef = React.useRef(null);
+  const columnsContainerRef = React.useRef(null);
+  const windowRef = React.useRef(null);
+  const renderingZoneRef = React.useRef(null);
+  apiRef.current.columnHeadersContainerElementRef = columnsContainerRef;
+  apiRef.current.columnHeadersElementRef = columnHeadersRef;
+  apiRef.current.windowRef = windowRef; // TODO rename, it's not attached to the window anymore
+
+  apiRef.current.renderingZoneRef = renderingZoneRef; // TODO remove, nobody should have access to internal parts of the virtualization
+
+  const handleResize = React.useCallback(size => {
+    apiRef.current.publishEvent(_events.GridEvents.resize, size);
+  }, [apiRef]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_GridMainContainer.GridMainContainer, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_GridOverlays.GridOverlays, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(ColumnHeadersComponent, {
+      ref: columnsContainerRef,
+      innerRef: columnHeadersRef
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_GridAutoSizer.GridAutoSizer, {
+      nonce: rootProps.nonce,
+      disableHeight: rootProps.autoHeight,
+      onResize: handleResize,
+      children: size => {
+        const style = {
+          width: size.width,
+          // If `autoHeight` is on, there will be no height value.
+          // In this case, let the container to grow whatever it needs.
+          height: size.height ? size.height - headerHeight : 'auto',
+          marginTop: headerHeight
+        };
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(VirtualScrollerComponent, {
+          ref: windowRef,
+          style: style,
+          disableVirtualization: isVirtualizationDisabled
+        });
+      }
+    }), children]
+  });
+}
+
+process.env.NODE_ENV !== "production" ? GridBody.propTypes = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // | To update them edit the TypeScript types and run "yarn proptypes"  |
+  // ----------------------------------------------------------------------
+  children: _propTypes.default.node,
+  ColumnHeadersComponent: _propTypes.default.elementType.isRequired,
+  VirtualScrollerComponent: _propTypes.default.elementType.isRequired
+} : void 0;

package/node/components/base/GridErrorHandler.js

@@ -0,0 +1,85 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.GridErrorHandler = GridErrorHandler;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var React = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _styles = require("@mui/material/styles");
+
+var _useGridApiContext = require("../../hooks/utils/useGridApiContext");
+
+var _useGridLogger = require("../../hooks/utils/useGridLogger");
+
+var _GridMainContainer = require("../containers/GridMainContainer");
+
+var _ErrorBoundary = require("../ErrorBoundary");
+
+var _useGridRootProps = require("../../hooks/utils/useGridRootProps");
+
+var _GridAutoSizer = require("../GridAutoSizer");
+
+var _gridEvents = require("../../models/events/gridEvents");
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+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 ErrorOverlayWrapper = (0, _styles.styled)('div')({
+  position: 'absolute',
+  top: 0,
+  width: '100%',
+  height: '100%'
+});
+
+function GridErrorHandler(props) {
+  const {
+    children
+  } = props;
+  const apiRef = (0, _useGridApiContext.useGridApiContext)();
+  const logger = (0, _useGridLogger.useGridLogger)(apiRef, 'GridErrorHandler');
+  const rootProps = (0, _useGridRootProps.useGridRootProps)();
+  const error = apiRef.current.state.error;
+  const handleResize = React.useCallback(size => {
+    apiRef.current.publishEvent(_gridEvents.GridEvents.resize, size);
+  }, [apiRef]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ErrorBoundary.ErrorBoundary, {
+    hasError: error != null,
+    componentProps: error,
+    api: apiRef,
+    logger: logger,
+    render: errorProps => /*#__PURE__*/(0, _jsxRuntime.jsx)(_GridMainContainer.GridMainContainer, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_GridAutoSizer.GridAutoSizer, {
+        nonce: rootProps.nonce,
+        disableHeight: rootProps.autoHeight,
+        onResize: handleResize,
+        children: () => {
+          var _rootProps$components;
+
+          return /*#__PURE__*/(0, _jsxRuntime.jsx)(ErrorOverlayWrapper, {
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(rootProps.components.ErrorOverlay, (0, _extends2.default)({}, errorProps, (_rootProps$components = rootProps.componentsProps) == null ? void 0 : _rootProps$components.errorOverlay))
+          });
+        }
+      })
+    }),
+    children: children
+  });
+}
+
+process.env.NODE_ENV !== "production" ? GridErrorHandler.propTypes = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // | To update them edit the TypeScript types and run "yarn proptypes"  |
+  // ----------------------------------------------------------------------
+  children: _propTypes.default.node
+} : void 0;

package/node/components/base/GridFooterPlaceholder.js

@@ -0,0 +1,40 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.GridFooterPlaceholder = GridFooterPlaceholder;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var React = _interopRequireWildcard(require("react"));
+
+var _useGridApiContext = require("../../hooks/utils/useGridApiContext");
+
+var _useGridRootProps = require("../../hooks/utils/useGridRootProps");
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+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; }
+
+function GridFooterPlaceholder() {
+  var _rootProps$components;
+
+  const apiRef = (0, _useGridApiContext.useGridApiContext)();
+  const rootProps = (0, _useGridRootProps.useGridRootProps)();
+  const footerRef = React.useRef(null);
+  apiRef.current.footerRef = footerRef;
+
+  if (rootProps.hideFooter) {
+    return null;
+  }
+
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    ref: footerRef,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(rootProps.components.Footer, (0, _extends2.default)({}, (_rootProps$components = rootProps.componentsProps) == null ? void 0 : _rootProps$components.footer))
+  });
+}

package/node/components/base/GridHeaderPlaceholder.js

@@ -0,0 +1,35 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.GridHeaderPlaceholder = GridHeaderPlaceholder;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var React = _interopRequireWildcard(require("react"));
+
+var _useGridApiContext = require("../../hooks/utils/useGridApiContext");
+
+var _useGridRootProps = require("../../hooks/utils/useGridRootProps");
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+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; }
+
+function GridHeaderPlaceholder() {
+  var _rootProps$components;
+
+  const apiRef = (0, _useGridApiContext.useGridApiContext)();
+  const rootProps = (0, _useGridRootProps.useGridRootProps)();
+  const headerRef = React.useRef(null);
+  apiRef.current.headerRef = headerRef;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    ref: headerRef,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(rootProps.components.Header, (0, _extends2.default)({}, (_rootProps$components = rootProps.componentsProps) == null ? void 0 : _rootProps$components.header))
+  });
+}

package/node/components/base/GridOverlays.js

@@ -0,0 +1,110 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.GridOverlays = GridOverlays;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var React = _interopRequireWildcard(require("react"));
+
+var _utils = require("@mui/material/utils");
+
+var _useGridSelector = require("../../hooks/utils/useGridSelector");
+
+var _gridFilterSelector = require("../../hooks/features/filter/gridFilterSelector");
+
+var _gridRowsSelector = require("../../hooks/features/rows/gridRowsSelector");
+
+var _useGridApiContext = require("../../hooks/utils/useGridApiContext");
+
+var _useGridRootProps = require("../../hooks/utils/useGridRootProps");
+
+var _densitySelector = require("../../hooks/features/density/densitySelector");
+
+var _events = require("../../models/events");
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+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; }
+
+function GridOverlayWrapper(props) {
+  var _viewportInnerSize$he, _viewportInnerSize$wi;
+
+  const apiRef = (0, _useGridApiContext.useGridApiContext)();
+  const rootProps = (0, _useGridRootProps.useGridRootProps)();
+  const headerHeight = (0, _useGridSelector.useGridSelector)(apiRef, _densitySelector.gridDensityHeaderHeightSelector);
+  const [viewportInnerSize, setViewportInnerSize] = React.useState(() => {
+    var _apiRef$current$getRo, _apiRef$current$getRo2;
+
+    return (_apiRef$current$getRo = (_apiRef$current$getRo2 = apiRef.current.getRootDimensions()) == null ? void 0 : _apiRef$current$getRo2.viewportInnerSize) != null ? _apiRef$current$getRo : null;
+  });
+  const handleViewportSizeChange = React.useCallback(() => {
+    var _apiRef$current$getRo3, _apiRef$current$getRo4;
+
+    setViewportInnerSize((_apiRef$current$getRo3 = (_apiRef$current$getRo4 = apiRef.current.getRootDimensions()) == null ? void 0 : _apiRef$current$getRo4.viewportInnerSize) != null ? _apiRef$current$getRo3 : null);
+  }, [apiRef]);
+  (0, _utils.unstable_useEnhancedEffect)(() => {
+    return apiRef.current.subscribeEvent(_events.GridEvents.viewportInnerSizeChange, handleViewportSizeChange);
+  }, [apiRef, handleViewportSizeChange]);
+  let height = (_viewportInnerSize$he = viewportInnerSize == null ? void 0 : viewportInnerSize.height) != null ? _viewportInnerSize$he : 0;
+
+  if (rootProps.autoHeight && height === 0) {
+    height = 'auto';
+  }
+
+  if (!viewportInnerSize) {
+    return null;
+  }
+
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", (0, _extends2.default)({
+    style: {
+      height,
+      width: (_viewportInnerSize$wi = viewportInnerSize == null ? void 0 : viewportInnerSize.width) != null ? _viewportInnerSize$wi : 0,
+      position: 'absolute',
+      top: headerHeight,
+      bottom: height === 'auto' ? 0 : undefined
+    }
+  }, props));
+}
+
+function GridOverlays() {
+  const apiRef = (0, _useGridApiContext.useGridApiContext)();
+  const rootProps = (0, _useGridRootProps.useGridRootProps)();
+  const totalRowCount = (0, _useGridSelector.useGridSelector)(apiRef, _gridRowsSelector.gridRowCountSelector);
+  const visibleRowCount = (0, _useGridSelector.useGridSelector)(apiRef, _gridFilterSelector.gridVisibleRowCountSelector);
+  const showNoRowsOverlay = !rootProps.loading && totalRowCount === 0;
+  const showNoResultsOverlay = !rootProps.loading && totalRowCount > 0 && visibleRowCount === 0;
+  let overlay = null;
+
+  if (showNoRowsOverlay) {
+    var _rootProps$components;
+
+    overlay = /*#__PURE__*/(0, _jsxRuntime.jsx)(rootProps.components.NoRowsOverlay, (0, _extends2.default)({}, (_rootProps$components = rootProps.componentsProps) == null ? void 0 : _rootProps$components.noRowsOverlay));
+  }
+
+  if (showNoResultsOverlay) {
+    var _rootProps$components2;
+
+    overlay = /*#__PURE__*/(0, _jsxRuntime.jsx)(rootProps.components.NoResultsOverlay, (0, _extends2.default)({}, (_rootProps$components2 = rootProps.componentsProps) == null ? void 0 : _rootProps$components2.noResultsOverlay));
+  }
+
+  if (rootProps.loading) {
+    var _rootProps$components3;
+
+    overlay = /*#__PURE__*/(0, _jsxRuntime.jsx)(rootProps.components.LoadingOverlay, (0, _extends2.default)({}, (_rootProps$components3 = rootProps.componentsProps) == null ? void 0 : _rootProps$components3.loadingOverlay));
+  }
+
+  if (overlay === null) {
+    return null;
+  }
+
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(GridOverlayWrapper, {
+    children: overlay
+  });
+}

package/node/components/base/index.js

@@ -0,0 +1,70 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _GridBody = require("./GridBody");
+
+Object.keys(_GridBody).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _GridBody[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _GridBody[key];
+    }
+  });
+});
+
+var _GridErrorHandler = require("./GridErrorHandler");
+
+Object.keys(_GridErrorHandler).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _GridErrorHandler[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _GridErrorHandler[key];
+    }
+  });
+});
+
+var _GridFooterPlaceholder = require("./GridFooterPlaceholder");
+
+Object.keys(_GridFooterPlaceholder).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _GridFooterPlaceholder[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _GridFooterPlaceholder[key];
+    }
+  });
+});
+
+var _GridHeaderPlaceholder = require("./GridHeaderPlaceholder");
+
+Object.keys(_GridHeaderPlaceholder).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _GridHeaderPlaceholder[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _GridHeaderPlaceholder[key];
+    }
+  });
+});
+
+var _GridOverlays = require("./GridOverlays");
+
+Object.keys(_GridOverlays).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _GridOverlays[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _GridOverlays[key];
+    }
+  });
+});

package/node/components/cell/GridActionsCell.js

@@ -0,0 +1,144 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.renderActionsCell = exports.GridActionsCell = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var React = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
+
+var _MenuList = _interopRequireDefault(require("@mui/material/MenuList"));
+
+var _utils = require("@mui/material/utils");
+
+var _gridClasses = require("../../constants/gridClasses");
+
+var _GridMenu = require("../menu/GridMenu");
+
+var _useGridRootProps = require("../../hooks/utils/useGridRootProps");
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+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 hasActions = colDef => typeof colDef.getActions === 'function';
+
+const GridActionsCell = props => {
+  const [open, setOpen] = React.useState(false);
+  const buttonRef = React.useRef(null);
+  const touchRippleRefs = React.useRef({});
+  const menuId = (0, _utils.unstable_useId)();
+  const buttonId = (0, _utils.unstable_useId)();
+  const rootProps = (0, _useGridRootProps.useGridRootProps)();
+  const {
+    colDef,
+    id,
+    api,
+    hasFocus,
+    position = 'bottom-end'
+  } = props; // TODO apply the rest to the root element
+
+  React.useLayoutEffect(() => {
+    if (!hasFocus) {
+      Object.entries(touchRippleRefs.current).forEach(([index, ref]) => {
+        ref == null ? void 0 : ref.stop({}, () => {
+          delete touchRippleRefs.current[index];
+        });
+      });
+    }
+  }, [hasFocus]);
+
+  if (!hasActions(colDef)) {
+    throw new Error('MUI: Missing the `getActions` property in the `GridColDef`.');
+  }
+
+  const showMenu = () => setOpen(true);
+
+  const hideMenu = () => setOpen(false);
+
+  const options = colDef.getActions(api.getRowParams(id));
+  const iconButtons = options.filter(option => !option.props.showInMenu);
+  const menuButtons = options.filter(option => option.props.showInMenu);
+
+  const handleTouchRippleRef = index => instance => {
+    touchRippleRefs.current[index] = instance;
+  };
+
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: _gridClasses.gridClasses.actionsCell,
+    children: [iconButtons.map((button, index) => /*#__PURE__*/React.cloneElement(button, {
+      key: index,
+      touchRippleRef: handleTouchRippleRef(index)
+    })), menuButtons.length > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton.default, {
+      ref: buttonRef,
+      id: buttonId,
+      "aria-label": api.getLocaleText('actionsCellMore'),
+      "aria-controls": menuId,
+      "aria-expanded": open ? 'true' : undefined,
+      "aria-haspopup": "true",
+      size: "small",
+      onClick: showMenu,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(rootProps.components.MoreActionsIcon, {
+        fontSize: "small"
+      })
+    }), menuButtons.length > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_GridMenu.GridMenu, {
+      id: menuId,
+      onClickAway: hideMenu,
+      onClick: hideMenu,
+      open: open,
+      target: buttonRef.current,
+      position: position,
+      "aria-labelledby": buttonId,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_MenuList.default, {
+        className: _gridClasses.gridClasses.menuList,
+        children: menuButtons.map((button, index) => /*#__PURE__*/React.cloneElement(button, {
+          key: index
+        }))
+      })
+    })]
+  });
+};
+
+exports.GridActionsCell = GridActionsCell;
+process.env.NODE_ENV !== "production" ? GridActionsCell.propTypes = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // | To update them edit the TypeScript types and run "yarn proptypes"  |
+  // ----------------------------------------------------------------------
+
+  /**
+   * GridApi that let you manipulate the grid.
+   * @deprecated Use the `apiRef` returned by `useGridApiContext` or `useGridApiRef` (only available in `@mui/x-data-grid-pro`)
+   */
+  api: _propTypes.default.any.isRequired,
+
+  /**
+   * The column of the row that the current cell belongs to.
+   */
+  colDef: _propTypes.default.object.isRequired,
+
+  /**
+   * If true, the cell is the active element.
+   */
+  hasFocus: _propTypes.default.bool.isRequired,
+
+  /**
+   * The grid row id.
+   */
+  id: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]).isRequired,
+  position: _propTypes.default.oneOf(['bottom-end', 'bottom-start', 'bottom', 'left-end', 'left-start', 'left', 'right-end', 'right-start', 'right', 'top-end', 'top-start', 'top'])
+} : void 0;
+
+const renderActionsCell = params => /*#__PURE__*/(0, _jsxRuntime.jsx)(GridActionsCell, (0, _extends2.default)({}, params));
+
+exports.renderActionsCell = renderActionsCell;