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

package/{esm → node}/hooks/features/columnHeaders/useGridColumnHeaders.js

@@ -1,12 +1,20 @@
-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.useGridColumnHeaders = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+var React = _interopRequireWildcard(require("react"));
+var _xDataGrid = require("@mui/x-data-grid");
+var _internals = require("@mui/x-data-grid/internals");
+var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
+var _useGridRootProps = require("../../utils/useGridRootProps");
+var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["getColumnsToRender", "getPinnedCellOffset", "renderContext", "leftRenderContext", "rightRenderContext", "pinnedColumns", "visibleColumns", "columnPositions"];
-import * as React from 'react';
-import { gridFocusColumnHeaderFilterSelector, useGridSelector, gridFilterModelSelector, gridTabIndexColumnHeaderFilterSelector, getDataGridUtilityClass } from '@mui/x-data-grid';
-import { gridColumnsTotalWidthSelector, gridHasFillerSelector, gridHeaderFilterHeightSelector, gridVerticalScrollbarWidthSelector, useGridColumnHeaders as useGridColumnHeadersCommunity, useGridPrivateApiContext, getGridFilter, GridColumnHeaderRow, shouldCellShowLeftBorder, shouldCellShowRightBorder, PinnedColumnPosition } from '@mui/x-data-grid/internals';
-import composeClasses from '@mui/utils/composeClasses';
-import { useGridRootProps } from "../../utils/useGridRootProps.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const useUtilityClasses = ownerState => {
   const {
     classes
@@ -15,18 +23,18 @@ const useUtilityClasses = ownerState => {
     const slots = {
       headerFilterRow: ['headerFilterRow']
     };
-    return composeClasses(slots, getDataGridUtilityClass, classes);
+    return (0, _composeClasses.default)(slots, _xDataGrid.getDataGridUtilityClass, classes);
   }, [classes]);
 };
 const filterItemsCache = Object.create(null);
-export const useGridColumnHeaders = props => {
-  const apiRef = useGridPrivateApiContext();
+const useGridColumnHeaders = props => {
+  const apiRef = (0, _internals.useGridPrivateApiContext)();
   const {
     headerGroupingMaxDepth,
     hasOtherElementInTabSequence
   } = props;
-  const columnHeaderFilterTabIndexState = useGridSelector(apiRef, gridTabIndexColumnHeaderFilterSelector);
-  const _useGridColumnHeaders = useGridColumnHeadersCommunity(_extends({}, props, {
+  const columnHeaderFilterTabIndexState = (0, _xDataGrid.useGridSelector)(apiRef, _xDataGrid.gridTabIndexColumnHeaderFilterSelector);
+  const _useGridColumnHeaders = (0, _internals.useGridColumnHeaders)((0, _extends2.default)({}, props, {
       hasOtherElementInTabSequence: hasOtherElementInTabSequence || columnHeaderFilterTabIndexState !== null
     })),
     {
@@ -39,21 +47,21 @@ export const useGridColumnHeaders = props => {
       visibleColumns,
       columnPositions
     } = _useGridColumnHeaders,
-    otherProps = _objectWithoutPropertiesLoose(_useGridColumnHeaders, _excluded);
+    otherProps = (0, _objectWithoutPropertiesLoose2.default)(_useGridColumnHeaders, _excluded);
   const headerFiltersRef = React.useRef(null);
   apiRef.current.register('private', {
     headerFiltersElementRef: headerFiltersRef
   });
   const headerFilterMenuRef = React.useRef(null);
-  const rootProps = useGridRootProps();
+  const rootProps = (0, _useGridRootProps.useGridRootProps)();
   const classes = useUtilityClasses(rootProps);
   const disableHeaderFiltering = !rootProps.headerFilters;
-  const filterModel = useGridSelector(apiRef, gridFilterModelSelector);
-  const columnsTotalWidth = useGridSelector(apiRef, gridColumnsTotalWidthSelector);
-  const gridHasFiller = useGridSelector(apiRef, gridHasFillerSelector);
-  const headerFilterHeight = useGridSelector(apiRef, gridHeaderFilterHeightSelector);
-  const scrollbarWidth = useGridSelector(apiRef, gridVerticalScrollbarWidthSelector);
-  const columnHeaderFilterFocus = useGridSelector(apiRef, gridFocusColumnHeaderFilterSelector);
+  const filterModel = (0, _xDataGrid.useGridSelector)(apiRef, _xDataGrid.gridFilterModelSelector);
+  const columnsTotalWidth = (0, _xDataGrid.useGridSelector)(apiRef, _internals.gridColumnsTotalWidthSelector);
+  const gridHasFiller = (0, _xDataGrid.useGridSelector)(apiRef, _internals.gridHasFillerSelector);
+  const headerFilterHeight = (0, _xDataGrid.useGridSelector)(apiRef, _internals.gridHeaderFilterHeightSelector);
+  const scrollbarWidth = (0, _xDataGrid.useGridSelector)(apiRef, _internals.gridVerticalScrollbarWidthSelector);
+  const columnHeaderFilterFocus = (0, _xDataGrid.useGridSelector)(apiRef, _xDataGrid.gridFocusColumnHeaderFilterSelector);
   const getFilterItem = React.useCallback(colDef => {
     const filterModelItem = filterModel?.items.find(it => it.field === colDef.field && it.operator !== 'isAnyOf');
     if (filterModelItem != null) {
@@ -66,7 +74,7 @@ export const useGridColumnHeaders = props => {
       return defaultCachedItem;
     }
     // there's no cached `defaultItem` for this column, let's generate one and cache it
-    const defaultItem = getGridFilter(colDef);
+    const defaultItem = (0, _internals.getGridFilter)(colDef);
     filterItemsCache[colDef.field] = defaultItem;
     return defaultItem;
   }, [filterModel]);
@@ -92,9 +100,9 @@ export const useGridColumnHeaders = props => {
       const pinnedOffset = getPinnedCellOffset(pinnedPosition, colDef.computedWidth, columnIndex, columnPositions, columnsTotalWidth, scrollbarWidth);
       const indexInSection = i;
       const sectionLength = renderedColumns.length;
-      const showLeftBorder = shouldCellShowLeftBorder(pinnedPosition, indexInSection);
-      const showRightBorder = shouldCellShowRightBorder(pinnedPosition, indexInSection, sectionLength, rootProps.showColumnVerticalBorder, gridHasFiller);
-      filters.push(/*#__PURE__*/_jsx(rootProps.slots.headerFilterCell, _extends({
+      const showLeftBorder = (0, _internals.shouldCellShowLeftBorder)(pinnedPosition, indexInSection);
+      const showRightBorder = (0, _internals.shouldCellShowRightBorder)(pinnedPosition, indexInSection, sectionLength, rootProps.showColumnVerticalBorder, gridHasFiller);
+      filters.push(/*#__PURE__*/(0, _jsxRuntime.jsx)(rootProps.slots.headerFilterCell, (0, _extends2.default)({
         colIndex: columnIndex,
         height: headerFilterHeight,
         width: colDef.computedWidth,
@@ -117,27 +125,28 @@ export const useGridColumnHeaders = props => {
     if (disableHeaderFiltering) {
       return null;
     }
-    return /*#__PURE__*/_jsxs(GridColumnHeaderRow, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_internals.GridColumnHeaderRow, {
       ref: headerFiltersRef,
       className: classes.headerFilterRow,
       role: "row",
       "aria-rowindex": headerGroupingMaxDepth + 2,
       ownerState: rootProps,
       children: [leftRenderContext && getColumnFilters({
-        position: PinnedColumnPosition.LEFT,
+        position: _internals.PinnedColumnPosition.LEFT,
         renderContext: leftRenderContext,
         maxLastColumn: leftRenderContext.lastColumnIndex
       }), getColumnFilters({
         renderContext,
         maxLastColumn: visibleColumns.length - pinnedColumns.right.length
       }), rightRenderContext && getColumnFilters({
-        position: PinnedColumnPosition.RIGHT,
+        position: _internals.PinnedColumnPosition.RIGHT,
         renderContext: rightRenderContext,
         maxLastColumn: rightRenderContext.lastColumnIndex
       })]
     });
   };
-  return _extends({}, otherProps, {
+  return (0, _extends2.default)({}, otherProps, {
     getColumnFiltersRow
   });
-};
+};
+exports.useGridColumnHeaders = useGridColumnHeaders;

package/node/hooks/features/columnPinning/gridColumnPinningInterface.js

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

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

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

package/{esm → node}/hooks/features/columnPinning/useGridColumnPinning.js

@@ -1,8 +1,16 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from 'react';
-import { useGridSelector, gridVisibleColumnDefinitionsSelector, gridColumnsTotalWidthSelector, gridColumnPositionsSelector, useGridApiMethod, useGridApiEventHandler, GridPinnedColumnPosition, gridColumnFieldsSelector } from '@mui/x-data-grid';
-import { useGridRegisterPipeProcessor, gridPinnedColumnsSelector, gridVisiblePinnedColumnDefinitionsSelector } from '@mui/x-data-grid/internals';
-export const columnPinningStateInitializer = (state, props, apiRef) => {
+"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.useGridColumnPinning = exports.columnPinningStateInitializer = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var React = _interopRequireWildcard(require("react"));
+var _xDataGrid = require("@mui/x-data-grid");
+var _internals = require("@mui/x-data-grid/internals");
+const columnPinningStateInitializer = (state, props, apiRef) => {
   apiRef.current.caches.columnPinning = {
     orderedFieldsBeforePinningColumns: null
   };
@@ -14,24 +22,25 @@ export const columnPinningStateInitializer = (state, props, apiRef) => {
   } else {
     model = {};
   }
-  return _extends({}, state, {
+  return (0, _extends2.default)({}, state, {
     pinnedColumns: model
   });
 };
-export const useGridColumnPinning = (apiRef, props) => {
-  const pinnedColumns = useGridSelector(apiRef, gridPinnedColumnsSelector);
+exports.columnPinningStateInitializer = columnPinningStateInitializer;
+const useGridColumnPinning = (apiRef, props) => {
+  const pinnedColumns = (0, _xDataGrid.useGridSelector)(apiRef, _internals.gridPinnedColumnsSelector);
 
   /**
    * PRE-PROCESSING
    */
   const calculateScrollLeft = React.useCallback((initialValue, params) => {
-    const visiblePinnedColumns = gridVisiblePinnedColumnDefinitionsSelector(apiRef);
+    const visiblePinnedColumns = (0, _internals.gridVisiblePinnedColumnDefinitionsSelector)(apiRef);
     if (!params.colIndex || visiblePinnedColumns.left.length === 0 && visiblePinnedColumns.right.length === 0) {
       return initialValue;
     }
-    const visibleColumns = gridVisibleColumnDefinitionsSelector(apiRef);
-    const columnsTotalWidth = gridColumnsTotalWidthSelector(apiRef);
-    const columnPositions = gridColumnPositionsSelector(apiRef);
+    const visibleColumns = (0, _xDataGrid.gridVisibleColumnDefinitionsSelector)(apiRef);
+    const columnsTotalWidth = (0, _xDataGrid.gridColumnsTotalWidthSelector)(apiRef);
+    const columnPositions = (0, _xDataGrid.gridColumnPositionsSelector)(apiRef);
     const clientWidth = apiRef.current.virtualScrollerRef.current.clientWidth;
 
     // When using RTL, `scrollLeft` becomes negative, so we must ensure that we only compare values.
@@ -43,13 +52,13 @@ export const useGridColumnPinning = (apiRef, props) => {
     const elementBottom = offsetLeft + offsetWidth;
     if (elementBottom - (clientWidth - rightPinnedColumnsWidth) > scrollLeft) {
       const left = elementBottom - (clientWidth - rightPinnedColumnsWidth);
-      return _extends({}, initialValue, {
+      return (0, _extends2.default)({}, initialValue, {
         left
       });
     }
     if (offsetLeft < scrollLeft + leftPinnedColumnsWidth) {
       const left = offsetLeft - leftPinnedColumnsWidth;
-      return _extends({}, initialValue, {
+      return (0, _extends2.default)({}, initialValue, {
         left
       });
     }
@@ -67,7 +76,7 @@ export const useGridColumnPinning = (apiRef, props) => {
   const checkIfCanBeReordered = React.useCallback((initialValue, {
     targetIndex
   }) => {
-    const visiblePinnedColumns = gridVisiblePinnedColumnDefinitionsSelector(apiRef);
+    const visiblePinnedColumns = (0, _internals.gridVisiblePinnedColumnDefinitionsSelector)(apiRef);
     if (visiblePinnedColumns.left.length === 0 && visiblePinnedColumns.right.length === 0) {
       return initialValue;
     }
@@ -75,14 +84,14 @@ export const useGridColumnPinning = (apiRef, props) => {
       return false;
     }
     if (visiblePinnedColumns.right.length > 0) {
-      const visibleColumns = gridVisibleColumnDefinitionsSelector(apiRef);
+      const visibleColumns = (0, _xDataGrid.gridVisibleColumnDefinitionsSelector)(apiRef);
       const firstRightPinnedColumnIndex = visibleColumns.length - visiblePinnedColumns.right.length;
       return targetIndex >= firstRightPinnedColumnIndex ? false : initialValue;
     }
     return initialValue;
   }, [apiRef]);
   const stateExportPreProcessing = React.useCallback((prevState, context) => {
-    const pinnedColumnsToExport = gridPinnedColumnsSelector(apiRef.current.state);
+    const pinnedColumnsToExport = (0, _internals.gridPinnedColumnsSelector)(apiRef.current.state);
     const shouldExportPinnedColumns =
     // Always export if the `exportOnlyDirtyModels` property is not activated
     !context.exportOnlyDirtyModels ||
@@ -95,7 +104,7 @@ export const useGridColumnPinning = (apiRef, props) => {
     if (!shouldExportPinnedColumns) {
       return prevState;
     }
-    return _extends({}, prevState, {
+    return (0, _extends2.default)({}, prevState, {
       pinnedColumns: pinnedColumnsToExport
     });
   }, [apiRef, props.pinnedColumns, props.initialState?.pinnedColumns]);
@@ -106,23 +115,23 @@ export const useGridColumnPinning = (apiRef, props) => {
     }
     return params;
   }, [apiRef]);
-  useGridRegisterPipeProcessor(apiRef, 'scrollToIndexes', calculateScrollLeft);
-  useGridRegisterPipeProcessor(apiRef, 'columnMenu', addColumnMenuItems);
-  useGridRegisterPipeProcessor(apiRef, 'canBeReordered', checkIfCanBeReordered);
-  useGridRegisterPipeProcessor(apiRef, 'exportState', stateExportPreProcessing);
-  useGridRegisterPipeProcessor(apiRef, 'restoreState', stateRestorePreProcessing);
+  (0, _internals.useGridRegisterPipeProcessor)(apiRef, 'scrollToIndexes', calculateScrollLeft);
+  (0, _internals.useGridRegisterPipeProcessor)(apiRef, 'columnMenu', addColumnMenuItems);
+  (0, _internals.useGridRegisterPipeProcessor)(apiRef, 'canBeReordered', checkIfCanBeReordered);
+  (0, _internals.useGridRegisterPipeProcessor)(apiRef, 'exportState', stateExportPreProcessing);
+  (0, _internals.useGridRegisterPipeProcessor)(apiRef, 'restoreState', stateRestorePreProcessing);
   apiRef.current.registerControlState({
     stateId: 'pinnedColumns',
     propModel: props.pinnedColumns,
     propOnChange: props.onPinnedColumnsChange,
-    stateSelector: gridPinnedColumnsSelector,
+    stateSelector: _internals.gridPinnedColumnsSelector,
     changeEvent: 'pinnedColumnsChange'
   });
   const pinColumn = React.useCallback((field, side) => {
     if (apiRef.current.isColumnPinned(field) === side) {
       return;
     }
-    const otherSide = side === GridPinnedColumnPosition.RIGHT ? GridPinnedColumnPosition.LEFT : GridPinnedColumnPosition.RIGHT;
+    const otherSide = side === _xDataGrid.GridPinnedColumnPosition.RIGHT ? _xDataGrid.GridPinnedColumnPosition.LEFT : _xDataGrid.GridPinnedColumnPosition.RIGHT;
     const newPinnedColumns = {
       [side]: [...(pinnedColumns[side] || []), field],
       [otherSide]: (pinnedColumns[otherSide] || []).filter(column => column !== field)
@@ -136,7 +145,7 @@ export const useGridColumnPinning = (apiRef, props) => {
     });
   }, [apiRef, pinnedColumns.left, pinnedColumns.right]);
   const getPinnedColumns = React.useCallback(() => {
-    return gridPinnedColumnsSelector(apiRef.current.state);
+    return (0, _internals.gridPinnedColumnsSelector)(apiRef.current.state);
   }, [apiRef]);
   const setPinnedColumns = React.useCallback(newPinnedColumns => {
     setState(apiRef, newPinnedColumns);
@@ -145,11 +154,11 @@ export const useGridColumnPinning = (apiRef, props) => {
   const isColumnPinned = React.useCallback(field => {
     const leftPinnedColumns = pinnedColumns.left || [];
     if (leftPinnedColumns.includes(field)) {
-      return GridPinnedColumnPosition.LEFT;
+      return _xDataGrid.GridPinnedColumnPosition.LEFT;
     }
     const rightPinnedColumns = pinnedColumns.right || [];
     if (rightPinnedColumns.includes(field)) {
-      return GridPinnedColumnPosition.RIGHT;
+      return _xDataGrid.GridPinnedColumnPosition.RIGHT;
     }
     return false;
   }, [pinnedColumns.left, pinnedColumns.right]);
@@ -160,7 +169,7 @@ export const useGridColumnPinning = (apiRef, props) => {
     setPinnedColumns,
     isColumnPinned
   };
-  useGridApiMethod(apiRef, columnPinningApi, 'public');
+  (0, _xDataGrid.useGridApiMethod)(apiRef, columnPinningApi, 'public');
   const handleColumnOrderChange = params => {
     if (!apiRef.current.caches.columnPinning.orderedFieldsBeforePinningColumns) {
       return;
@@ -171,7 +180,7 @@ export const useGridColumnPinning = (apiRef, props) => {
       oldIndex
     } = params;
     const delta = targetIndex > oldIndex ? 1 : -1;
-    const latestColumnFields = gridColumnFieldsSelector(apiRef);
+    const latestColumnFields = (0, _xDataGrid.gridColumnFieldsSelector)(apiRef);
 
     /**
      * When a column X is reordered to somewhere else, the position where this column X is dropped
@@ -214,15 +223,16 @@ export const useGridColumnPinning = (apiRef, props) => {
     }
     apiRef.current.caches.columnPinning.orderedFieldsBeforePinningColumns = newOrderedFieldsBeforePinningColumns;
   };
-  useGridApiEventHandler(apiRef, 'columnOrderChange', handleColumnOrderChange);
+  (0, _xDataGrid.useGridApiEventHandler)(apiRef, 'columnOrderChange', handleColumnOrderChange);
   React.useEffect(() => {
     if (props.pinnedColumns) {
       apiRef.current.setPinnedColumns(props.pinnedColumns);
     }
   }, [apiRef, props.pinnedColumns]);
 };
+exports.useGridColumnPinning = useGridColumnPinning;
 function setState(apiRef, model) {
-  apiRef.current.setState(state => _extends({}, state, {
+  apiRef.current.setState(state => (0, _extends2.default)({}, state, {
     pinnedColumns: model
   }));
 }

package/{esm → node}/hooks/features/columnPinning/useGridColumnPinningPreProcessors.js

@@ -1,7 +1,15 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from 'react';
-import { useGridRegisterPipeProcessor, gridVisiblePinnedColumnDefinitionsSelector } from '@mui/x-data-grid/internals';
-export const useGridColumnPinningPreProcessors = (apiRef, props) => {
+"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.useGridColumnPinningPreProcessors = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var React = _interopRequireWildcard(require("react"));
+var _internals = require("@mui/x-data-grid/internals");
+const useGridColumnPinningPreProcessors = (apiRef, props) => {
   const {
     disableColumnPinning
   } = props;
@@ -17,10 +25,10 @@ export const useGridColumnPinningPreProcessors = (apiRef, props) => {
     // the `state.columns.orderedFields` in this case), they might lag behind because the selectors
     // are selecting the old state in `apiRef`, not the state being computed in the current pipe processor.
     const savedState = apiRef.current.state;
-    apiRef.current.state = _extends({}, savedState, {
+    apiRef.current.state = (0, _extends2.default)({}, savedState, {
       columns: columnsState
     });
-    const visibleColumns = gridVisiblePinnedColumnDefinitionsSelector(apiRef);
+    const visibleColumns = (0, _internals.gridVisiblePinnedColumnDefinitionsSelector)(apiRef);
     apiRef.current.state = savedState;
     // HACK: Ends here //
 
@@ -95,11 +103,12 @@ export const useGridColumnPinningPreProcessors = (apiRef, props) => {
     const centerColumns = newOrderedFields.filter(field => {
       return !leftPinnedColumns.includes(field) && !rightPinnedColumns.includes(field);
     });
-    return _extends({}, columnsState, {
+    return (0, _extends2.default)({}, columnsState, {
       orderedFields: [...leftPinnedColumns, ...centerColumns, ...rightPinnedColumns]
     });
   }, [apiRef, disableColumnPinning]);
-  useGridRegisterPipeProcessor(apiRef, 'hydrateColumns', reorderPinnedColumns);
+  (0, _internals.useGridRegisterPipeProcessor)(apiRef, 'hydrateColumns', reorderPinnedColumns);
   const isColumnPinned = React.useCallback((initialValue, field) => apiRef.current.isColumnPinned(field), [apiRef]);
-  useGridRegisterPipeProcessor(apiRef, 'isColumnPinned', isColumnPinned);
-};
+  (0, _internals.useGridRegisterPipeProcessor)(apiRef, 'isColumnPinned', isColumnPinned);
+};
+exports.useGridColumnPinningPreProcessors = useGridColumnPinningPreProcessors;

package/node/hooks/features/columnReorder/columnReorderInterfaces.js

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

package/node/hooks/features/columnReorder/columnReorderSelector.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.gridColumnReorderSelector = exports.gridColumnReorderDragColSelector = void 0;
+var _internals = require("@mui/x-data-grid/internals");
+const gridColumnReorderSelector = state => state.columnReorder;
+exports.gridColumnReorderSelector = gridColumnReorderSelector;
+const gridColumnReorderDragColSelector = exports.gridColumnReorderDragColSelector = (0, _internals.createSelector)(gridColumnReorderSelector, columnReorder => columnReorder.dragCol);

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

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

package/{esm → node}/hooks/features/columnReorder/useGridColumnReorder.js

@@ -1,9 +1,17 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from 'react';
-import composeClasses from '@mui/utils/composeClasses';
-import { useRtl } from '@mui/system/RtlProvider';
-import { useGridApiEventHandler, getDataGridUtilityClass, useGridLogger, useGridApiOptionHandler } from '@mui/x-data-grid';
-import { gridColumnReorderDragColSelector } from "./columnReorderSelector.js";
+"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.useGridColumnReorder = exports.columnReorderStateInitializer = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var React = _interopRequireWildcard(require("react"));
+var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
+var _RtlProvider = require("@mui/system/RtlProvider");
+var _xDataGrid = require("@mui/x-data-grid");
+var _columnReorderSelector = require("./columnReorderSelector");
 const CURSOR_MOVE_DIRECTION_LEFT = 'left';
 const CURSOR_MOVE_DIRECTION_RIGHT = 'right';
 const getCursorMoveDirectionX = (currentCoordinates, nextCoordinates) => {
@@ -17,9 +25,9 @@ const useUtilityClasses = ownerState => {
   const slots = {
     columnHeaderDragging: ['columnHeader--dragging']
   };
-  return composeClasses(slots, getDataGridUtilityClass, classes);
+  return (0, _composeClasses.default)(slots, _xDataGrid.getDataGridUtilityClass, classes);
 };
-export const columnReorderStateInitializer = state => _extends({}, state, {
+const columnReorderStateInitializer = state => (0, _extends2.default)({}, state, {
   columnReorder: {
     dragCol: ''
   }
@@ -28,8 +36,9 @@ export const columnReorderStateInitializer = state => _extends({}, state, {
 /**
  * @requires useGridColumns (method)
  */
-export const useGridColumnReorder = (apiRef, props) => {
-  const logger = useGridLogger(apiRef, 'useGridColumnReorder');
+exports.columnReorderStateInitializer = columnReorderStateInitializer;
+const useGridColumnReorder = (apiRef, props) => {
+  const logger = (0, _xDataGrid.useGridLogger)(apiRef, 'useGridColumnReorder');
   const dragColNode = React.useRef(null);
   const cursorPosition = React.useRef({
     x: 0,
@@ -42,7 +51,7 @@ export const useGridColumnReorder = (apiRef, props) => {
     classes: props.classes
   };
   const classes = useUtilityClasses(ownerState);
-  const isRtl = useRtl();
+  const isRtl = (0, _RtlProvider.useRtl)();
   React.useEffect(() => {
     return () => {
       clearTimeout(removeDnDStylesTimeout.current);
@@ -61,8 +70,8 @@ export const useGridColumnReorder = (apiRef, props) => {
     if (event.dataTransfer) {
       event.dataTransfer.effectAllowed = 'move';
     }
-    apiRef.current.setState(state => _extends({}, state, {
-      columnReorder: _extends({}, state.columnReorder, {
+    apiRef.current.setState(state => (0, _extends2.default)({}, state, {
+      columnReorder: (0, _extends2.default)({}, state.columnReorder, {
         dragCol: params.field
       })
     }));
@@ -131,7 +140,7 @@ export const useGridColumnReorder = (apiRef, props) => {
     event.stopPropagation();
   }, []);
   const handleDragOver = React.useCallback((params, event) => {
-    const dragColField = gridColumnReorderDragColSelector(apiRef);
+    const dragColField = (0, _columnReorderSelector.gridColumnReorderDragColSelector)(apiRef);
     if (!dragColField) {
       return;
     }
@@ -196,7 +205,7 @@ export const useGridColumnReorder = (apiRef, props) => {
     }
   }, [apiRef, logger, isRtl]);
   const handleDragEnd = React.useCallback((params, event) => {
-    const dragColField = gridColumnReorderDragColSelector(apiRef);
+    const dragColField = (0, _columnReorderSelector.gridColumnReorderDragColSelector)(apiRef);
     if (props.disableColumnReorder || !dragColField) {
       return;
     }
@@ -227,18 +236,19 @@ export const useGridColumnReorder = (apiRef, props) => {
       };
       apiRef.current.publishEvent('columnOrderChange', columnOrderChangeParams);
     }
-    apiRef.current.setState(state => _extends({}, state, {
-      columnReorder: _extends({}, state.columnReorder, {
+    apiRef.current.setState(state => (0, _extends2.default)({}, state, {
+      columnReorder: (0, _extends2.default)({}, state.columnReorder, {
         dragCol: ''
       })
     }));
     apiRef.current.forceUpdate();
   }, [apiRef, props.disableColumnReorder, props.keepColumnPositionIfDraggedOutside, logger, classes.columnHeaderDragging]);
-  useGridApiEventHandler(apiRef, 'columnHeaderDragStart', handleDragStart);
-  useGridApiEventHandler(apiRef, 'columnHeaderDragEnter', handleDragEnter);
-  useGridApiEventHandler(apiRef, 'columnHeaderDragOver', handleDragOver);
-  useGridApiEventHandler(apiRef, 'columnHeaderDragEnd', handleDragEnd);
-  useGridApiEventHandler(apiRef, 'cellDragEnter', handleDragEnter);
-  useGridApiEventHandler(apiRef, 'cellDragOver', handleDragOver);
-  useGridApiOptionHandler(apiRef, 'columnOrderChange', props.onColumnOrderChange);
-};
+  (0, _xDataGrid.useGridApiEventHandler)(apiRef, 'columnHeaderDragStart', handleDragStart);
+  (0, _xDataGrid.useGridApiEventHandler)(apiRef, 'columnHeaderDragEnter', handleDragEnter);
+  (0, _xDataGrid.useGridApiEventHandler)(apiRef, 'columnHeaderDragOver', handleDragOver);
+  (0, _xDataGrid.useGridApiEventHandler)(apiRef, 'columnHeaderDragEnd', handleDragEnd);
+  (0, _xDataGrid.useGridApiEventHandler)(apiRef, 'cellDragEnter', handleDragEnter);
+  (0, _xDataGrid.useGridApiEventHandler)(apiRef, 'cellDragOver', handleDragOver);
+  (0, _xDataGrid.useGridApiOptionHandler)(apiRef, 'columnOrderChange', props.onColumnOrderChange);
+};
+exports.useGridColumnReorder = useGridColumnReorder;

package/{esm → node}/hooks/features/dataSource/cache.js

@@ -1,7 +1,14 @@
-export function getKey(params) {
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.GridDataSourceCacheDefault = void 0;
+exports.getKey = getKey;
+function getKey(params) {
   return JSON.stringify([params.paginationModel, params.filterModel, params.sortModel, params.groupKeys, params.groupFields]);
 }
-export class GridDataSourceCacheDefault {
+class GridDataSourceCacheDefault {
   constructor({
     ttl = 300000
   }) {
@@ -33,4 +40,5 @@ export class GridDataSourceCacheDefault {
   clear() {
     this.cache = {};
   }
-}
+}
+exports.GridDataSourceCacheDefault = GridDataSourceCacheDefault;

package/node/hooks/features/dataSource/gridDataSourceSelector.js

@@ -0,0 +1,32 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.gridGetRowsParamsSelector = exports.gridDataSourceStateSelector = exports.gridDataSourceLoadingSelector = exports.gridDataSourceLoadingIdSelector = exports.gridDataSourceErrorsSelector = exports.gridDataSourceErrorSelector = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _xDataGrid = require("@mui/x-data-grid");
+var _internals = require("@mui/x-data-grid/internals");
+const computeStartEnd = paginationModel => {
+  const start = paginationModel.page * paginationModel.pageSize;
+  const end = start + paginationModel.pageSize - 1;
+  return {
+    start,
+    end
+  };
+};
+const gridGetRowsParamsSelector = exports.gridGetRowsParamsSelector = (0, _internals.createSelector)(_xDataGrid.gridFilterModelSelector, _xDataGrid.gridSortModelSelector, _xDataGrid.gridPaginationModelSelector, (filterModel, sortModel, paginationModel) => {
+  return (0, _extends2.default)({
+    groupKeys: [],
+    paginationModel,
+    sortModel,
+    filterModel
+  }, computeStartEnd(paginationModel));
+});
+const gridDataSourceStateSelector = state => state.dataSource;
+exports.gridDataSourceStateSelector = gridDataSourceStateSelector;
+const gridDataSourceLoadingSelector = exports.gridDataSourceLoadingSelector = (0, _internals.createSelector)(gridDataSourceStateSelector, dataSource => dataSource.loading);
+const gridDataSourceLoadingIdSelector = exports.gridDataSourceLoadingIdSelector = (0, _internals.createSelectorV8)(gridDataSourceStateSelector, (dataSource, id) => dataSource.loading[id] ?? false);
+const gridDataSourceErrorsSelector = exports.gridDataSourceErrorsSelector = (0, _internals.createSelector)(gridDataSourceStateSelector, dataSource => dataSource.errors);
+const gridDataSourceErrorSelector = exports.gridDataSourceErrorSelector = (0, _internals.createSelectorV8)(gridDataSourceStateSelector, (dataSource, id) => dataSource.errors[id]);

package/node/hooks/features/dataSource/interfaces.js

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