@mui/x-data-grid 8.0.0-alpha.11 → 8.0.0-alpha.13

package/components/panel/filterPanel/GridFilterPanel.js

@@ -1,42 +1,51 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getGridFilter = exports.GridFilterPanel = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+var React = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _forwardRef = require("@mui/x-internals/forwardRef");
+var _gridFilterItem = require("../../../models/gridFilterItem");
+var _useGridApiContext = require("../../../hooks/utils/useGridApiContext");
+var _GridPanelContent = require("../GridPanelContent");
+var _GridPanelFooter = require("../GridPanelFooter");
+var _GridPanelWrapper = require("../GridPanelWrapper");
+var _GridFilterForm = require("./GridFilterForm");
+var _useGridRootProps = require("../../../hooks/utils/useGridRootProps");
+var _useGridSelector = require("../../../hooks/utils/useGridSelector");
+var _gridFilterSelector = require("../../../hooks/features/filter/gridFilterSelector");
+var _gridColumnsSelector = require("../../../hooks/features/columns/gridColumnsSelector");
+var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["logicOperators", "columnsSort", "filterFormProps", "getColumnForNewFilter", "children", "disableAddFilterButton", "disableRemoveAllButton"];
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import { forwardRef } from '@mui/x-internals/forwardRef';
-import { GridLogicOperator } from "../../../models/gridFilterItem.js";
-import { useGridApiContext } from "../../../hooks/utils/useGridApiContext.js";
-import { GridPanelContent } from "../GridPanelContent.js";
-import { GridPanelFooter } from "../GridPanelFooter.js";
-import { GridPanelWrapper } from "../GridPanelWrapper.js";
-import { GridFilterForm } from "./GridFilterForm.js";
-import { useGridRootProps } from "../../../hooks/utils/useGridRootProps.js";
-import { useGridSelector } from "../../../hooks/utils/useGridSelector.js";
-import { gridFilterModelSelector } from "../../../hooks/features/filter/gridFilterSelector.js";
-import { gridFilterableColumnDefinitionsSelector, gridFilterableColumnLookupSelector } from "../../../hooks/features/columns/gridColumnsSelector.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const getGridFilter = col => ({
   field: col.field,
   operator: col.filterOperators[0].value,
   id: Math.round(Math.random() * 1e5)
 });
-const GridFilterPanel = forwardRef(function GridFilterPanel(props, ref) {
-  const apiRef = useGridApiContext();
-  const rootProps = useGridRootProps();
-  const filterModel = useGridSelector(apiRef, gridFilterModelSelector);
-  const filterableColumns = useGridSelector(apiRef, gridFilterableColumnDefinitionsSelector);
-  const filterableColumnsLookup = useGridSelector(apiRef, gridFilterableColumnLookupSelector);
+exports.getGridFilter = getGridFilter;
+const GridFilterPanel = exports.GridFilterPanel = (0, _forwardRef.forwardRef)(function GridFilterPanel(props, ref) {
+  const apiRef = (0, _useGridApiContext.useGridApiContext)();
+  const rootProps = (0, _useGridRootProps.useGridRootProps)();
+  const filterModel = (0, _useGridSelector.useGridSelector)(apiRef, _gridFilterSelector.gridFilterModelSelector);
+  const filterableColumns = (0, _useGridSelector.useGridSelector)(apiRef, _gridColumnsSelector.gridFilterableColumnDefinitionsSelector);
+  const filterableColumnsLookup = (0, _useGridSelector.useGridSelector)(apiRef, _gridColumnsSelector.gridFilterableColumnLookupSelector);
   const lastFilterRef = React.useRef(null);
   const placeholderFilter = React.useRef(null);
   const {
-      logicOperators = [GridLogicOperator.And, GridLogicOperator.Or],
+      logicOperators = [_gridFilterItem.GridLogicOperator.And, _gridFilterItem.GridLogicOperator.Or],
       columnsSort,
       filterFormProps,
       getColumnForNewFilter,
       disableAddFilterButton = false,
       disableRemoveAllButton = false
     } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded);
+    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   const applyFilter = apiRef.current.upsertFilterItem;
   const applyFilterLogicOperator = React.useCallback(operator => {
     apiRef.current.setFilterLogicOperator(operator);
@@ -128,7 +137,7 @@ const GridFilterPanel = forwardRef(function GridFilterPanel(props, ref) {
       apiRef.current.deleteFilterItem(validFilters[0]);
       return apiRef.current.hideFilterPanel();
     }
-    return apiRef.current.setFilterModel(_extends({}, filterModel, {
+    return apiRef.current.setFilterModel((0, _extends2.default)({}, filterModel, {
       items: readOnlyFilters
     }), 'removeAllFilterItems');
   }, [apiRef, readOnlyFilters, filterModel, validFilters]);
@@ -142,10 +151,10 @@ const GridFilterPanel = forwardRef(function GridFilterPanel(props, ref) {
       lastFilterRef.current.focus();
     }
   }, [validFilters.length]);
-  return /*#__PURE__*/_jsxs(GridPanelWrapper, _extends({}, other, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_GridPanelWrapper.GridPanelWrapper, (0, _extends2.default)({}, other, {
     ref: ref,
-    children: [/*#__PURE__*/_jsxs(GridPanelContent, {
-      children: [readOnlyFilters.map((item, index) => /*#__PURE__*/_jsx(GridFilterForm, _extends({
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_GridPanelContent.GridPanelContent, {
+      children: [readOnlyFilters.map((item, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_GridFilterForm.GridFilterForm, (0, _extends2.default)({
         item: item,
         applyFilterChanges: applyFilter,
         deleteFilter: deleteFilter,
@@ -157,7 +166,7 @@ const GridFilterPanel = forwardRef(function GridFilterPanel(props, ref) {
         readOnly: true,
         logicOperators: logicOperators,
         columnsSort: columnsSort
-      }, filterFormProps), item.id == null ? index : item.id)), validFilters.map((item, index) => /*#__PURE__*/_jsx(GridFilterForm, _extends({
+      }, filterFormProps), item.id == null ? index : item.id)), validFilters.map((item, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_GridFilterForm.GridFilterForm, (0, _extends2.default)({
         item: item,
         applyFilterChanges: applyFilter,
         deleteFilter: deleteFilter,
@@ -169,15 +178,15 @@ const GridFilterPanel = forwardRef(function GridFilterPanel(props, ref) {
         logicOperators: logicOperators,
         columnsSort: columnsSort
       }, filterFormProps), item.id == null ? index + readOnlyFilters.length : item.id))]
-    }), !rootProps.disableMultipleColumnsFiltering && !(disableAddFilterButton && disableRemoveAllButton) ? /*#__PURE__*/_jsxs(GridPanelFooter, {
-      children: [!disableAddFilterButton ? /*#__PURE__*/_jsx(rootProps.slots.baseButton, _extends({
+    }), !rootProps.disableMultipleColumnsFiltering && !(disableAddFilterButton && disableRemoveAllButton) ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_GridPanelFooter.GridPanelFooter, {
+      children: [!disableAddFilterButton ? /*#__PURE__*/(0, _jsxRuntime.jsx)(rootProps.slots.baseButton, (0, _extends2.default)({
         onClick: addNewFilter,
-        startIcon: /*#__PURE__*/_jsx(rootProps.slots.filterPanelAddIcon, {})
+        startIcon: /*#__PURE__*/(0, _jsxRuntime.jsx)(rootProps.slots.filterPanelAddIcon, {})
       }, rootProps.slotProps?.baseButton, {
         children: apiRef.current.getLocaleText('filterPanelAddFilter')
-      })) : /*#__PURE__*/_jsx("span", {}), !disableRemoveAllButton && validFilters.length > 0 ? /*#__PURE__*/_jsx(rootProps.slots.baseButton, _extends({
+      })) : /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {}), !disableRemoveAllButton && validFilters.length > 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(rootProps.slots.baseButton, (0, _extends2.default)({
         onClick: handleRemoveAll,
-        startIcon: /*#__PURE__*/_jsx(rootProps.slots.filterPanelRemoveAllIcon, {})
+        startIcon: /*#__PURE__*/(0, _jsxRuntime.jsx)(rootProps.slots.filterPanelRemoveAllIcon, {})
       }, rootProps.slotProps?.baseButton, {
         children: apiRef.current.getLocaleText('filterPanelRemoveAll')
       })) : null]
@@ -192,49 +201,49 @@ process.env.NODE_ENV !== "production" ? GridFilterPanel.propTypes = {
   /**
    * @ignore - do not document.
    */
-  children: PropTypes.node,
+  children: _propTypes.default.node,
   /**
    * Changes how the options in the columns selector should be ordered.
    * If not specified, the order is derived from the `columns` prop.
    */
-  columnsSort: PropTypes.oneOf(['asc', 'desc']),
+  columnsSort: _propTypes.default.oneOf(['asc', 'desc']),
   /**
    * If `true`, the `Add filter` button will not be displayed.
    * @default false
    */
-  disableAddFilterButton: PropTypes.bool,
+  disableAddFilterButton: _propTypes.default.bool,
   /**
    * If `true`, the `Remove all` button will be disabled
    * @default false
    */
-  disableRemoveAllButton: PropTypes.bool,
+  disableRemoveAllButton: _propTypes.default.bool,
   /**
    * Props passed to each filter form.
    */
-  filterFormProps: PropTypes.shape({
-    columnInputProps: PropTypes.any,
-    columnsSort: PropTypes.oneOf(['asc', 'desc']),
-    deleteIconProps: PropTypes.any,
-    filterColumns: PropTypes.func,
-    logicOperatorInputProps: PropTypes.any,
-    operatorInputProps: PropTypes.any,
-    valueInputProps: PropTypes.any
+  filterFormProps: _propTypes.default.shape({
+    columnInputProps: _propTypes.default.any,
+    columnsSort: _propTypes.default.oneOf(['asc', 'desc']),
+    deleteIconProps: _propTypes.default.any,
+    filterColumns: _propTypes.default.func,
+    logicOperatorInputProps: _propTypes.default.any,
+    operatorInputProps: _propTypes.default.any,
+    valueInputProps: _propTypes.default.any
   }),
   /**
    * Function that returns the next filter item to be picked as default filter.
    * @param {GetColumnForNewFilterArgs} args Currently configured filters and columns.
    * @returns {GridColDef['field']} The field to be used for the next filter or `null` to prevent adding a filter.
    */
-  getColumnForNewFilter: PropTypes.func,
+  getColumnForNewFilter: _propTypes.default.func,
   /**
    * Sets the available logic operators.
    * @default [GridLogicOperator.And, GridLogicOperator.Or]
    */
-  logicOperators: PropTypes.arrayOf(PropTypes.oneOf(['and', 'or']).isRequired),
+  logicOperators: _propTypes.default.arrayOf(_propTypes.default.oneOf(['and', 'or']).isRequired),
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])
+  sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object])
 } : void 0;
 
 /**
@@ -243,5 +252,4 @@ process.env.NODE_ENV !== "production" ? GridFilterPanel.propTypes = {
  *
  * API:
  * - [GridFilterPanel API](https://mui.com/x/api/data-grid/grid-filter-panel/)
- */
-export { GridFilterPanel, getGridFilter };
+ */

package/components/panel/filterPanel/filterPanelUtils.d.ts

@@ -2,4 +2,4 @@ import type { GridColDef, GridSingleSelectColDef } from '../../../models/colDef/
 import type { GridValueOptionsParams } from '../../../models/params/gridValueOptionsParams';
 export declare function isSingleSelectColDef(colDef: GridColDef | null): colDef is GridSingleSelectColDef;
 export declare function getValueOptions(column: GridSingleSelectColDef, additionalParams?: Omit<GridValueOptionsParams, 'field'>): import("../../..").ValueOptions[] | undefined;
-export declare function getValueFromValueOptions(value: string, valueOptions: any[] | undefined, getOptionValue: NonNullable<GridSingleSelectColDef['getOptionValue']>): any;
+export declare function getValueFromValueOptions(value: string, valueOptions: any[] | undefined, getOptionValue: NonNullable<GridSingleSelectColDef['getOptionValue']>): any;

package/components/panel/filterPanel/filterPanelUtils.js

@@ -1,16 +1,25 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-export function isSingleSelectColDef(colDef) {
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getValueFromValueOptions = getValueFromValueOptions;
+exports.getValueOptions = getValueOptions;
+exports.isSingleSelectColDef = isSingleSelectColDef;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+function isSingleSelectColDef(colDef) {
   return colDef?.type === 'singleSelect';
 }
-export function getValueOptions(column, additionalParams) {
+function getValueOptions(column, additionalParams) {
   if (!column) {
     return undefined;
   }
-  return typeof column.valueOptions === 'function' ? column.valueOptions(_extends({
+  return typeof column.valueOptions === 'function' ? column.valueOptions((0, _extends2.default)({
     field: column.field
   }, additionalParams)) : column.valueOptions;
 }
-export function getValueFromValueOptions(value, valueOptions, getOptionValue) {
+function getValueFromValueOptions(value, valueOptions, getOptionValue) {
   if (valueOptions === undefined) {
     return undefined;
   }

package/components/panel/filterPanel/index.d.ts

@@ -1,10 +1,10 @@
-export * from './GridFilterForm';
-export * from './GridFilterInputValue';
-export * from './GridFilterInputDate';
-export * from './GridFilterInputSingleSelect';
-export { GridFilterInputBoolean } from './GridFilterInputBoolean';
+export * from "./GridFilterForm.js";
+export * from "./GridFilterInputValue.js";
+export * from "./GridFilterInputDate.js";
+export * from "./GridFilterInputSingleSelect.js";
+export { GridFilterInputBoolean } from "./GridFilterInputBoolean.js";
 export type { GridFilterInputBooleanProps } from './GridFilterInputBoolean';
-export { GridFilterPanel } from './GridFilterPanel';
+export { GridFilterPanel } from "./GridFilterPanel.js";
 export type { GetColumnForNewFilterArgs } from './GridFilterPanel';
-export * from './GridFilterInputMultipleValue';
-export * from './GridFilterInputMultipleSingleSelect';
+export * from "./GridFilterInputMultipleValue.js";
+export * from "./GridFilterInputMultipleSingleSelect.js";

package/components/panel/filterPanel/index.js

@@ -1,8 +1,95 @@
-export * from "./GridFilterForm.js";
-export * from "./GridFilterInputValue.js";
-export * from "./GridFilterInputDate.js";
-export * from "./GridFilterInputSingleSelect.js";
-export { GridFilterInputBoolean } from "./GridFilterInputBoolean.js";
-export { GridFilterPanel } from "./GridFilterPanel.js";
-export * from "./GridFilterInputMultipleValue.js";
-export * from "./GridFilterInputMultipleSingleSelect.js";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  GridFilterInputBoolean: true,
+  GridFilterPanel: true
+};
+Object.defineProperty(exports, "GridFilterInputBoolean", {
+  enumerable: true,
+  get: function () {
+    return _GridFilterInputBoolean.GridFilterInputBoolean;
+  }
+});
+Object.defineProperty(exports, "GridFilterPanel", {
+  enumerable: true,
+  get: function () {
+    return _GridFilterPanel.GridFilterPanel;
+  }
+});
+var _GridFilterForm = require("./GridFilterForm");
+Object.keys(_GridFilterForm).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _GridFilterForm[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _GridFilterForm[key];
+    }
+  });
+});
+var _GridFilterInputValue = require("./GridFilterInputValue");
+Object.keys(_GridFilterInputValue).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _GridFilterInputValue[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _GridFilterInputValue[key];
+    }
+  });
+});
+var _GridFilterInputDate = require("./GridFilterInputDate");
+Object.keys(_GridFilterInputDate).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _GridFilterInputDate[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _GridFilterInputDate[key];
+    }
+  });
+});
+var _GridFilterInputSingleSelect = require("./GridFilterInputSingleSelect");
+Object.keys(_GridFilterInputSingleSelect).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _GridFilterInputSingleSelect[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _GridFilterInputSingleSelect[key];
+    }
+  });
+});
+var _GridFilterInputBoolean = require("./GridFilterInputBoolean");
+var _GridFilterPanel = require("./GridFilterPanel");
+var _GridFilterInputMultipleValue = require("./GridFilterInputMultipleValue");
+Object.keys(_GridFilterInputMultipleValue).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _GridFilterInputMultipleValue[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _GridFilterInputMultipleValue[key];
+    }
+  });
+});
+var _GridFilterInputMultipleSingleSelect = require("./GridFilterInputMultipleSingleSelect");
+Object.keys(_GridFilterInputMultipleSingleSelect).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _GridFilterInputMultipleSingleSelect[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _GridFilterInputMultipleSingleSelect[key];
+    }
+  });
+});

package/components/panel/index.d.ts

@@ -1,7 +1,7 @@
-export * from './GridColumnsPanel';
-export * from './GridPanel';
-export * from './GridPanelContent';
-export * from './GridPanelFooter';
-export * from './GridPanelHeader';
-export * from './GridPanelWrapper';
-export * from './filterPanel';
+export * from "./GridColumnsPanel.js";
+export * from "./GridPanel.js";
+export * from "./GridPanelContent.js";
+export * from "./GridPanelFooter.js";
+export * from "./GridPanelHeader.js";
+export * from "./GridPanelWrapper.js";
+export * from "./filterPanel/index.js";

package/components/panel/index.js

@@ -1,7 +1,82 @@
-export * from "./GridColumnsPanel.js";
-export * from "./GridPanel.js";
-export * from "./GridPanelContent.js";
-export * from "./GridPanelFooter.js";
-export * from "./GridPanelHeader.js";
-export * from "./GridPanelWrapper.js";
-export * from "./filterPanel/index.js";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _GridColumnsPanel = require("./GridColumnsPanel");
+Object.keys(_GridColumnsPanel).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _GridColumnsPanel[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _GridColumnsPanel[key];
+    }
+  });
+});
+var _GridPanel = require("./GridPanel");
+Object.keys(_GridPanel).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _GridPanel[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _GridPanel[key];
+    }
+  });
+});
+var _GridPanelContent = require("./GridPanelContent");
+Object.keys(_GridPanelContent).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _GridPanelContent[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _GridPanelContent[key];
+    }
+  });
+});
+var _GridPanelFooter = require("./GridPanelFooter");
+Object.keys(_GridPanelFooter).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _GridPanelFooter[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _GridPanelFooter[key];
+    }
+  });
+});
+var _GridPanelHeader = require("./GridPanelHeader");
+Object.keys(_GridPanelHeader).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _GridPanelHeader[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _GridPanelHeader[key];
+    }
+  });
+});
+var _GridPanelWrapper = require("./GridPanelWrapper");
+Object.keys(_GridPanelWrapper).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _GridPanelWrapper[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _GridPanelWrapper[key];
+    }
+  });
+});
+var _filterPanel = require("./filterPanel");
+Object.keys(_filterPanel).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _filterPanel[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _filterPanel[key];
+    }
+  });
+});

package/components/reexportable.d.ts

@@ -1 +1 @@
-export { GridColumnMenu, GRID_COLUMN_MENU_SLOTS, GRID_COLUMN_MENU_SLOT_PROPS, } from './menu/columnMenu/GridColumnMenu';
+export { GridColumnMenu, GRID_COLUMN_MENU_SLOTS, GRID_COLUMN_MENU_SLOT_PROPS } from "./menu/columnMenu/GridColumnMenu.js";

package/components/reexportable.js

@@ -1 +1,24 @@
-export { GridColumnMenu, GRID_COLUMN_MENU_SLOTS, GRID_COLUMN_MENU_SLOT_PROPS } from "./menu/columnMenu/GridColumnMenu.js";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "GRID_COLUMN_MENU_SLOTS", {
+  enumerable: true,
+  get: function () {
+    return _GridColumnMenu.GRID_COLUMN_MENU_SLOTS;
+  }
+});
+Object.defineProperty(exports, "GRID_COLUMN_MENU_SLOT_PROPS", {
+  enumerable: true,
+  get: function () {
+    return _GridColumnMenu.GRID_COLUMN_MENU_SLOT_PROPS;
+  }
+});
+Object.defineProperty(exports, "GridColumnMenu", {
+  enumerable: true,
+  get: function () {
+    return _GridColumnMenu.GridColumnMenu;
+  }
+});
+var _GridColumnMenu = require("./menu/columnMenu/GridColumnMenu");

package/components/toolbar/GridToolbar.d.ts

@@ -1,17 +1,17 @@
 import * as React from 'react';
-import { GridToolbarContainerProps } from '../containers/GridToolbarContainer';
-import { GridToolbarExportProps } from './GridToolbarExport';
-import { GridToolbarQuickFilterProps } from './GridToolbarQuickFilter';
+import { GridToolbarContainerProps } from "../containers/GridToolbarContainer.js";
+import { GridToolbarExportProps } from "./GridToolbarExport.js";
+import { GridToolbarQuickFilterProps } from "./GridToolbarQuickFilter.js";
 export interface GridToolbarProps extends GridToolbarContainerProps, GridToolbarExportProps {
-    /**
-     * Show the quick filter component.
-     * @default false
-     */
-    showQuickFilter?: boolean;
-    /**
-     * Props passed to the quick filter component.
-     */
-    quickFilterProps?: GridToolbarQuickFilterProps;
+  /**
+   * Show the quick filter component.
+   * @default false
+   */
+  showQuickFilter?: boolean;
+  /**
+   * Props passed to the quick filter component.
+   */
+  quickFilterProps?: GridToolbarQuickFilterProps;
 }
 declare const GridToolbar: React.ForwardRefExoticComponent<GridToolbarProps> | React.ForwardRefExoticComponent<GridToolbarProps & React.RefAttributes<HTMLDivElement>>;
-export { GridToolbar };
+export { GridToolbar };

package/components/toolbar/GridToolbar.js

@@ -1,18 +1,26 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.GridToolbar = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+var React = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _forwardRef = require("@mui/x-internals/forwardRef");
+var _GridToolbarContainer = require("../containers/GridToolbarContainer");
+var _GridToolbarColumnsButton = require("./GridToolbarColumnsButton");
+var _GridToolbarDensitySelector = require("./GridToolbarDensitySelector");
+var _GridToolbarFilterButton = require("./GridToolbarFilterButton");
+var _GridToolbarExport = require("./GridToolbarExport");
+var _useGridRootProps = require("../../hooks/utils/useGridRootProps");
+var _GridToolbarQuickFilter = require("./GridToolbarQuickFilter");
+var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["className", "csvOptions", "printOptions", "excelOptions", "showQuickFilter", "quickFilterProps"];
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import { forwardRef } from '@mui/x-internals/forwardRef';
-import { GridToolbarContainer } from "../containers/GridToolbarContainer.js";
-import { GridToolbarColumnsButton } from "./GridToolbarColumnsButton.js";
-import { GridToolbarDensitySelector } from "./GridToolbarDensitySelector.js";
-import { GridToolbarFilterButton } from "./GridToolbarFilterButton.js";
-import { GridToolbarExport } from "./GridToolbarExport.js";
-import { useGridRootProps } from "../../hooks/utils/useGridRootProps.js";
-import { GridToolbarQuickFilter } from "./GridToolbarQuickFilter.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const GridToolbar = forwardRef(function GridToolbar(props, ref) {
+const GridToolbar = exports.GridToolbar = (0, _forwardRef.forwardRef)(function GridToolbar(props, ref) {
   // TODO v7: think about where export option should be passed.
   // from slotProps={{ toolbarExport: { ...exportOption } }} seems to be more appropriate
   const _ref = props,
@@ -23,24 +31,24 @@ const GridToolbar = forwardRef(function GridToolbar(props, ref) {
       showQuickFilter = false,
       quickFilterProps = {}
     } = _ref,
-    other = _objectWithoutPropertiesLoose(_ref, _excluded);
-  const rootProps = useGridRootProps();
+    other = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded);
+  const rootProps = (0, _useGridRootProps.useGridRootProps)();
   if (rootProps.disableColumnFilter && rootProps.disableColumnSelector && rootProps.disableDensitySelector && !showQuickFilter) {
     return null;
   }
-  return /*#__PURE__*/_jsxs(GridToolbarContainer, _extends({}, other, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_GridToolbarContainer.GridToolbarContainer, (0, _extends2.default)({}, other, {
     ref: ref,
-    children: [/*#__PURE__*/_jsx(GridToolbarColumnsButton, {}), /*#__PURE__*/_jsx(GridToolbarFilterButton, {}), /*#__PURE__*/_jsx(GridToolbarDensitySelector, {}), /*#__PURE__*/_jsx(GridToolbarExport, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_GridToolbarColumnsButton.GridToolbarColumnsButton, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_GridToolbarFilterButton.GridToolbarFilterButton, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_GridToolbarDensitySelector.GridToolbarDensitySelector, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_GridToolbarExport.GridToolbarExport, {
       csvOptions: csvOptions,
       printOptions: printOptions
       // @ts-ignore
       ,
       excelOptions: excelOptions
-    }), /*#__PURE__*/_jsx("div", {
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       style: {
         flex: 1
       }
-    }), showQuickFilter && /*#__PURE__*/_jsx(GridToolbarQuickFilter, _extends({}, quickFilterProps))]
+    }), showQuickFilter && /*#__PURE__*/(0, _jsxRuntime.jsx)(_GridToolbarQuickFilter.GridToolbarQuickFilter, (0, _extends2.default)({}, quickFilterProps))]
   }));
 });
 process.env.NODE_ENV !== "production" ? GridToolbar.propTypes = {
@@ -48,28 +56,27 @@ process.env.NODE_ENV !== "production" ? GridToolbar.propTypes = {
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |
   // ----------------------------------------------------------------------
-  csvOptions: PropTypes.object,
-  printOptions: PropTypes.object,
+  csvOptions: _propTypes.default.object,
+  printOptions: _propTypes.default.object,
   /**
    * Props passed to the quick filter component.
    */
-  quickFilterProps: PropTypes.shape({
-    className: PropTypes.string,
-    debounceMs: PropTypes.number,
-    quickFilterFormatter: PropTypes.func,
-    quickFilterParser: PropTypes.func,
-    slotProps: PropTypes.object
+  quickFilterProps: _propTypes.default.shape({
+    className: _propTypes.default.string,
+    debounceMs: _propTypes.default.number,
+    quickFilterFormatter: _propTypes.default.func,
+    quickFilterParser: _propTypes.default.func,
+    slotProps: _propTypes.default.object
   }),
   /**
    * Show the quick filter component.
    * @default false
    */
-  showQuickFilter: PropTypes.bool,
+  showQuickFilter: _propTypes.default.bool,
   /**
    * The props used for each slot inside.
    * @default {}
    */
-  slotProps: PropTypes.object,
-  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])
-} : void 0;
-export { GridToolbar };
+  slotProps: _propTypes.default.object,
+  sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object])
+} : void 0;