@mui/x-data-grid 6.3.0 → 6.4.0

package/legacy/joy/joySlots.js

@@ -2,9 +2,13 @@ import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["touchRippleRef", "inputProps", "onChange", "color", "size", "checked", "sx", "value", "inputRef"],
-  _excluded2 = ["startIcon", "color", "endIcon", "size", "sx", "variant"],
-  _excluded3 = ["color", "size", "sx"],
-  _excluded4 = ["name", "checkedIcon", "color", "disableRipple", "disableFocusRipple", "disableTouchRipple", "edge", "icon", "inputProps", "inputRef", "size", "sx", "onChange", "onClick"];
+  _excluded2 = ["onChange", "label", "placeholder", "value", "inputRef", "type", "size", "variant"],
+  _excluded3 = ["startIcon", "color", "endIcon", "size", "sx", "variant"],
+  _excluded4 = ["color", "size", "sx", "touchRippleRef"],
+  _excluded5 = ["name", "checkedIcon", "color", "disableRipple", "disableFocusRipple", "disableTouchRipple", "edge", "icon", "inputProps", "inputRef", "size", "sx", "onChange", "onClick"],
+  _excluded6 = ["open", "onOpen", "value", "onChange", "size", "color", "variant", "inputProps", "MenuProps", "inputRef", "error", "native", "fullWidth", "labelId"],
+  _excluded7 = ["native"],
+  _excluded8 = ["shrink", "variant", "sx"];
 import * as React from 'react';
 import JoyCheckbox from '@mui/joy/Checkbox';
 import JoyInput from '@mui/joy/Input';
@@ -13,6 +17,15 @@ import JoyFormLabel from '@mui/joy/FormLabel';
 import JoyButton from '@mui/joy/Button';
 import JoyIconButton from '@mui/joy/IconButton';
 import JoySwitch from '@mui/joy/Switch';
+import JoySelect from '@mui/joy/Select';
+import JoyOption from '@mui/joy/Option';
+import JoyBox from '@mui/joy/Box';
+import JoyTypography from '@mui/joy/Typography';
+import { unstable_useForkRef as useForkRef } from '@mui/utils';
+import joyIconSlots, { GridKeyboardArrowRight, GridKeyboardArrowLeft } from './icons';
+import { useGridApiContext } from '../hooks/utils/useGridApiContext';
+import { useGridRootProps } from '../hooks/utils/useGridRootProps';
+import { gridFilteredTopLevelRowCountSelector, gridPaginationModelSelector } from '../hooks';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 function convertColor(color) {
@@ -35,13 +48,17 @@ function convertSize(size) {
   }[size] : size;
 }
 function convertVariant(variant) {
-  return variant ? {
+  var defaultVariant = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'plain';
+  if (!variant) {
+    return defaultVariant;
+  }
+  return {
+    standard: 'outlined',
     outlined: 'outlined',
     contained: 'solid',
     text: 'plain',
-    standard: 'plain',
     filled: 'soft'
-  }[variant] : variant;
+  }[variant] || defaultVariant;
 }
 var Checkbox = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var touchRippleRef = _ref.touchRippleRef,
@@ -66,58 +83,67 @@ var Checkbox = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   }));
 });
 var TextField = /*#__PURE__*/React.forwardRef(function (_ref2, ref) {
+  var _props$InputProps, _props$inputProps;
   var onChange = _ref2.onChange,
     label = _ref2.label,
     placeholder = _ref2.placeholder,
     value = _ref2.value,
     inputRef = _ref2.inputRef,
-    type = _ref2.type;
+    type = _ref2.type,
+    size = _ref2.size,
+    variant = _ref2.variant,
+    props = _objectWithoutProperties(_ref2, _excluded2);
+  var rootRef = useForkRef(ref, (_props$InputProps = props.InputProps) == null ? void 0 : _props$InputProps.ref);
+  var inputForkRef = useForkRef(inputRef, props == null ? void 0 : (_props$inputProps = props.inputProps) == null ? void 0 : _props$inputProps.ref);
+  var _ref3 = props.InputProps || {},
+    startAdornment = _ref3.startAdornment,
+    endAdornment = _ref3.endAdornment;
   return /*#__PURE__*/_jsxs(JoyFormControl, {
-    ref: ref,
+    ref: rootRef,
     children: [/*#__PURE__*/_jsx(JoyFormLabel, {
-      sx: {
-        fontSize: 12
-      },
       children: label
     }), /*#__PURE__*/_jsx(JoyInput, {
       type: type,
       value: value,
       onChange: onChange,
       placeholder: placeholder,
-      size: "sm",
+      variant: convertVariant(variant, 'outlined'),
+      size: convertSize(size),
       slotProps: {
-        input: {
-          ref: inputRef
-        }
-      }
+        input: _extends({}, props == null ? void 0 : props.inputProps, {
+          ref: inputForkRef
+        })
+      },
+      startDecorator: startAdornment,
+      endDecorator: endAdornment
     })]
   });
 });
-var Button = /*#__PURE__*/React.forwardRef(function Button(_ref3, ref) {
-  var _convertVariant;
-  var startIcon = _ref3.startIcon,
-    color = _ref3.color,
-    endIcon = _ref3.endIcon,
-    size = _ref3.size,
-    sx = _ref3.sx,
-    variant = _ref3.variant,
-    props = _objectWithoutProperties(_ref3, _excluded2);
+var Button = /*#__PURE__*/React.forwardRef(function Button(_ref4, ref) {
+  var startIcon = _ref4.startIcon,
+    color = _ref4.color,
+    endIcon = _ref4.endIcon,
+    size = _ref4.size,
+    sx = _ref4.sx,
+    variant = _ref4.variant,
+    props = _objectWithoutProperties(_ref4, _excluded3);
   return /*#__PURE__*/_jsx(JoyButton, _extends({}, props, {
     size: convertSize(size),
     color: convertColor(color),
-    variant: (_convertVariant = convertVariant(variant)) != null ? _convertVariant : 'plain',
+    variant: convertVariant(variant),
     ref: ref,
     startDecorator: startIcon,
     endDecorator: endIcon,
     sx: sx
   }));
 });
-var IconButton = /*#__PURE__*/React.forwardRef(function IconButton(_ref4, ref) {
+var IconButton = /*#__PURE__*/React.forwardRef(function IconButton(_ref5, ref) {
   var _convertColor;
-  var color = _ref4.color,
-    size = _ref4.size,
-    sx = _ref4.sx,
-    props = _objectWithoutProperties(_ref4, _excluded3);
+  var color = _ref5.color,
+    size = _ref5.size,
+    sx = _ref5.sx,
+    touchRippleRef = _ref5.touchRippleRef,
+    props = _objectWithoutProperties(_ref5, _excluded4);
   return /*#__PURE__*/_jsx(JoyIconButton, _extends({}, props, {
     size: convertSize(size),
     color: (_convertColor = convertColor(color)) != null ? _convertColor : 'neutral',
@@ -126,22 +152,22 @@ var IconButton = /*#__PURE__*/React.forwardRef(function IconButton(_ref4, ref) {
     sx: sx
   }));
 });
-var Switch = /*#__PURE__*/React.forwardRef(function Switch(_ref5, ref) {
-  var name = _ref5.name,
-    checkedIcon = _ref5.checkedIcon,
-    colorProp = _ref5.color,
-    disableRipple = _ref5.disableRipple,
-    disableFocusRipple = _ref5.disableFocusRipple,
-    disableTouchRipple = _ref5.disableTouchRipple,
-    edge = _ref5.edge,
-    icon = _ref5.icon,
-    inputProps = _ref5.inputProps,
-    inputRef = _ref5.inputRef,
-    size = _ref5.size,
-    sx = _ref5.sx,
-    onChange = _ref5.onChange,
-    onClick = _ref5.onClick,
-    props = _objectWithoutProperties(_ref5, _excluded4);
+var Switch = /*#__PURE__*/React.forwardRef(function Switch(_ref6, ref) {
+  var name = _ref6.name,
+    checkedIcon = _ref6.checkedIcon,
+    colorProp = _ref6.color,
+    disableRipple = _ref6.disableRipple,
+    disableFocusRipple = _ref6.disableFocusRipple,
+    disableTouchRipple = _ref6.disableTouchRipple,
+    edge = _ref6.edge,
+    icon = _ref6.icon,
+    inputProps = _ref6.inputProps,
+    inputRef = _ref6.inputRef,
+    size = _ref6.size,
+    sx = _ref6.sx,
+    onChange = _ref6.onChange,
+    onClick = _ref6.onClick,
+    props = _objectWithoutProperties(_ref6, _excluded5);
   return /*#__PURE__*/_jsx(JoySwitch, _extends({}, props, {
     onChange: onChange,
     size: convertSize(size),
@@ -164,17 +190,210 @@ var Switch = /*#__PURE__*/React.forwardRef(function Switch(_ref5, ref) {
     })].concat(_toConsumableArray(Array.isArray(sx) ? sx : [sx]))
   }));
 });
-var joySlots = {
+var Select = /*#__PURE__*/React.forwardRef(function (_ref7, ref) {
+  var open = _ref7.open,
+    onOpen = _ref7.onOpen,
+    value = _ref7.value,
+    onChange = _ref7.onChange,
+    size = _ref7.size,
+    color = _ref7.color,
+    variant = _ref7.variant,
+    inputProps = _ref7.inputProps,
+    MenuProps = _ref7.MenuProps,
+    inputRef = _ref7.inputRef,
+    error = _ref7.error,
+    native = _ref7.native,
+    fullWidth = _ref7.fullWidth,
+    labelId = _ref7.labelId,
+    props = _objectWithoutProperties(_ref7, _excluded6);
+  var handleChange = function handleChange(event, newValue) {
+    if (event && onChange) {
+      // Same as in https://github.com/mui/material-ui/blob/e5558282a8f36856aef1299f3a36f3235e92e770/packages/mui-material/src/Select/SelectInput.js#L288-L300
+
+      // Redefine target to allow name and value to be read.
+      // This allows seamless integration with the most popular form libraries.
+      // https://github.com/mui/material-ui/issues/13485#issuecomment-676048492
+      // Clone the event to not override `target` of the original event.
+      var nativeEvent = event.nativeEvent || event;
+      // @ts-ignore The nativeEvent is function, not object
+      var clonedEvent = new nativeEvent.constructor(nativeEvent.type, nativeEvent);
+      Object.defineProperty(clonedEvent, 'target', {
+        writable: true,
+        value: {
+          value: newValue,
+          name: props.name
+        }
+      });
+      onChange(clonedEvent, null);
+    }
+  };
+  return /*#__PURE__*/_jsx(JoySelect, _extends({}, props, {
+    listboxOpen: open,
+    onListboxOpenChange: function onListboxOpenChange(isOpen) {
+      if (isOpen) {
+        onOpen == null ? void 0 : onOpen({});
+      } else {
+        var _MenuProps$onClose;
+        MenuProps == null ? void 0 : (_MenuProps$onClose = MenuProps.onClose) == null ? void 0 : _MenuProps$onClose.call(MenuProps, {}, undefined);
+      }
+    },
+    size: convertSize(size),
+    color: convertColor(color),
+    variant: convertVariant(variant, 'outlined'),
+    ref: ref,
+    value: value,
+    onChange: handleChange,
+    slotProps: {
+      button: {
+        'aria-labelledby': labelId,
+        ref: inputRef
+      },
+      listbox: {
+        disablePortal: false,
+        sx: {
+          zIndex: 1350
+        }
+      }
+    }
+  }));
+});
+var Option = /*#__PURE__*/React.forwardRef(function (_ref8, ref) {
+  var native = _ref8.native,
+    props = _objectWithoutProperties(_ref8, _excluded7);
+  return /*#__PURE__*/_jsx(JoyOption, _extends({}, props, {
+    ref: ref
+  }));
+});
+var InputLabel = /*#__PURE__*/React.forwardRef(function (_ref9, ref) {
+  var shrink = _ref9.shrink,
+    variant = _ref9.variant,
+    sx = _ref9.sx,
+    props = _objectWithoutProperties(_ref9, _excluded8);
+  return /*#__PURE__*/_jsx(JoyFormLabel, _extends({}, props, {
+    ref: ref,
+    sx: sx
+  }));
+});
+function labelDisplayedRows(_ref10) {
+  var from = _ref10.from,
+    to = _ref10.to,
+    count = _ref10.count;
+  return "".concat(from, "\u2013").concat(to, " of ").concat(count !== -1 ? count : "more than ".concat(to));
+}
+var getLabelDisplayedRowsTo = function getLabelDisplayedRowsTo(_ref11) {
+  var page = _ref11.page,
+    pageSize = _ref11.pageSize,
+    rowCount = _ref11.rowCount;
+  if (rowCount === -1) {
+    return (page + 1) * pageSize;
+  }
+  return pageSize === -1 ? rowCount : Math.min(rowCount, (page + 1) * pageSize);
+};
+var Pagination = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var _rootProps$pageSizeOp;
+  var apiRef = useGridApiContext();
+  var rootProps = useGridRootProps();
+  var paginationModel = gridPaginationModelSelector(apiRef);
+  var visibleTopLevelRowCount = gridFilteredTopLevelRowCountSelector(apiRef);
+  var rowCount = React.useMemo(function () {
+    var _ref12, _rootProps$rowCount;
+    return (_ref12 = (_rootProps$rowCount = rootProps.rowCount) != null ? _rootProps$rowCount : visibleTopLevelRowCount) != null ? _ref12 : 0;
+  }, [rootProps.rowCount, visibleTopLevelRowCount]);
+  var lastPage = React.useMemo(function () {
+    return Math.floor(rowCount / (paginationModel.pageSize || 1));
+  }, [rowCount, paginationModel.pageSize]);
+  var handlePageChange = React.useCallback(function (page) {
+    apiRef.current.setPage(page);
+  }, [apiRef]);
+  var page = paginationModel.page <= lastPage ? paginationModel.page : lastPage;
+  var pageSize = paginationModel.pageSize;
+  var pageSizeOptions = (_rootProps$pageSizeOp = rootProps.pageSizeOptions) != null && _rootProps$pageSizeOp.includes(pageSize) ? rootProps.pageSizeOptions : [];
+  var handleChangeRowsPerPage = function handleChangeRowsPerPage(event, newValue) {
+    var newPageSize = Number(newValue);
+    apiRef.current.setPageSize(newPageSize);
+  };
+  return /*#__PURE__*/_jsxs(JoyBox, {
+    sx: {
+      display: 'flex',
+      alignItems: 'center',
+      gap: 2,
+      justifyContent: 'flex-end',
+      px: 2
+    },
+    ref: ref,
+    children: [/*#__PURE__*/_jsxs(JoyFormControl, {
+      orientation: "horizontal",
+      size: "sm",
+      children: [/*#__PURE__*/_jsx(JoyFormLabel, {
+        children: "Rows per page:"
+      }), /*#__PURE__*/_jsx(JoySelect, {
+        onChange: handleChangeRowsPerPage,
+        value: pageSize,
+        children: pageSizeOptions.map(function (option) {
+          return /*#__PURE__*/_jsx(Option, {
+            value: option,
+            children: option
+          }, option);
+        })
+      })]
+    }), /*#__PURE__*/_jsx(JoyTypography, {
+      textAlign: "center",
+      fontSize: "xs",
+      fontWeight: "md",
+      children: labelDisplayedRows({
+        from: rowCount === 0 ? 0 : page * pageSize + 1,
+        to: getLabelDisplayedRowsTo({
+          page: page,
+          pageSize: pageSize,
+          rowCount: rowCount
+        }),
+        count: rowCount === -1 ? -1 : rowCount
+      })
+    }), /*#__PURE__*/_jsxs(JoyBox, {
+      sx: {
+        display: 'flex',
+        gap: 0.5
+      },
+      children: [/*#__PURE__*/_jsx(JoyIconButton, {
+        size: "sm",
+        color: "neutral",
+        variant: "outlined",
+        disabled: page === 0,
+        onClick: function onClick() {
+          return handlePageChange(page - 1);
+        },
+        sx: {
+          bgcolor: 'background.surface'
+        },
+        children: /*#__PURE__*/_jsx(GridKeyboardArrowLeft, {})
+      }), /*#__PURE__*/_jsx(JoyIconButton, {
+        size: "sm",
+        color: "neutral",
+        variant: "outlined",
+        disabled: rowCount !== -1 ? page >= Math.ceil(rowCount / pageSize) - 1 : false,
+        onClick: function onClick() {
+          return handlePageChange(page + 1);
+        },
+        sx: {
+          bgcolor: 'background.surface'
+        },
+        children: /*#__PURE__*/_jsx(GridKeyboardArrowRight, {})
+      })]
+    })]
+  });
+});
+var joySlots = _extends({}, joyIconSlots, {
   baseCheckbox: Checkbox,
   baseTextField: TextField,
   baseButton: Button,
   baseIconButton: IconButton,
-  baseSwitch: Switch
-  // BaseFormControl: MUIFormControl,
-  // baseSelect: Select,
-  // baseSelectOption: Option,
+  baseSwitch: Switch,
+  baseSelect: Select,
+  baseSelectOption: Option,
+  baseInputLabel: InputLabel,
+  baseFormControl: JoyFormControl,
   // BaseTooltip: MUITooltip,
   // BasePopper: MUIPopper,
-};
-
+  pagination: Pagination
+});
 export default joySlots;

package/legacy/locales/deDE.js

@@ -39,7 +39,7 @@ var deDEGrid = {
   columnsPanelHideAllButton: 'Verberge alle',
   // Filter panel text
   filterPanelAddFilter: 'Filter hinzufügen',
-  // filterPanelRemoveAll: 'Remove all',
+  filterPanelRemoveAll: 'Alle entfernen',
   filterPanelDeleteIconLabel: 'Löschen',
   filterPanelLogicOperator: 'Logische Operatoren',
   filterPanelOperator: 'Operatoren',
@@ -69,7 +69,7 @@ var deDEGrid = {
   // Column menu text
   columnMenuLabel: 'Menü',
   columnMenuShowColumns: 'Zeige alle Spalten',
-  // columnMenuManageColumns: 'Manage columns',
+  columnMenuManageColumns: 'Spalten verwalten',
   columnMenuFilter: 'Filter',
   columnMenuHideColumn: 'Verbergen',
   columnMenuUnsort: 'Sortierung deaktivieren',

package/legacy/locales/frFR.js

@@ -7,7 +7,7 @@ var frFRGrid = {
   // Density selector toolbar button text
   toolbarDensity: 'Densité',
   toolbarDensityLabel: 'Densité',
-  toolbarDensityCompact: 'Compact',
+  toolbarDensityCompact: 'Compacte',
   toolbarDensityStandard: 'Standard',
   toolbarDensityComfortable: 'Confortable',
   // Columns selector toolbar button text
@@ -22,7 +22,7 @@ var frFRGrid = {
     return count > 1 ? "".concat(count, " filtres actifs") : "".concat(count, " filtre actif");
   },
   // Quick filter toolbar field
-  toolbarQuickFilterPlaceholder: 'Recherche…',
+  toolbarQuickFilterPlaceholder: 'Rechercher…',
   toolbarQuickFilterLabel: 'Recherche',
   toolbarQuickFilterDeleteIconLabel: 'Supprimer',
   // Export selector toolbar button text
@@ -32,7 +32,7 @@ var frFRGrid = {
   toolbarExportPrint: 'Imprimer',
   toolbarExportExcel: 'Télécharger pour Excel',
   // Columns panel text
-  columnsPanelTextFieldLabel: 'Chercher colonne',
+  columnsPanelTextFieldLabel: 'Chercher une colonne',
   columnsPanelTextFieldPlaceholder: 'Titre de la colonne',
   columnsPanelDragIconLabel: 'Réorganiser la colonne',
   columnsPanelShowAllButton: 'Tout afficher',
@@ -45,12 +45,12 @@ var frFRGrid = {
   filterPanelOperator: 'Opérateur',
   filterPanelOperatorAnd: 'Et',
   filterPanelOperatorOr: 'Ou',
-  filterPanelColumns: 'Colonnes',
+  filterPanelColumns: 'Colonne',
   filterPanelInputLabel: 'Valeur',
   filterPanelInputPlaceholder: 'Filtrer la valeur',
   // Filter operators text
   filterOperatorContains: 'contient',
-  filterOperatorEquals: 'égal à',
+  filterOperatorEquals: 'est égal à',
   filterOperatorStartsWith: 'commence par',
   filterOperatorEndsWith: 'se termine par',
   filterOperatorIs: 'est',
@@ -86,7 +86,7 @@ var frFRGrid = {
     return count > 1 ? "".concat(count.toLocaleString(), " lignes s\xE9lectionn\xE9es") : "".concat(count.toLocaleString(), " ligne s\xE9lectionn\xE9e");
   },
   // Total row amount footer text
-  footerTotalRows: 'Lignes totales :',
+  footerTotalRows: 'Total de lignes :',
   // Total visible row amount footer text
   footerTotalVisibleRows: function footerTotalVisibleRows(visibleCount, totalCount) {
     return "".concat(visibleCount.toLocaleString(), " sur ").concat(totalCount.toLocaleString());

package/legacy/locales/ptBR.js

@@ -39,7 +39,7 @@ var ptBRGrid = {
   columnsPanelHideAllButton: 'Ocultar todas',
   // Filter panel text
   filterPanelAddFilter: 'Adicionar filtro',
-  // filterPanelRemoveAll: 'Remove all',
+  filterPanelRemoveAll: 'Remover todos',
   filterPanelDeleteIconLabel: 'Excluir',
   filterPanelLogicOperator: 'Operador lógico',
   filterPanelOperator: 'Operador',

package/legacy/locales/ukUA.js

@@ -53,7 +53,7 @@ var ukUAGrid = {
   columnsPanelHideAllButton: 'Приховати всі',
   // Filter panel text
   filterPanelAddFilter: 'Додати фільтр',
-  // filterPanelRemoveAll: 'Remove all',
+  filterPanelRemoveAll: 'Видалити всі',
   filterPanelDeleteIconLabel: 'Видалити',
   filterPanelLogicOperator: 'Логічна функція',
   filterPanelOperator: 'Оператори',
@@ -83,7 +83,7 @@ var ukUAGrid = {
   // Column menu text
   columnMenuLabel: 'Меню',
   columnMenuShowColumns: 'Показати стовпці',
-  // columnMenuManageColumns: 'Manage columns',
+  columnMenuManageColumns: 'Керування стовпцями',
   columnMenuFilter: 'Фільтр',
   columnMenuHideColumn: 'Приховати',
   columnMenuUnsort: 'Скасувати сортування',
@@ -147,12 +147,11 @@ var ukUAGrid = {
   // Row reordering text
   rowReorderingHeaderName: 'Порядок рядків',
   // Aggregation
-  aggregationMenuItemHeader: 'Агрегація'
-  // aggregationFunctionLabelSum: 'sum',
-  // aggregationFunctionLabelAvg: 'avg',
-  // aggregationFunctionLabelMin: 'min',
-  // aggregationFunctionLabelMax: 'max',
-  // aggregationFunctionLabelSize: 'size',
+  aggregationMenuItemHeader: 'Агрегація',
+  aggregationFunctionLabelSum: 'сума',
+  aggregationFunctionLabelAvg: 'сер',
+  aggregationFunctionLabelMin: 'мін',
+  aggregationFunctionLabelMax: 'макс',
+  aggregationFunctionLabelSize: 'кількість'
 };
-
 export var ukUA = getGridLocalization(ukUAGrid, ukUACore);

package/legacy/material/index.js

@@ -9,6 +9,7 @@ import MUIIconButton from '@mui/material/IconButton';
 import MUITooltip from '@mui/material/Tooltip';
 import MUIPopper from '@mui/material/Popper';
 import MUIInputLabel from '@mui/material/InputLabel';
+import MUIChip from '@mui/material/Chip';
 import { GridColumnUnsortedIcon } from './icons/GridColumnUnsortedIcon';
 import { GridAddIcon, GridArrowDownwardIcon, GridArrowUpwardIcon, GridCheckIcon, GridCloseIcon, GridColumnIcon, GridDragIcon, GridExpandMoreIcon, GridFilterAltIcon, GridFilterListIcon, GridKeyboardArrowRight, GridMoreVertIcon, GridRemoveIcon, GridSaveAltIcon, GridSearchIcon, GridSeparatorIcon, GridTableRowsIcon, GridTripleDotsVerticalIcon, GridViewHeadlineIcon, GridViewStreamIcon, GridVisibilityOffIcon, GridViewColumnIcon, GridClearIcon, GridLoadIcon, GridDeleteForeverIcon } from './icons';
 import MUISelectOption from './components/MUISelectOption';
@@ -60,6 +61,7 @@ var materialSlots = _extends({}, iconSlots, {
   BaseTooltip: MUITooltip,
   BasePopper: MUIPopper,
   BaseInputLabel: MUIInputLabel,
-  BaseSelectOption: MUISelectOption
+  BaseSelectOption: MUISelectOption,
+  BaseChip: MUIChip
 });
 export default materialSlots;

package/legacy/models/api/index.js

@@ -11,7 +11,6 @@ export * from './gridColumnMenuApi';
 export * from './gridPreferencesPanelApi';
 export * from './gridPrintExportApi';
 export * from './gridDisableVirtualizationApi';
-export * from './gridClipboardApi';
 export * from './gridCallbackDetails';
 export * from './gridScrollApi';
 export * from './gridVirtualScrollerApi';

package/legacy/utils/domUtils.js

@@ -38,4 +38,17 @@ export function getGridCellElement(root, _ref) {
   var cellSelector = ".".concat(gridClasses.cell, "[data-field=\"").concat(escapeOperandAttributeSelector(field), "\"]");
   var selector = "".concat(rowSelector, " ").concat(cellSelector);
   return root.querySelector(selector);
-}
+}
+
+// https://www.abeautifulsite.net/posts/finding-the-active-element-in-a-shadow-root/
+export var getActiveElement = function getActiveElement() {
+  var root = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : document;
+  var activeEl = root.activeElement;
+  if (!activeEl) {
+    return null;
+  }
+  if (activeEl.shadowRoot) {
+    return getActiveElement(activeEl.shadowRoot);
+  }
+  return activeEl;
+};

package/locales/deDE.js

@@ -37,7 +37,7 @@ const deDEGrid = {
   columnsPanelHideAllButton: 'Verberge alle',
   // Filter panel text
   filterPanelAddFilter: 'Filter hinzufügen',
-  // filterPanelRemoveAll: 'Remove all',
+  filterPanelRemoveAll: 'Alle entfernen',
   filterPanelDeleteIconLabel: 'Löschen',
   filterPanelLogicOperator: 'Logische Operatoren',
   filterPanelOperator: 'Operatoren',
@@ -67,7 +67,7 @@ const deDEGrid = {
   // Column menu text
   columnMenuLabel: 'Menü',
   columnMenuShowColumns: 'Zeige alle Spalten',
-  // columnMenuManageColumns: 'Manage columns',
+  columnMenuManageColumns: 'Spalten verwalten',
   columnMenuFilter: 'Filter',
   columnMenuHideColumn: 'Verbergen',
   columnMenuUnsort: 'Sortierung deaktivieren',

package/locales/frFR.js

@@ -7,7 +7,7 @@ const frFRGrid = {
   // Density selector toolbar button text
   toolbarDensity: 'Densité',
   toolbarDensityLabel: 'Densité',
-  toolbarDensityCompact: 'Compact',
+  toolbarDensityCompact: 'Compacte',
   toolbarDensityStandard: 'Standard',
   toolbarDensityComfortable: 'Confortable',
   // Columns selector toolbar button text
@@ -20,7 +20,7 @@ const frFRGrid = {
   toolbarFiltersTooltipShow: 'Afficher les filtres',
   toolbarFiltersTooltipActive: count => count > 1 ? `${count} filtres actifs` : `${count} filtre actif`,
   // Quick filter toolbar field
-  toolbarQuickFilterPlaceholder: 'Recherche…',
+  toolbarQuickFilterPlaceholder: 'Rechercher…',
   toolbarQuickFilterLabel: 'Recherche',
   toolbarQuickFilterDeleteIconLabel: 'Supprimer',
   // Export selector toolbar button text
@@ -30,7 +30,7 @@ const frFRGrid = {
   toolbarExportPrint: 'Imprimer',
   toolbarExportExcel: 'Télécharger pour Excel',
   // Columns panel text
-  columnsPanelTextFieldLabel: 'Chercher colonne',
+  columnsPanelTextFieldLabel: 'Chercher une colonne',
   columnsPanelTextFieldPlaceholder: 'Titre de la colonne',
   columnsPanelDragIconLabel: 'Réorganiser la colonne',
   columnsPanelShowAllButton: 'Tout afficher',
@@ -43,12 +43,12 @@ const frFRGrid = {
   filterPanelOperator: 'Opérateur',
   filterPanelOperatorAnd: 'Et',
   filterPanelOperatorOr: 'Ou',
-  filterPanelColumns: 'Colonnes',
+  filterPanelColumns: 'Colonne',
   filterPanelInputLabel: 'Valeur',
   filterPanelInputPlaceholder: 'Filtrer la valeur',
   // Filter operators text
   filterOperatorContains: 'contient',
-  filterOperatorEquals: 'égal à',
+  filterOperatorEquals: 'est égal à',
   filterOperatorStartsWith: 'commence par',
   filterOperatorEndsWith: 'se termine par',
   filterOperatorIs: 'est',
@@ -80,7 +80,7 @@ const frFRGrid = {
   // Rows selected footer text
   footerRowSelected: count => count > 1 ? `${count.toLocaleString()} lignes sélectionnées` : `${count.toLocaleString()} ligne sélectionnée`,
   // Total row amount footer text
-  footerTotalRows: 'Lignes totales :',
+  footerTotalRows: 'Total de lignes :',
   // Total visible row amount footer text
   footerTotalVisibleRows: (visibleCount, totalCount) => `${visibleCount.toLocaleString()} sur ${totalCount.toLocaleString()}`,
   // Checkbox selection text

package/locales/ptBR.js

@@ -37,7 +37,7 @@ const ptBRGrid = {
   columnsPanelHideAllButton: 'Ocultar todas',
   // Filter panel text
   filterPanelAddFilter: 'Adicionar filtro',
-  // filterPanelRemoveAll: 'Remove all',
+  filterPanelRemoveAll: 'Remover todos',
   filterPanelDeleteIconLabel: 'Excluir',
   filterPanelLogicOperator: 'Operador lógico',
   filterPanelOperator: 'Operador',