@mui/x-data-grid-pro 7.28.3 → 7.29.1

package/DataGridPro/index.js

@@ -1,39 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _exportNames = {
-  DATA_GRID_PRO_PROPS_DEFAULT_VALUES: true
-};
-Object.defineProperty(exports, "DATA_GRID_PRO_PROPS_DEFAULT_VALUES", {
-  enumerable: true,
-  get: function () {
-    return _useDataGridProProps.DATA_GRID_PRO_PROPS_DEFAULT_VALUES;
-  }
-});
-var _DataGrid = require("./DataGrid");
-Object.keys(_DataGrid).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _DataGrid[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _DataGrid[key];
-    }
-  });
-});
-var _DataGridPro = require("./DataGridPro");
-Object.keys(_DataGridPro).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _DataGridPro[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _DataGridPro[key];
-    }
-  });
-});
-var _useDataGridProProps = require("./useDataGridProProps");
+export * from "./DataGrid.js";
+export * from "./DataGridPro.js";
+export { DATA_GRID_PRO_PROPS_DEFAULT_VALUES } from "./useDataGridProProps.js";

package/DataGridPro/package.json

@@ -1,6 +1,6 @@
 {
   "sideEffects": false,
-  "module": "../esm/DataGridPro/index.js",
-  "main": "./index.js",
+  "module": "./index.js",
+  "main": "../node/DataGridPro/index.js",
   "types": "./index.d.ts"
 }

package/DataGridPro/useDataGridProComponent.js

@@ -1,111 +1,103 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useDataGridProComponent = void 0;
-var _internals = require("@mui/x-data-grid/internals");
-var _useGridInfiniteLoader = require("../hooks/features/infiniteLoader/useGridInfiniteLoader");
-var _useGridColumnReorder = require("../hooks/features/columnReorder/useGridColumnReorder");
-var _useGridTreeData = require("../hooks/features/treeData/useGridTreeData");
-var _useGridTreeDataPreProcessors = require("../hooks/features/treeData/useGridTreeDataPreProcessors");
-var _useGridDataSourceTreeDataPreProcessors = require("../hooks/features/serverSideTreeData/useGridDataSourceTreeDataPreProcessors");
-var _useGridColumnPinning = require("../hooks/features/columnPinning/useGridColumnPinning");
-var _useGridColumnPinningPreProcessors = require("../hooks/features/columnPinning/useGridColumnPinningPreProcessors");
-var _useGridDetailPanel = require("../hooks/features/detailPanel/useGridDetailPanel");
-var _useGridDetailPanelPreProcessors = require("../hooks/features/detailPanel/useGridDetailPanelPreProcessors");
-var _useGridRowReorder = require("../hooks/features/rowReorder/useGridRowReorder");
-var _useGridRowReorderPreProcessors = require("../hooks/features/rowReorder/useGridRowReorderPreProcessors");
-var _useGridLazyLoader = require("../hooks/features/lazyLoader/useGridLazyLoader");
-var _useGridLazyLoaderPreProcessors = require("../hooks/features/lazyLoader/useGridLazyLoaderPreProcessors");
-var _useGridRowPinning = require("../hooks/features/rowPinning/useGridRowPinning");
-var _useGridRowPinningPreProcessors = require("../hooks/features/rowPinning/useGridRowPinningPreProcessors");
-var _useGridDataSource = require("../hooks/features/dataSource/useGridDataSource");
+import { useGridInitialization, useGridInitializeState, useGridClipboard, useGridColumnMenu, useGridColumns, columnsStateInitializer, useGridDensity, useGridCsvExport, useGridPrintExport, useGridFilter, filterStateInitializer, useGridFocus, useGridKeyboardNavigation, useGridPagination, paginationStateInitializer, useGridPreferencesPanel, useGridEditing, editingStateInitializer, useGridRows, useGridRowsPreProcessors, rowsStateInitializer, useGridRowsMeta, useGridParamsApi, useGridRowSelection, useGridSorting, sortingStateInitializer, useGridScroll, useGridEvents, dimensionsStateInitializer, useGridDimensions, useGridStatePersistence, useGridRowSelectionPreProcessors, useGridColumnSpanning, columnMenuStateInitializer, densityStateInitializer, focusStateInitializer, preferencePanelStateInitializer, rowsMetaStateInitializer, rowSelectionStateInitializer, useGridColumnGrouping, columnGroupsStateInitializer, headerFilteringStateInitializer, useGridHeaderFiltering, virtualizationStateInitializer, useGridVirtualization, useGridColumnResize, columnResizeStateInitializer, useGridRowSpanning, rowSpanningStateInitializer, useGridListView, listViewStateInitializer, propsStateInitializer } from '@mui/x-data-grid/internals';
 // Pro-only features
-
-const useDataGridProComponent = (inputApiRef, props) => {
-  const apiRef = (0, _internals.useGridInitialization)(inputApiRef, props);
+import { useGridInfiniteLoader } from "../hooks/features/infiniteLoader/useGridInfiniteLoader.js";
+import { useGridColumnReorder, columnReorderStateInitializer } from "../hooks/features/columnReorder/useGridColumnReorder.js";
+import { useGridTreeData } from "../hooks/features/treeData/useGridTreeData.js";
+import { useGridTreeDataPreProcessors } from "../hooks/features/treeData/useGridTreeDataPreProcessors.js";
+import { useGridDataSourceTreeDataPreProcessors } from "../hooks/features/serverSideTreeData/useGridDataSourceTreeDataPreProcessors.js";
+import { useGridColumnPinning, columnPinningStateInitializer } from "../hooks/features/columnPinning/useGridColumnPinning.js";
+import { useGridColumnPinningPreProcessors } from "../hooks/features/columnPinning/useGridColumnPinningPreProcessors.js";
+import { useGridDetailPanel, detailPanelStateInitializer } from "../hooks/features/detailPanel/useGridDetailPanel.js";
+import { useGridDetailPanelPreProcessors } from "../hooks/features/detailPanel/useGridDetailPanelPreProcessors.js";
+import { useGridRowReorder } from "../hooks/features/rowReorder/useGridRowReorder.js";
+import { useGridRowReorderPreProcessors } from "../hooks/features/rowReorder/useGridRowReorderPreProcessors.js";
+import { useGridLazyLoader } from "../hooks/features/lazyLoader/useGridLazyLoader.js";
+import { useGridLazyLoaderPreProcessors } from "../hooks/features/lazyLoader/useGridLazyLoaderPreProcessors.js";
+import { useGridRowPinning, rowPinningStateInitializer } from "../hooks/features/rowPinning/useGridRowPinning.js";
+import { useGridRowPinningPreProcessors } from "../hooks/features/rowPinning/useGridRowPinningPreProcessors.js";
+import { useGridDataSource, dataSourceStateInitializer } from "../hooks/features/dataSource/useGridDataSource.js";
+export const useDataGridProComponent = (inputApiRef, props) => {
+  const apiRef = useGridInitialization(inputApiRef, props);
 
   /**
    * Register all pre-processors called during state initialization here.
    */
-  (0, _internals.useGridRowSelectionPreProcessors)(apiRef, props);
-  (0, _useGridRowReorderPreProcessors.useGridRowReorderPreProcessors)(apiRef, props);
-  (0, _useGridTreeDataPreProcessors.useGridTreeDataPreProcessors)(apiRef, props);
-  (0, _useGridDataSourceTreeDataPreProcessors.useGridDataSourceTreeDataPreProcessors)(apiRef, props);
-  (0, _useGridLazyLoaderPreProcessors.useGridLazyLoaderPreProcessors)(apiRef, props);
-  (0, _useGridRowPinningPreProcessors.useGridRowPinningPreProcessors)(apiRef);
-  (0, _useGridDetailPanelPreProcessors.useGridDetailPanelPreProcessors)(apiRef, props);
+  useGridRowSelectionPreProcessors(apiRef, props);
+  useGridRowReorderPreProcessors(apiRef, props);
+  useGridTreeDataPreProcessors(apiRef, props);
+  useGridDataSourceTreeDataPreProcessors(apiRef, props);
+  useGridLazyLoaderPreProcessors(apiRef, props);
+  useGridRowPinningPreProcessors(apiRef);
+  useGridDetailPanelPreProcessors(apiRef, props);
   // The column pinning `hydrateColumns` pre-processor must be after every other `hydrateColumns` pre-processors
   // Because it changes the order of the columns.
-  (0, _useGridColumnPinningPreProcessors.useGridColumnPinningPreProcessors)(apiRef, props);
-  (0, _internals.useGridRowsPreProcessors)(apiRef);
+  useGridColumnPinningPreProcessors(apiRef, props);
+  useGridRowsPreProcessors(apiRef);
 
   /**
    * Register all state initializers here.
    */
-  (0, _internals.useGridInitializeState)(_internals.propsStateInitializer, apiRef, props);
-  (0, _internals.useGridInitializeState)(_internals.headerFilteringStateInitializer, apiRef, props);
-  (0, _internals.useGridInitializeState)(_internals.rowSelectionStateInitializer, apiRef, props);
-  (0, _internals.useGridInitializeState)(_useGridDetailPanel.detailPanelStateInitializer, apiRef, props);
-  (0, _internals.useGridInitializeState)(_useGridColumnPinning.columnPinningStateInitializer, apiRef, props);
-  (0, _internals.useGridInitializeState)(_internals.columnsStateInitializer, apiRef, props);
-  (0, _internals.useGridInitializeState)(_useGridRowPinning.rowPinningStateInitializer, apiRef, props);
-  (0, _internals.useGridInitializeState)(_internals.rowsStateInitializer, apiRef, props);
-  (0, _internals.useGridInitializeState)(_internals.paginationStateInitializer, apiRef, props);
-  (0, _internals.useGridInitializeState)(_internals.editingStateInitializer, apiRef, props);
-  (0, _internals.useGridInitializeState)(_internals.focusStateInitializer, apiRef, props);
-  (0, _internals.useGridInitializeState)(_internals.sortingStateInitializer, apiRef, props);
-  (0, _internals.useGridInitializeState)(_internals.preferencePanelStateInitializer, apiRef, props);
-  (0, _internals.useGridInitializeState)(_internals.filterStateInitializer, apiRef, props);
-  (0, _internals.useGridInitializeState)(_internals.rowSpanningStateInitializer, apiRef, props);
-  (0, _internals.useGridInitializeState)(_internals.densityStateInitializer, apiRef, props);
-  (0, _internals.useGridInitializeState)(_useGridColumnReorder.columnReorderStateInitializer, apiRef, props);
-  (0, _internals.useGridInitializeState)(_internals.columnResizeStateInitializer, apiRef, props);
-  (0, _internals.useGridInitializeState)(_internals.columnMenuStateInitializer, apiRef, props);
-  (0, _internals.useGridInitializeState)(_internals.columnGroupsStateInitializer, apiRef, props);
-  (0, _internals.useGridInitializeState)(_internals.virtualizationStateInitializer, apiRef, props);
-  (0, _internals.useGridInitializeState)(_useGridDataSource.dataSourceStateInitializer, apiRef, props);
-  (0, _internals.useGridInitializeState)(_internals.dimensionsStateInitializer, apiRef, props);
-  (0, _internals.useGridInitializeState)(_internals.rowsMetaStateInitializer, apiRef, props);
-  (0, _internals.useGridInitializeState)(_internals.listViewStateInitializer, apiRef, props);
-  (0, _internals.useGridHeaderFiltering)(apiRef, props);
-  (0, _useGridTreeData.useGridTreeData)(apiRef, props);
-  (0, _internals.useGridKeyboardNavigation)(apiRef, props);
-  (0, _internals.useGridRowSelection)(apiRef, props);
-  (0, _useGridColumnPinning.useGridColumnPinning)(apiRef, props);
-  (0, _useGridRowPinning.useGridRowPinning)(apiRef, props);
-  (0, _internals.useGridColumns)(apiRef, props);
-  (0, _internals.useGridRows)(apiRef, props);
-  (0, _internals.useGridRowSpanning)(apiRef, props);
-  (0, _internals.useGridParamsApi)(apiRef, props);
-  (0, _useGridDetailPanel.useGridDetailPanel)(apiRef, props);
-  (0, _internals.useGridColumnSpanning)(apiRef);
-  (0, _internals.useGridColumnGrouping)(apiRef, props);
-  (0, _internals.useGridEditing)(apiRef, props);
-  (0, _internals.useGridFocus)(apiRef, props);
-  (0, _internals.useGridPreferencesPanel)(apiRef, props);
-  (0, _internals.useGridFilter)(apiRef, props);
-  (0, _internals.useGridSorting)(apiRef, props);
-  (0, _internals.useGridDensity)(apiRef, props);
-  (0, _useGridColumnReorder.useGridColumnReorder)(apiRef, props);
-  (0, _internals.useGridColumnResize)(apiRef, props);
-  (0, _internals.useGridPagination)(apiRef, props);
-  (0, _internals.useGridRowsMeta)(apiRef, props);
-  (0, _useGridRowReorder.useGridRowReorder)(apiRef, props);
-  (0, _internals.useGridScroll)(apiRef, props);
-  (0, _useGridInfiniteLoader.useGridInfiniteLoader)(apiRef, props);
-  (0, _useGridLazyLoader.useGridLazyLoader)(apiRef, props);
-  (0, _internals.useGridColumnMenu)(apiRef);
-  (0, _internals.useGridCsvExport)(apiRef, props);
-  (0, _internals.useGridPrintExport)(apiRef, props);
-  (0, _internals.useGridClipboard)(apiRef, props);
-  (0, _internals.useGridDimensions)(apiRef, props);
-  (0, _internals.useGridEvents)(apiRef, props);
-  (0, _internals.useGridStatePersistence)(apiRef);
-  (0, _internals.useGridVirtualization)(apiRef, props);
-  (0, _useGridDataSource.useGridDataSource)(apiRef, props);
-  (0, _internals.useGridListView)(apiRef, props);
+  useGridInitializeState(propsStateInitializer, apiRef, props);
+  useGridInitializeState(headerFilteringStateInitializer, apiRef, props);
+  useGridInitializeState(rowSelectionStateInitializer, apiRef, props);
+  useGridInitializeState(detailPanelStateInitializer, apiRef, props);
+  useGridInitializeState(columnPinningStateInitializer, apiRef, props);
+  useGridInitializeState(columnsStateInitializer, apiRef, props);
+  useGridInitializeState(rowPinningStateInitializer, apiRef, props);
+  useGridInitializeState(rowsStateInitializer, apiRef, props);
+  useGridInitializeState(paginationStateInitializer, apiRef, props);
+  useGridInitializeState(editingStateInitializer, apiRef, props);
+  useGridInitializeState(focusStateInitializer, apiRef, props);
+  useGridInitializeState(sortingStateInitializer, apiRef, props);
+  useGridInitializeState(preferencePanelStateInitializer, apiRef, props);
+  useGridInitializeState(filterStateInitializer, apiRef, props);
+  useGridInitializeState(rowSpanningStateInitializer, apiRef, props);
+  useGridInitializeState(densityStateInitializer, apiRef, props);
+  useGridInitializeState(columnReorderStateInitializer, apiRef, props);
+  useGridInitializeState(columnResizeStateInitializer, apiRef, props);
+  useGridInitializeState(columnMenuStateInitializer, apiRef, props);
+  useGridInitializeState(columnGroupsStateInitializer, apiRef, props);
+  useGridInitializeState(virtualizationStateInitializer, apiRef, props);
+  useGridInitializeState(dataSourceStateInitializer, apiRef, props);
+  useGridInitializeState(dimensionsStateInitializer, apiRef, props);
+  useGridInitializeState(rowsMetaStateInitializer, apiRef, props);
+  useGridInitializeState(listViewStateInitializer, apiRef, props);
+  useGridHeaderFiltering(apiRef, props);
+  useGridTreeData(apiRef, props);
+  useGridKeyboardNavigation(apiRef, props);
+  useGridRowSelection(apiRef, props);
+  useGridColumnPinning(apiRef, props);
+  useGridRowPinning(apiRef, props);
+  useGridColumns(apiRef, props);
+  useGridRows(apiRef, props);
+  useGridRowSpanning(apiRef, props);
+  useGridParamsApi(apiRef, props);
+  useGridDetailPanel(apiRef, props);
+  useGridColumnSpanning(apiRef);
+  useGridColumnGrouping(apiRef, props);
+  useGridEditing(apiRef, props);
+  useGridFocus(apiRef, props);
+  useGridPreferencesPanel(apiRef, props);
+  useGridFilter(apiRef, props);
+  useGridSorting(apiRef, props);
+  useGridDensity(apiRef, props);
+  useGridColumnReorder(apiRef, props);
+  useGridColumnResize(apiRef, props);
+  useGridPagination(apiRef, props);
+  useGridRowsMeta(apiRef, props);
+  useGridRowReorder(apiRef, props);
+  useGridScroll(apiRef, props);
+  useGridInfiniteLoader(apiRef, props);
+  useGridLazyLoader(apiRef, props);
+  useGridColumnMenu(apiRef);
+  useGridCsvExport(apiRef, props);
+  useGridPrintExport(apiRef, props);
+  useGridClipboard(apiRef, props);
+  useGridDimensions(apiRef, props);
+  useGridEvents(apiRef, props);
+  useGridStatePersistence(apiRef);
+  useGridVirtualization(apiRef, props);
+  useGridDataSource(apiRef, props);
+  useGridListView(apiRef, props);
   return apiRef;
-};
-exports.useDataGridProComponent = useDataGridProComponent;
+};

package/DataGridPro/useDataGridProProps.js

@@ -1,18 +1,10 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useDataGridProProps = exports.DATA_GRID_PRO_PROPS_DEFAULT_VALUES = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var React = _interopRequireWildcard(require("react"));
-var _styles = require("@mui/material/styles");
-var _xDataGrid = require("@mui/x-data-grid");
-var _internals = require("@mui/x-data-grid/internals");
-var _dataGridProDefaultSlotsComponents = require("../constants/dataGridProDefaultSlotsComponents");
-const getDataGridProForcedProps = themedProps => (0, _extends2.default)({
+import _extends from "@babel/runtime/helpers/esm/extends";
+import * as React from 'react';
+import { useThemeProps } from '@mui/material/styles';
+import { GRID_DEFAULT_LOCALE_TEXT, DATA_GRID_PROPS_DEFAULT_VALUES } from '@mui/x-data-grid';
+import { computeSlots, useProps, ROW_SELECTION_PROPAGATION_DEFAULT } from '@mui/x-data-grid/internals';
+import { DATA_GRID_PRO_DEFAULT_SLOTS_COMPONENTS } from "../constants/dataGridProDefaultSlotsComponents.js";
+const getDataGridProForcedProps = themedProps => _extends({
   signature: 'DataGridPro'
 }, themedProps.unstable_dataSource ? {
   filterMode: 'server',
@@ -23,7 +15,7 @@ const getDataGridProForcedProps = themedProps => (0, _extends2.default)({
 /**
  * The default values of `DataGridProPropsWithDefaultValue` to inject in the props of DataGridPro.
  */
-const DATA_GRID_PRO_PROPS_DEFAULT_VALUES = exports.DATA_GRID_PRO_PROPS_DEFAULT_VALUES = (0, _extends2.default)({}, _xDataGrid.DATA_GRID_PROPS_DEFAULT_VALUES, {
+export const DATA_GRID_PRO_PROPS_DEFAULT_VALUES = _extends({}, DATA_GRID_PROPS_DEFAULT_VALUES, {
   autosizeOnMount: false,
   defaultGroupingExpansionDepth: 0,
   disableAutosize: false,
@@ -33,29 +25,28 @@ const DATA_GRID_PRO_PROPS_DEFAULT_VALUES = exports.DATA_GRID_PRO_PROPS_DEFAULT_V
   getDetailPanelHeight: () => 500,
   headerFilters: false,
   keepColumnPositionIfDraggedOutside: false,
-  rowSelectionPropagation: _internals.ROW_SELECTION_PROPAGATION_DEFAULT,
+  rowSelectionPropagation: ROW_SELECTION_PROPAGATION_DEFAULT,
   rowReordering: false,
   rowsLoadingMode: 'client',
   scrollEndThreshold: 80,
   treeData: false,
   unstable_listView: false
 });
-const defaultSlots = _dataGridProDefaultSlotsComponents.DATA_GRID_PRO_DEFAULT_SLOTS_COMPONENTS;
-const useDataGridProProps = inProps => {
-  const themedProps = (0, _internals.useProps)(
+const defaultSlots = DATA_GRID_PRO_DEFAULT_SLOTS_COMPONENTS;
+export const useDataGridProProps = inProps => {
+  const themedProps = useProps(
   // eslint-disable-next-line material-ui/mui-name-matches-component-name
-  (0, _styles.useThemeProps)({
+  useThemeProps({
     props: inProps,
     name: 'MuiDataGrid'
   }));
-  const localeText = React.useMemo(() => (0, _extends2.default)({}, _xDataGrid.GRID_DEFAULT_LOCALE_TEXT, themedProps.localeText), [themedProps.localeText]);
-  const slots = React.useMemo(() => (0, _internals.computeSlots)({
+  const localeText = React.useMemo(() => _extends({}, GRID_DEFAULT_LOCALE_TEXT, themedProps.localeText), [themedProps.localeText]);
+  const slots = React.useMemo(() => computeSlots({
     defaultSlots,
     slots: themedProps.slots
   }), [themedProps.slots]);
-  return React.useMemo(() => (0, _extends2.default)({}, DATA_GRID_PRO_PROPS_DEFAULT_VALUES, themedProps, {
+  return React.useMemo(() => _extends({}, DATA_GRID_PRO_PROPS_DEFAULT_VALUES, themedProps, {
     localeText,
     slots
   }, getDataGridProForcedProps(themedProps)), [themedProps, localeText, slots]);
-};
-exports.useDataGridProProps = useDataGridProProps;
+};

package/components/GridColumnHeaderCollapseIcon.js

@@ -1 +0,0 @@
-"use strict";

package/components/GridColumnHeaders.js

@@ -1,26 +1,18 @@
-"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.GridColumnHeaders = 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 _styles = require("@mui/material/styles");
-var _internals = require("@mui/x-data-grid/internals");
-var _forwardRef = require("@mui/x-internals/forwardRef");
-var _useGridColumnHeaders = require("../hooks/features/columnHeaders/useGridColumnHeaders");
-var _jsxRuntime = require("react/jsx-runtime");
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 const _excluded = ["style", "className", "visibleColumns", "sortColumnLookup", "filterColumnLookup", "columnHeaderTabIndexState", "columnGroupHeaderTabIndexState", "columnHeaderFocus", "columnGroupHeaderFocus", "headerGroupingMaxDepth", "columnMenuState", "columnVisibility", "columnGroupsHeaderStructure", "hasOtherElementInTabSequence"];
-const Filler = (0, _styles.styled)('div')({
+import * as React from 'react';
+import PropTypes from 'prop-types';
+import { styled } from '@mui/material/styles';
+import { GridBaseColumnHeaders } from '@mui/x-data-grid/internals';
+import { forwardRef } from '@mui/x-internals/forwardRef';
+import { useGridColumnHeaders } from "../hooks/features/columnHeaders/useGridColumnHeaders.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const Filler = styled('div')({
   flex: 1,
   backgroundColor: 'var(--DataGrid-containerBackground)'
 });
-const GridColumnHeaders = exports.GridColumnHeaders = (0, _forwardRef.forwardRef)(function GridColumnHeaders(props, ref) {
+const GridColumnHeaders = forwardRef(function GridColumnHeaders(props, ref) {
   const {
       className,
       visibleColumns,
@@ -36,13 +28,13 @@ const GridColumnHeaders = exports.GridColumnHeaders = (0, _forwardRef.forwardRef
       columnGroupsHeaderStructure,
       hasOtherElementInTabSequence
     } = props,
-    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+    other = _objectWithoutPropertiesLoose(props, _excluded);
   const {
     getInnerProps,
     getColumnHeadersRow,
     getColumnFiltersRow,
     getColumnGroupHeadersRows
-  } = (0, _useGridColumnHeaders.useGridColumnHeaders)({
+  } = useGridColumnHeaders({
     visibleColumns,
     sortColumnLookup,
     filterColumnLookup,
@@ -56,11 +48,11 @@ const GridColumnHeaders = exports.GridColumnHeaders = (0, _forwardRef.forwardRef
     columnVisibility,
     columnGroupsHeaderStructure
   });
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_internals.GridBaseColumnHeaders, (0, _extends2.default)({
+  return /*#__PURE__*/_jsxs(GridBaseColumnHeaders, _extends({
     className: className
   }, other, getInnerProps(), {
     ref: ref,
-    children: [getColumnGroupHeadersRows(), getColumnHeadersRow(), getColumnFiltersRow(), /*#__PURE__*/(0, _jsxRuntime.jsx)(Filler, {})]
+    children: [getColumnGroupHeadersRows(), getColumnHeadersRow(), getColumnFiltersRow(), /*#__PURE__*/_jsx(Filler, {})]
   }));
 });
 process.env.NODE_ENV !== "production" ? GridColumnHeaders.propTypes = {
@@ -68,32 +60,33 @@ process.env.NODE_ENV !== "production" ? GridColumnHeaders.propTypes = {
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |
   // ----------------------------------------------------------------------
-  columnGroupHeaderFocus: _propTypes.default.shape({
-    depth: _propTypes.default.number.isRequired,
-    field: _propTypes.default.string.isRequired
+  columnGroupHeaderFocus: PropTypes.shape({
+    depth: PropTypes.number.isRequired,
+    field: PropTypes.string.isRequired
   }),
-  columnGroupHeaderTabIndexState: _propTypes.default.shape({
-    depth: _propTypes.default.number.isRequired,
-    field: _propTypes.default.string.isRequired
+  columnGroupHeaderTabIndexState: PropTypes.shape({
+    depth: PropTypes.number.isRequired,
+    field: PropTypes.string.isRequired
   }),
-  columnGroupsHeaderStructure: _propTypes.default.arrayOf(_propTypes.default.arrayOf(_propTypes.default.shape({
-    columnFields: _propTypes.default.arrayOf(_propTypes.default.string).isRequired,
-    groupId: _propTypes.default.string
+  columnGroupsHeaderStructure: PropTypes.arrayOf(PropTypes.arrayOf(PropTypes.shape({
+    columnFields: PropTypes.arrayOf(PropTypes.string).isRequired,
+    groupId: PropTypes.string
   }))).isRequired,
-  columnHeaderFocus: _propTypes.default.shape({
-    field: _propTypes.default.string.isRequired
+  columnHeaderFocus: PropTypes.shape({
+    field: PropTypes.string.isRequired
   }),
-  columnHeaderTabIndexState: _propTypes.default.shape({
-    field: _propTypes.default.string.isRequired
+  columnHeaderTabIndexState: PropTypes.shape({
+    field: PropTypes.string.isRequired
   }),
-  columnMenuState: _propTypes.default.shape({
-    field: _propTypes.default.string,
-    open: _propTypes.default.bool.isRequired
+  columnMenuState: PropTypes.shape({
+    field: PropTypes.string,
+    open: PropTypes.bool.isRequired
   }).isRequired,
-  columnVisibility: _propTypes.default.object.isRequired,
-  filterColumnLookup: _propTypes.default.object.isRequired,
-  hasOtherElementInTabSequence: _propTypes.default.bool.isRequired,
-  headerGroupingMaxDepth: _propTypes.default.number.isRequired,
-  sortColumnLookup: _propTypes.default.object.isRequired,
-  visibleColumns: _propTypes.default.arrayOf(_propTypes.default.object).isRequired
-} : void 0;
+  columnVisibility: PropTypes.object.isRequired,
+  filterColumnLookup: PropTypes.object.isRequired,
+  hasOtherElementInTabSequence: PropTypes.bool.isRequired,
+  headerGroupingMaxDepth: PropTypes.number.isRequired,
+  sortColumnLookup: PropTypes.object.isRequired,
+  visibleColumns: PropTypes.arrayOf(PropTypes.object).isRequired
+} : void 0;
+export { GridColumnHeaders };

package/components/GridColumnMenuPinningItem.js

@@ -1,29 +1,21 @@
-"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.GridColumnMenuPinningItem = GridColumnMenuPinningItem;
-var React = _interopRequireWildcard(require("react"));
-var _RtlProvider = require("@mui/system/RtlProvider");
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _MenuItem = _interopRequireDefault(require("@mui/material/MenuItem"));
-var _ListItemIcon = _interopRequireDefault(require("@mui/material/ListItemIcon"));
-var _ListItemText = _interopRequireDefault(require("@mui/material/ListItemText"));
-var _xDataGrid = require("@mui/x-data-grid");
-var _useGridApiContext = require("../hooks/utils/useGridApiContext");
-var _useGridRootProps = require("../hooks/utils/useGridRootProps");
-var _jsxRuntime = require("react/jsx-runtime");
+import * as React from 'react';
+import { useRtl } from '@mui/system/RtlProvider';
+import PropTypes from 'prop-types';
+import MenuItem from '@mui/material/MenuItem';
+import ListItemIcon from '@mui/material/ListItemIcon';
+import ListItemText from '@mui/material/ListItemText';
+import { GridPinnedColumnPosition } from '@mui/x-data-grid';
+import { useGridApiContext } from "../hooks/utils/useGridApiContext.js";
+import { useGridRootProps } from "../hooks/utils/useGridRootProps.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 function GridColumnMenuPinningItem(props) {
   const {
     colDef,
     onClick
   } = props;
-  const apiRef = (0, _useGridApiContext.useGridApiContext)();
-  const rootProps = (0, _useGridRootProps.useGridRootProps)();
-  const isRtl = (0, _RtlProvider.useRtl)();
+  const apiRef = useGridApiContext();
+  const rootProps = useGridRootProps();
+  const isRtl = useRtl();
   const pinColumn = React.useCallback(side => event => {
     apiRef.current.pinColumn(colDef.field, side);
     onClick(event);
@@ -32,23 +24,23 @@ function GridColumnMenuPinningItem(props) {
     apiRef.current.unpinColumn(colDef.field);
     onClick(event);
   };
-  const pinToLeftMenuItem = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_MenuItem.default, {
-    onClick: pinColumn(_xDataGrid.GridPinnedColumnPosition.LEFT),
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ListItemIcon.default, {
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(rootProps.slots.columnMenuPinLeftIcon, {
+  const pinToLeftMenuItem = /*#__PURE__*/_jsxs(MenuItem, {
+    onClick: pinColumn(GridPinnedColumnPosition.LEFT),
+    children: [/*#__PURE__*/_jsx(ListItemIcon, {
+      children: /*#__PURE__*/_jsx(rootProps.slots.columnMenuPinLeftIcon, {
         fontSize: "small"
       })
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ListItemText.default, {
+    }), /*#__PURE__*/_jsx(ListItemText, {
       children: apiRef.current.getLocaleText('pinToLeft')
     })]
   });
-  const pinToRightMenuItem = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_MenuItem.default, {
-    onClick: pinColumn(_xDataGrid.GridPinnedColumnPosition.RIGHT),
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ListItemIcon.default, {
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(rootProps.slots.columnMenuPinRightIcon, {
+  const pinToRightMenuItem = /*#__PURE__*/_jsxs(MenuItem, {
+    onClick: pinColumn(GridPinnedColumnPosition.RIGHT),
+    children: [/*#__PURE__*/_jsx(ListItemIcon, {
+      children: /*#__PURE__*/_jsx(rootProps.slots.columnMenuPinRightIcon, {
         fontSize: "small"
       })
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ListItemText.default, {
+    }), /*#__PURE__*/_jsx(ListItemText, {
       children: apiRef.current.getLocaleText('pinToRight')
     })]
   });
@@ -57,33 +49,33 @@ function GridColumnMenuPinningItem(props) {
   }
   const side = apiRef.current.isColumnPinned(colDef.field);
   if (side) {
-    const otherSide = side === _xDataGrid.GridPinnedColumnPosition.RIGHT ? _xDataGrid.GridPinnedColumnPosition.LEFT : _xDataGrid.GridPinnedColumnPosition.RIGHT;
-    const label = otherSide === _xDataGrid.GridPinnedColumnPosition.RIGHT ? 'pinToRight' : 'pinToLeft';
-    const Icon = side === _xDataGrid.GridPinnedColumnPosition.RIGHT ? rootProps.slots.columnMenuPinLeftIcon : rootProps.slots.columnMenuPinRightIcon;
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_MenuItem.default, {
+    const otherSide = side === GridPinnedColumnPosition.RIGHT ? GridPinnedColumnPosition.LEFT : GridPinnedColumnPosition.RIGHT;
+    const label = otherSide === GridPinnedColumnPosition.RIGHT ? 'pinToRight' : 'pinToLeft';
+    const Icon = side === GridPinnedColumnPosition.RIGHT ? rootProps.slots.columnMenuPinLeftIcon : rootProps.slots.columnMenuPinRightIcon;
+    return /*#__PURE__*/_jsxs(React.Fragment, {
+      children: [/*#__PURE__*/_jsxs(MenuItem, {
         onClick: pinColumn(otherSide),
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ListItemIcon.default, {
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Icon, {
+        children: [/*#__PURE__*/_jsx(ListItemIcon, {
+          children: /*#__PURE__*/_jsx(Icon, {
             fontSize: "small"
           })
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ListItemText.default, {
+        }), /*#__PURE__*/_jsx(ListItemText, {
           children: apiRef.current.getLocaleText(label)
         })]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_MenuItem.default, {
+      }), /*#__PURE__*/_jsxs(MenuItem, {
         onClick: unpinColumn,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ListItemIcon.default, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ListItemText.default, {
+        children: [/*#__PURE__*/_jsx(ListItemIcon, {}), /*#__PURE__*/_jsx(ListItemText, {
           children: apiRef.current.getLocaleText('unpin')
         })]
       })]
     });
   }
   if (isRtl) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
+    return /*#__PURE__*/_jsxs(React.Fragment, {
       children: [pinToRightMenuItem, pinToLeftMenuItem]
     });
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
+  return /*#__PURE__*/_jsxs(React.Fragment, {
     children: [pinToLeftMenuItem, pinToRightMenuItem]
   });
 }
@@ -92,6 +84,7 @@ process.env.NODE_ENV !== "production" ? GridColumnMenuPinningItem.propTypes = {
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |
   // ----------------------------------------------------------------------
-  colDef: _propTypes.default.object.isRequired,
-  onClick: _propTypes.default.func.isRequired
-} : void 0;
+  colDef: PropTypes.object.isRequired,
+  onClick: PropTypes.func.isRequired
+} : void 0;
+export { GridColumnMenuPinningItem };