@cdx-ui/data-grid 0.3.10 → 0.3.12

package/lib/module/numberCells.js

@@ -0,0 +1,275 @@
+"use strict";
+
+import { View } from 'react-native';
+import { Text } from '@cdx-ui/components';
+import { ArrowDropDown, ArrowDropUp, TrendingDown, TrendingFlat, TrendingUp } from '@cdx-ui/icons';
+import { cn } from '@cdx-ui/utils';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/** Unicode minus (U+2212). The spec requires this character, not a hyphen. */
+const MINUS = '\u2212';
+const defaultNumberFormat = new Intl.NumberFormat(undefined, {
+  maximumFractionDigits: 20
+});
+const TONE_CLASS = {
+  success: 'text-content-success',
+  danger: 'text-content-danger',
+  neutral: 'text-content-primary'
+};
+const ARROW_SLOT = {
+  default: 'h-5 w-3.5 items-center justify-center overflow-hidden',
+  compact: 'h-4 w-3 items-center justify-center overflow-hidden'
+};
+const ARROW_SIZE = {
+  default: 20,
+  compact: 16
+};
+const TREND_SIZE = {
+  default: 14,
+  compact: 12
+};
+function toFiniteNumber(value) {
+  return typeof value === 'number' && Number.isFinite(value) ? value : null;
+}
+function columnValueFormatter(format) {
+  if (!format) {
+    return undefined;
+  }
+  return value => {
+    const numeric = toFiniteNumber(value);
+    return numeric == null ? '' : format(numeric);
+  };
+}
+function formatRaw(value, row, col) {
+  const formatted = col.valueFormatter?.(value, row, col);
+  if (typeof formatted === 'string' && formatted.length > 0) {
+    return formatted;
+  }
+  return defaultNumberFormat.format(value);
+}
+function unsigned(formatted) {
+  const withoutSign = formatted.replace(/^[-−+]\s*/, '');
+  if (withoutSign.startsWith('(') && withoutSign.endsWith(')')) {
+    return withoutSign.slice(1, -1);
+  }
+  return withoutSign;
+}
+function polarityOf(value) {
+  if (value > 0) {
+    return 'positive';
+  }
+  if (value < 0) {
+    return 'negative';
+  }
+  return 'neutral';
+}
+function directionOf(value) {
+  if (value > 0) {
+    return 'increase';
+  }
+  if (value < 0) {
+    return 'decrease';
+  }
+  return 'flat';
+}
+function polarityTone(polarity) {
+  if (polarity === 'positive') {
+    return 'success';
+  }
+  if (polarity === 'negative') {
+    return 'danger';
+  }
+  return 'neutral';
+}
+function deltaTone(direction, increaseIsGood) {
+  if (direction === 'flat') {
+    return 'neutral';
+  }
+  const favorable = direction === 'increase' ? increaseIsGood : !increaseIsGood;
+  return favorable ? 'success' : 'danger';
+}
+function polarityLabel(polarity) {
+  if (polarity === 'positive') {
+    return 'Positive';
+  }
+  if (polarity === 'negative') {
+    return 'Negative';
+  }
+  return 'Neutral';
+}
+function directionLabel(direction) {
+  if (direction === 'increase') {
+    return 'Increase';
+  }
+  if (direction === 'decrease') {
+    return 'Decrease';
+  }
+  return 'No change';
+}
+function NumberReadout({
+  label,
+  display,
+  tone,
+  density,
+  children
+}) {
+  return /*#__PURE__*/_jsxs(View, {
+    className: "relative flex-row items-center gap-0.5",
+    children: [/*#__PURE__*/_jsx(Text, {
+      className: "absolute h-px w-px overflow-hidden opacity-0",
+      children: label
+    }), /*#__PURE__*/_jsxs(View, {
+      "aria-hidden": true,
+      accessibilityElementsHidden: true,
+      importantForAccessibility: "no-hide-descendants",
+      className: "flex-row items-center gap-0.5",
+      children: [children, /*#__PURE__*/_jsx(Text, {
+        color: tone === 'neutral' ? 'primary' : tone,
+        size: density === 'compact' ? 'sm' : 'md',
+        children: display
+      })]
+    })]
+  });
+}
+function ToneIcon({
+  icon: Icon,
+  tone,
+  size,
+  slotClassName
+}) {
+  return /*#__PURE__*/_jsx(View, {
+    className: cn(TONE_CLASS[tone], slotClassName),
+    children: /*#__PURE__*/_jsx(Icon, {
+      size: size
+    })
+  });
+}
+function PolarityNumberCell({
+  value,
+  row,
+  col,
+  density
+}) {
+  const numeric = toFiniteNumber(value);
+  if (numeric == null) {
+    return null;
+  }
+  const polarity = polarityOf(numeric);
+  const magnitude = unsigned(formatRaw(numeric, row, col));
+  const display = polarity === 'negative' ? `${MINUS}${magnitude}` : magnitude;
+  return /*#__PURE__*/_jsx(NumberReadout, {
+    label: `${polarityLabel(polarity)} ${magnitude}`,
+    display: display,
+    tone: polarityTone(polarity),
+    density: density
+  });
+}
+function DeltaSymbol({
+  direction,
+  tone,
+  density,
+  symbol
+}) {
+  if (symbol === 'sign') {
+    return null;
+  }
+  if (symbol === 'arrow') {
+    if (direction === 'flat') {
+      return /*#__PURE__*/_jsx(View, {
+        className: ARROW_SLOT[density]
+      });
+    }
+    return /*#__PURE__*/_jsx(ToneIcon, {
+      icon: direction === 'increase' ? ArrowDropUp : ArrowDropDown,
+      tone: tone,
+      size: ARROW_SIZE[density],
+      slotClassName: ARROW_SLOT[density]
+    });
+  }
+  const icon = direction === 'increase' ? TrendingUp : direction === 'decrease' ? TrendingDown : TrendingFlat;
+  return /*#__PURE__*/_jsx(ToneIcon, {
+    icon: icon,
+    tone: tone,
+    size: TREND_SIZE[density]
+  });
+}
+function DeltaNumberCell({
+  value,
+  row,
+  col,
+  density,
+  increaseIsGood,
+  symbol
+}) {
+  const numeric = toFiniteNumber(value);
+  if (numeric == null) {
+    return null;
+  }
+  const direction = directionOf(numeric);
+  const tone = deltaTone(direction, increaseIsGood);
+  const magnitude = unsigned(formatRaw(numeric, row, col));
+  let display = magnitude;
+  if (symbol === 'sign' && direction === 'increase') {
+    display = `+${magnitude}`;
+  } else if (symbol === 'sign' && direction === 'decrease') {
+    display = `${MINUS}${magnitude}`;
+  }
+  return /*#__PURE__*/_jsx(NumberReadout, {
+    label: `${directionLabel(direction)} ${magnitude}`,
+    display: display,
+    tone: tone,
+    density: density,
+    children: /*#__PURE__*/_jsx(DeltaSymbol, {
+      direction: direction,
+      tone: tone,
+      density: density,
+      symbol: symbol
+    })
+  });
+}
+export function gridPolarityNumberColDef(options = {}) {
+  const density = options.density ?? 'default';
+  return {
+    type: 'number',
+    align: 'end',
+    headerAlign: 'end',
+    ...(options.valueFormatter ? {
+      valueFormatter: columnValueFormatter(options.valueFormatter)
+    } : {}),
+    renderCell: ({
+      value,
+      row,
+      col
+    }) => /*#__PURE__*/_jsx(PolarityNumberCell, {
+      value: value,
+      row: row,
+      col: col,
+      density: density
+    })
+  };
+}
+export function gridDeltaNumberColDef(options = {}) {
+  const density = options.density ?? 'default';
+  const increaseIsGood = options.increaseIsGood ?? true;
+  const symbol = options.symbol ?? 'arrow';
+  return {
+    type: 'number',
+    align: 'end',
+    headerAlign: 'end',
+    ...(options.valueFormatter ? {
+      valueFormatter: columnValueFormatter(options.valueFormatter)
+    } : {}),
+    renderCell: ({
+      value,
+      row,
+      col
+    }) => /*#__PURE__*/_jsx(DeltaNumberCell, {
+      value: value,
+      row: row,
+      col: col,
+      density: density,
+      increaseIsGood: increaseIsGood,
+      symbol: symbol
+    })
+  };
+}
+//# sourceMappingURL=numberCells.js.map

package/lib/module/numberCells.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["View","Text","ArrowDropDown","ArrowDropUp","TrendingDown","TrendingFlat","TrendingUp","cn","jsx","_jsx","jsxs","_jsxs","MINUS","defaultNumberFormat","Intl","NumberFormat","undefined","maximumFractionDigits","TONE_CLASS","success","danger","neutral","ARROW_SLOT","default","compact","ARROW_SIZE","TREND_SIZE","toFiniteNumber","value","Number","isFinite","columnValueFormatter","format","numeric","formatRaw","row","col","formatted","valueFormatter","length","unsigned","withoutSign","replace","startsWith","endsWith","slice","polarityOf","directionOf","polarityTone","polarity","deltaTone","direction","increaseIsGood","favorable","polarityLabel","directionLabel","NumberReadout","label","display","tone","density","children","className","accessibilityElementsHidden","importantForAccessibility","color","size","ToneIcon","icon","Icon","slotClassName","PolarityNumberCell","magnitude","DeltaSymbol","symbol","DeltaNumberCell","gridPolarityNumberColDef","options","type","align","headerAlign","renderCell","gridDeltaNumberColDef"],"sourceRoot":"../../src","sources":["numberCells.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/styles.js

@@ -35,6 +35,47 @@ export const dataGridMainVariants = cva('relative min-h-0 w-full min-w-0 max-w-f
     overlay: false
   }
 });
+
+/**
+ * Opaque sticky fill so pinned cells cover scrolled content.
+ * Body hover matches the row's 50% secondary tint, mixed over the primary surface
+ * so the cell stays opaque while content scrolls underneath.
+ */
+export const dataGridPinnedSurfaceVariants = cva(Platform.select({
+  web: 'bg-surface-primary',
+  default: ''
+}), {
+  variants: {
+    header: {
+      true: 'bg-neutral-50',
+      false: Platform.select({
+        web: 'web:[tr:hover_&]:bg-[color-mix(in_srgb,var(--color-surface-secondary)_50%,var(--color-surface-primary))]',
+        default: ''
+      })
+    }
+  },
+  defaultVariants: {
+    header: false
+  }
+});
+export const dataGridPinnedEdgeVariants = cva('', {
+  variants: {
+    edge: {
+      start: Platform.select({
+        web: 'border-e border-stroke-secondary',
+        default: ''
+      }),
+      end: Platform.select({
+        web: 'border-s border-stroke-secondary',
+        default: ''
+      }),
+      none: ''
+    }
+  },
+  defaultVariants: {
+    edge: 'none'
+  }
+});
 export const dataGridToolbarVariants = cva('shrink-0 flex-row items-center gap-3 border-b border-stroke-secondary px-4 py-4');
 export const dataGridToolbarSearchVariants = cva('max-w-80 min-w-0 flex-1');
 export const dataGridToolbarActionsVariants = cva('ms-auto flex-row items-center gap-3');
@@ -106,6 +147,25 @@ export const dataGridBodyVariants = cva(Platform.select({
   default: ''
 }));
 export const dataGridFilterInputVariants = cva('min-w-24');
+export const dataGridFilterPanelVariants = cva('absolute start-4 top-16 z-30 w-max max-w-[calc(100%-2rem)] gap-3 rounded-lg border border-stroke-secondary bg-surface-primary px-3 pb-2 pt-3 shadow-lg');
+
+// The panel is as wide as one unwrapped row, capped at the grid's width. Below that, fields wrap
+// onto new lines and grow to fill them, so the layout follows the grid's width, not the viewport.
+export const dataGridFilterPanelRowVariants = cva('flex-row flex-wrap items-end gap-2');
+export const dataGridFilterPanelLogicVariants = cva('min-h-8 w-24 shrink-0 justify-center');
+export const dataGridFilterPanelFieldVariants = cva('min-w-0 shrink grow gap-1', {
+  variants: {
+    size: {
+      column: 'w-40',
+      operator: 'w-40',
+      value: 'w-56'
+    }
+  }
+});
+export const dataGridFilterPanelColumnVariants = cva('w-full');
+export const dataGridFilterPanelOperatorVariants = cva('w-full');
+export const dataGridFilterPanelValueVariants = cva('w-full');
+export const dataGridFilterPanelFooterVariants = cva('flex-row items-center justify-between gap-2 border-t border-stroke-secondary pt-2');
 export const dataGridHeadVariants = cva(['h-12 bg-neutral-50 px-4', Platform.select({
   web: 'border-b border-stroke-secondary',
   default: ''

package/lib/module/styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["Platform","cva","dataGridRootVariants","variants","autoHeight","true","false","defaultVariants","dataGridMainVariants","overlay","compoundVariants","className","dataGridToolbarVariants","dataGridToolbarSearchVariants","dataGridToolbarActionsVariants","dataGridFooterVariants","dataGridOverlayVariants","headerFilters","dataGridEmptyOverlayVariants","dataGridHeaderCellInnerVariants","align","start","center","end","fitToColumn","dataGridHeaderLabelVariants","dataGridSortButtonVariants","position","leading","trailing","sorted","dataGridTableVariants","select","web","default","dataGridHeaderVariants","dataGridBodyVariants","dataGridFilterInputVariants","dataGridHeadVariants","dataGridSelectHeadVariants","dataGridCellVariants","dataGridSelectCellVariants","dataGridPaginationVariants","dataGridPaginationRangeVariants"],"sourceRoot":"../../src","sources":["styles.ts"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["Platform","cva","dataGridRootVariants","variants","autoHeight","true","false","defaultVariants","dataGridMainVariants","overlay","compoundVariants","className","dataGridPinnedSurfaceVariants","select","web","default","header","dataGridPinnedEdgeVariants","edge","start","end","none","dataGridToolbarVariants","dataGridToolbarSearchVariants","dataGridToolbarActionsVariants","dataGridFooterVariants","dataGridOverlayVariants","headerFilters","dataGridEmptyOverlayVariants","dataGridHeaderCellInnerVariants","align","center","fitToColumn","dataGridHeaderLabelVariants","dataGridSortButtonVariants","position","leading","trailing","sorted","dataGridTableVariants","dataGridHeaderVariants","dataGridBodyVariants","dataGridFilterInputVariants","dataGridFilterPanelVariants","dataGridFilterPanelRowVariants","dataGridFilterPanelLogicVariants","dataGridFilterPanelFieldVariants","size","column","operator","value","dataGridFilterPanelColumnVariants","dataGridFilterPanelOperatorVariants","dataGridFilterPanelValueVariants","dataGridFilterPanelFooterVariants","dataGridHeadVariants","dataGridSelectHeadVariants","dataGridCellVariants","dataGridSelectCellVariants","dataGridPaginationVariants","dataGridPaginationRangeVariants"],"sourceRoot":"../../src","sources":["styles.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/types.js

@@ -1,6 +1,34 @@
 "use strict";
 
+/**
+ * Filter operators. Names match MUI Data Grid Community so server handlers written for
+ * MUI keep working. Which operators a column accepts depends on its `type`.
+ */
+
+/**
+ * Columns pinned to the logical start and end edges while the grid scrolls
+ * horizontally.
+ *
+ * `left` and `right` are deprecated compatibility aliases for `start` and `end`
+ * (same mapping as `GridColDef.align`).
+ */
+
+/** How `filterModel` items combine: every item must match (`'and'`) or any one item (`'or'`). */
+
+/**
+ * Built-in column types. Names and defaults match MUI Data Grid Community.
+ * Omit `type` to keep untyped display, alignment, and sort.
+ */
+
+/**
+ * A `singleSelect` choice: a primitive (value and label are the same) or an
+ * explicit `{ value, label }` pair.
+ */
+
 export const SELECT_COLUMN_ID = '__select__';
+
+/** MUI X Data Grid checkbox-column field; accepted as an alias for {@link SELECT_COLUMN_ID}. */
+export const MUI_CHECKBOX_FIELD = '__check__';
 export const DEFAULT_PAGE_SIZE_OPTIONS = [25, 50, 100];
 export const DEFAULT_PAGINATION_MODEL = {
   page: 0,

package/lib/module/types.js.map

@@ -1 +1 @@
-{"version":3,"names":["SELECT_COLUMN_ID","DEFAULT_PAGE_SIZE_OPTIONS","DEFAULT_PAGINATION_MODEL","page","pageSize","EMPTY_SELECTION","type","ids","Set"],"sourceRoot":"../../src","sources":["types.ts"],"mappings":";;AAuIA,OAAO,MAAMA,gBAAgB,GAAG,YAAY;AAE5C,OAAO,MAAMC,yBAAyB,GAAG,CAAC,EAAE,EAAE,EAAE,EAAE,GAAG,CAAU;AAE/D,OAAO,MAAMC,wBAA6C,GAAG;EAC3DC,IAAI,EAAE,CAAC;EACPC,QAAQ,EAAE;AACZ,CAAC;AAED,OAAO,MAAMC,eAAsC,GAAG;EACpDC,IAAI,EAAE,SAAS;EACfC,GAAG,EAAE,IAAIC,GAAG,CAAC;AACf,CAAC","ignoreList":[]}
+{"version":3,"names":["SELECT_COLUMN_ID","MUI_CHECKBOX_FIELD","DEFAULT_PAGE_SIZE_OPTIONS","DEFAULT_PAGINATION_MODEL","page","pageSize","EMPTY_SELECTION","type","ids","Set"],"sourceRoot":"../../src","sources":["types.ts"],"mappings":";;AA8BA;AACA;AACA;AACA;;AAsCA;AACA;AACA;AACA;AACA;AACA;AACA;;AAcA;;AAYA;AACA;AACA;AACA;;AAGA;AACA;AACA;AACA;;AA+HA,OAAO,MAAMA,gBAAgB,GAAG,YAAY;;AAE5C;AACA,OAAO,MAAMC,kBAAkB,GAAG,WAAW;AAE7C,OAAO,MAAMC,yBAAyB,GAAG,CAAC,EAAE,EAAE,EAAE,EAAE,GAAG,CAAU;AAE/D,OAAO,MAAMC,wBAA6C,GAAG;EAC3DC,IAAI,EAAE,CAAC;EACPC,QAAQ,EAAE;AACZ,CAAC;AAED,OAAO,MAAMC,eAAsC,GAAG;EACpDC,IAAI,EAAE,SAAS;EACfC,GAAG,EAAE,IAAIC,GAAG,CAAC;AACf,CAAC","ignoreList":[]}

package/lib/module/useDataGridTable.js

@@ -1,12 +1,25 @@
 "use strict";
 
 import { useMemo } from 'react';
-import { columnFilteringFeature, createFilteredRowModel, createPaginatedRowModel, createSortedRowModel, filterFn_includesString, globalFilteringFeature, rowPaginationFeature, rowSelectionFeature, rowSortingFeature, sortFn_alphanumeric, sortFn_text, tableFeatures, useTable } from '@tanstack/react-table';
+import { columnFilteringFeature, columnPinningFeature, createFilteredRowModel, createPaginatedRowModel, createSortedRowModel, filterFn_includesString, globalFilteringFeature, rowPaginationFeature, rowSelectionFeature, rowSortingFeature, sortFn_alphanumeric, sortFn_text, tableFeatures, useTable } from '@tanstack/react-table';
 import { createSelectColumn } from './adapter/selectColumn';
 import { applyUpdater, gridColDefToColumnDef } from './adapter/columns';
+import { filterFn_displayText, metaUsesDisplayFilter, normalizeFilterQuery, sortFn_boolean, sortFn_datetime, sortFn_number, sortFn_selectLabel, untypedCellIncludesQuery } from './adapter/columnTypes';
+import { filterOperatorNeedsValue, isActiveFilterItem, isBlankFilterValue, isFilterValueGroup, isOperatorFilterValue, rowMatchesFilterItem } from './adapter/filterOperators';
 import { SELECT_COLUMN_ID } from './types';
+function gridGlobalFilterFn(row, columnId, filterValue) {
+  if (columnId === SELECT_COLUMN_ID) {
+    return false;
+  }
+  const meta = row.getAllCells().find(cell => cell.column.id === columnId)?.column.columnDef.meta;
+  if (metaUsesDisplayFilter(meta)) {
+    return filterFn_displayText(row, columnId, filterValue);
+  }
+  return untypedCellIncludesQuery(row.getValue(columnId), normalizeFilterQuery(filterValue));
+}
 const features = tableFeatures({
   columnFilteringFeature,
+  columnPinningFeature,
   globalFilteringFeature,
   rowSortingFeature,
   rowPaginationFeature,
@@ -19,7 +32,11 @@ const features = tableFeatures({
   },
   sortFns: {
     alphanumeric: sortFn_alphanumeric,
-    text: sortFn_text
+    text: sortFn_text,
+    number: sortFn_number,
+    datetime: sortFn_datetime,
+    boolean: sortFn_boolean,
+    selectLabel: sortFn_selectLabel
   }
 });
 export function sortModelToSortingState(model) {
@@ -58,17 +75,60 @@ function columnFilterValueToString(value) {
   }
   return '';
 }
+
+/**
+ * Items without an `operator` keep today's text filter. Items with one carry the operator and
+ * typed operand into the column filter. An item whose operator needs a value but has none is
+ * dropped, so `isEmpty` / `isNotEmpty` survive a blank `value` and nothing else does.
+ */
 export function filterModelToColumnFilters(model) {
-  return model.filter(item => item.value.trim().length > 0).map(item => ({
-    id: item.field,
-    value: item.value
+  const valuesByField = new Map();
+  for (const item of model) {
+    let value;
+    if (item.operator !== undefined) {
+      if (filterOperatorNeedsValue(item.operator) && isBlankFilterValue(item.value)) {
+        continue;
+      }
+      value = {
+        operator: item.operator,
+        value: item.value
+      };
+    } else {
+      const text = columnFilterValueToString(item.value);
+      if (text.trim().length === 0) {
+        continue;
+      }
+      value = text;
+    }
+    const values = valuesByField.get(item.field);
+    if (values) {
+      values.push(value);
+    } else {
+      valuesByField.set(item.field, [value]);
+    }
+  }
+  return [...valuesByField].map(([id, values]) => ({
+    id,
+    value: values.length === 1 ? values[0] : {
+      items: values
+    }
   }));
 }
+function columnFilterValueToItem(field, value) {
+  if (isOperatorFilterValue(value)) {
+    return {
+      field,
+      operator: value.operator,
+      value: value.value
+    };
+  }
+  return {
+    field,
+    value: columnFilterValueToString(value)
+  };
+}
 export function columnFiltersToFilterModel(state) {
-  return state.filter(item => item.id !== SELECT_COLUMN_ID).map(item => ({
-    field: item.id,
-    value: columnFilterValueToString(item.value)
-  }));
+  return state.filter(item => item.id !== SELECT_COLUMN_ID).flatMap(item => isFilterValueGroup(item.value) ? item.value.items.map(value => columnFilterValueToItem(item.id, value)) : [columnFilterValueToItem(item.id, item.value)]);
 }
 function selectionIdKey(id) {
   return `${typeof id}:${String(id)}`;
@@ -149,12 +209,30 @@ export function useDataGridTable({
   onPaginationModelChange,
   filterModel,
   onFilterModelChange,
+  filterLogicOperator,
   quickFilter,
   onQuickFilterChange,
   rowSelectionModel,
-  onRowSelectionModelChange
+  onRowSelectionModelChange,
+  columnPinning
 }) {
-  const data = useMemo(() => [...rows], [rows]);
+  const orFilterItems = useMemo(() => {
+    if (filterLogicOperator !== 'or' || filterMode === 'server') {
+      return undefined;
+    }
+    const active = filterModel.filter(isActiveFilterItem);
+    return active.length > 1 ? active : undefined;
+  }, [filterLogicOperator, filterMode, filterModel]);
+  const data = useMemo(() => {
+    if (!orFilterItems) {
+      return [...rows];
+    }
+    const filterableColumns = new Map(columns.filter(col => col.filterable !== false).map(col => [col.field, col]));
+    return rows.filter(row => orFilterItems.some(item => {
+      const col = filterableColumns.get(item.field);
+      return col !== undefined && rowMatchesFilterItem(col, row, item);
+    }));
+  }, [columns, orFilterItems, rows]);
   const allIds = useMemo(() => data.map(row => resolveRowId(row, getRowId)), [data, getRowId]);
   const columnDefs = useMemo(() => {
     const mapped = columns.map(col => {
@@ -168,7 +246,7 @@ export function useDataGridTable({
   }, [checkboxSelection, columns, disableColumnSorting]);
   const sortingState = useMemo(() => sortModelToSortingState(sortModel), [sortModel]);
   const paginationState = useMemo(() => paginationModelToState(paginationModel), [paginationModel]);
-  const columnFilterState = useMemo(() => filterModelToColumnFilters(filterModel), [filterModel]);
+  const columnFilterState = useMemo(() => orFilterItems ? [] : filterModelToColumnFilters(filterModel), [filterModel, orFilterItems]);
   const rowSelectionState = useMemo(() => selectionModelToRowSelection(rowSelectionModel, allIds), [rowSelectionModel, allIds]);
   const resetPaginationPage = () => {
     if (paginationModel.page !== 0) {
@@ -200,6 +278,7 @@ export function useDataGridTable({
     getRowId: row => selectionIdKey(resolveRowId(row, getRowId)),
     enableMultiSort: false,
     enableMultiRowSelection: true,
+    globalFilterFn: gridGlobalFilterFn,
     manualPagination: paginationMode === 'server',
     manualSorting: sortingMode === 'server',
     manualFiltering: filterMode === 'server',
@@ -210,7 +289,8 @@ export function useDataGridTable({
       pagination: paginationState,
       columnFilters: columnFilterState,
       globalFilter: quickFilter,
-      rowSelection: rowSelectionState
+      rowSelection: rowSelectionState,
+      columnPinning
     },
     onSortingChange: updater => {
       const next = applyUpdater(updater, sortingState);
@@ -235,10 +315,15 @@ export function useDataGridTable({
       onRowSelectionModelChange(rowSelectionToModel(next, rowSelectionModel, allIds));
     }
   });
+  const setFilterModel = model => {
+    onFilterModelChange(model);
+    resetPaginationPage();
+  };
   return {
     table,
     setQuickFilter,
-    setColumnFilter
+    setColumnFilter,
+    setFilterModel
   };
 }
 //# sourceMappingURL=useDataGridTable.js.map