@mui/x-data-grid 5.4.0 → 5.6.0

package/node/DataGrid/index.js

@@ -0,0 +1,37 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  MAX_PAGE_SIZE: true,
+  DATA_GRID_PROPS_DEFAULT_VALUES: true
+};
+Object.defineProperty(exports, "DATA_GRID_PROPS_DEFAULT_VALUES", {
+  enumerable: true,
+  get: function () {
+    return _useDataGridProps.DATA_GRID_PROPS_DEFAULT_VALUES;
+  }
+});
+Object.defineProperty(exports, "MAX_PAGE_SIZE", {
+  enumerable: true,
+  get: function () {
+    return _useDataGridProps.MAX_PAGE_SIZE;
+  }
+});
+
+var _DataGrid = require("./DataGrid");
+
+Object.keys(_DataGrid).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _DataGrid[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _DataGrid[key];
+    }
+  });
+});
+
+var _useDataGridProps = require("./useDataGridProps");

package/node/DataGrid/useDataGridComponent.js

@@ -0,0 +1,104 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useDataGridComponent = void 0;
+
+var _useGridInitialization = require("../hooks/core/useGridInitialization");
+
+var _useGridInitializeState = require("../hooks/utils/useGridInitializeState");
+
+var _useGridClipboard = require("../hooks/features/clipboard/useGridClipboard");
+
+var _useGridColumnMenu = require("../hooks/features/columnMenu/useGridColumnMenu");
+
+var _useGridColumns = require("../hooks/features/columns/useGridColumns");
+
+var _useGridDensity = require("../hooks/features/density/useGridDensity");
+
+var _useGridCsvExport = require("../hooks/features/export/useGridCsvExport");
+
+var _useGridPrintExport = require("../hooks/features/export/useGridPrintExport");
+
+var _useGridFilter = require("../hooks/features/filter/useGridFilter");
+
+var _useGridFocus = require("../hooks/features/focus/useGridFocus");
+
+var _useGridKeyboard = require("../hooks/features/keyboard/useGridKeyboard");
+
+var _useGridKeyboardNavigation = require("../hooks/features/keyboard/useGridKeyboardNavigation");
+
+var _useGridPagination = require("../hooks/features/pagination/useGridPagination");
+
+var _useGridPage = require("../hooks/features/pagination/useGridPage");
+
+var _useGridPageSize = require("../hooks/features/pagination/useGridPageSize");
+
+var _useGridPreferencesPanel = require("../hooks/features/preferencesPanel/useGridPreferencesPanel");
+
+var _useGridEditing = require("../hooks/features/editRows/useGridEditing");
+
+var _useGridRows = require("../hooks/features/rows/useGridRows");
+
+var _useGridParamsApi = require("../hooks/features/rows/useGridParamsApi");
+
+var _useGridSelection = require("../hooks/features/selection/useGridSelection");
+
+var _useGridSelectionPreProcessors = require("../hooks/features/selection/useGridSelectionPreProcessors");
+
+var _useGridSorting = require("../hooks/features/sorting/useGridSorting");
+
+var _useGridScroll = require("../hooks/features/scroll/useGridScroll");
+
+var _useGridEvents = require("../hooks/features/events/useGridEvents");
+
+var _useGridDimensions = require("../hooks/features/dimensions/useGridDimensions");
+
+var _useGridRowsMeta = require("../hooks/features/rows/useGridRowsMeta");
+
+var _useGridStatePersistence = require("../hooks/features/statePersistence/useGridStatePersistence");
+
+const useDataGridComponent = props => {
+  const apiRef = (0, _useGridInitialization.useGridInitialization)(undefined, props);
+  /**
+   * Register all pre-processors called during state initialization here.
+   */
+
+  (0, _useGridSelectionPreProcessors.useGridSelectionPreProcessors)(apiRef, props);
+  /**
+   * Register all state initializers here.
+   */
+
+  (0, _useGridInitializeState.useGridInitializeState)(_useGridFilter.filterStateInitializer, apiRef, props);
+  (0, _useGridInitializeState.useGridInitializeState)(_useGridPageSize.pageSizeStateInitializer, apiRef, props);
+  (0, _useGridInitializeState.useGridInitializeState)(_useGridPage.pageStateInitializer, apiRef, props);
+  (0, _useGridInitializeState.useGridInitializeState)(_useGridRows.rowsStateInitializer, apiRef, props);
+  (0, _useGridInitializeState.useGridInitializeState)(_useGridSorting.sortingStateInitializer, apiRef, props);
+  (0, _useGridInitializeState.useGridInitializeState)(_useGridColumns.columnsStateInitializer, apiRef, props);
+  (0, _useGridSelection.useGridSelection)(apiRef, props);
+  (0, _useGridColumns.useGridColumns)(apiRef, props);
+  (0, _useGridRows.useGridRows)(apiRef, props);
+  (0, _useGridParamsApi.useGridParamsApi)(apiRef);
+  (0, _useGridEditing.useGridEditing)(apiRef, props);
+  (0, _useGridFocus.useGridFocus)(apiRef, props);
+  (0, _useGridSorting.useGridSorting)(apiRef, props);
+  (0, _useGridPreferencesPanel.useGridPreferencesPanel)(apiRef, props);
+  (0, _useGridFilter.useGridFilter)(apiRef, props);
+  (0, _useGridDensity.useGridDensity)(apiRef, props);
+  (0, _useGridPagination.useGridPagination)(apiRef, props);
+  (0, _useGridRowsMeta.useGridRowsMeta)(apiRef, props);
+  (0, _useGridScroll.useGridScroll)(apiRef, props);
+  (0, _useGridColumnMenu.useGridColumnMenu)(apiRef);
+  (0, _useGridKeyboard.useGridKeyboard)(apiRef);
+  (0, _useGridKeyboardNavigation.useGridKeyboardNavigation)(apiRef, props);
+  (0, _useGridCsvExport.useGridCsvExport)(apiRef);
+  (0, _useGridPrintExport.useGridPrintExport)(apiRef, props);
+  (0, _useGridClipboard.useGridClipboard)(apiRef);
+  (0, _useGridDimensions.useGridDimensions)(apiRef, props);
+  (0, _useGridEvents.useGridEvents)(apiRef, props);
+  (0, _useGridStatePersistence.useGridStatePersistence)(apiRef);
+  return apiRef;
+};
+
+exports.useDataGridComponent = useDataGridComponent;

package/node/DataGrid/useDataGridProps.js

@@ -0,0 +1,115 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useDataGridProps = exports.MAX_PAGE_SIZE = exports.DATA_GRID_PROPS_DEFAULT_VALUES = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var React = _interopRequireWildcard(require("react"));
+
+var _styles = require("@mui/material/styles");
+
+var _constants = require("../constants");
+
+var _models = require("../models");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+const DATA_GRID_FORCED_PROPS = {
+  apiRef: undefined,
+  disableMultipleColumnsFiltering: true,
+  disableMultipleColumnsSorting: true,
+  disableMultipleSelection: true,
+  throttleRowsMs: undefined,
+  hideFooterRowCount: false,
+  pagination: true,
+  checkboxSelectionVisibleOnly: false,
+  disableColumnReorder: true,
+  disableColumnResize: true,
+  signature: 'DataGrid'
+};
+const MAX_PAGE_SIZE = 100;
+/**
+ * The default values of `DataGridPropsWithDefaultValues` to inject in the props of DataGrid.
+ */
+
+exports.MAX_PAGE_SIZE = MAX_PAGE_SIZE;
+const DATA_GRID_PROPS_DEFAULT_VALUES = {
+  autoHeight: false,
+  autoPageSize: false,
+  checkboxSelection: false,
+  checkboxSelectionVisibleOnly: false,
+  columnBuffer: 3,
+  rowBuffer: 3,
+  columnThreshold: 3,
+  rowThreshold: 3,
+  density: _models.GridDensityTypes.Standard,
+  disableExtendRowFullWidth: false,
+  disableColumnFilter: false,
+  disableColumnMenu: false,
+  disableColumnSelector: false,
+  disableDensitySelector: false,
+  disableMultipleColumnsFiltering: false,
+  disableMultipleSelection: false,
+  disableMultipleColumnsSorting: false,
+  disableSelectionOnClick: false,
+  disableVirtualization: false,
+  editMode: _models.GridEditModes.Cell,
+  filterMode: _models.GridFeatureModeConstant.client,
+  headerHeight: 56,
+  hideFooter: false,
+  hideFooterPagination: false,
+  hideFooterRowCount: false,
+  hideFooterSelectedRowCount: false,
+  logger: console,
+  logLevel: process.env.NODE_ENV === 'production' ? 'error' : 'warn',
+  pagination: false,
+  paginationMode: _models.GridFeatureModeConstant.client,
+  rowHeight: 52,
+  rowsPerPageOptions: [25, 50, 100],
+  showCellRightBorder: false,
+  showColumnRightBorder: false,
+  sortingOrder: ['asc', 'desc', null],
+  sortingMode: _models.GridFeatureModeConstant.client,
+  throttleRowsMs: 0,
+  disableColumnReorder: false,
+  disableColumnResize: false
+};
+exports.DATA_GRID_PROPS_DEFAULT_VALUES = DATA_GRID_PROPS_DEFAULT_VALUES;
+
+const useDataGridProps = inProps => {
+  if (inProps.pageSize > MAX_PAGE_SIZE) {
+    throw new Error(`'props.pageSize' cannot exceed 100 in DataGrid.`);
+  }
+
+  const themedProps = (0, _styles.useThemeProps)({
+    props: inProps,
+    name: 'MuiDataGrid'
+  });
+  const localeText = React.useMemo(() => (0, _extends2.default)({}, _constants.GRID_DEFAULT_LOCALE_TEXT, themedProps.localeText), [themedProps.localeText]);
+  const components = React.useMemo(() => {
+    const overrides = themedProps.components;
+
+    if (!overrides) {
+      return (0, _extends2.default)({}, _constants.DATA_GRID_DEFAULT_SLOTS_COMPONENTS);
+    }
+
+    const mergedComponents = {};
+    Object.keys(_constants.DATA_GRID_DEFAULT_SLOTS_COMPONENTS).forEach(key => {
+      mergedComponents[key] = overrides[key] === undefined ? _constants.DATA_GRID_DEFAULT_SLOTS_COMPONENTS[key] : overrides[key];
+    });
+    return mergedComponents;
+  }, [themedProps.components]);
+  return React.useMemo(() => (0, _extends2.default)({}, DATA_GRID_PROPS_DEFAULT_VALUES, themedProps, {
+    localeText,
+    components
+  }, DATA_GRID_FORCED_PROPS), [themedProps, localeText, components]);
+};
+
+exports.useDataGridProps = useDataGridProps;

package/node/colDef/gridActionsColDef.js

@@ -0,0 +1,29 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.GRID_ACTIONS_COL_DEF = exports.GRID_ACTIONS_COLUMN_TYPE = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _gridStringColDef = require("./gridStringColDef");
+
+var _GridActionsCell = require("../components/cell/GridActionsCell");
+
+const GRID_ACTIONS_COLUMN_TYPE = 'actions';
+exports.GRID_ACTIONS_COLUMN_TYPE = GRID_ACTIONS_COLUMN_TYPE;
+const GRID_ACTIONS_COL_DEF = (0, _extends2.default)({}, _gridStringColDef.GRID_STRING_COL_DEF, {
+  sortable: false,
+  filterable: false,
+  width: 100,
+  align: 'center',
+  headerAlign: 'center',
+  headerName: '',
+  disableColumnMenu: true,
+  disableExport: true,
+  renderCell: _GridActionsCell.renderActionsCell
+});
+exports.GRID_ACTIONS_COL_DEF = GRID_ACTIONS_COL_DEF;

package/node/colDef/gridBooleanColDef.js

@@ -0,0 +1,39 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.GRID_BOOLEAN_COL_DEF = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _gridStringColDef = require("./gridStringColDef");
+
+var _GridBooleanCell = require("../components/cell/GridBooleanCell");
+
+var _GridEditBooleanCell = require("../components/cell/GridEditBooleanCell");
+
+var _gridSortingUtils = require("../hooks/features/sorting/gridSortingUtils");
+
+var _gridBooleanOperators = require("./gridBooleanOperators");
+
+function gridBooleanFormatter({
+  value,
+  api
+}) {
+  return value ? api.getLocaleText('booleanCellTrueLabel') : api.getLocaleText('booleanCellFalseLabel');
+}
+
+const GRID_BOOLEAN_COL_DEF = (0, _extends2.default)({}, _gridStringColDef.GRID_STRING_COL_DEF, {
+  type: 'boolean',
+  align: 'center',
+  headerAlign: 'center',
+  renderCell: _GridBooleanCell.renderBooleanCell,
+  renderEditCell: _GridEditBooleanCell.renderEditBooleanCell,
+  sortComparator: _gridSortingUtils.gridNumberComparator,
+  valueFormatter: gridBooleanFormatter,
+  filterOperators: (0, _gridBooleanOperators.getGridBooleanOperators)()
+});
+exports.GRID_BOOLEAN_COL_DEF = GRID_BOOLEAN_COL_DEF;

package/node/colDef/gridBooleanOperators.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getGridBooleanOperators = void 0;
+
+var _GridFilterInputBoolean = require("../components/panel/filterPanel/GridFilterInputBoolean");
+
+const getGridBooleanOperators = () => [{
+  value: 'is',
+  getApplyFilterFn: filterItem => {
+    if (!filterItem.value) {
+      return null;
+    }
+
+    const valueAsBoolean = filterItem.value === 'true';
+    return ({
+      value
+    }) => {
+      return Boolean(value) === valueAsBoolean;
+    };
+  },
+  InputComponent: _GridFilterInputBoolean.GridFilterInputBoolean
+}];
+
+exports.getGridBooleanOperators = getGridBooleanOperators;

package/node/colDef/gridCheckboxSelectionColDef.js

@@ -0,0 +1,45 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.GRID_CHECKBOX_SELECTION_COL_DEF = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var React = _interopRequireWildcard(require("react"));
+
+var _GridCellCheckboxRenderer = require("../components/columnSelection/GridCellCheckboxRenderer");
+
+var _GridHeaderCheckbox = require("../components/columnSelection/GridHeaderCheckbox");
+
+var _gridSelectionSelector = require("../hooks/features/selection/gridSelectionSelector");
+
+var _gridBooleanColDef = require("./gridBooleanColDef");
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+const GRID_CHECKBOX_SELECTION_COL_DEF = (0, _extends2.default)({}, _gridBooleanColDef.GRID_BOOLEAN_COL_DEF, {
+  field: '__check__',
+  type: 'checkboxSelection',
+  width: 50,
+  resizable: false,
+  sortable: false,
+  filterable: false,
+  disableColumnMenu: true,
+  disableReorder: true,
+  disableExport: true,
+  valueGetter: params => {
+    const selectionLookup = (0, _gridSelectionSelector.selectedIdsLookupSelector)(params.api.state, params.api.instanceId);
+    return selectionLookup[params.id] !== undefined;
+  },
+  renderHeader: params => /*#__PURE__*/(0, _jsxRuntime.jsx)(_GridHeaderCheckbox.GridHeaderCheckbox, (0, _extends2.default)({}, params)),
+  renderCell: params => /*#__PURE__*/(0, _jsxRuntime.jsx)(_GridCellCheckboxRenderer.GridCellCheckboxRenderer, (0, _extends2.default)({}, params))
+});
+exports.GRID_CHECKBOX_SELECTION_COL_DEF = GRID_CHECKBOX_SELECTION_COL_DEF;

package/node/colDef/gridDateColDef.js

@@ -0,0 +1,57 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.GRID_DATE_COL_DEF = exports.GRID_DATETIME_COL_DEF = void 0;
+exports.gridDateFormatter = gridDateFormatter;
+exports.gridDateTimeFormatter = gridDateTimeFormatter;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _gridSortingUtils = require("../hooks/features/sorting/gridSortingUtils");
+
+var _gridDateOperators = require("./gridDateOperators");
+
+var _gridStringColDef = require("./gridStringColDef");
+
+var _GridEditDateCell = require("../components/cell/GridEditDateCell");
+
+function gridDateFormatter({
+  value
+}) {
+  if (value instanceof Date) {
+    return value.toLocaleDateString();
+  }
+
+  return value;
+}
+
+function gridDateTimeFormatter({
+  value
+}) {
+  if (value instanceof Date) {
+    return value.toLocaleString();
+  }
+
+  return value;
+}
+
+const GRID_DATE_COL_DEF = (0, _extends2.default)({}, _gridStringColDef.GRID_STRING_COL_DEF, {
+  type: 'date',
+  sortComparator: _gridSortingUtils.gridDateComparator,
+  valueFormatter: gridDateFormatter,
+  filterOperators: (0, _gridDateOperators.getGridDateOperators)(),
+  renderEditCell: _GridEditDateCell.renderEditDateCell
+});
+exports.GRID_DATE_COL_DEF = GRID_DATE_COL_DEF;
+const GRID_DATETIME_COL_DEF = (0, _extends2.default)({}, _gridStringColDef.GRID_STRING_COL_DEF, {
+  type: 'dateTime',
+  sortComparator: _gridSortingUtils.gridDateComparator,
+  valueFormatter: gridDateTimeFormatter,
+  filterOperators: (0, _gridDateOperators.getGridDateOperators)(true),
+  renderEditCell: _GridEditDateCell.renderEditDateCell
+});
+exports.GRID_DATETIME_COL_DEF = GRID_DATETIME_COL_DEF;

package/node/colDef/gridDateOperators.js

@@ -0,0 +1,114 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getGridDateOperators = void 0;
+
+var _GridFilterInputDate = require("../components/panel/filterPanel/GridFilterInputDate");
+
+const dateRegex = /(\d+)-(\d+)-(\d+)/;
+const dateTimeRegex = /(\d+)-(\d+)-(\d+)T(\d+):(\d+)/;
+
+function buildApplyFilterFn(filterItem, compareFn, showTime, keepHours) {
+  if (!filterItem.value) {
+    return null;
+  }
+
+  const [year, month, day, hour, minute] = filterItem.value.match(showTime ? dateTimeRegex : dateRegex).slice(1).map(Number);
+  const time = new Date(year, month - 1, day, hour || 0, minute || 0).getTime();
+  return ({
+    value
+  }) => {
+    if (!value) {
+      return false;
+    }
+
+    const valueAsDate = value instanceof Date ? value : new Date(value.toString());
+
+    if (keepHours) {
+      return compareFn(valueAsDate.getTime(), time);
+    } // Make a copy of the date to not reset the hours in the original object
+
+
+    const dateCopy = value instanceof Date ? new Date(valueAsDate) : valueAsDate;
+    const timeToCompare = dateCopy.setHours(showTime ? valueAsDate.getHours() : 0, showTime ? valueAsDate.getMinutes() : 0, 0, 0);
+    return compareFn(timeToCompare, time);
+  };
+}
+
+const getGridDateOperators = showTime => [{
+  value: 'is',
+  getApplyFilterFn: filterItem => {
+    return buildApplyFilterFn(filterItem, (value1, value2) => value1 === value2, showTime);
+  },
+  InputComponent: _GridFilterInputDate.GridFilterInputDate,
+  InputComponentProps: {
+    type: showTime ? 'datetime-local' : 'date'
+  }
+}, {
+  value: 'not',
+  getApplyFilterFn: filterItem => {
+    return buildApplyFilterFn(filterItem, (value1, value2) => value1 !== value2, showTime);
+  },
+  InputComponent: _GridFilterInputDate.GridFilterInputDate,
+  InputComponentProps: {
+    type: showTime ? 'datetime-local' : 'date'
+  }
+}, {
+  value: 'after',
+  getApplyFilterFn: filterItem => {
+    return buildApplyFilterFn(filterItem, (value1, value2) => value1 > value2, showTime);
+  },
+  InputComponent: _GridFilterInputDate.GridFilterInputDate,
+  InputComponentProps: {
+    type: showTime ? 'datetime-local' : 'date'
+  }
+}, {
+  value: 'onOrAfter',
+  getApplyFilterFn: filterItem => {
+    return buildApplyFilterFn(filterItem, (value1, value2) => value1 >= value2, showTime);
+  },
+  InputComponent: _GridFilterInputDate.GridFilterInputDate,
+  InputComponentProps: {
+    type: showTime ? 'datetime-local' : 'date'
+  }
+}, {
+  value: 'before',
+  getApplyFilterFn: filterItem => {
+    return buildApplyFilterFn(filterItem, (value1, value2) => value1 < value2, showTime, !showTime);
+  },
+  InputComponent: _GridFilterInputDate.GridFilterInputDate,
+  InputComponentProps: {
+    type: showTime ? 'datetime-local' : 'date'
+  }
+}, {
+  value: 'onOrBefore',
+  getApplyFilterFn: filterItem => {
+    return buildApplyFilterFn(filterItem, (value1, value2) => value1 <= value2, showTime);
+  },
+  InputComponent: _GridFilterInputDate.GridFilterInputDate,
+  InputComponentProps: {
+    type: showTime ? 'datetime-local' : 'date'
+  }
+}, {
+  value: 'isEmpty',
+  getApplyFilterFn: () => {
+    return ({
+      value
+    }) => {
+      return value == null;
+    };
+  }
+}, {
+  value: 'isNotEmpty',
+  getApplyFilterFn: () => {
+    return ({
+      value
+    }) => {
+      return value != null;
+    };
+  }
+}];
+
+exports.getGridDateOperators = getGridDateOperators;

package/node/colDef/gridNumericColDef.js

@@ -0,0 +1,31 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.GRID_NUMERIC_COL_DEF = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _gridSortingUtils = require("../hooks/features/sorting/gridSortingUtils");
+
+var _utils = require("../utils/utils");
+
+var _gridNumericOperators = require("./gridNumericOperators");
+
+var _gridStringColDef = require("./gridStringColDef");
+
+const GRID_NUMERIC_COL_DEF = (0, _extends2.default)({}, _gridStringColDef.GRID_STRING_COL_DEF, {
+  type: 'number',
+  align: 'right',
+  headerAlign: 'right',
+  sortComparator: _gridSortingUtils.gridNumberComparator,
+  valueParser: value => value === '' ? null : Number(value),
+  valueFormatter: ({
+    value
+  }) => value && (0, _utils.isNumber)(value) && value.toLocaleString() || value,
+  filterOperators: (0, _gridNumericOperators.getGridNumericOperators)()
+});
+exports.GRID_NUMERIC_COL_DEF = GRID_NUMERIC_COL_DEF;