@mui/x-data-grid 7.15.0 → 7.17.0

package/CHANGELOG.md

@@ -1,8 +1,192 @@
-# Change Log
+# Changelog
 
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 7.17.0
+
+_Sep 13, 2024_
+
+We'd like to offer a big thanks to the 12 contributors who made this release possible. Here are some highlights ✨:
+
+- 📊 Charts performance improvement
+- 🧑‍💻 New Data Grid [custom columns demo](https://mui.com/x/react-data-grid/custom-columns/#full-example)
+- 🐞 Bugfixes
+- 📚 Documentation improvements
+- 🌍 Improve Hungarian (hu-HU) locale on the Data Grid
+
+<!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->
+
+### Data Grid
+
+#### `@mui/x-data-grid@7.17.0`
+
+- [DataGrid] Add "does not equal" and "does not contain" filter operators (#14489) @KenanYusuf
+- [DataGrid] Add demo to the "Custom columns" page that does not use generator (#13695) @arminmeh
+- [DataGrid] Fix Voice Over reading the column name twice (#14482) @arminmeh
+- [DataGrid] Fix bug in CRUD example (#14513) @michelengelen
+- [DataGrid] Fix failing jsdom tests caused by `:has()` selectors (#14559) @KenanYusuf
+- [DataGrid] Refactor string operator filter functions (#14564) @KenanYusuf
+- [l10n] Improve Hungarian (hu-HU) locale (#14506) @ntamas
+
+#### `@mui/x-data-grid-pro@7.17.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-data-grid@7.17.0`.
+
+#### `@mui/x-data-grid-premium@7.17.0` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
+
+Same changes as in `@mui/x-data-grid-pro@7.17.0`.
+
+### Date and Time Pickers
+
+#### `@mui/x-date-pickers@7.17.0`
+
+- [fields] Improve `useSplitFieldProps` and make it public (#14514) @flaviendelangle
+- [pickers] Improve clear action label (#14243) @oliviertassinari
+- [pickers] Add `"use client"` directive to every public component and hook (#14562) @flaviendelangle
+- [pickers] Allow custom fields to validate the value (#14486) @flaviendelangle
+- [pickers] Stop using utils in locales (#14505) @flaviendelangle
+
+#### `@mui/x-date-pickers-pro@7.17.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-date-pickers@7.17.0`, plus:
+
+- [DateRangePicker] Fix `currentMonthCalendarPosition` not scrolling to future sibling (#14442) @GMchris
+
+### Charts
+
+#### `@mui/x-charts@7.17.0`
+
+- [charts] Add `"use client"` directive to every public component and hook (#14578) @flaviendelangle
+- [charts] Allow `onItemClick` on the `Legend` component (#14231) @JCQuintas
+- [charts] Fix `onAxisClick` with `layout='horizontal'` (#14547) @alexfauquette
+- [charts] Replace `path` with `circle` for performance improvement (#14518) @alexfauquette
+
+#### `@mui/x-charts-pro@7.0.0-beta.1` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-charts@7.17.0`.
+
+### Tree View
+
+#### `@mui/x-tree-view@7.17.0`
+
+- [TreeView] Make `useTreeItem2` stable (#14498) @flaviendelangle
+
+### Docs
+
+- [docs] Add missing callout on "Imperative API" tree view sections (#14503) @flaviendelangle
+- [docs] Fix broken redirection to MUI X v5 @oliviertassinari
+- [docs] Fix multiple `console.error` messages on `charts` docs (#14554) @JCQuintas
+- [docs] Fixed typo in Row Grouping recipes (#14549) @Miodini
+- [docs] Match title with blog posts @oliviertassinari
+
+### Core
+
+- [core] Move warning methods to `@mui/x-internals` (#14528) @k-rajat19
+- [core] Sync with core release flow @oliviertassinari
+- [code-infra] Fix charts benchmark workflow (#14573) @JCQuintas
+- [docs-infra] Type interface API pages (#14138) @alexfauquette
+- [infra] Create `ESLint plugins` renovate group (#14574) @LukasTy
+- [license] Clean-up terminology to match codebase (#14531) @oliviertassinari
+- [test] Remove dead `act()` logic (#14529) @oliviertassinari
+
+## 7.16.0
+
+_Sep 5, 2024_
+
+We'd like to offer a big thanks to the 13 contributors who made this release possible. Here are some highlights ✨:
+
+- 🎨 Update the design of Data Grid column headers (#14293)
+- 🧠 Add the `slots` concept introduction documentation page (#13881)
+- 🌍 Improve Chinese (zh-CN) and Dutch (nl-NL) locales on the Data Grid
+- 🐞 Bugfixes
+- 📚 Documentation improvements
+
+<!--/ HIGHLIGHT_ABOVE_SEPARATOR /-->
+
+### Data Grid
+
+#### `@mui/x-data-grid@7.16.0`
+
+- [DataGrid] Add key prop to `GridFilterInputMultipleValue` (#14302) @sai6855
+- [DataGrid] Allow to control the indeterminate checkbox behavior (#14247) @MBilalShafi
+- [DataGrid] Column header design updates (#14293) @KenanYusuf
+- [DataGrid] Fix error on simultaneous `columns` and `columnGroupingModel` update (#14368) @cherniavskii
+- [DataGrid] Fix first row flickering with `autoHeight` prop enabled (#14235) @KenanYusuf
+- [DataGrid] Remove cell min-width / max-width styles (#14448) @oliviertassinari
+- [DataGrid] Restore reselect behavior (#14410) @romgrk
+- [l10n] Improve Chinese (zh-CN) locale (#14394) @lawvs
+- [l10n] Improve Dutch (nl-NL) locale (#14398) @Janpot
+
+#### `@mui/x-data-grid-pro@7.16.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-data-grid@7.16.0`, plus:
+
+- [DataGridPro] Fix duplicate top border in header filters (#14375) @MBilalShafi
+
+#### `@mui/x-data-grid-premium@7.16.0` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
+
+Same changes as in `@mui/x-data-grid-pro@7.16.0`.
+
+### Date and Time Pickers
+
+#### `@mui/x-date-pickers@7.16.0`
+
+- [pickers] Improve `onError` JSDoc (#14492) @flaviendelangle
+- [pickers] Keep the calendar header and content in sync when switching locale (#14125) @flaviendelangle
+- [pickers] Move multi input range field validation tests to the describe test file (#14501) @flaviendelangle
+
+#### `@mui/x-date-pickers-pro@7.16.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-date-pickers@7.16.0`.
+
+### Charts
+
+#### `@mui/x-charts@7.16.0`
+
+- [charts] Fix JSDoc typos (#14497) @alexfauquette
+- [charts] Fix `LineChart` not properly animating when hydrating (#14355) @JCQuintas
+- [charts] Fix theme augmentation (#14372) @alexfauquette
+- [charts] Pass all props to legend (#14392) @JCQuintas
+- [charts] Use `.mjs` extension for ESM build (#14387) @alexfauquette
+- [charts] Update `package.json` for vendor package (#14465) @alexfauquette
+
+#### `@mui/x-charts-pro@7.0.0-beta.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-charts@7.16.0`, plus:
+
+- [charts-pro] Fix props and automated documentation on `BarChartPro` and `LineChartPro` (#14391) @JCQuintas
+
+### Tree View
+
+#### `@mui/x-tree-view@7.16.0`
+
+- [TreeView] Clean label editing code (#14264) @flaviendelangle
+
+### `@mui/x-codemod@7.16.0`
+
+- [codemod] Fix `experimentalFeatures` codemod for typescript parser (#14150) @MBilalShafi
+
+### Docs
+
+- [docs] Add RTL documentation for the pickers (#13855) @flaviendelangle
+- [docs] Add the `slots` concept introduction page (#13881) @flaviendelangle
+- [docs] Remove TypeScript v3 outdated version mentions (#14443) @k-rajat19
+- [docs] Remove notion of seats (#14351) @oliviertassinari
+- [docs] Use real world data for `PieChart` examples (#14297) @JCQuintas
+
+### Core
+
+- [core] Fix changelog spelling @oliviertassinari
+- [core] Fix failing tests on the pickers (#14457) @flaviendelangle
+- [core] Reset permissions for codspeed GitHub Action (#14420) @oliviertassinari
+- [code-infra] Add babel runtime version check (#14483) @Janpot
+- [code-infra] Fully resolve imports in ESM target (#14234) @Janpot
+- [code-infra] Update runners from node 18 to 20 (#14466) @JCQuintas
+- [infra] Added `secrets: inherit` to workflow call (#14454) @michelengelen
+- [infra] Switch "add closing message" to reusable workflow (#14499) @michelengelen
+- [infra] Switch "issue triage workflow" to reusable workflows (#14390) @michelengelen
+
 ## 7.15.0
 
 _Aug 29, 2024_

package/DataGrid/DataGrid.js

@@ -3,13 +3,13 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import PropTypes from 'prop-types';
-import { GridBody, GridFooterPlaceholder, GridHeader, GridRoot } from '../components';
-import { useGridAriaAttributes } from '../hooks/utils/useGridAriaAttributes';
-import { useGridRowAriaAttributes } from '../hooks/features/rows/useGridRowAriaAttributes';
-import { GridContextProvider } from '../context/GridContextProvider';
-import { useDataGridComponent } from './useDataGridComponent';
-import { useDataGridProps } from './useDataGridProps';
-import { propValidatorsDataGrid, validateProps } from '../internals/utils/propValidation';
+import { GridBody, GridFooterPlaceholder, GridHeader, GridRoot } from "../components/index.js";
+import { useGridAriaAttributes } from "../hooks/utils/useGridAriaAttributes.js";
+import { useGridRowAriaAttributes } from "../hooks/features/rows/useGridRowAriaAttributes.js";
+import { GridContextProvider } from "../context/GridContextProvider.js";
+import { useDataGridComponent } from "./useDataGridComponent.js";
+import { useDataGridProps } from "./useDataGridProps.js";
+import { propValidatorsDataGrid, validateProps } from "../internals/utils/propValidation.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const configuration = {
   hooks: {
@@ -315,6 +315,14 @@ DataGridRaw.propTypes = {
     clipboardExport: PropTypes.bool,
     csvExport: PropTypes.bool
   }), PropTypes.bool]),
+  /**
+   * If `select`, a group header checkbox in indeterminate state (like "Select All" checkbox)
+   * will select all the rows under it.
+   * If `deselect`, it will deselect all the rows under it.
+   * Works only if `checkboxSelection` is enabled.
+   * @default "deselect"
+   */
+  indeterminateCheckboxAction: PropTypes.oneOf(['deselect', 'select']),
   /**
    * The initial state of the DataGrid.
    * The data in it will be set in the state on initialization but will not be controlled.
@@ -696,12 +704,12 @@ DataGridRaw.propTypes = {
    */
   scrollbarSize: PropTypes.number,
   /**
-   * If `true`, the vertical borders of the cells are displayed.
+   * If `true`, vertical borders will be displayed between cells.
    * @default false
    */
   showCellVerticalBorder: PropTypes.bool,
   /**
-   * If `true`, the right border of the column headers are displayed.
+   * If `true`, vertical borders will be displayed between column header items.
    * @default false
    */
   showColumnVerticalBorder: PropTypes.bool,

package/DataGrid/index.js

@@ -1,2 +1,2 @@
-export * from './DataGrid';
-export { DATA_GRID_PROPS_DEFAULT_VALUES } from './useDataGridProps';
+export * from "./DataGrid.js";
+export { DATA_GRID_PROPS_DEFAULT_VALUES } from "./useDataGridProps.js";

package/DataGrid/useDataGridComponent.js

@@ -1,32 +1,32 @@
-import { useGridInitialization } from '../hooks/core/useGridInitialization';
-import { useGridInitializeState } from '../hooks/utils/useGridInitializeState';
-import { useGridClipboard } from '../hooks/features/clipboard/useGridClipboard';
-import { columnMenuStateInitializer, useGridColumnMenu } from '../hooks/features/columnMenu/useGridColumnMenu';
-import { useGridColumns, columnsStateInitializer } from '../hooks/features/columns/useGridColumns';
-import { densityStateInitializer, useGridDensity } from '../hooks/features/density/useGridDensity';
-import { useGridCsvExport } from '../hooks/features/export/useGridCsvExport';
-import { useGridPrintExport } from '../hooks/features/export/useGridPrintExport';
-import { useGridFilter, filterStateInitializer } from '../hooks/features/filter/useGridFilter';
-import { focusStateInitializer, useGridFocus } from '../hooks/features/focus/useGridFocus';
-import { useGridKeyboardNavigation } from '../hooks/features/keyboardNavigation/useGridKeyboardNavigation';
-import { useGridPagination, paginationStateInitializer } from '../hooks/features/pagination/useGridPagination';
-import { useGridPreferencesPanel, preferencePanelStateInitializer } from '../hooks/features/preferencesPanel/useGridPreferencesPanel';
-import { useGridEditing, editingStateInitializer } from '../hooks/features/editing/useGridEditing';
-import { useGridRows, rowsStateInitializer } from '../hooks/features/rows/useGridRows';
-import { useGridRowsPreProcessors } from '../hooks/features/rows/useGridRowsPreProcessors';
-import { useGridParamsApi } from '../hooks/features/rows/useGridParamsApi';
-import { rowSelectionStateInitializer, useGridRowSelection } from '../hooks/features/rowSelection/useGridRowSelection';
-import { useGridRowSelectionPreProcessors } from '../hooks/features/rowSelection/useGridRowSelectionPreProcessors';
-import { useGridSorting, sortingStateInitializer } from '../hooks/features/sorting/useGridSorting';
-import { useGridScroll } from '../hooks/features/scroll/useGridScroll';
-import { useGridEvents } from '../hooks/features/events/useGridEvents';
-import { dimensionsStateInitializer, useGridDimensions } from '../hooks/features/dimensions/useGridDimensions';
-import { rowsMetaStateInitializer, useGridRowsMeta } from '../hooks/features/rows/useGridRowsMeta';
-import { useGridStatePersistence } from '../hooks/features/statePersistence/useGridStatePersistence';
-import { useGridColumnSpanning } from '../hooks/features/columns/useGridColumnSpanning';
-import { useGridColumnGrouping, columnGroupsStateInitializer } from '../hooks/features/columnGrouping/useGridColumnGrouping';
-import { useGridVirtualization, virtualizationStateInitializer } from '../hooks/features/virtualization';
-import { columnResizeStateInitializer, useGridColumnResize } from '../hooks/features/columnResize/useGridColumnResize';
+import { useGridInitialization } from "../hooks/core/useGridInitialization.js";
+import { useGridInitializeState } from "../hooks/utils/useGridInitializeState.js";
+import { useGridClipboard } from "../hooks/features/clipboard/useGridClipboard.js";
+import { columnMenuStateInitializer, useGridColumnMenu } from "../hooks/features/columnMenu/useGridColumnMenu.js";
+import { useGridColumns, columnsStateInitializer } from "../hooks/features/columns/useGridColumns.js";
+import { densityStateInitializer, useGridDensity } from "../hooks/features/density/useGridDensity.js";
+import { useGridCsvExport } from "../hooks/features/export/useGridCsvExport.js";
+import { useGridPrintExport } from "../hooks/features/export/useGridPrintExport.js";
+import { useGridFilter, filterStateInitializer } from "../hooks/features/filter/useGridFilter.js";
+import { focusStateInitializer, useGridFocus } from "../hooks/features/focus/useGridFocus.js";
+import { useGridKeyboardNavigation } from "../hooks/features/keyboardNavigation/useGridKeyboardNavigation.js";
+import { useGridPagination, paginationStateInitializer } from "../hooks/features/pagination/useGridPagination.js";
+import { useGridPreferencesPanel, preferencePanelStateInitializer } from "../hooks/features/preferencesPanel/useGridPreferencesPanel.js";
+import { useGridEditing, editingStateInitializer } from "../hooks/features/editing/useGridEditing.js";
+import { useGridRows, rowsStateInitializer } from "../hooks/features/rows/useGridRows.js";
+import { useGridRowsPreProcessors } from "../hooks/features/rows/useGridRowsPreProcessors.js";
+import { useGridParamsApi } from "../hooks/features/rows/useGridParamsApi.js";
+import { rowSelectionStateInitializer, useGridRowSelection } from "../hooks/features/rowSelection/useGridRowSelection.js";
+import { useGridRowSelectionPreProcessors } from "../hooks/features/rowSelection/useGridRowSelectionPreProcessors.js";
+import { useGridSorting, sortingStateInitializer } from "../hooks/features/sorting/useGridSorting.js";
+import { useGridScroll } from "../hooks/features/scroll/useGridScroll.js";
+import { useGridEvents } from "../hooks/features/events/useGridEvents.js";
+import { dimensionsStateInitializer, useGridDimensions } from "../hooks/features/dimensions/useGridDimensions.js";
+import { rowsMetaStateInitializer, useGridRowsMeta } from "../hooks/features/rows/useGridRowsMeta.js";
+import { useGridStatePersistence } from "../hooks/features/statePersistence/useGridStatePersistence.js";
+import { useGridColumnSpanning } from "../hooks/features/columns/useGridColumnSpanning.js";
+import { useGridColumnGrouping, columnGroupsStateInitializer } from "../hooks/features/columnGrouping/useGridColumnGrouping.js";
+import { useGridVirtualization, virtualizationStateInitializer } from "../hooks/features/virtualization/index.js";
+import { columnResizeStateInitializer, useGridColumnResize } from "../hooks/features/columnResize/useGridColumnResize.js";
 export const useDataGridComponent = (inputApiRef, props) => {
   const apiRef = useGridInitialization(inputApiRef, props);
 

package/DataGrid/useDataGridProps.js

@@ -1,10 +1,10 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
 import { useThemeProps } from '@mui/material/styles';
-import { GRID_DEFAULT_LOCALE_TEXT } from '../constants';
-import { DATA_GRID_DEFAULT_SLOTS_COMPONENTS } from '../constants/defaultGridSlotsComponents';
-import { GridEditModes } from '../models';
-import { computeSlots, useProps } from '../internals/utils';
+import { GRID_DEFAULT_LOCALE_TEXT } from "../constants/index.js";
+import { DATA_GRID_DEFAULT_SLOTS_COMPONENTS } from "../constants/defaultGridSlotsComponents.js";
+import { GridEditModes } from "../models/index.js";
+import { computeSlots, useProps } from "../internals/utils/index.js";
 const DATA_GRID_FORCED_PROPS = {
   disableMultipleColumnsFiltering: true,
   disableMultipleColumnsSorting: true,
@@ -52,6 +52,8 @@ export const DATA_GRID_PROPS_DEFAULT_VALUES = {
   hideFooterSelectedRowCount: false,
   ignoreDiacritics: false,
   ignoreValueFormatterDuringExport: false,
+  // TODO v8: Update to 'select'
+  indeterminateCheckboxAction: 'deselect',
   keepColumnPositionIfDraggedOutside: false,
   keepNonExistentRowsSelected: false,
   loading: false,

package/colDef/gridActionsColDef.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
-import { GRID_STRING_COL_DEF } from './gridStringColDef';
-import { renderActionsCell } from '../components/cell/GridActionsCell';
+import { GRID_STRING_COL_DEF } from "./gridStringColDef.js";
+import { renderActionsCell } from "../components/cell/GridActionsCell.js";
 export const GRID_ACTIONS_COLUMN_TYPE = 'actions';
 export const GRID_ACTIONS_COL_DEF = _extends({}, GRID_STRING_COL_DEF, {
   sortable: false,

package/colDef/gridBooleanColDef.js

@@ -1,9 +1,9 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
-import { GRID_STRING_COL_DEF } from './gridStringColDef';
-import { renderBooleanCell } from '../components/cell/GridBooleanCell';
-import { renderEditBooleanCell } from '../components/cell/GridEditBooleanCell';
-import { gridNumberComparator } from '../hooks/features/sorting/gridSortingUtils';
-import { getGridBooleanOperators } from './gridBooleanOperators';
+import { GRID_STRING_COL_DEF } from "./gridStringColDef.js";
+import { renderBooleanCell } from "../components/cell/GridBooleanCell.js";
+import { renderEditBooleanCell } from "../components/cell/GridEditBooleanCell.js";
+import { gridNumberComparator } from "../hooks/features/sorting/gridSortingUtils.js";
+import { getGridBooleanOperators } from "./gridBooleanOperators.js";
 const gridBooleanFormatter = (value, row, column, apiRef) => {
   return value ? apiRef.current.getLocaleText('booleanCellTrueLabel') : apiRef.current.getLocaleText('booleanCellFalseLabel');
 };

package/colDef/gridBooleanOperators.js

@@ -1,4 +1,4 @@
-import { GridFilterInputBoolean } from '../components/panel/filterPanel/GridFilterInputBoolean';
+import { GridFilterInputBoolean } from "../components/panel/filterPanel/GridFilterInputBoolean.js";
 export const getGridBooleanOperators = () => [{
   value: 'is',
   getApplyFilterFn: filterItem => {

package/colDef/gridCheckboxSelectionColDef.js

@@ -1,9 +1,9 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as React from 'react';
-import { GridCellCheckboxRenderer } from '../components/columnSelection/GridCellCheckboxRenderer';
-import { GridHeaderCheckbox } from '../components/columnSelection/GridHeaderCheckbox';
-import { selectedIdsLookupSelector } from '../hooks/features/rowSelection/gridRowSelectionSelector';
-import { GRID_BOOLEAN_COL_DEF } from './gridBooleanColDef';
+import { GridCellCheckboxRenderer } from "../components/columnSelection/GridCellCheckboxRenderer.js";
+import { GridHeaderCheckbox } from "../components/columnSelection/GridHeaderCheckbox.js";
+import { selectedIdsLookupSelector } from "../hooks/features/rowSelection/gridRowSelectionSelector.js";
+import { GRID_BOOLEAN_COL_DEF } from "./gridBooleanColDef.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 export const GRID_CHECKBOX_SELECTION_FIELD = '__check__';
 export const GRID_CHECKBOX_SELECTION_COL_DEF = _extends({}, GRID_BOOLEAN_COL_DEF, {

package/colDef/gridDateColDef.js

@@ -1,8 +1,8 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
-import { gridDateComparator } from '../hooks/features/sorting/gridSortingUtils';
-import { getGridDateOperators } from './gridDateOperators';
-import { GRID_STRING_COL_DEF } from './gridStringColDef';
-import { renderEditDateCell } from '../components/cell/GridEditDateCell';
+import { gridDateComparator } from "../hooks/features/sorting/gridSortingUtils.js";
+import { getGridDateOperators } from "./gridDateOperators.js";
+import { GRID_STRING_COL_DEF } from "./gridStringColDef.js";
+import { renderEditDateCell } from "../components/cell/GridEditDateCell.js";
 function throwIfNotDateObject({
   value,
   columnType,

package/colDef/gridDateOperators.js

@@ -1,4 +1,4 @@
-import { GridFilterInputDate } from '../components/panel/filterPanel/GridFilterInputDate';
+import { GridFilterInputDate } from "../components/panel/filterPanel/GridFilterInputDate.js";
 function buildApplyFilterFn(filterItem, compareFn, showTime, keepHours) {
   if (!filterItem.value) {
     return null;

package/colDef/gridDefaultColumnTypes.js

@@ -1,9 +1,9 @@
-import { GRID_STRING_COL_DEF } from './gridStringColDef';
-import { GRID_NUMERIC_COL_DEF } from './gridNumericColDef';
-import { GRID_DATE_COL_DEF, GRID_DATETIME_COL_DEF } from './gridDateColDef';
-import { GRID_BOOLEAN_COL_DEF } from './gridBooleanColDef';
-import { GRID_SINGLE_SELECT_COL_DEF } from './gridSingleSelectColDef';
-import { GRID_ACTIONS_COL_DEF, GRID_ACTIONS_COLUMN_TYPE } from './gridActionsColDef';
+import { GRID_STRING_COL_DEF } from "./gridStringColDef.js";
+import { GRID_NUMERIC_COL_DEF } from "./gridNumericColDef.js";
+import { GRID_DATE_COL_DEF, GRID_DATETIME_COL_DEF } from "./gridDateColDef.js";
+import { GRID_BOOLEAN_COL_DEF } from "./gridBooleanColDef.js";
+import { GRID_SINGLE_SELECT_COL_DEF } from "./gridSingleSelectColDef.js";
+import { GRID_ACTIONS_COL_DEF, GRID_ACTIONS_COLUMN_TYPE } from "./gridActionsColDef.js";
 export const DEFAULT_GRID_COL_TYPE_KEY = 'string';
 export const getGridDefaultColumnTypes = () => {
   const nativeColumnTypes = {

package/colDef/gridNumericColDef.js

@@ -1,8 +1,8 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
-import { gridNumberComparator } from '../hooks/features/sorting/gridSortingUtils';
-import { isNumber } from '../utils/utils';
-import { getGridNumericOperators, getGridNumericQuickFilterFn } from './gridNumericOperators';
-import { GRID_STRING_COL_DEF } from './gridStringColDef';
+import { gridNumberComparator } from "../hooks/features/sorting/gridSortingUtils.js";
+import { isNumber } from "../utils/utils.js";
+import { getGridNumericOperators, getGridNumericQuickFilterFn } from "./gridNumericOperators.js";
+import { GRID_STRING_COL_DEF } from "./gridStringColDef.js";
 export const GRID_NUMERIC_COL_DEF = _extends({}, GRID_STRING_COL_DEF, {
   type: 'number',
   align: 'right',

package/colDef/gridNumericOperators.js

@@ -1,5 +1,5 @@
-import { GridFilterInputValue } from '../components/panel/filterPanel/GridFilterInputValue';
-import { GridFilterInputMultipleValue } from '../components/panel/filterPanel/GridFilterInputMultipleValue';
+import { GridFilterInputValue } from "../components/panel/filterPanel/GridFilterInputValue.js";
+import { GridFilterInputMultipleValue } from "../components/panel/filterPanel/GridFilterInputMultipleValue.js";
 const parseNumericValue = value => {
   if (value == null) {
     return null;

package/colDef/gridSingleSelectColDef.js

@@ -1,9 +1,9 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
-import { GRID_STRING_COL_DEF } from './gridStringColDef';
-import { renderEditSingleSelectCell } from '../components/cell/GridEditSingleSelectCell';
-import { getGridSingleSelectOperators } from './gridSingleSelectOperators';
-import { getValueOptions, isSingleSelectColDef } from '../components/panel/filterPanel/filterPanelUtils';
-import { isObject } from '../utils/utils';
+import { GRID_STRING_COL_DEF } from "./gridStringColDef.js";
+import { renderEditSingleSelectCell } from "../components/cell/GridEditSingleSelectCell.js";
+import { getGridSingleSelectOperators } from "./gridSingleSelectOperators.js";
+import { getValueOptions, isSingleSelectColDef } from "../components/panel/filterPanel/filterPanelUtils.js";
+import { isObject } from "../utils/utils.js";
 const isArrayOfObjects = options => {
   return typeof options[0] === 'object';
 };

package/colDef/gridSingleSelectOperators.js

@@ -1,6 +1,6 @@
-import { GridFilterInputSingleSelect } from '../components/panel/filterPanel/GridFilterInputSingleSelect';
-import { GridFilterInputMultipleSingleSelect } from '../components/panel/filterPanel/GridFilterInputMultipleSingleSelect';
-import { isObject } from '../utils/utils';
+import { GridFilterInputSingleSelect } from "../components/panel/filterPanel/GridFilterInputSingleSelect.js";
+import { GridFilterInputMultipleSingleSelect } from "../components/panel/filterPanel/GridFilterInputMultipleSingleSelect.js";
+import { isObject } from "../utils/utils.js";
 const parseObjectValue = value => {
   if (value == null || !isObject(value)) {
     return value;

package/colDef/gridStringColDef.js

@@ -1,6 +1,6 @@
-import { renderEditInputCell } from '../components/cell/GridEditInputCell';
-import { gridStringOrNumberComparator } from '../hooks/features/sorting/gridSortingUtils';
-import { getGridStringOperators, getGridStringQuickFilterFn } from './gridStringOperators';
+import { renderEditInputCell } from "../components/cell/GridEditInputCell.js";
+import { gridStringOrNumberComparator } from "../hooks/features/sorting/gridSortingUtils.js";
+import { getGridStringOperators, getGridStringQuickFilterFn } from "./gridStringOperators.js";
 
 /**
  * TODO: Move pro and premium properties outside of this Community file

package/colDef/gridStringOperators.js

@@ -1,7 +1,7 @@
-import { GridFilterInputValue } from '../components/panel/filterPanel/GridFilterInputValue';
-import { escapeRegExp } from '../utils/utils';
-import { GridFilterInputMultipleValue } from '../components/panel/filterPanel/GridFilterInputMultipleValue';
-import { removeDiacritics } from '../hooks/features/filter/gridFilterUtils';
+import { GridFilterInputValue } from "../components/panel/filterPanel/GridFilterInputValue.js";
+import { escapeRegExp } from "../utils/utils.js";
+import { GridFilterInputMultipleValue } from "../components/panel/filterPanel/GridFilterInputMultipleValue.js";
+import { removeDiacritics } from "../hooks/features/filter/gridFilterUtils.js";
 export const getGridStringQuickFilterFn = value => {
   if (!value) {
     return null;
@@ -15,34 +15,58 @@ export const getGridStringQuickFilterFn = value => {
     return columnValue != null ? filterRegex.test(columnValue.toString()) : false;
   };
 };
+const createContainsFilterFn = (disableTrim, negate) => filterItem => {
+  if (!filterItem.value) {
+    return null;
+  }
+  const trimmedValue = disableTrim ? filterItem.value : filterItem.value.trim();
+  const filterRegex = new RegExp(escapeRegExp(trimmedValue), 'i');
+  return value => {
+    if (value == null) {
+      return negate;
+    }
+    const matches = filterRegex.test(String(value));
+    return negate ? !matches : matches;
+  };
+};
+const createEqualityFilterFn = (disableTrim, negate) => filterItem => {
+  if (!filterItem.value) {
+    return null;
+  }
+  const trimmedValue = disableTrim ? filterItem.value : filterItem.value.trim();
+  const collator = new Intl.Collator(undefined, {
+    sensitivity: 'base',
+    usage: 'search'
+  });
+  return value => {
+    if (value == null) {
+      return negate;
+    }
+    const isEqual = collator.compare(trimmedValue, value.toString()) === 0;
+    return negate ? !isEqual : isEqual;
+  };
+};
+const createEmptyFilterFn = negate => () => {
+  return value => {
+    const isEmpty = value === '' || value == null;
+    return negate ? !isEmpty : isEmpty;
+  };
+};
 export const getGridStringOperators = (disableTrim = false) => [{
   value: 'contains',
-  getApplyFilterFn: filterItem => {
-    if (!filterItem.value) {
-      return null;
-    }
-    const filterItemValue = disableTrim ? filterItem.value : filterItem.value.trim();
-    const filterRegex = new RegExp(escapeRegExp(filterItemValue), 'i');
-    return value => {
-      return value != null ? filterRegex.test(String(value)) : false;
-    };
-  },
+  getApplyFilterFn: createContainsFilterFn(disableTrim, false),
+  InputComponent: GridFilterInputValue
+}, {
+  value: 'doesNotContain',
+  getApplyFilterFn: createContainsFilterFn(disableTrim, true),
   InputComponent: GridFilterInputValue
 }, {
   value: 'equals',
-  getApplyFilterFn: filterItem => {
-    if (!filterItem.value) {
-      return null;
-    }
-    const filterItemValue = disableTrim ? filterItem.value : filterItem.value.trim();
-    const collator = new Intl.Collator(undefined, {
-      sensitivity: 'base',
-      usage: 'search'
-    });
-    return value => {
-      return value != null ? collator.compare(filterItemValue, value.toString()) === 0 : false;
-    };
-  },
+  getApplyFilterFn: createEqualityFilterFn(disableTrim, false),
+  InputComponent: GridFilterInputValue
+}, {
+  value: 'doesNotEqual',
+  getApplyFilterFn: createEqualityFilterFn(disableTrim, true),
   InputComponent: GridFilterInputValue
 }, {
   value: 'startsWith',
@@ -72,19 +96,11 @@ export const getGridStringOperators = (disableTrim = false) => [{
   InputComponent: GridFilterInputValue
 }, {
   value: 'isEmpty',
-  getApplyFilterFn: () => {
-    return value => {
-      return value === '' || value == null;
-    };
-  },
+  getApplyFilterFn: createEmptyFilterFn(false),
   requiresFilterValue: false
 }, {
   value: 'isNotEmpty',
-  getApplyFilterFn: () => {
-    return value => {
-      return value !== '' && value != null;
-    };
-  },
+  getApplyFilterFn: createEmptyFilterFn(true),
   requiresFilterValue: false
 }, {
   value: 'isAnyOf',