@mui/x-data-grid 9.5.0 → 9.7.0

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

@@ -17,7 +17,7 @@ function GridColumnMenuColumnsItem(props) {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_GridColumnMenuHideItem.GridColumnMenuHideItem, (0, _extends2.default)({}, props)), /*#__PURE__*/(0, _jsxRuntime.jsx)(_GridColumnMenuManageItem.GridColumnMenuManageItem, (0, _extends2.default)({}, props))]
   });
 }
-process.env.NODE_ENV !== "production" ? GridColumnMenuColumnsItem.propTypes = {
+process.env.NODE_ENV !== "production" ? GridColumnMenuColumnsItem.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |

package/components/menu/columnMenu/menuItems/GridColumnMenuColumnsItem.mjs

@@ -9,7 +9,7 @@ function GridColumnMenuColumnsItem(props) {
     children: [/*#__PURE__*/_jsx(GridColumnMenuHideItem, _extends({}, props)), /*#__PURE__*/_jsx(GridColumnMenuManageItem, _extends({}, props))]
   });
 }
-process.env.NODE_ENV !== "production" ? GridColumnMenuColumnsItem.propTypes = {
+process.env.NODE_ENV !== "production" ? GridColumnMenuColumnsItem.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |

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

@@ -33,7 +33,7 @@ function GridColumnMenuFilterItem(props) {
     children: apiRef.current.getLocaleText('columnMenuFilter')
   });
 }
-process.env.NODE_ENV !== "production" ? GridColumnMenuFilterItem.propTypes = {
+process.env.NODE_ENV !== "production" ? GridColumnMenuFilterItem.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |

package/components/menu/columnMenu/menuItems/GridColumnMenuFilterItem.mjs

@@ -25,7 +25,7 @@ function GridColumnMenuFilterItem(props) {
     children: apiRef.current.getLocaleText('columnMenuFilter')
   });
 }
-process.env.NODE_ENV !== "production" ? GridColumnMenuFilterItem.propTypes = {
+process.env.NODE_ENV !== "production" ? GridColumnMenuFilterItem.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |

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

@@ -50,7 +50,7 @@ function GridColumnMenuHideItem(props) {
     children: apiRef.current.getLocaleText('columnMenuHideColumn')
   });
 }
-process.env.NODE_ENV !== "production" ? GridColumnMenuHideItem.propTypes = {
+process.env.NODE_ENV !== "production" ? GridColumnMenuHideItem.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |

package/components/menu/columnMenu/menuItems/GridColumnMenuHideItem.mjs

@@ -42,7 +42,7 @@ function GridColumnMenuHideItem(props) {
     children: apiRef.current.getLocaleText('columnMenuHideColumn')
   });
 }
-process.env.NODE_ENV !== "production" ? GridColumnMenuHideItem.propTypes = {
+process.env.NODE_ENV !== "production" ? GridColumnMenuHideItem.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |

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

@@ -33,7 +33,7 @@ function GridColumnMenuManageItem(props) {
     children: apiRef.current.getLocaleText('columnMenuManageColumns')
   });
 }
-process.env.NODE_ENV !== "production" ? GridColumnMenuManageItem.propTypes = {
+process.env.NODE_ENV !== "production" ? GridColumnMenuManageItem.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |

package/components/menu/columnMenu/menuItems/GridColumnMenuManageItem.mjs

@@ -25,7 +25,7 @@ function GridColumnMenuManageItem(props) {
     children: apiRef.current.getLocaleText('columnMenuManageColumns')
   });
 }
-process.env.NODE_ENV !== "production" ? GridColumnMenuManageItem.propTypes = {
+process.env.NODE_ENV !== "production" ? GridColumnMenuManageItem.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |

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

@@ -66,7 +66,7 @@ function GridColumnMenuSortItem(props) {
     }) : null]
   });
 }
-process.env.NODE_ENV !== "production" ? GridColumnMenuSortItem.propTypes = {
+process.env.NODE_ENV !== "production" ? GridColumnMenuSortItem.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |

package/components/menu/columnMenu/menuItems/GridColumnMenuSortItem.mjs

@@ -58,7 +58,7 @@ function GridColumnMenuSortItem(props) {
     }) : null]
   });
 }
-process.env.NODE_ENV !== "production" ? GridColumnMenuSortItem.propTypes = {
+process.env.NODE_ENV !== "production" ? GridColumnMenuSortItem.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |

package/components/panel/GridColumnsPanel.d.mts

@@ -1,4 +1,4 @@
-import { type GridPanelWrapperProps } from "./GridPanelWrapper.mjs";
+import type { GridPanelWrapperProps } from "./GridPanelWrapper.mjs";
 export interface GridColumnsPanelProps extends GridPanelWrapperProps {}
 declare function GridColumnsPanel(props: GridColumnsPanelProps): import("react/jsx-runtime").JSX.Element;
 export { GridColumnsPanel };

package/components/panel/GridColumnsPanel.d.ts

@@ -1,4 +1,4 @@
-import { type GridPanelWrapperProps } from "./GridPanelWrapper.js";
+import type { GridPanelWrapperProps } from "./GridPanelWrapper.js";
 export interface GridColumnsPanelProps extends GridPanelWrapperProps {}
 declare function GridColumnsPanel(props: GridColumnsPanelProps): import("react/jsx-runtime").JSX.Element;
 export { GridColumnsPanel };

package/components/panel/GridPanel.js

@@ -97,7 +97,7 @@ const GridPanel = exports.GridPanel = (0, _forwardRef.forwardRef)((props, ref) =
   }));
 });
 if (process.env.NODE_ENV !== "production") GridPanel.displayName = "GridPanel";
-process.env.NODE_ENV !== "production" ? GridPanel.propTypes = {
+process.env.NODE_ENV !== "production" ? GridPanel.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |

package/components/panel/GridPanel.mjs

@@ -90,7 +90,7 @@ const GridPanel = forwardRef((props, ref) => {
   }));
 });
 if (process.env.NODE_ENV !== "production") GridPanel.displayName = "GridPanel";
-process.env.NODE_ENV !== "production" ? GridPanel.propTypes = {
+process.env.NODE_ENV !== "production" ? GridPanel.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |

package/components/panel/GridPanelContent.d.mts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { type SxProps, type Theme } from '@mui/system';
+import type { SxProps, Theme } from '@mui/system';
 declare function GridPanelContent(props: React.HTMLAttributes<HTMLDivElement> & {
   sx?: SxProps<Theme>;
 }): import("react/jsx-runtime").JSX.Element;

package/components/panel/GridPanelContent.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { type SxProps, type Theme } from '@mui/system';
+import type { SxProps, Theme } from '@mui/system';
 declare function GridPanelContent(props: React.HTMLAttributes<HTMLDivElement> & {
   sx?: SxProps<Theme>;
 }): import("react/jsx-runtime").JSX.Element;

package/components/panel/GridPanelContent.js

@@ -51,7 +51,7 @@ function GridPanelContent(props) {
     ownerState: rootProps
   }, other));
 }
-process.env.NODE_ENV !== "production" ? GridPanelContent.propTypes = {
+process.env.NODE_ENV !== "production" ? GridPanelContent.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |

package/components/panel/GridPanelContent.mjs

@@ -43,7 +43,7 @@ function GridPanelContent(props) {
     ownerState: rootProps
   }, other));
 }
-process.env.NODE_ENV !== "production" ? GridPanelContent.propTypes = {
+process.env.NODE_ENV !== "production" ? GridPanelContent.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |

package/components/panel/GridPanelContext.d.mts

@@ -1,8 +1,14 @@
 import * as React from 'react';
+export interface GridPanelTrigger {
+  setRef: (instance: HTMLElement | null) => void;
+  element: HTMLElement | null;
+}
 export interface GridPanelContextValue {
-  columnsPanelTriggerRef: React.RefObject<HTMLButtonElement | null>;
-  filterPanelTriggerRef: React.RefObject<HTMLButtonElement | null>;
-  aiAssistantPanelTriggerRef: React.RefObject<HTMLButtonElement | null>;
+  triggers: {
+    filterPanel: GridPanelTrigger;
+    aiAssistantPanel: GridPanelTrigger;
+    columnsPanel: GridPanelTrigger;
+  };
 }
 export declare const GridPanelContext: React.Context<GridPanelContextValue | undefined>;
 export declare function useGridPanelContext(): GridPanelContextValue;

package/components/panel/GridPanelContext.d.ts

@@ -1,8 +1,14 @@
 import * as React from 'react';
+export interface GridPanelTrigger {
+  setRef: (instance: HTMLElement | null) => void;
+  element: HTMLElement | null;
+}
 export interface GridPanelContextValue {
-  columnsPanelTriggerRef: React.RefObject<HTMLButtonElement | null>;
-  filterPanelTriggerRef: React.RefObject<HTMLButtonElement | null>;
-  aiAssistantPanelTriggerRef: React.RefObject<HTMLButtonElement | null>;
+  triggers: {
+    filterPanel: GridPanelTrigger;
+    aiAssistantPanel: GridPanelTrigger;
+    columnsPanel: GridPanelTrigger;
+  };
 }
 export declare const GridPanelContext: React.Context<GridPanelContextValue | undefined>;
 export declare function useGridPanelContext(): GridPanelContextValue;

package/components/panel/GridPanelContext.js

@@ -9,6 +9,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.GridPanelContext = void 0;
 exports.GridPanelContextProvider = GridPanelContextProvider;
 exports.useGridPanelContext = useGridPanelContext;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _formatErrorMessage2 = _interopRequireDefault(require("@mui/x-internals/formatErrorMessage"));
 var React = _interopRequireWildcard(require("react"));
 var _jsxRuntime = require("react/jsx-runtime");
@@ -24,14 +25,46 @@ function useGridPanelContext() {
 function GridPanelContextProvider({
   children
 }) {
-  const columnsPanelTriggerRef = React.useRef(null);
-  const filterPanelTriggerRef = React.useRef(null);
-  const aiAssistantPanelTriggerRef = React.useRef(null);
+  const [triggerElements, setTriggerElements] = React.useState({
+    columnsPanel: null,
+    filterPanel: null,
+    aiAssistantPanel: null
+  });
+  const updateTriggerElement = React.useCallback((key, instance) => {
+    setTriggerElements(prev => {
+      if (prev[key] === instance) {
+        return prev;
+      }
+      return (0, _extends2.default)({}, prev, {
+        [key]: instance
+      });
+    });
+  }, []);
+  const setColumnsPanelTrigger = React.useCallback(instance => {
+    updateTriggerElement('columnsPanel', instance);
+  }, [updateTriggerElement]);
+  const setFilterPanelTrigger = React.useCallback(instance => {
+    updateTriggerElement('filterPanel', instance);
+  }, [updateTriggerElement]);
+  const setAiAssistantPanelTrigger = React.useCallback(instance => {
+    updateTriggerElement('aiAssistantPanel', instance);
+  }, [updateTriggerElement]);
   const value = React.useMemo(() => ({
-    columnsPanelTriggerRef,
-    filterPanelTriggerRef,
-    aiAssistantPanelTriggerRef
-  }), []);
+    triggers: {
+      columnsPanel: {
+        element: triggerElements.columnsPanel,
+        setRef: setColumnsPanelTrigger
+      },
+      filterPanel: {
+        element: triggerElements.filterPanel,
+        setRef: setFilterPanelTrigger
+      },
+      aiAssistantPanel: {
+        element: triggerElements.aiAssistantPanel,
+        setRef: setAiAssistantPanelTrigger
+      }
+    }
+  }), [triggerElements, setColumnsPanelTrigger, setFilterPanelTrigger, setAiAssistantPanelTrigger]);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(GridPanelContext.Provider, {
     value: value,
     children: children

package/components/panel/GridPanelContext.mjs

@@ -1,5 +1,6 @@
 'use client';
 
+import _extends from "@babel/runtime/helpers/esm/extends";
 import _formatErrorMessage from "@mui/x-internals/formatErrorMessage";
 import * as React from 'react';
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -15,14 +16,46 @@ export function useGridPanelContext() {
 export function GridPanelContextProvider({
   children
 }) {
-  const columnsPanelTriggerRef = React.useRef(null);
-  const filterPanelTriggerRef = React.useRef(null);
-  const aiAssistantPanelTriggerRef = React.useRef(null);
+  const [triggerElements, setTriggerElements] = React.useState({
+    columnsPanel: null,
+    filterPanel: null,
+    aiAssistantPanel: null
+  });
+  const updateTriggerElement = React.useCallback((key, instance) => {
+    setTriggerElements(prev => {
+      if (prev[key] === instance) {
+        return prev;
+      }
+      return _extends({}, prev, {
+        [key]: instance
+      });
+    });
+  }, []);
+  const setColumnsPanelTrigger = React.useCallback(instance => {
+    updateTriggerElement('columnsPanel', instance);
+  }, [updateTriggerElement]);
+  const setFilterPanelTrigger = React.useCallback(instance => {
+    updateTriggerElement('filterPanel', instance);
+  }, [updateTriggerElement]);
+  const setAiAssistantPanelTrigger = React.useCallback(instance => {
+    updateTriggerElement('aiAssistantPanel', instance);
+  }, [updateTriggerElement]);
   const value = React.useMemo(() => ({
-    columnsPanelTriggerRef,
-    filterPanelTriggerRef,
-    aiAssistantPanelTriggerRef
-  }), []);
+    triggers: {
+      columnsPanel: {
+        element: triggerElements.columnsPanel,
+        setRef: setColumnsPanelTrigger
+      },
+      filterPanel: {
+        element: triggerElements.filterPanel,
+        setRef: setFilterPanelTrigger
+      },
+      aiAssistantPanel: {
+        element: triggerElements.aiAssistantPanel,
+        setRef: setAiAssistantPanelTrigger
+      }
+    }
+  }), [triggerElements, setColumnsPanelTrigger, setFilterPanelTrigger, setAiAssistantPanelTrigger]);
   return /*#__PURE__*/_jsx(GridPanelContext.Provider, {
     value: value,
     children: children

package/components/panel/GridPanelFooter.d.mts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { type SxProps, type Theme } from '@mui/material/styles';
+import type { SxProps, Theme } from '@mui/material/styles';
 declare function GridPanelFooter(props: React.HTMLAttributes<HTMLDivElement> & {
   sx?: SxProps<Theme>;
 }): import("react/jsx-runtime").JSX.Element;

package/components/panel/GridPanelFooter.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { type SxProps, type Theme } from '@mui/material/styles';
+import type { SxProps, Theme } from '@mui/material/styles';
 declare function GridPanelFooter(props: React.HTMLAttributes<HTMLDivElement> & {
   sx?: SxProps<Theme>;
 }): import("react/jsx-runtime").JSX.Element;

package/components/panel/GridPanelFooter.js

@@ -48,7 +48,7 @@ function GridPanelFooter(props) {
     ownerState: rootProps
   }, other));
 }
-process.env.NODE_ENV !== "production" ? GridPanelFooter.propTypes = {
+process.env.NODE_ENV !== "production" ? GridPanelFooter.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |

package/components/panel/GridPanelFooter.mjs

@@ -40,7 +40,7 @@ function GridPanelFooter(props) {
     ownerState: rootProps
   }, other));
 }
-process.env.NODE_ENV !== "production" ? GridPanelFooter.propTypes = {
+process.env.NODE_ENV !== "production" ? GridPanelFooter.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |

package/components/panel/GridPanelHeader.d.mts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { type SxProps, type Theme } from '@mui/system';
+import type { SxProps, Theme } from '@mui/system';
 /**
  * @deprecated This component is not used internally and will be removed in a future major release.
  */

package/components/panel/GridPanelHeader.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { type SxProps, type Theme } from '@mui/system';
+import type { SxProps, Theme } from '@mui/system';
 /**
  * @deprecated This component is not used internally and will be removed in a future major release.
  */

package/components/panel/GridPanelHeader.js

@@ -49,7 +49,7 @@ function GridPanelHeader(props) {
     ownerState: rootProps
   }, other));
 }
-process.env.NODE_ENV !== "production" ? GridPanelHeader.propTypes = {
+process.env.NODE_ENV !== "production" ? GridPanelHeader.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |

package/components/panel/GridPanelHeader.mjs

@@ -41,7 +41,7 @@ function GridPanelHeader(props) {
     ownerState: rootProps
   }, other));
 }
-process.env.NODE_ENV !== "production" ? GridPanelHeader.propTypes = {
+process.env.NODE_ENV !== "production" ? GridPanelHeader.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |

package/components/panel/GridPanelWrapper.d.mts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { type Theme } from '@mui/material/styles';
+import type { Theme } from '@mui/material/styles';
 import type { MUIStyledCommonProps } from '@mui/system';
 export interface GridPanelWrapperProps extends React.PropsWithChildren<React.HTMLAttributes<HTMLDivElement>>, MUIStyledCommonProps<Theme> {}
 declare const GridPanelWrapper: React.ForwardRefExoticComponent<GridPanelWrapperProps> | React.ForwardRefExoticComponent<GridPanelWrapperProps & React.RefAttributes<HTMLDivElement>>;

package/components/panel/GridPanelWrapper.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { type Theme } from '@mui/material/styles';
+import type { Theme } from '@mui/material/styles';
 import type { MUIStyledCommonProps } from '@mui/system';
 export interface GridPanelWrapperProps extends React.PropsWithChildren<React.HTMLAttributes<HTMLDivElement>>, MUIStyledCommonProps<Theme> {}
 declare const GridPanelWrapper: React.ForwardRefExoticComponent<GridPanelWrapperProps> | React.ForwardRefExoticComponent<GridPanelWrapperProps & React.RefAttributes<HTMLDivElement>>;

package/components/panel/GridPreferencesPanel.js

@@ -20,21 +20,19 @@ function GridPreferencesPanel() {
   const rootProps = (0, _useGridRootProps.useGridRootProps)();
   const preferencePanelState = (0, _useGridSelector.useGridSelector)(apiRef, _gridPreferencePanelSelector.gridPreferencePanelStateSelector);
   const {
-    columnsPanelTriggerRef,
-    filterPanelTriggerRef,
-    aiAssistantPanelTriggerRef
+    triggers
   } = (0, _GridPanelContext.useGridPanelContext)();
   const panelContent = apiRef.current.unstable_applyPipeProcessors('preferencePanel', null, preferencePanelState.openedPanelValue ?? _gridPreferencePanelsValue.GridPreferencePanelsValue.filters);
   let target = null;
   switch (preferencePanelState.openedPanelValue) {
     case _gridPreferencePanelsValue.GridPreferencePanelsValue.filters:
-      target = filterPanelTriggerRef.current;
+      target = triggers.filterPanel.element;
       break;
     case _gridPreferencePanelsValue.GridPreferencePanelsValue.columns:
-      target = columnsPanelTriggerRef.current;
+      target = triggers.columnsPanel.element;
       break;
     case _gridPreferencePanelsValue.GridPreferencePanelsValue.aiAssistant:
-      target = aiAssistantPanelTriggerRef.current;
+      target = triggers.aiAssistantPanel.element;
       break;
     default:
   }

package/components/panel/GridPreferencesPanel.mjs

@@ -13,21 +13,19 @@ export function GridPreferencesPanel() {
   const rootProps = useGridRootProps();
   const preferencePanelState = useGridSelector(apiRef, gridPreferencePanelStateSelector);
   const {
-    columnsPanelTriggerRef,
-    filterPanelTriggerRef,
-    aiAssistantPanelTriggerRef
+    triggers
   } = useGridPanelContext();
   const panelContent = apiRef.current.unstable_applyPipeProcessors('preferencePanel', null, preferencePanelState.openedPanelValue ?? GridPreferencePanelsValue.filters);
   let target = null;
   switch (preferencePanelState.openedPanelValue) {
     case GridPreferencePanelsValue.filters:
-      target = filterPanelTriggerRef.current;
+      target = triggers.filterPanel.element;
       break;
     case GridPreferencePanelsValue.columns:
-      target = columnsPanelTriggerRef.current;
+      target = triggers.columnsPanel.element;
       break;
     case GridPreferencePanelsValue.aiAssistant:
-      target = aiAssistantPanelTriggerRef.current;
+      target = triggers.aiAssistantPanel.element;
       break;
     default:
   }

package/components/panel/filterPanel/GridFilterForm.d.mts

@@ -1,5 +1,6 @@
 import * as React from 'react';
-import { type GridFilterItem, GridLogicOperator } from "../../../models/gridFilterItem.mjs";
+import { GridLogicOperator } from "../../../models/gridFilterItem.mjs";
+import type { GridFilterItem } from "../../../models/gridFilterItem.mjs";
 import type { GridColDef, GridStateColDef } from "../../../models/colDef/gridColDef.mjs";
 export interface FilterColumnsArgs {
   field: GridColDef['field'];

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

@@ -1,5 +1,6 @@
 import * as React from 'react';
-import { type GridFilterItem, GridLogicOperator } from "../../../models/gridFilterItem.js";
+import { GridLogicOperator } from "../../../models/gridFilterItem.js";
+import type { GridFilterItem } from "../../../models/gridFilterItem.js";
 import type { GridColDef, GridStateColDef } from "../../../models/colDef/gridColDef.js";
 export interface FilterColumnsArgs {
   field: GridColDef['field'];

package/components/panel/filterPanel/GridFilterForm.js

@@ -372,7 +372,7 @@ const GridFilterForm = exports.GridFilterForm = (0, _forwardRef.forwardRef)(func
   }));
 });
 if (process.env.NODE_ENV !== "production") GridFilterForm.displayName = "GridFilterForm";
-process.env.NODE_ENV !== "production" ? GridFilterForm.propTypes = {
+process.env.NODE_ENV !== "production" ? GridFilterForm.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |

package/components/panel/filterPanel/GridFilterForm.mjs

@@ -365,7 +365,7 @@ const GridFilterForm = forwardRef(function GridFilterForm(props, ref) {
   }));
 });
 if (process.env.NODE_ENV !== "production") GridFilterForm.displayName = "GridFilterForm";
-process.env.NODE_ENV !== "production" ? GridFilterForm.propTypes = {
+process.env.NODE_ENV !== "production" ? GridFilterForm.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |

package/components/panel/filterPanel/GridFilterInputBoolean.js

@@ -90,7 +90,7 @@ function sanitizeFilterItemValue(value) {
   }
   return undefined;
 }
-process.env.NODE_ENV !== "production" ? GridFilterInputBoolean.propTypes = {
+process.env.NODE_ENV !== "production" ? GridFilterInputBoolean.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |

package/components/panel/filterPanel/GridFilterInputBoolean.mjs

@@ -82,7 +82,7 @@ export function sanitizeFilterItemValue(value) {
   }
   return undefined;
 }
-process.env.NODE_ENV !== "production" ? GridFilterInputBoolean.propTypes = {
+process.env.NODE_ENV !== "production" ? GridFilterInputBoolean.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |

package/components/panel/filterPanel/GridFilterInputDate.js

@@ -100,7 +100,7 @@ function GridFilterInputDate(props) {
     }, rootProps.slotProps?.baseTextField, other, slotProps?.root)), headerFilterMenu, clearButton]
   });
 }
-process.env.NODE_ENV !== "production" ? GridFilterInputDate.propTypes = {
+process.env.NODE_ENV !== "production" ? GridFilterInputDate.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |

package/components/panel/filterPanel/GridFilterInputDate.mjs

@@ -93,7 +93,7 @@ function GridFilterInputDate(props) {
     }, rootProps.slotProps?.baseTextField, other, slotProps?.root)), headerFilterMenu, clearButton]
   });
 }
-process.env.NODE_ENV !== "production" ? GridFilterInputDate.propTypes = {
+process.env.NODE_ENV !== "production" ? GridFilterInputDate.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |

package/components/panel/filterPanel/GridFilterInputMultipleSingleSelect.js

@@ -77,7 +77,7 @@ function GridFilterInputMultipleSingleSelect(props) {
     }
   }, other, slotProps?.root));
 }
-process.env.NODE_ENV !== "production" ? GridFilterInputMultipleSingleSelect.propTypes = {
+process.env.NODE_ENV !== "production" ? GridFilterInputMultipleSingleSelect.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |

package/components/panel/filterPanel/GridFilterInputMultipleSingleSelect.mjs

@@ -69,7 +69,7 @@ function GridFilterInputMultipleSingleSelect(props) {
     }
   }, other, slotProps?.root));
 }
-process.env.NODE_ENV !== "production" ? GridFilterInputMultipleSingleSelect.propTypes = {
+process.env.NODE_ENV !== "production" ? GridFilterInputMultipleSingleSelect.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |

package/components/panel/filterPanel/GridFilterInputMultipleValue.js

@@ -66,7 +66,7 @@ function GridFilterInputMultipleValue(props) {
     }
   }, other, slotProps?.root));
 }
-process.env.NODE_ENV !== "production" ? GridFilterInputMultipleValue.propTypes = {
+process.env.NODE_ENV !== "production" ? GridFilterInputMultipleValue.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |

package/components/panel/filterPanel/GridFilterInputMultipleValue.mjs

@@ -59,7 +59,7 @@ function GridFilterInputMultipleValue(props) {
     }
   }, other, slotProps?.root));
 }
-process.env.NODE_ENV !== "production" ? GridFilterInputMultipleValue.propTypes = {
+process.env.NODE_ENV !== "production" ? GridFilterInputMultipleValue.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |

package/components/panel/filterPanel/GridFilterInputSingleSelect.js

@@ -103,7 +103,7 @@ function GridFilterInputSingleSelect(props) {
     })), headerFilterMenu, clearButton]
   });
 }
-process.env.NODE_ENV !== "production" ? GridFilterInputSingleSelect.propTypes = {
+process.env.NODE_ENV !== "production" ? GridFilterInputSingleSelect.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // | To update them edit the TypeScript types and run "pnpm proptypes"  |