@mui/x-data-grid 8.0.0-beta.2 → 8.0.0

package/modern/hooks/features/columnHeaders/useGridColumnHeaders.d.ts

@@ -1,65 +0,0 @@
-import * as React from 'react';
-import { DataGridProcessedProps } from "../../../models/props/DataGridProps.js";
-import type { GridColumnsRenderContext } from '../../../models/params/gridScrollParams';
-import { GridStateColDef } from "../../../models/colDef/gridColDef.js";
-import { GridSortColumnLookup } from "../sorting/index.js";
-import { GridFilterActiveItemsLookup } from "../filter/index.js";
-import { GridColumnGroupIdentifier, GridColumnIdentifier } from "../focus/index.js";
-import { GridColumnMenuState } from "../columnMenu/index.js";
-import { GridColumnVisibilityModel, gridColumnPositionsSelector } from "../columns/index.js";
-import { GridGroupingStructure } from "../columnGrouping/gridColumnGroupsInterfaces.js";
-import { PinnedColumnPosition } from "../../../internals/constants.js";
-export interface UseGridColumnHeadersProps {
-  visibleColumns: GridStateColDef[];
-  sortColumnLookup: GridSortColumnLookup;
-  filterColumnLookup: GridFilterActiveItemsLookup;
-  columnHeaderTabIndexState: GridColumnIdentifier | null;
-  columnGroupHeaderTabIndexState: GridColumnGroupIdentifier | null;
-  columnHeaderFocus: GridColumnIdentifier | null;
-  columnGroupHeaderFocus: GridColumnGroupIdentifier | null;
-  headerGroupingMaxDepth: number;
-  columnMenuState: GridColumnMenuState;
-  columnVisibility: GridColumnVisibilityModel;
-  columnGroupsHeaderStructure: GridGroupingStructure[][];
-  hasOtherElementInTabSequence: boolean;
-}
-export interface GetHeadersParams {
-  position?: PinnedColumnPosition;
-  renderContext?: GridColumnsRenderContext;
-  maxLastColumn?: number;
-}
-type OwnerState = DataGridProcessedProps;
-export declare const GridColumnHeaderRow: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
-  ownerState: OwnerState;
-}, Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.ClassAttributes<HTMLDivElement> | keyof React.HTMLAttributes<HTMLDivElement>>, {}>;
-export declare const useGridColumnHeaders: (props: UseGridColumnHeadersProps) => {
-  renderContext: GridColumnsRenderContext;
-  leftRenderContext: {
-    firstColumnIndex: number;
-    lastColumnIndex: number;
-  } | null;
-  rightRenderContext: {
-    firstColumnIndex: number;
-    lastColumnIndex: number;
-  } | null;
-  pinnedColumns: {
-    left: GridStateColDef[];
-    right: GridStateColDef[];
-  };
-  visibleColumns: GridStateColDef[];
-  columnPositions: number[];
-  getFillers: (params: GetHeadersParams | undefined, children: React.ReactNode, leftOverflow: number, borderBottom?: boolean) => React.JSX.Element;
-  getColumnHeadersRow: () => React.JSX.Element;
-  getColumnsToRender: (params?: GetHeadersParams) => {
-    renderedColumns: GridStateColDef[];
-    firstColumnToRender: number;
-    lastColumnToRender: number;
-  };
-  getColumnGroupHeadersRows: () => React.JSX.Element[] | null;
-  getPinnedCellOffset: (pinnedPosition: PinnedColumnPosition | undefined, computedWidth: number, columnIndex: number, columnPositions: ReturnType<typeof gridColumnPositionsSelector>, columnsTotalWidth: number, scrollbarWidth: number) => number | undefined;
-  isDragging: boolean;
-  getInnerProps: () => {
-    role: string;
-  };
-};
-export {};

package/modern/hooks/features/columnHeaders/useGridColumnHeaders.js

@@ -1,317 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from 'react';
-import clsx from 'clsx';
-import { styled } from '@mui/material/styles';
-import { useGridSelector } from "../../utils/index.js";
-import { useGridRootProps } from "../../utils/useGridRootProps.js";
-import { useGridPrivateApiContext } from "../../utils/useGridPrivateApiContext.js";
-import { useGridApiEventHandler } from "../../utils/useGridApiEventHandler.js";
-import { GridColumnHeaderItem } from "../../../components/columnHeaders/GridColumnHeaderItem.js";
-import { gridColumnsTotalWidthSelector, gridGroupHeaderHeightSelector, gridHasFillerSelector, gridHeaderHeightSelector, gridVerticalScrollbarWidthSelector } from "../dimensions/gridDimensionsSelectors.js";
-import { gridRenderContextColumnsSelector } from "../virtualization/index.js";
-import { computeOffsetLeft } from "../virtualization/useGridVirtualScroller.js";
-import { GridColumnGroupHeader } from "../../../components/columnHeaders/GridColumnGroupHeader.js";
-import { gridColumnPositionsSelector, gridVisiblePinnedColumnDefinitionsSelector, gridColumnLookupSelector } from "../columns/index.js";
-import { gridColumnGroupsUnwrappedModelSelector } from "../columnGrouping/gridColumnGroupsSelector.js";
-import { GridScrollbarFillerCell as ScrollbarFiller } from "../../../components/GridScrollbarFillerCell.js";
-import { getPinnedCellOffset } from "../../../internals/utils/getPinnedCellOffset.js";
-import { GridColumnHeaderSeparatorSides } from "../../../components/columnHeaders/GridColumnHeaderSeparator.js";
-import { gridClasses } from "../../../constants/gridClasses.js";
-import { shouldCellShowLeftBorder, shouldCellShowRightBorder } from "../../../utils/cellBorderUtils.js";
-import { PinnedColumnPosition } from "../../../internals/constants.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export const GridColumnHeaderRow = styled('div', {
-  name: 'MuiDataGrid',
-  slot: 'ColumnHeaderRow',
-  overridesResolver: (_, styles) => styles.columnHeaderRow
-})({
-  display: 'flex'
-});
-export const useGridColumnHeaders = props => {
-  const {
-    visibleColumns,
-    sortColumnLookup,
-    filterColumnLookup,
-    columnHeaderTabIndexState,
-    columnGroupHeaderTabIndexState,
-    columnHeaderFocus,
-    columnGroupHeaderFocus,
-    headerGroupingMaxDepth,
-    columnMenuState,
-    columnVisibility,
-    columnGroupsHeaderStructure,
-    hasOtherElementInTabSequence
-  } = props;
-  const [dragCol, setDragCol] = React.useState('');
-  const [resizeCol, setResizeCol] = React.useState('');
-  const apiRef = useGridPrivateApiContext();
-  const rootProps = useGridRootProps();
-  const columnGroupsModel = useGridSelector(apiRef, gridColumnGroupsUnwrappedModelSelector);
-  const columnPositions = useGridSelector(apiRef, gridColumnPositionsSelector);
-  const renderContext = useGridSelector(apiRef, gridRenderContextColumnsSelector);
-  const pinnedColumns = useGridSelector(apiRef, gridVisiblePinnedColumnDefinitionsSelector);
-  const columnsLookup = useGridSelector(apiRef, gridColumnLookupSelector);
-  const offsetLeft = computeOffsetLeft(columnPositions, renderContext, pinnedColumns.left.length);
-  const columnsTotalWidth = useGridSelector(apiRef, gridColumnsTotalWidthSelector);
-  const gridHasFiller = useGridSelector(apiRef, gridHasFillerSelector);
-  const headerHeight = useGridSelector(apiRef, gridHeaderHeightSelector);
-  const groupHeaderHeight = useGridSelector(apiRef, gridGroupHeaderHeightSelector);
-  const scrollbarWidth = useGridSelector(apiRef, gridVerticalScrollbarWidthSelector);
-  const handleColumnResizeStart = React.useCallback(params => setResizeCol(params.field), []);
-  const handleColumnResizeStop = React.useCallback(() => setResizeCol(''), []);
-  const handleColumnReorderStart = React.useCallback(params => setDragCol(params.field), []);
-  const handleColumnReorderStop = React.useCallback(() => setDragCol(''), []);
-  const leftRenderContext = React.useMemo(() => {
-    return pinnedColumns.left.length ? {
-      firstColumnIndex: 0,
-      lastColumnIndex: pinnedColumns.left.length
-    } : null;
-  }, [pinnedColumns.left.length]);
-  const rightRenderContext = React.useMemo(() => {
-    return pinnedColumns.right.length ? {
-      firstColumnIndex: visibleColumns.length - pinnedColumns.right.length,
-      lastColumnIndex: visibleColumns.length
-    } : null;
-  }, [pinnedColumns.right.length, visibleColumns.length]);
-  useGridApiEventHandler(apiRef, 'columnResizeStart', handleColumnResizeStart);
-  useGridApiEventHandler(apiRef, 'columnResizeStop', handleColumnResizeStop);
-  useGridApiEventHandler(apiRef, 'columnHeaderDragStart', handleColumnReorderStart);
-  useGridApiEventHandler(apiRef, 'columnHeaderDragEnd', handleColumnReorderStop);
-
-  // Helper for computation common between getColumnHeaders and getColumnGroupHeaders
-  const getColumnsToRender = params => {
-    const {
-      renderContext: currentContext = renderContext
-    } = params || {};
-    const firstColumnToRender = currentContext.firstColumnIndex;
-    const lastColumnToRender = currentContext.lastColumnIndex;
-    const renderedColumns = visibleColumns.slice(firstColumnToRender, lastColumnToRender);
-    return {
-      renderedColumns,
-      firstColumnToRender,
-      lastColumnToRender
-    };
-  };
-  const getFillers = (params, children, leftOverflow, borderBottom = false) => {
-    const isPinnedRight = params?.position === PinnedColumnPosition.RIGHT;
-    const isNotPinned = params?.position === undefined;
-    const hasScrollbarFiller = pinnedColumns.right.length > 0 && isPinnedRight || pinnedColumns.right.length === 0 && isNotPinned;
-    const leftOffsetWidth = offsetLeft - leftOverflow;
-    return /*#__PURE__*/_jsxs(React.Fragment, {
-      children: [isNotPinned && /*#__PURE__*/_jsx("div", {
-        role: "presentation",
-        style: {
-          width: leftOffsetWidth
-        }
-      }), children, isNotPinned && /*#__PURE__*/_jsx("div", {
-        role: "presentation",
-        className: clsx(gridClasses.filler, borderBottom && gridClasses['filler--borderBottom'])
-      }), hasScrollbarFiller && /*#__PURE__*/_jsx(ScrollbarFiller, {
-        header: true,
-        pinnedRight: isPinnedRight,
-        borderBottom: borderBottom,
-        borderTop: false
-      })]
-    });
-  };
-  const getColumnHeaders = (params, other = {}) => {
-    const {
-      renderedColumns,
-      firstColumnToRender
-    } = getColumnsToRender(params);
-    const columns = [];
-    for (let i = 0; i < renderedColumns.length; i += 1) {
-      const colDef = renderedColumns[i];
-      const columnIndex = firstColumnToRender + i;
-      const isFirstColumn = columnIndex === 0;
-      const tabIndex = columnHeaderTabIndexState !== null && columnHeaderTabIndexState.field === colDef.field || isFirstColumn && !hasOtherElementInTabSequence ? 0 : -1;
-      const hasFocus = columnHeaderFocus !== null && columnHeaderFocus.field === colDef.field;
-      const open = columnMenuState.open && columnMenuState.field === colDef.field;
-      const pinnedPosition = params?.position;
-      const pinnedOffset = getPinnedCellOffset(pinnedPosition, colDef.computedWidth, columnIndex, columnPositions, columnsTotalWidth, scrollbarWidth);
-      const siblingWithBorderingSeparator = pinnedPosition === PinnedColumnPosition.RIGHT ? renderedColumns[i - 1] : renderedColumns[i + 1];
-      const isSiblingFocused = siblingWithBorderingSeparator ? columnHeaderFocus !== null && columnHeaderFocus.field === siblingWithBorderingSeparator.field : false;
-      const isLastUnpinned = columnIndex + 1 === columnPositions.length - pinnedColumns.right.length;
-      const indexInSection = i;
-      const sectionLength = renderedColumns.length;
-      const showLeftBorder = shouldCellShowLeftBorder(pinnedPosition, indexInSection);
-      const showRightBorder = shouldCellShowRightBorder(pinnedPosition, indexInSection, sectionLength, rootProps.showColumnVerticalBorder, gridHasFiller);
-      columns.push(/*#__PURE__*/_jsx(GridColumnHeaderItem, _extends({}, sortColumnLookup[colDef.field], {
-        columnMenuOpen: open,
-        filterItemsCounter: filterColumnLookup[colDef.field] && filterColumnLookup[colDef.field].length,
-        headerHeight: headerHeight,
-        isDragging: colDef.field === dragCol,
-        colDef: colDef,
-        colIndex: columnIndex,
-        isResizing: resizeCol === colDef.field,
-        isLast: columnIndex === columnPositions.length - 1,
-        hasFocus: hasFocus,
-        tabIndex: tabIndex,
-        pinnedPosition: pinnedPosition,
-        pinnedOffset: pinnedOffset,
-        isLastUnpinned: isLastUnpinned,
-        isSiblingFocused: isSiblingFocused,
-        showLeftBorder: showLeftBorder,
-        showRightBorder: showRightBorder
-      }, other), colDef.field));
-    }
-    return getFillers(params, columns, 0);
-  };
-  const getColumnHeadersRow = () => {
-    return /*#__PURE__*/_jsxs(GridColumnHeaderRow, {
-      role: "row",
-      "aria-rowindex": headerGroupingMaxDepth + 1,
-      ownerState: rootProps,
-      className: gridClasses['row--borderBottom'],
-      style: {
-        height: headerHeight
-      },
-      children: [leftRenderContext && getColumnHeaders({
-        position: PinnedColumnPosition.LEFT,
-        renderContext: leftRenderContext
-      }, {
-        disableReorder: true
-      }), getColumnHeaders({
-        renderContext
-      }), rightRenderContext && getColumnHeaders({
-        position: PinnedColumnPosition.RIGHT,
-        renderContext: rightRenderContext
-      }, {
-        disableReorder: true,
-        separatorSide: GridColumnHeaderSeparatorSides.Left
-      })]
-    });
-  };
-  const getColumnGroupHeaders = ({
-    depth,
-    params
-  }) => {
-    const columnsToRender = getColumnsToRender(params);
-    if (columnsToRender.renderedColumns.length === 0) {
-      return null;
-    }
-    const {
-      firstColumnToRender,
-      lastColumnToRender
-    } = columnsToRender;
-    const rowStructure = columnGroupsHeaderStructure[depth];
-    const firstColumnFieldToRender = visibleColumns[firstColumnToRender].field;
-    const firstGroupToRender = columnGroupsModel[firstColumnFieldToRender]?.[depth] ?? null;
-    const firstGroupIndex = rowStructure.findIndex(({
-      groupId,
-      columnFields
-    }) => groupId === firstGroupToRender && columnFields.includes(firstColumnFieldToRender));
-    const lastColumnFieldToRender = visibleColumns[lastColumnToRender - 1].field;
-    const lastGroupToRender = columnGroupsModel[lastColumnFieldToRender]?.[depth] ?? null;
-    const lastGroupIndex = rowStructure.findIndex(({
-      groupId,
-      columnFields
-    }) => groupId === lastGroupToRender && columnFields.includes(lastColumnFieldToRender));
-    const visibleColumnGroupHeader = rowStructure.slice(firstGroupIndex, lastGroupIndex + 1).map(groupStructure => {
-      return _extends({}, groupStructure, {
-        columnFields: groupStructure.columnFields.filter(field => columnVisibility[field] !== false)
-      });
-    }).filter(groupStructure => groupStructure.columnFields.length > 0);
-    const firstVisibleColumnIndex = visibleColumnGroupHeader[0].columnFields.indexOf(firstColumnFieldToRender);
-    const hiddenGroupColumns = visibleColumnGroupHeader[0].columnFields.slice(0, firstVisibleColumnIndex);
-    const leftOverflow = hiddenGroupColumns.reduce((acc, field) => {
-      const column = columnsLookup[field];
-      return acc + (column.computedWidth ?? 0);
-    }, 0);
-    let columnIndex = firstColumnToRender;
-    const children = visibleColumnGroupHeader.map(({
-      groupId,
-      columnFields
-    }, index) => {
-      const hasFocus = columnGroupHeaderFocus !== null && columnGroupHeaderFocus.depth === depth && columnFields.includes(columnGroupHeaderFocus.field);
-      const tabIndex = columnGroupHeaderTabIndexState !== null && columnGroupHeaderTabIndexState.depth === depth && columnFields.includes(columnGroupHeaderTabIndexState.field) ? 0 : -1;
-      const headerInfo = {
-        groupId,
-        width: columnFields.reduce((acc, field) => acc + columnsLookup[field].computedWidth, 0),
-        fields: columnFields,
-        colIndex: columnIndex,
-        hasFocus,
-        tabIndex
-      };
-      const pinnedPosition = params.position;
-      const pinnedOffset = getPinnedCellOffset(pinnedPosition, headerInfo.width, columnIndex, columnPositions, columnsTotalWidth, scrollbarWidth);
-      columnIndex += columnFields.length;
-      let indexInSection = index;
-      if (pinnedPosition === PinnedColumnPosition.LEFT) {
-        // Group headers can expand to multiple columns, we need to adjust the index
-        indexInSection = columnIndex - 1;
-      }
-      return /*#__PURE__*/_jsx(GridColumnGroupHeader, {
-        groupId: groupId,
-        width: headerInfo.width,
-        fields: headerInfo.fields,
-        colIndex: headerInfo.colIndex,
-        depth: depth,
-        isLastColumn: index === visibleColumnGroupHeader.length - 1,
-        maxDepth: headerGroupingMaxDepth,
-        height: groupHeaderHeight,
-        hasFocus: hasFocus,
-        tabIndex: tabIndex,
-        pinnedPosition: pinnedPosition,
-        pinnedOffset: pinnedOffset,
-        showLeftBorder: shouldCellShowLeftBorder(pinnedPosition, indexInSection),
-        showRightBorder: shouldCellShowRightBorder(pinnedPosition, indexInSection, visibleColumnGroupHeader.length, rootProps.showColumnVerticalBorder, gridHasFiller)
-      }, index);
-    });
-    return getFillers(params, children, leftOverflow);
-  };
-  const getColumnGroupHeadersRows = () => {
-    if (headerGroupingMaxDepth === 0) {
-      return null;
-    }
-    const headerRows = [];
-    for (let depth = 0; depth < headerGroupingMaxDepth; depth += 1) {
-      headerRows.push(/*#__PURE__*/_jsxs(GridColumnHeaderRow, {
-        role: "row",
-        "aria-rowindex": depth + 1,
-        ownerState: rootProps,
-        style: {
-          height: groupHeaderHeight
-        },
-        children: [leftRenderContext && getColumnGroupHeaders({
-          depth,
-          params: {
-            position: PinnedColumnPosition.LEFT,
-            renderContext: leftRenderContext,
-            maxLastColumn: leftRenderContext.lastColumnIndex
-          }
-        }), getColumnGroupHeaders({
-          depth,
-          params: {
-            renderContext
-          }
-        }), rightRenderContext && getColumnGroupHeaders({
-          depth,
-          params: {
-            position: PinnedColumnPosition.RIGHT,
-            renderContext: rightRenderContext,
-            maxLastColumn: rightRenderContext.lastColumnIndex
-          }
-        })]
-      }, depth));
-    }
-    return headerRows;
-  };
-  return {
-    renderContext,
-    leftRenderContext,
-    rightRenderContext,
-    pinnedColumns,
-    visibleColumns,
-    columnPositions,
-    getFillers,
-    getColumnHeadersRow,
-    getColumnsToRender,
-    getColumnGroupHeadersRows,
-    getPinnedCellOffset,
-    isDragging: !!dragCol,
-    getInnerProps: () => ({
-      role: 'rowgroup'
-    })
-  };
-};

package/modern/hooks/features/columnMenu/columnMenuInterfaces.d.ts

@@ -1,47 +0,0 @@
-import * as React from 'react';
-export interface GridColumnMenuState {
-  open: boolean;
-  field?: string;
-}
-export interface GridColumnMenuSlotProps {
-  /**
-   * Every item has a `displayOrder` based which it will be placed before or after other
-   * items in the column menu, `array.prototype.sort` is applied to sort the items.
-   * Note: If same `displayOrder` is applied to two or more items they will be sorted
-   * based on the definition order
-   * @default 100
-   */
-  displayOrder?: number;
-  [key: string]: any;
-}
-export interface GridColumnMenuRootProps {
-  /**
-   * Initial `slots` - it is internal, to be overrriden by Pro or Premium packages
-   * @ignore - do not document.
-   */
-  defaultSlots: {
-    [key: string]: React.JSXElementConstructor<any>;
-  };
-  /**
-   * Initial `slotProps` - it is internal, to be overrriden by Pro or Premium packages
-   * @ignore - do not document.
-   */
-  defaultSlotProps: {
-    [key: string]: GridColumnMenuSlotProps;
-  };
-  /**
-   * `slots` could be used to add new and (or) override default column menu items
-   * If you register a nee component you must pass it's `displayOrder` in `slotProps`
-   * or it will be placed in the end of the list
-   */
-  slots?: {
-    [key: string]: React.JSXElementConstructor<any> | null;
-  };
-  /**
-   * Could be used to pass new props or override props specific to a column menu component
-   * e.g. `displayOrder`
-   */
-  slotProps?: {
-    [key: string]: GridColumnMenuSlotProps;
-  };
-}

package/modern/hooks/features/columnMenu/columnMenuInterfaces.js

@@ -1 +0,0 @@
-export {};

package/modern/hooks/features/columnMenu/columnMenuSelector.d.ts

@@ -1,2 +0,0 @@
-import { GridStateCommunity } from "../../../models/gridStateCommunity.js";
-export declare const gridColumnMenuSelector: import("../../..").OutputSelector<GridStateCommunity, unknown, import("./columnMenuInterfaces").GridColumnMenuState>;

package/modern/hooks/features/columnMenu/columnMenuSelector.js

@@ -1,2 +0,0 @@
-import { createRootSelector } from "../../../utils/createSelector.js";
-export const gridColumnMenuSelector = createRootSelector(state => state.columnMenu);

package/modern/hooks/features/columnMenu/index.d.ts

@@ -1,2 +0,0 @@
-export * from "./columnMenuInterfaces.js";
-export * from "./columnMenuSelector.js";

package/modern/hooks/features/columnMenu/index.js

@@ -1,2 +0,0 @@
-export * from "./columnMenuInterfaces.js";
-export * from "./columnMenuSelector.js";

package/modern/hooks/features/columnMenu/useGridColumnMenu.d.ts

@@ -1,9 +0,0 @@
-import { RefObject } from '@mui/x-internals/types';
-import { GridPrivateApiCommunity } from "../../../models/api/gridApiCommunity.js";
-import { GridStateInitializer } from "../../utils/useGridInitializeState.js";
-export declare const columnMenuStateInitializer: GridStateInitializer;
-/**
- * @requires useGridColumnResize (event)
- * @requires useGridInfiniteLoader (event)
- */
-export declare const useGridColumnMenu: (apiRef: RefObject<GridPrivateApiCommunity>) => void;

package/modern/hooks/features/columnMenu/useGridColumnMenu.js

@@ -1,104 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from 'react';
-import { useGridLogger, useGridApiMethod, useGridApiEventHandler } from "../../utils/index.js";
-import { gridColumnMenuSelector } from "./columnMenuSelector.js";
-import { gridColumnLookupSelector, gridColumnVisibilityModelSelector, gridColumnFieldsSelector } from "../columns/gridColumnsSelector.js";
-export const columnMenuStateInitializer = state => _extends({}, state, {
-  columnMenu: {
-    open: false
-  }
-});
-
-/**
- * @requires useGridColumnResize (event)
- * @requires useGridInfiniteLoader (event)
- */
-export const useGridColumnMenu = apiRef => {
-  const logger = useGridLogger(apiRef, 'useGridColumnMenu');
-
-  /**
-   * API METHODS
-   */
-  const showColumnMenu = React.useCallback(field => {
-    const columnMenuState = gridColumnMenuSelector(apiRef);
-    const newState = {
-      open: true,
-      field
-    };
-    const shouldUpdate = newState.open !== columnMenuState.open || newState.field !== columnMenuState.field;
-    if (shouldUpdate) {
-      apiRef.current.setState(state => {
-        if (state.columnMenu.open && state.columnMenu.field === field) {
-          return state;
-        }
-        logger.debug('Opening Column Menu');
-        return _extends({}, state, {
-          columnMenu: {
-            open: true,
-            field
-          }
-        });
-      });
-      apiRef.current.hidePreferences();
-    }
-  }, [apiRef, logger]);
-  const hideColumnMenu = React.useCallback(() => {
-    const columnMenuState = gridColumnMenuSelector(apiRef);
-    if (columnMenuState.field) {
-      const columnLookup = gridColumnLookupSelector(apiRef);
-      const columnVisibilityModel = gridColumnVisibilityModelSelector(apiRef);
-      const orderedFields = gridColumnFieldsSelector(apiRef);
-      let fieldToFocus = columnMenuState.field;
-
-      // If the column was removed from the grid, we need to find the closest visible field
-      if (!columnLookup[fieldToFocus]) {
-        fieldToFocus = orderedFields[0];
-      }
-
-      // If the field to focus is hidden, we need to find the closest visible field
-      if (columnVisibilityModel[fieldToFocus] === false) {
-        // contains visible column fields + the field that was just hidden
-        const visibleOrderedFields = orderedFields.filter(field => {
-          if (field === fieldToFocus) {
-            return true;
-          }
-          return columnVisibilityModel[field] !== false;
-        });
-        const fieldIndex = visibleOrderedFields.indexOf(fieldToFocus);
-        fieldToFocus = visibleOrderedFields[fieldIndex + 1] || visibleOrderedFields[fieldIndex - 1];
-      }
-      apiRef.current.setColumnHeaderFocus(fieldToFocus);
-    }
-    const newState = {
-      open: false,
-      field: undefined
-    };
-    const shouldUpdate = newState.open !== columnMenuState.open || newState.field !== columnMenuState.field;
-    if (shouldUpdate) {
-      apiRef.current.setState(state => {
-        logger.debug('Hiding Column Menu');
-        return _extends({}, state, {
-          columnMenu: newState
-        });
-      });
-    }
-  }, [apiRef, logger]);
-  const toggleColumnMenu = React.useCallback(field => {
-    logger.debug('Toggle Column Menu');
-    const columnMenu = gridColumnMenuSelector(apiRef);
-    if (!columnMenu.open || columnMenu.field !== field) {
-      showColumnMenu(field);
-    } else {
-      hideColumnMenu();
-    }
-  }, [apiRef, logger, showColumnMenu, hideColumnMenu]);
-  const columnMenuApi = {
-    showColumnMenu,
-    hideColumnMenu,
-    toggleColumnMenu
-  };
-  useGridApiMethod(apiRef, columnMenuApi, 'public');
-  useGridApiEventHandler(apiRef, 'columnResizeStart', hideColumnMenu);
-  useGridApiEventHandler(apiRef, 'virtualScrollerWheel', apiRef.current.hideColumnMenu);
-  useGridApiEventHandler(apiRef, 'virtualScrollerTouchMove', apiRef.current.hideColumnMenu);
-};

package/modern/hooks/features/columnMenu/useGridColumnMenuSlots.d.ts

@@ -1,13 +0,0 @@
-import * as React from 'react';
-import { GridColumnMenuRootProps } from "./columnMenuInterfaces.js";
-import { GridColDef } from "../../../models/colDef/gridColDef.js";
-interface UseGridColumnMenuSlotsProps extends GridColumnMenuRootProps {
-  colDef: GridColDef;
-  hideMenu: (event: React.SyntheticEvent) => void;
-  addDividers?: boolean;
-}
-type UseGridColumnMenuSlotsResponse = Array<[React.JSXElementConstructor<any>, {
-  [key: string]: any;
-}]>;
-declare const useGridColumnMenuSlots: (props: UseGridColumnMenuSlotsProps) => UseGridColumnMenuSlotsResponse;
-export { useGridColumnMenuSlots };

package/modern/hooks/features/columnMenu/useGridColumnMenuSlots.js

@@ -1,59 +0,0 @@
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-import _extends from "@babel/runtime/helpers/esm/extends";
-const _excluded = ["displayOrder"];
-import * as React from 'react';
-import { useGridRootProps } from "../../utils/useGridRootProps.js";
-import { useGridPrivateApiContext } from "../../utils/useGridPrivateApiContext.js";
-const useGridColumnMenuSlots = props => {
-  const apiRef = useGridPrivateApiContext();
-  const rootProps = useGridRootProps();
-  const {
-    defaultSlots,
-    defaultSlotProps,
-    slots = {},
-    slotProps = {},
-    hideMenu,
-    colDef,
-    addDividers = true
-  } = props;
-  const processedComponents = React.useMemo(() => _extends({}, defaultSlots, slots), [defaultSlots, slots]);
-  const processedSlotProps = React.useMemo(() => {
-    if (!slotProps || Object.keys(slotProps).length === 0) {
-      return defaultSlotProps;
-    }
-    const mergedProps = _extends({}, slotProps);
-    Object.entries(defaultSlotProps).forEach(([key, currentSlotProps]) => {
-      mergedProps[key] = _extends({}, currentSlotProps, slotProps[key] || {});
-    });
-    return mergedProps;
-  }, [defaultSlotProps, slotProps]);
-  const defaultItems = apiRef.current.unstable_applyPipeProcessors('columnMenu', [], props.colDef);
-  const userItems = React.useMemo(() => {
-    const defaultComponentKeys = Object.keys(defaultSlots);
-    return Object.keys(slots).filter(key => !defaultComponentKeys.includes(key));
-  }, [slots, defaultSlots]);
-  return React.useMemo(() => {
-    const uniqueItems = Array.from(new Set([...defaultItems, ...userItems]));
-    const cleansedItems = uniqueItems.filter(key => processedComponents[key] != null);
-    const sorted = cleansedItems.sort((a, b) => {
-      const leftItemProps = processedSlotProps[a];
-      const rightItemProps = processedSlotProps[b];
-      const leftDisplayOrder = Number.isFinite(leftItemProps?.displayOrder) ? leftItemProps.displayOrder : 100;
-      const rightDisplayOrder = Number.isFinite(rightItemProps?.displayOrder) ? rightItemProps.displayOrder : 100;
-      return leftDisplayOrder - rightDisplayOrder;
-    });
-    return sorted.reduce((acc, key, index) => {
-      let itemProps = {
-        colDef,
-        onClick: hideMenu
-      };
-      const processedComponentProps = processedSlotProps[key];
-      if (processedComponentProps) {
-        const customProps = _objectWithoutPropertiesLoose(processedComponentProps, _excluded);
-        itemProps = _extends({}, itemProps, customProps);
-      }
-      return addDividers && index !== sorted.length - 1 ? [...acc, [processedComponents[key], itemProps], [rootProps.slots.baseDivider, {}]] : [...acc, [processedComponents[key], itemProps]];
-    }, []);
-  }, [addDividers, colDef, defaultItems, hideMenu, processedComponents, processedSlotProps, userItems, rootProps.slots.baseDivider]);
-};
-export { useGridColumnMenuSlots };

package/modern/hooks/features/columnResize/columnResizeSelector.d.ts

@@ -1,3 +0,0 @@
-import { GridStateCommunity } from "../../../models/gridStateCommunity.js";
-export declare const gridColumnResizeSelector: import("../../..").OutputSelector<GridStateCommunity, unknown, import("./columnResizeState").GridColumnResizeState>;
-export declare const gridResizingColumnFieldSelector: import("../../..").OutputSelector<GridStateCommunity, import("./columnResizeState").GridColumnResizeState, string>;

package/modern/hooks/features/columnResize/columnResizeSelector.js

@@ -1,3 +0,0 @@
-import { createRootSelector, createSelector } from "../../../utils/createSelector.js";
-export const gridColumnResizeSelector = createRootSelector(state => state.columnResize);
-export const gridResizingColumnFieldSelector = createSelector(gridColumnResizeSelector, columnResize => columnResize.resizingColumnField);

package/modern/hooks/features/columnResize/columnResizeState.d.ts

@@ -1,3 +0,0 @@
-export interface GridColumnResizeState {
-  resizingColumnField: string;
-}

package/modern/hooks/features/columnResize/columnResizeState.js

@@ -1 +0,0 @@
-export {};