@mui/x-data-grid 8.0.0-beta.3 → 8.1.0

package/modern/components/menu/columnMenu/GridColumnHeaderMenu.js

@@ -1,63 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import useEventCallback from '@mui/utils/useEventCallback';
-import HTMLElementType from '@mui/utils/HTMLElementType';
-import { useGridApiContext } from "../../../hooks/utils/useGridApiContext.js";
-import { GridMenu } from "../GridMenu.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-function GridColumnHeaderMenu({
-  columnMenuId,
-  columnMenuButtonId,
-  ContentComponent,
-  contentComponentProps,
-  field,
-  open,
-  target,
-  onExited
-}) {
-  const apiRef = useGridApiContext();
-  const colDef = apiRef.current.getColumn(field);
-  const hideMenu = useEventCallback(event => {
-    if (event) {
-      // Prevent triggering the sorting
-      event.stopPropagation();
-      if (target?.contains(event.target)) {
-        return;
-      }
-    }
-    apiRef.current.hideColumnMenu();
-  });
-  if (!target || !colDef) {
-    return null;
-  }
-  return /*#__PURE__*/_jsx(GridMenu, {
-    position: `bottom-${colDef.align === 'right' ? 'start' : 'end'}`,
-    open: open,
-    target: target,
-    onClose: hideMenu,
-    onExited: onExited,
-    children: /*#__PURE__*/_jsx(ContentComponent, _extends({
-      colDef: colDef,
-      hideMenu: hideMenu,
-      open: open,
-      id: columnMenuId,
-      labelledby: columnMenuButtonId
-    }, contentComponentProps))
-  });
-}
-process.env.NODE_ENV !== "production" ? GridColumnHeaderMenu.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
-  // ----------------------------------------------------------------------
-  columnMenuButtonId: PropTypes.string,
-  columnMenuId: PropTypes.string,
-  ContentComponent: PropTypes.elementType.isRequired,
-  contentComponentProps: PropTypes.any,
-  field: PropTypes.string.isRequired,
-  onExited: PropTypes.func,
-  open: PropTypes.bool.isRequired,
-  target: HTMLElementType
-} : void 0;
-export { GridColumnHeaderMenu };

package/modern/components/menu/columnMenu/GridColumnMenu.d.ts

@@ -1,24 +0,0 @@
-import * as React from 'react';
-import { GridColumnMenuColumnsItem } from "./menuItems/GridColumnMenuColumnsItem.js";
-import { GridColumnMenuFilterItem } from "./menuItems/GridColumnMenuFilterItem.js";
-import { GridColumnMenuSortItem } from "./menuItems/GridColumnMenuSortItem.js";
-import { GridColumnMenuProps, GridGenericColumnMenuProps } from "./GridColumnMenuProps.js";
-export declare const GRID_COLUMN_MENU_SLOTS: {
-  columnMenuSortItem: typeof GridColumnMenuSortItem;
-  columnMenuFilterItem: typeof GridColumnMenuFilterItem;
-  columnMenuColumnsItem: typeof GridColumnMenuColumnsItem;
-};
-export declare const GRID_COLUMN_MENU_SLOT_PROPS: {
-  columnMenuSortItem: {
-    displayOrder: number;
-  };
-  columnMenuFilterItem: {
-    displayOrder: number;
-  };
-  columnMenuColumnsItem: {
-    displayOrder: number;
-  };
-};
-declare const GridGenericColumnMenu: React.ForwardRefExoticComponent<GridGenericColumnMenuProps> | React.ForwardRefExoticComponent<GridGenericColumnMenuProps & React.RefAttributes<HTMLUListElement>>;
-declare const GridColumnMenu: React.ForwardRefExoticComponent<GridColumnMenuProps> | React.ForwardRefExoticComponent<GridColumnMenuProps & React.RefAttributes<HTMLUListElement>>;
-export { GridColumnMenu, GridGenericColumnMenu };

package/modern/components/menu/columnMenu/GridColumnMenu.js

@@ -1,109 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["defaultSlots", "defaultSlotProps", "slots", "slotProps"];
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import { forwardRef } from '@mui/x-internals/forwardRef';
-import { useGridColumnMenuSlots } from "../../../hooks/features/columnMenu/useGridColumnMenuSlots.js";
-import { GridColumnMenuContainer } from "./GridColumnMenuContainer.js";
-import { GridColumnMenuColumnsItem } from "./menuItems/GridColumnMenuColumnsItem.js";
-import { GridColumnMenuFilterItem } from "./menuItems/GridColumnMenuFilterItem.js";
-import { GridColumnMenuSortItem } from "./menuItems/GridColumnMenuSortItem.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-export const GRID_COLUMN_MENU_SLOTS = {
-  columnMenuSortItem: GridColumnMenuSortItem,
-  columnMenuFilterItem: GridColumnMenuFilterItem,
-  columnMenuColumnsItem: GridColumnMenuColumnsItem
-};
-export const GRID_COLUMN_MENU_SLOT_PROPS = {
-  columnMenuSortItem: {
-    displayOrder: 10
-  },
-  columnMenuFilterItem: {
-    displayOrder: 20
-  },
-  columnMenuColumnsItem: {
-    displayOrder: 30
-  }
-};
-const GridGenericColumnMenu = forwardRef(function GridGenericColumnMenu(props, ref) {
-  const {
-      defaultSlots,
-      defaultSlotProps,
-      slots,
-      slotProps
-    } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded);
-  const orderedSlots = useGridColumnMenuSlots(_extends({}, other, {
-    defaultSlots,
-    defaultSlotProps,
-    slots,
-    slotProps
-  }));
-  return /*#__PURE__*/_jsx(GridColumnMenuContainer, _extends({}, other, {
-    ref: ref,
-    children: orderedSlots.map(([Component, otherProps], index) => /*#__PURE__*/_jsx(Component, _extends({}, otherProps), index))
-  }));
-});
-process.env.NODE_ENV !== "production" ? GridGenericColumnMenu.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
-  // ----------------------------------------------------------------------
-  colDef: PropTypes.object.isRequired,
-  /**
-   * Initial `slotProps` - it is internal, to be overrriden by Pro or Premium packages
-   * @ignore - do not document.
-   */
-  defaultSlotProps: PropTypes.object.isRequired,
-  /**
-   * Initial `slots` - it is internal, to be overrriden by Pro or Premium packages
-   * @ignore - do not document.
-   */
-  defaultSlots: PropTypes.object.isRequired,
-  hideMenu: PropTypes.func.isRequired,
-  id: PropTypes.string,
-  labelledby: PropTypes.string,
-  open: PropTypes.bool.isRequired,
-  /**
-   * Could be used to pass new props or override props specific to a column menu component
-   * e.g. `displayOrder`
-   */
-  slotProps: PropTypes.object,
-  /**
-   * `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: PropTypes.object
-} : void 0;
-const GridColumnMenu = forwardRef(function GridColumnMenu(props, ref) {
-  return /*#__PURE__*/_jsx(GridGenericColumnMenu, _extends({}, props, {
-    ref: ref,
-    defaultSlots: GRID_COLUMN_MENU_SLOTS,
-    defaultSlotProps: GRID_COLUMN_MENU_SLOT_PROPS
-  }));
-});
-process.env.NODE_ENV !== "production" ? GridColumnMenu.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
-  // ----------------------------------------------------------------------
-  colDef: PropTypes.object.isRequired,
-  hideMenu: PropTypes.func.isRequired,
-  id: PropTypes.string,
-  labelledby: PropTypes.string,
-  open: PropTypes.bool.isRequired,
-  /**
-   * Could be used to pass new props or override props specific to a column menu component
-   * e.g. `displayOrder`
-   */
-  slotProps: PropTypes.object,
-  /**
-   * `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: PropTypes.object
-} : void 0;
-export { GridColumnMenu, GridGenericColumnMenu };

package/modern/components/menu/columnMenu/GridColumnMenuContainer.d.ts

@@ -1,4 +0,0 @@
-import * as React from 'react';
-import { GridColumnMenuContainerProps } from "./GridColumnMenuProps.js";
-declare const GridColumnMenuContainer: React.ForwardRefExoticComponent<GridColumnMenuContainerProps> | React.ForwardRefExoticComponent<GridColumnMenuContainerProps & React.RefAttributes<HTMLUListElement>>;
-export { GridColumnMenuContainer };

package/modern/components/menu/columnMenu/GridColumnMenuContainer.js

@@ -1,59 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["hideMenu", "colDef", "id", "labelledby", "className", "children", "open"];
-import clsx from 'clsx';
-import PropTypes from 'prop-types';
-import * as React from 'react';
-import { styled } from '@mui/material/styles';
-import { forwardRef } from '@mui/x-internals/forwardRef';
-import { isHideMenuKey } from "../../../utils/keyboardUtils.js";
-import { NotRendered } from "../../../utils/assert.js";
-import { gridClasses } from "../../../constants/gridClasses.js";
-import { useGridRootProps } from "../../../hooks/utils/useGridRootProps.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-const StyledMenuList = styled(NotRendered)(() => ({
-  minWidth: 248
-}));
-const GridColumnMenuContainer = forwardRef(function GridColumnMenuContainer(props, ref) {
-  const {
-      hideMenu,
-      id,
-      labelledby,
-      className,
-      children,
-      open
-    } = props,
-    other = _objectWithoutPropertiesLoose(props, _excluded);
-  const rootProps = useGridRootProps();
-  const handleListKeyDown = React.useCallback(event => {
-    if (event.key === 'Tab') {
-      event.preventDefault();
-    }
-    if (isHideMenuKey(event.key)) {
-      hideMenu(event);
-    }
-  }, [hideMenu]);
-  return /*#__PURE__*/_jsx(StyledMenuList, _extends({
-    as: rootProps.slots.baseMenuList,
-    id: id,
-    className: clsx(gridClasses.menuList, className),
-    "aria-labelledby": labelledby,
-    onKeyDown: handleListKeyDown,
-    autoFocus: open
-  }, other, {
-    ref: ref,
-    children: children
-  }));
-});
-process.env.NODE_ENV !== "production" ? GridColumnMenuContainer.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
-  // ----------------------------------------------------------------------
-  colDef: PropTypes.object.isRequired,
-  hideMenu: PropTypes.func.isRequired,
-  id: PropTypes.string,
-  labelledby: PropTypes.string,
-  open: PropTypes.bool.isRequired
-} : void 0;
-export { GridColumnMenuContainer };

package/modern/components/menu/columnMenu/GridColumnMenuItemProps.d.ts

@@ -1,7 +0,0 @@
-import * as React from 'react';
-import { GridColDef } from "../../../models/colDef/gridColDef.js";
-export interface GridColumnMenuItemProps {
-  colDef: GridColDef;
-  onClick: (event: React.MouseEvent<any>) => void;
-  [key: string]: any;
-}

package/modern/components/menu/columnMenu/GridColumnMenuItemProps.js

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

package/modern/components/menu/columnMenu/GridColumnMenuProps.d.ts

@@ -1,12 +0,0 @@
-import * as React from 'react';
-import { GridColDef } from "../../../models/colDef/gridColDef.js";
-import { GridColumnMenuRootProps } from "../../../hooks/features/columnMenu/index.js";
-export interface GridColumnMenuContainerProps extends React.HTMLAttributes<HTMLUListElement> {
-  hideMenu: (event: React.SyntheticEvent) => void;
-  colDef: GridColDef;
-  open: boolean;
-  id?: string;
-  labelledby?: string;
-}
-export interface GridGenericColumnMenuProps extends GridColumnMenuRootProps, GridColumnMenuContainerProps {}
-export interface GridColumnMenuProps extends Omit<GridGenericColumnMenuProps, 'defaultSlots' | 'defaultSlotProps'> {}

package/modern/components/menu/columnMenu/GridColumnMenuProps.js

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

package/modern/components/menu/columnMenu/index.d.ts

@@ -1,6 +0,0 @@
-export * from "./GridColumnHeaderMenu.js";
-export * from "./GridColumnMenuProps.js";
-export * from "./GridColumnMenuItemProps.js";
-export * from "./GridColumnMenuContainer.js";
-export { GridGenericColumnMenu } from "./GridColumnMenu.js";
-export * from "./menuItems/index.js";

package/modern/components/menu/columnMenu/index.js

@@ -1,9 +0,0 @@
-// shared modules
-export * from "./GridColumnHeaderMenu.js";
-export * from "./GridColumnMenuProps.js";
-export * from "./GridColumnMenuItemProps.js";
-export * from "./GridColumnMenuContainer.js";
-export { GridGenericColumnMenu } from "./GridColumnMenu.js";
-
-// items
-export * from "./menuItems/index.js";

package/modern/components/menu/columnMenu/menuItems/GridColumnMenuColumnsItem.d.ts

@@ -1,7 +0,0 @@
-import * as React from 'react';
-import { GridColumnMenuItemProps } from "../GridColumnMenuItemProps.js";
-declare function GridColumnMenuColumnsItem(props: GridColumnMenuItemProps): React.JSX.Element;
-declare namespace GridColumnMenuColumnsItem {
-  var propTypes: any;
-}
-export { GridColumnMenuColumnsItem };

package/modern/components/menu/columnMenu/menuItems/GridColumnMenuColumnsItem.js

@@ -1,20 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import { GridColumnMenuHideItem } from "./GridColumnMenuHideItem.js";
-import { GridColumnMenuManageItem } from "./GridColumnMenuManageItem.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-function GridColumnMenuColumnsItem(props) {
-  return /*#__PURE__*/_jsxs(React.Fragment, {
-    children: [/*#__PURE__*/_jsx(GridColumnMenuHideItem, _extends({}, props)), /*#__PURE__*/_jsx(GridColumnMenuManageItem, _extends({}, props))]
-  });
-}
-process.env.NODE_ENV !== "production" ? GridColumnMenuColumnsItem.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
-  // ----------------------------------------------------------------------
-  colDef: PropTypes.object.isRequired,
-  onClick: PropTypes.func.isRequired
-} : void 0;
-export { GridColumnMenuColumnsItem };

package/modern/components/menu/columnMenu/menuItems/GridColumnMenuFilterItem.d.ts

@@ -1,7 +0,0 @@
-import * as React from 'react';
-import { GridColumnMenuItemProps } from "../GridColumnMenuItemProps.js";
-declare function GridColumnMenuFilterItem(props: GridColumnMenuItemProps): React.JSX.Element | null;
-declare namespace GridColumnMenuFilterItem {
-  var propTypes: any;
-}
-export { GridColumnMenuFilterItem };

package/modern/components/menu/columnMenu/menuItems/GridColumnMenuFilterItem.js

@@ -1,36 +0,0 @@
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import { useGridApiContext } from "../../../../hooks/utils/useGridApiContext.js";
-import { useGridRootProps } from "../../../../hooks/utils/useGridRootProps.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-function GridColumnMenuFilterItem(props) {
-  const {
-    colDef,
-    onClick
-  } = props;
-  const apiRef = useGridApiContext();
-  const rootProps = useGridRootProps();
-  const showFilter = React.useCallback(event => {
-    onClick(event);
-    apiRef.current.showFilterPanel(colDef.field);
-  }, [apiRef, colDef.field, onClick]);
-  if (rootProps.disableColumnFilter || !colDef.filterable) {
-    return null;
-  }
-  return /*#__PURE__*/_jsx(rootProps.slots.baseMenuItem, {
-    onClick: showFilter,
-    iconStart: /*#__PURE__*/_jsx(rootProps.slots.columnMenuFilterIcon, {
-      fontSize: "small"
-    }),
-    children: apiRef.current.getLocaleText('columnMenuFilter')
-  });
-}
-process.env.NODE_ENV !== "production" ? GridColumnMenuFilterItem.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
-  // ----------------------------------------------------------------------
-  colDef: PropTypes.object.isRequired,
-  onClick: PropTypes.func.isRequired
-} : void 0;
-export { GridColumnMenuFilterItem };

package/modern/components/menu/columnMenu/menuItems/GridColumnMenuHideItem.d.ts

@@ -1,7 +0,0 @@
-import * as React from 'react';
-import { GridColumnMenuItemProps } from "../GridColumnMenuItemProps.js";
-declare function GridColumnMenuHideItem(props: GridColumnMenuItemProps): React.JSX.Element | null;
-declare namespace GridColumnMenuHideItem {
-  var propTypes: any;
-}
-export { GridColumnMenuHideItem };

package/modern/components/menu/columnMenu/menuItems/GridColumnMenuHideItem.js

@@ -1,53 +0,0 @@
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import { useGridApiContext } from "../../../../hooks/utils/useGridApiContext.js";
-import { useGridRootProps } from "../../../../hooks/utils/useGridRootProps.js";
-import { gridVisibleColumnDefinitionsSelector } from "../../../../hooks/features/columns/index.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-function GridColumnMenuHideItem(props) {
-  const {
-    colDef,
-    onClick
-  } = props;
-  const apiRef = useGridApiContext();
-  const rootProps = useGridRootProps();
-  const visibleColumns = gridVisibleColumnDefinitionsSelector(apiRef);
-  const columnsWithMenu = visibleColumns.filter(col => col.disableColumnMenu !== true);
-  // do not allow to hide the last column with menu
-  const disabled = columnsWithMenu.length === 1;
-  const toggleColumn = React.useCallback(event => {
-    /**
-     * Disabled `MenuItem` would trigger `click` event
-     * after imperative `.click()` call on HTML element.
-     * Also, click is triggered in testing environment as well.
-     */
-    if (disabled) {
-      return;
-    }
-    apiRef.current.setColumnVisibility(colDef.field, false);
-    onClick(event);
-  }, [apiRef, colDef.field, onClick, disabled]);
-  if (rootProps.disableColumnSelector) {
-    return null;
-  }
-  if (colDef.hideable === false) {
-    return null;
-  }
-  return /*#__PURE__*/_jsx(rootProps.slots.baseMenuItem, {
-    onClick: toggleColumn,
-    disabled: disabled,
-    iconStart: /*#__PURE__*/_jsx(rootProps.slots.columnMenuHideIcon, {
-      fontSize: "small"
-    }),
-    children: apiRef.current.getLocaleText('columnMenuHideColumn')
-  });
-}
-process.env.NODE_ENV !== "production" ? GridColumnMenuHideItem.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
-  // ----------------------------------------------------------------------
-  colDef: PropTypes.object.isRequired,
-  onClick: PropTypes.func.isRequired
-} : void 0;
-export { GridColumnMenuHideItem };

package/modern/components/menu/columnMenu/menuItems/GridColumnMenuManageItem.d.ts

@@ -1,7 +0,0 @@
-import * as React from 'react';
-import { GridColumnMenuItemProps } from "../GridColumnMenuItemProps.js";
-declare function GridColumnMenuManageItem(props: GridColumnMenuItemProps): React.JSX.Element | null;
-declare namespace GridColumnMenuManageItem {
-  var propTypes: any;
-}
-export { GridColumnMenuManageItem };

package/modern/components/menu/columnMenu/menuItems/GridColumnMenuManageItem.js

@@ -1,36 +0,0 @@
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import { GridPreferencePanelsValue } from "../../../../hooks/features/preferencesPanel/gridPreferencePanelsValue.js";
-import { useGridApiContext } from "../../../../hooks/utils/useGridApiContext.js";
-import { useGridRootProps } from "../../../../hooks/utils/useGridRootProps.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-function GridColumnMenuManageItem(props) {
-  const {
-    onClick
-  } = props;
-  const apiRef = useGridApiContext();
-  const rootProps = useGridRootProps();
-  const showColumns = React.useCallback(event => {
-    onClick(event); // hide column menu
-    apiRef.current.showPreferences(GridPreferencePanelsValue.columns);
-  }, [apiRef, onClick]);
-  if (rootProps.disableColumnSelector) {
-    return null;
-  }
-  return /*#__PURE__*/_jsx(rootProps.slots.baseMenuItem, {
-    onClick: showColumns,
-    iconStart: /*#__PURE__*/_jsx(rootProps.slots.columnMenuManageColumnsIcon, {
-      fontSize: "small"
-    }),
-    children: apiRef.current.getLocaleText('columnMenuManageColumns')
-  });
-}
-process.env.NODE_ENV !== "production" ? GridColumnMenuManageItem.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
-  // ----------------------------------------------------------------------
-  colDef: PropTypes.object.isRequired,
-  onClick: PropTypes.func.isRequired
-} : void 0;
-export { GridColumnMenuManageItem };

package/modern/components/menu/columnMenu/menuItems/GridColumnMenuSortItem.d.ts

@@ -1,7 +0,0 @@
-import * as React from 'react';
-import { GridColumnMenuItemProps } from "../GridColumnMenuItemProps.js";
-declare function GridColumnMenuSortItem(props: GridColumnMenuItemProps): React.JSX.Element | null;
-declare namespace GridColumnMenuSortItem {
-  var propTypes: any;
-}
-export { GridColumnMenuSortItem };

package/modern/components/menu/columnMenu/menuItems/GridColumnMenuSortItem.js

@@ -1,68 +0,0 @@
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import { useGridSelector } from "../../../../hooks/utils/useGridSelector.js";
-import { gridSortModelSelector } from "../../../../hooks/features/sorting/gridSortingSelector.js";
-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 GridColumnMenuSortItem(props) {
-  const {
-    colDef,
-    onClick
-  } = props;
-  const apiRef = useGridApiContext();
-  const sortModel = useGridSelector(apiRef, gridSortModelSelector);
-  const rootProps = useGridRootProps();
-  const sortDirection = React.useMemo(() => {
-    if (!colDef) {
-      return null;
-    }
-    const sortItem = sortModel.find(item => item.field === colDef.field);
-    return sortItem?.sort;
-  }, [colDef, sortModel]);
-  const sortingOrder = colDef.sortingOrder ?? rootProps.sortingOrder;
-  const onSortMenuItemClick = React.useCallback(event => {
-    onClick(event);
-    const direction = event.currentTarget.getAttribute('data-value') || null;
-    apiRef.current.sortColumn(colDef.field, direction === sortDirection ? null : direction);
-  }, [apiRef, colDef, onClick, sortDirection]);
-  if (rootProps.disableColumnSorting || !colDef || !colDef.sortable || !sortingOrder.some(item => !!item)) {
-    return null;
-  }
-  const getLabel = key => {
-    const label = apiRef.current.getLocaleText(key);
-    return typeof label === 'function' ? label(colDef) : label;
-  };
-  return /*#__PURE__*/_jsxs(React.Fragment, {
-    children: [sortingOrder.includes('asc') && sortDirection !== 'asc' ? /*#__PURE__*/_jsx(rootProps.slots.baseMenuItem, {
-      onClick: onSortMenuItemClick,
-      "data-value": "asc",
-      iconStart: /*#__PURE__*/_jsx(rootProps.slots.columnMenuSortAscendingIcon, {
-        fontSize: "small"
-      }),
-      children: getLabel('columnMenuSortAsc')
-    }) : null, sortingOrder.includes('desc') && sortDirection !== 'desc' ? /*#__PURE__*/_jsx(rootProps.slots.baseMenuItem, {
-      onClick: onSortMenuItemClick,
-      "data-value": "desc",
-      iconStart: /*#__PURE__*/_jsx(rootProps.slots.columnMenuSortDescendingIcon, {
-        fontSize: "small"
-      }),
-      children: getLabel('columnMenuSortDesc')
-    }) : null, sortingOrder.includes(null) && sortDirection != null ? /*#__PURE__*/_jsx(rootProps.slots.baseMenuItem, {
-      onClick: onSortMenuItemClick,
-      iconStart: rootProps.slots.columnMenuUnsortIcon ? /*#__PURE__*/_jsx(rootProps.slots.columnMenuUnsortIcon, {
-        fontSize: "small"
-      }) : /*#__PURE__*/_jsx("span", {}),
-      children: apiRef.current.getLocaleText('columnMenuUnsort')
-    }) : null]
-  });
-}
-process.env.NODE_ENV !== "production" ? GridColumnMenuSortItem.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
-  // ----------------------------------------------------------------------
-  colDef: PropTypes.object.isRequired,
-  onClick: PropTypes.func.isRequired
-} : void 0;
-export { GridColumnMenuSortItem };

package/modern/components/menu/columnMenu/menuItems/index.d.ts

@@ -1,5 +0,0 @@
-export * from "./GridColumnMenuColumnsItem.js";
-export * from "./GridColumnMenuManageItem.js";
-export * from "./GridColumnMenuFilterItem.js";
-export * from "./GridColumnMenuHideItem.js";
-export * from "./GridColumnMenuSortItem.js";

package/modern/components/menu/columnMenu/menuItems/index.js

@@ -1,5 +0,0 @@
-export * from "./GridColumnMenuColumnsItem.js";
-export * from "./GridColumnMenuManageItem.js";
-export * from "./GridColumnMenuFilterItem.js";
-export * from "./GridColumnMenuHideItem.js";
-export * from "./GridColumnMenuSortItem.js";

package/modern/components/menu/index.d.ts

@@ -1,2 +0,0 @@
-export * from "./columnMenu/index.js";
-export * from "./GridMenu.js";

package/modern/components/menu/index.js

@@ -1,2 +0,0 @@
-export * from "./columnMenu/index.js";
-export * from "./GridMenu.js";

package/modern/components/panel/GridColumnsPanel.d.ts

@@ -1,5 +0,0 @@
-import * as React from 'react';
-import { GridPanelWrapperProps } from "./GridPanelWrapper.js";
-export interface GridColumnsPanelProps extends GridPanelWrapperProps {}
-declare function GridColumnsPanel(props: GridColumnsPanelProps): React.JSX.Element;
-export { GridColumnsPanel };

package/modern/components/panel/GridColumnsPanel.js

@@ -1,12 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from 'react';
-import { GridPanelWrapper } from "./GridPanelWrapper.js";
-import { useGridRootProps } from "../../hooks/utils/useGridRootProps.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-function GridColumnsPanel(props) {
-  const rootProps = useGridRootProps();
-  return /*#__PURE__*/_jsx(GridPanelWrapper, _extends({}, props, {
-    children: /*#__PURE__*/_jsx(rootProps.slots.columnsManagement, _extends({}, rootProps.slotProps?.columnsManagement))
-  }));
-}
-export { GridColumnsPanel };

package/modern/components/panel/GridPanel.d.ts

@@ -1,20 +0,0 @@
-import * as React from 'react';
-import { GridSlotProps } from "../../models/gridSlotsComponent.js";
-export interface GridPanelClasses {
-  /** Styles applied to the root element. */
-  panel: string;
-  /** Styles applied to the paper element. */
-  paper: string;
-}
-export interface GridPanelProps extends Pick<GridSlotProps['basePopper'], 'id' | 'className' | 'target' | 'flip'> {
-  ref?: React.Ref<HTMLDivElement>;
-  children?: React.ReactNode;
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes?: Partial<GridPanelClasses>;
-  open: boolean;
-}
-export declare const gridPanelClasses: Record<keyof GridPanelClasses, string>;
-declare const GridPanel: React.ForwardRefExoticComponent<GridPanelProps> | React.ForwardRefExoticComponent<Omit<GridPanelProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export { GridPanel };