@mui/x-data-grid 6.18.2 → 6.18.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (75) hide show
  1. package/CHANGELOG.md +101 -1
  2. package/components/GridRow.js +2 -4
  3. package/components/cell/GridCell.js +15 -15
  4. package/components/cell/GridEditDateCell.js +1 -20
  5. package/components/columnHeaders/GridColumnGroupHeader.js +2 -1
  6. package/components/columnHeaders/GridColumnHeaderItem.js +2 -1
  7. package/components/panel/filterPanel/GridFilterForm.js +2 -2
  8. package/components/panel/filterPanel/GridFilterInputValue.js +1 -1
  9. package/hooks/features/editing/useGridCellEditing.js +8 -21
  10. package/hooks/features/editing/useGridRowEditing.js +7 -21
  11. package/hooks/features/keyboardNavigation/useGridKeyboardNavigation.js +2 -1
  12. package/hooks/features/rowSelection/useGridRowSelection.js +2 -1
  13. package/index.js +1 -1
  14. package/internals/index.d.ts +1 -1
  15. package/internals/index.js +1 -1
  16. package/legacy/components/GridRow.js +2 -4
  17. package/legacy/components/cell/GridCell.js +14 -14
  18. package/legacy/components/cell/GridEditDateCell.js +1 -20
  19. package/legacy/components/columnHeaders/GridColumnGroupHeader.js +2 -1
  20. package/legacy/components/columnHeaders/GridColumnHeaderItem.js +2 -1
  21. package/legacy/components/panel/filterPanel/GridFilterForm.js +2 -2
  22. package/legacy/components/panel/filterPanel/GridFilterInputValue.js +1 -1
  23. package/legacy/hooks/features/editing/useGridCellEditing.js +8 -21
  24. package/legacy/hooks/features/editing/useGridRowEditing.js +7 -23
  25. package/legacy/hooks/features/keyboardNavigation/useGridKeyboardNavigation.js +2 -1
  26. package/legacy/hooks/features/rowSelection/useGridRowSelection.js +2 -1
  27. package/legacy/index.js +1 -1
  28. package/legacy/internals/index.js +1 -1
  29. package/legacy/locales/bgBG.js +33 -37
  30. package/legacy/locales/daDK.js +37 -39
  31. package/legacy/models/params/gridEditCellParams.js +1 -0
  32. package/legacy/utils/domUtils.js +10 -1
  33. package/locales/bgBG.js +33 -37
  34. package/locales/daDK.js +37 -39
  35. package/models/api/gridEditingApi.d.ts +2 -4
  36. package/models/params/gridEditCellParams.d.ts +3 -1
  37. package/models/params/gridEditCellParams.js +1 -0
  38. package/models/params/gridRowParams.d.ts +1 -0
  39. package/modern/components/GridRow.js +2 -4
  40. package/modern/components/cell/GridCell.js +15 -15
  41. package/modern/components/cell/GridEditDateCell.js +1 -20
  42. package/modern/components/columnHeaders/GridColumnGroupHeader.js +2 -1
  43. package/modern/components/columnHeaders/GridColumnHeaderItem.js +2 -1
  44. package/modern/components/panel/filterPanel/GridFilterForm.js +2 -2
  45. package/modern/components/panel/filterPanel/GridFilterInputValue.js +1 -1
  46. package/modern/hooks/features/editing/useGridCellEditing.js +8 -21
  47. package/modern/hooks/features/editing/useGridRowEditing.js +7 -21
  48. package/modern/hooks/features/keyboardNavigation/useGridKeyboardNavigation.js +2 -1
  49. package/modern/hooks/features/rowSelection/useGridRowSelection.js +2 -1
  50. package/modern/index.js +1 -1
  51. package/modern/internals/index.js +1 -1
  52. package/modern/locales/bgBG.js +33 -37
  53. package/modern/locales/daDK.js +37 -39
  54. package/modern/models/params/gridEditCellParams.js +1 -0
  55. package/modern/utils/domUtils.js +10 -1
  56. package/node/components/GridRow.js +1 -3
  57. package/node/components/cell/GridCell.js +15 -15
  58. package/node/components/cell/GridEditDateCell.js +1 -20
  59. package/node/components/columnHeaders/GridColumnGroupHeader.js +2 -1
  60. package/node/components/columnHeaders/GridColumnHeaderItem.js +2 -1
  61. package/node/components/panel/filterPanel/GridFilterForm.js +2 -2
  62. package/node/components/panel/filterPanel/GridFilterInputValue.js +1 -1
  63. package/node/hooks/features/editing/useGridCellEditing.js +7 -20
  64. package/node/hooks/features/editing/useGridRowEditing.js +6 -20
  65. package/node/hooks/features/keyboardNavigation/useGridKeyboardNavigation.js +2 -1
  66. package/node/hooks/features/rowSelection/useGridRowSelection.js +2 -1
  67. package/node/index.js +1 -1
  68. package/node/internals/index.js +7 -0
  69. package/node/locales/bgBG.js +33 -37
  70. package/node/locales/daDK.js +37 -39
  71. package/node/models/params/gridEditCellParams.js +1 -0
  72. package/node/utils/domUtils.js +11 -1
  73. package/package.json +1 -1
  74. package/utils/domUtils.d.ts +2 -0
  75. package/utils/domUtils.js +10 -1
@@ -53,47 +53,45 @@ const daDKGrid = {
53
53
  filterPanelInputLabel: 'Værdi',
54
54
  filterPanelInputPlaceholder: 'Filter værdi',
55
55
  // Filter operators text
56
- filterOperatorContains: 'Indeholder',
57
- filterOperatorEquals: 'Lig med',
58
- filterOperatorStartsWith: 'Begynder med',
59
- filterOperatorEndsWith: 'Ender med',
60
- filterOperatorIs: 'Er lig med',
61
- filterOperatorNot: 'Er ikke lig med',
62
- filterOperatorAfter: 'Efter',
63
- filterOperatorOnOrAfter: ' eller efter',
64
- filterOperatorBefore: 'Før',
65
- filterOperatorOnOrBefore: ' eller før',
66
- filterOperatorIsEmpty: 'Indeholder ikke data',
67
- filterOperatorIsNotEmpty: 'Indeholder data',
56
+ filterOperatorContains: 'indeholder',
57
+ filterOperatorEquals: 'lig med',
58
+ filterOperatorStartsWith: 'begynder med',
59
+ filterOperatorEndsWith: 'ender med',
60
+ filterOperatorIs: 'er lig med',
61
+ filterOperatorNot: 'er ikke lig med',
62
+ filterOperatorAfter: 'efter',
63
+ filterOperatorOnOrAfter: ' eller efter',
64
+ filterOperatorBefore: 'før',
65
+ filterOperatorOnOrBefore: ' eller før',
66
+ filterOperatorIsEmpty: 'indeholder ikke data',
67
+ filterOperatorIsNotEmpty: 'indeholder data',
68
68
  filterOperatorIsAnyOf: 'indeholder en af',
69
- // 'filterOperator=': '=',
70
- // 'filterOperator!=': '!=',
71
- // 'filterOperator>': '>',
72
- // 'filterOperator>=': '>=',
73
- // 'filterOperator<': '<',
74
- // 'filterOperator<=': '<=',
75
-
69
+ 'filterOperator=': '=',
70
+ 'filterOperator!=': '!=',
71
+ 'filterOperator>': '>',
72
+ 'filterOperator>=': '>=',
73
+ 'filterOperator<': '<',
74
+ 'filterOperator<=': '<=',
76
75
  // Header filter operators text
77
- // headerFilterOperatorContains: 'Contains',
78
- // headerFilterOperatorEquals: 'Equals',
79
- // headerFilterOperatorStartsWith: 'Starts with',
80
- // headerFilterOperatorEndsWith: 'Ends with',
81
- // headerFilterOperatorIs: 'Is',
82
- // headerFilterOperatorNot: 'Is not',
83
- // headerFilterOperatorAfter: 'Is after',
84
- // headerFilterOperatorOnOrAfter: 'Is on or after',
85
- // headerFilterOperatorBefore: 'Is before',
86
- // headerFilterOperatorOnOrBefore: 'Is on or before',
87
- // headerFilterOperatorIsEmpty: 'Is empty',
88
- // headerFilterOperatorIsNotEmpty: 'Is not empty',
89
- // headerFilterOperatorIsAnyOf: 'Is any of',
90
- // 'headerFilterOperator=': 'Equals',
91
- // 'headerFilterOperator!=': 'Not equals',
92
- // 'headerFilterOperator>': 'Greater than',
93
- // 'headerFilterOperator>=': 'Greater than or equal to',
94
- // 'headerFilterOperator<': 'Less than',
95
- // 'headerFilterOperator<=': 'Less than or equal to',
96
-
76
+ headerFilterOperatorContains: 'Indeholder',
77
+ headerFilterOperatorEquals: 'Lig med',
78
+ headerFilterOperatorStartsWith: 'Begynder med',
79
+ headerFilterOperatorEndsWith: 'Ender med',
80
+ headerFilterOperatorIs: 'Er lig med',
81
+ headerFilterOperatorNot: 'Er ikke lig med',
82
+ headerFilterOperatorAfter: 'Efter',
83
+ headerFilterOperatorOnOrAfter: ' eller efter',
84
+ headerFilterOperatorBefore: 'Før',
85
+ headerFilterOperatorOnOrBefore: ' eller før',
86
+ headerFilterOperatorIsEmpty: 'Indeholder ikke data',
87
+ headerFilterOperatorIsNotEmpty: 'Indeholder data',
88
+ headerFilterOperatorIsAnyOf: 'Indeholder en af',
89
+ 'headerFilterOperator=': 'Lig med',
90
+ 'headerFilterOperator!=': 'Ikke lig med',
91
+ 'headerFilterOperator>': 'Større end',
92
+ 'headerFilterOperator>=': 'Større end eller lig med',
93
+ 'headerFilterOperator<': 'Mindre end',
94
+ 'headerFilterOperator<=': 'Mindre end eller lig med',
97
95
  // Filter values text
98
96
  filterValueAny: 'hvilken som helst',
99
97
  filterValueTrue: 'positiv',
@@ -12,6 +12,7 @@ var GridCellEditStartReasons = exports.GridCellEditStartReasons = /*#__PURE__*/f
12
12
  GridCellEditStartReasons["cellDoubleClick"] = "cellDoubleClick";
13
13
  GridCellEditStartReasons["printableKeyDown"] = "printableKeyDown";
14
14
  GridCellEditStartReasons["deleteKeyDown"] = "deleteKeyDown";
15
+ GridCellEditStartReasons["pasteKeyDown"] = "pasteKeyDown";
15
16
  return GridCellEditStartReasons;
16
17
  }(GridCellEditStartReasons || {});
17
18
  /**
@@ -9,6 +9,7 @@ exports.getGridCellElement = getGridCellElement;
9
9
  exports.getGridColumnHeaderElement = getGridColumnHeaderElement;
10
10
  exports.getGridRowElement = getGridRowElement;
11
11
  exports.getRowEl = getRowEl;
12
+ exports.isEventTargetInPortal = isEventTargetInPortal;
12
13
  exports.isGridCellRoot = isGridCellRoot;
13
14
  exports.isGridHeaderCellRoot = isGridHeaderCellRoot;
14
15
  exports.isOverflown = isOverflown;
@@ -66,4 +67,13 @@ const getActiveElement = (root = document) => {
66
67
  }
67
68
  return activeEl;
68
69
  };
69
- exports.getActiveElement = getActiveElement;
70
+ exports.getActiveElement = getActiveElement;
71
+ function isEventTargetInPortal(event) {
72
+ if (
73
+ // The target is not an element when triggered by a Select inside the cell
74
+ // See https://github.com/mui/material-ui/issues/10534
75
+ event.target.nodeType === 1 && !event.currentTarget.contains(event.target)) {
76
+ return true;
77
+ }
78
+ return false;
79
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mui/x-data-grid",
3
- "version": "6.18.2",
3
+ "version": "6.18.4",
4
4
  "description": "The community edition of the data grid component (MUI X).",
5
5
  "author": "MUI Team",
6
6
  "main": "./node/index.js",
@@ -1,3 +1,4 @@
1
+ /// <reference types="react" />
1
2
  import { GridRowId } from '../models/gridRows';
2
3
  export declare function isOverflown(element: Element): boolean;
3
4
  export declare function findParentElementFromClassName(elem: Element, className: string): Element | null;
@@ -11,3 +12,4 @@ export declare function getGridCellElement(root: Element, { id, field }: {
11
12
  field: string;
12
13
  }): HTMLDivElement | null;
13
14
  export declare const getActiveElement: (root?: Document | ShadowRoot) => Element | null;
15
+ export declare function isEventTargetInPortal(event: React.SyntheticEvent): boolean;
package/utils/domUtils.js CHANGED
@@ -51,4 +51,13 @@ export const getActiveElement = (root = document) => {
51
51
  return getActiveElement(activeEl.shadowRoot);
52
52
  }
53
53
  return activeEl;
54
- };
54
+ };
55
+ export function isEventTargetInPortal(event) {
56
+ if (
57
+ // The target is not an element when triggered by a Select inside the cell
58
+ // See https://github.com/mui/material-ui/issues/10534
59
+ event.target.nodeType === 1 && !event.currentTarget.contains(event.target)) {
60
+ return true;
61
+ }
62
+ return false;
63
+ }