@mui/x-data-grid 6.10.2 → 6.11.1

package/node/components/containers/GridMainContainer.js

@@ -1,14 +1,17 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.GridMainContainer = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var React = _interopRequireWildcard(require("react"));
 var _utils = require("@mui/utils");
 var _system = require("@mui/system");
 var _gridClasses = require("../../constants/gridClasses");
 var _useGridRootProps = require("../../hooks/utils/useGridRootProps");
+var _useGridAriaAttributes = require("../../hooks/utils/useGridAriaAttributes");
 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; }
@@ -35,11 +38,15 @@ const GridMainContainerRoot = (0, _system.styled)('div', {
 const GridMainContainer = /*#__PURE__*/React.forwardRef((props, ref) => {
   const rootProps = (0, _useGridRootProps.useGridRootProps)();
   const classes = useUtilityClasses(rootProps);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(GridMainContainerRoot, {
+  const getAriaAttributes = rootProps.experimentalFeatures?.ariaV7 // ariaV7 should never change
+  ? _useGridAriaAttributes.useGridAriaAttributes : null;
+  const ariaAttributes = typeof getAriaAttributes === 'function' ? getAriaAttributes() : null;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(GridMainContainerRoot, (0, _extends2.default)({
     ref: ref,
     className: classes.root,
-    ownerState: rootProps,
+    ownerState: rootProps
+  }, ariaAttributes, {
     children: props.children
-  });
+  }));
 });
 exports.GridMainContainer = GridMainContainer;

package/node/components/containers/GridRoot.js

@@ -12,14 +12,12 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _clsx = _interopRequireDefault(require("clsx"));
 var _utils = require("@mui/utils");
 var _GridRootStyles = require("./GridRootStyles");
-var _gridColumnsSelector = require("../../hooks/features/columns/gridColumnsSelector");
 var _useGridSelector = require("../../hooks/utils/useGridSelector");
 var _useGridPrivateApiContext = require("../../hooks/utils/useGridPrivateApiContext");
 var _useGridRootProps = require("../../hooks/utils/useGridRootProps");
 var _gridClasses = require("../../constants/gridClasses");
 var _densitySelector = require("../../hooks/features/density/densitySelector");
-var _gridColumnGroupsSelector = require("../../hooks/features/columnGrouping/gridColumnGroupsSelector");
-var _gridRowsSelector = require("../../hooks/features/rows/gridRowsSelector");
+var _useGridAriaAttributes = require("../../hooks/utils/useGridAriaAttributes");
 var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["children", "className"];
 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); }
@@ -43,13 +41,12 @@ const GridRoot = /*#__PURE__*/React.forwardRef(function GridRoot(props, ref) {
     } = props,
     other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
   const apiRef = (0, _useGridPrivateApiContext.useGridPrivateApiContext)();
-  const visibleColumns = (0, _useGridSelector.useGridSelector)(apiRef, _gridColumnsSelector.gridVisibleColumnDefinitionsSelector);
-  const totalRowCount = (0, _useGridSelector.useGridSelector)(apiRef, _gridRowsSelector.gridRowCountSelector);
   const densityValue = (0, _useGridSelector.useGridSelector)(apiRef, _densitySelector.gridDensityValueSelector);
-  const headerGroupingMaxDepth = (0, _useGridSelector.useGridSelector)(apiRef, _gridColumnGroupsSelector.gridColumnGroupsHeaderMaxDepthSelector);
   const rootContainerRef = React.useRef(null);
   const handleRef = (0, _utils.unstable_useForkRef)(rootContainerRef, ref);
-  const pinnedRowsCount = (0, _useGridSelector.useGridSelector)(apiRef, _gridRowsSelector.gridPinnedRowsCountSelector);
+  const getAriaAttributes = rootProps.experimentalFeatures?.ariaV7 // ariaV7 should never change
+  ? null : _useGridAriaAttributes.useGridAriaAttributes;
+  const ariaAttributes = typeof getAriaAttributes === 'function' ? getAriaAttributes() : null;
   const ownerState = (0, _extends2.default)({}, rootProps, {
     density: densityValue
   });
@@ -69,12 +66,8 @@ const GridRoot = /*#__PURE__*/React.forwardRef(function GridRoot(props, ref) {
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_GridRootStyles.GridRootStyles, (0, _extends2.default)({
     ref: handleRef,
     className: (0, _clsx.default)(className, classes.root),
-    ownerState: ownerState,
-    role: "grid",
-    "aria-colcount": visibleColumns.length,
-    "aria-rowcount": headerGroupingMaxDepth + 1 + pinnedRowsCount + totalRowCount,
-    "aria-multiselectable": !rootProps.disableMultipleRowSelection
-  }, other, {
+    ownerState: ownerState
+  }, ariaAttributes, other, {
     children: children
   }));
 });

package/node/hooks/features/columns/gridColumnsUtils.js

@@ -141,7 +141,7 @@ const hydrateColumnsWidth = (rawState, viewportInnerWidth) => {
         computedWidth = 0;
         flexColumns.push(newColumn);
       } else {
-        computedWidth = (0, _utils.clamp)(newColumn.width, newColumn.minWidth, newColumn.maxWidth);
+        computedWidth = (0, _utils.clamp)(newColumn.width || _colDef.GRID_STRING_COL_DEF.width, newColumn.minWidth || _colDef.GRID_STRING_COL_DEF.minWidth, newColumn.maxWidth || _colDef.GRID_STRING_COL_DEF.maxWidth);
       }
       widthAllocatedBeforeFlex += computedWidth;
       newColumn.computedWidth = computedWidth;

package/node/hooks/features/virtualization/useGridVirtualScroller.js

@@ -562,15 +562,18 @@ const useGridVirtualScroller = props => {
       onWheel: handleWheel,
       onTouchMove: handleTouchMove
     }, inputProps, {
-      style: inputProps.style ? (0, _extends2.default)({}, inputProps.style, rootStyle) : rootStyle
+      style: inputProps.style ? (0, _extends2.default)({}, inputProps.style, rootStyle) : rootStyle,
+      role: 'presentation'
     }),
     getContentProps: ({
       style
     } = {}) => ({
-      style: style ? (0, _extends2.default)({}, style, contentSize) : contentSize
+      style: style ? (0, _extends2.default)({}, style, contentSize) : contentSize,
+      role: 'presentation'
     }),
     getRenderZoneProps: () => ({
-      ref: renderZoneRef
+      ref: renderZoneRef,
+      role: 'rowgroup'
     })
   };
 };

package/node/hooks/utils/useGridAriaAttributes.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useGridAriaAttributes = void 0;
+var _gridColumnsSelector = require("../features/columns/gridColumnsSelector");
+var _useGridSelector = require("./useGridSelector");
+var _useGridRootProps = require("./useGridRootProps");
+var _gridColumnGroupsSelector = require("../features/columnGrouping/gridColumnGroupsSelector");
+var _gridRowsSelector = require("../features/rows/gridRowsSelector");
+var _useGridPrivateApiContext = require("./useGridPrivateApiContext");
+const useGridAriaAttributes = () => {
+  const apiRef = (0, _useGridPrivateApiContext.useGridPrivateApiContext)();
+  const rootProps = (0, _useGridRootProps.useGridRootProps)();
+  const visibleColumns = (0, _useGridSelector.useGridSelector)(apiRef, _gridColumnsSelector.gridVisibleColumnDefinitionsSelector);
+  const totalRowCount = (0, _useGridSelector.useGridSelector)(apiRef, _gridRowsSelector.gridRowCountSelector);
+  const headerGroupingMaxDepth = (0, _useGridSelector.useGridSelector)(apiRef, _gridColumnGroupsSelector.gridColumnGroupsHeaderMaxDepthSelector);
+  const pinnedRowsCount = (0, _useGridSelector.useGridSelector)(apiRef, _gridRowsSelector.gridPinnedRowsCountSelector);
+  let role = 'grid';
+  if (rootProps.experimentalFeatures?.ariaV7 && rootProps.treeData) {
+    role = 'treegrid';
+  }
+  return {
+    role,
+    'aria-colcount': visibleColumns.length,
+    'aria-rowcount': headerGroupingMaxDepth + 1 + pinnedRowsCount + totalRowCount,
+    'aria-multiselectable': !rootProps.disableMultipleRowSelection
+  };
+};
+exports.useGridAriaAttributes = useGridAriaAttributes;

package/node/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-data-grid v6.10.2
+ * @mui/x-data-grid v6.11.1
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/node/locales/fiFI.js

@@ -43,7 +43,7 @@ const fiFIGrid = {
   columnsPanelHideAllButton: 'Piilota kaikki',
   // Filter panel text
   filterPanelAddFilter: 'Lisää suodatin',
-  // filterPanelRemoveAll: 'Remove all',
+  filterPanelRemoveAll: 'Poista kaikki',
   filterPanelDeleteIconLabel: 'Poista',
   filterPanelLogicOperator: 'Logiikkaoperaattori',
   filterPanelOperator: 'Operaattorit',
@@ -54,7 +54,7 @@ const fiFIGrid = {
   filterPanelInputPlaceholder: 'Suodattimen arvo',
   // Filter operators text
   filterOperatorContains: 'sisältää',
-  filterOperatorEquals: 'on yhtä suuri',
+  filterOperatorEquals: 'on yhtä suuri kuin',
   filterOperatorStartsWith: 'alkaa',
   filterOperatorEndsWith: 'päättyy',
   filterOperatorIs: 'on',
@@ -65,35 +65,33 @@ const fiFIGrid = {
   filterOperatorOnOrBefore: 'on sama tai ennen',
   filterOperatorIsEmpty: 'on tyhjä',
   filterOperatorIsNotEmpty: 'ei ole tyhjä',
-  filterOperatorIsAnyOf: 'mikä tahansa seuraavista',
-  // 'filterOperator=': '=',
-  // 'filterOperator!=': '!=',
-  // 'filterOperator>': '>',
-  // 'filterOperator>=': '>=',
-  // 'filterOperator<': '<',
-  // 'filterOperator<=': '<=',
-
+  filterOperatorIsAnyOf: 'on mikä tahansa seuraavista',
+  'filterOperator=': '=',
+  'filterOperator!=': '!=',
+  'filterOperator>': '>',
+  'filterOperator>=': '>=',
+  'filterOperator<': '<',
+  'filterOperator<=': '<=',
   // Header filter operators text
-  // headerFilterOperatorContains: 'Contains',
-  // headerFilterOperatorEquals: 'Equals',
-  // headerFilterOperatorStartsWith: 'Starts with',
-  // headerFilterOperatorEndsWith: 'Ends with',
-  // headerFilterOperatorIs: 'Is',
-  // headerFilterOperatorNot: 'Is not',
-  // headerFilterOperatorAfter: 'Is after',
-  // headerFilterOperatorOnOrAfter: 'Is on or after',
-  // headerFilterOperatorBefore: 'Is before',
-  // headerFilterOperatorOnOrBefore: 'Is on or before',
-  // headerFilterOperatorIsEmpty: 'Is empty',
-  // headerFilterOperatorIsNotEmpty: 'Is not empty',
-  // headerFilterOperatorIsAnyOf: 'Is any of',
-  // 'headerFilterOperator=': 'Equals',
-  // 'headerFilterOperator!=': 'Not equals',
-  // 'headerFilterOperator>': 'Greater than',
-  // 'headerFilterOperator>=': 'Greater than or equal to',
-  // 'headerFilterOperator<': 'Less than',
-  // 'headerFilterOperator<=': 'Less than or equal to',
-
+  headerFilterOperatorContains: 'Sisältää',
+  headerFilterOperatorEquals: 'On yhtä suuri kuin',
+  headerFilterOperatorStartsWith: 'Alkaa',
+  headerFilterOperatorEndsWith: 'Päättyy',
+  headerFilterOperatorIs: 'On',
+  headerFilterOperatorNot: 'Ei ole',
+  headerFilterOperatorAfter: 'On jälkeen',
+  headerFilterOperatorOnOrAfter: 'On sama tai jälkeen',
+  headerFilterOperatorBefore: 'On ennen',
+  headerFilterOperatorOnOrBefore: 'On sama tai ennen',
+  headerFilterOperatorIsEmpty: 'On tyhjä',
+  headerFilterOperatorIsNotEmpty: 'Ei ole tyhjä',
+  headerFilterOperatorIsAnyOf: 'On mikä tahansa seuraavista',
+  'headerFilterOperator=': 'On yhtä suuri kuin',
+  'headerFilterOperator!=': 'Ei ole yhtä suuri kuin',
+  'headerFilterOperator>': 'Enemmän kuin',
+  'headerFilterOperator>=': 'Enemmän tai yhtä paljon kuin',
+  'headerFilterOperator<': 'Vähemmän kuin',
+  'headerFilterOperator<=': 'Vähemmän tai yhtä paljon kuin',
   // Filter values text
   filterValueAny: 'mikä tahansa',
   filterValueTrue: 'tosi',

package/node/locales/heIL.js

@@ -74,26 +74,25 @@ const heILGrid = {
   // 'filterOperator<=': '<=',
 
   // Header filter operators text
-  // headerFilterOperatorContains: 'Contains',
-  // headerFilterOperatorEquals: 'Equals',
-  // headerFilterOperatorStartsWith: 'Starts with',
-  // headerFilterOperatorEndsWith: 'Ends with',
-  // headerFilterOperatorIs: 'Is',
-  // headerFilterOperatorNot: 'Is not',
-  // headerFilterOperatorAfter: 'Is after',
-  // headerFilterOperatorOnOrAfter: 'Is on or after',
-  // headerFilterOperatorBefore: 'Is before',
-  // headerFilterOperatorOnOrBefore: 'Is on or before',
-  // headerFilterOperatorIsEmpty: 'Is empty',
-  // headerFilterOperatorIsNotEmpty: 'Is not empty',
-  // headerFilterOperatorIsAnyOf: 'Is any of',
-  // 'headerFilterOperator=': 'Equals',
-  // 'headerFilterOperator!=': 'Not equals',
-  // 'headerFilterOperator>': 'Greater than',
-  // 'headerFilterOperator>=': 'Greater than or equal to',
-  // 'headerFilterOperator<': 'Less than',
-  // 'headerFilterOperator<=': 'Less than or equal to',
-
+  headerFilterOperatorContains: 'מכיל',
+  headerFilterOperatorEquals: 'שווה',
+  headerFilterOperatorStartsWith: 'מתחיל ב-',
+  headerFilterOperatorEndsWith: 'נגמר ב-',
+  headerFilterOperatorIs: 'הינו',
+  headerFilterOperatorNot: 'אינו',
+  headerFilterOperatorAfter: 'אחרי',
+  headerFilterOperatorOnOrAfter: 'ב- או אחרי',
+  headerFilterOperatorBefore: 'לפני',
+  headerFilterOperatorOnOrBefore: 'ב- או לפני',
+  headerFilterOperatorIsEmpty: 'ריק',
+  headerFilterOperatorIsNotEmpty: 'אינו ריק',
+  headerFilterOperatorIsAnyOf: 'הוא אחד מ-',
+  'headerFilterOperator=': 'שווה',
+  'headerFilterOperator!=': 'אינו שווה',
+  'headerFilterOperator>': 'גדול מ-',
+  'headerFilterOperator>=': 'גדול שווה ל-',
+  'headerFilterOperator<': 'קטן מ-',
+  'headerFilterOperator<=': 'קטן שווה ל-',
   // Filter values text
   filterValueAny: 'כל ערך',
   filterValueTrue: 'כן',
@@ -146,16 +145,14 @@ const heILGrid = {
   expandDetailPanel: 'הרחב',
   collapseDetailPanel: 'כווץ',
   // Row reordering text
-  rowReorderingHeaderName: 'סידור שורות'
-
+  rowReorderingHeaderName: 'סידור שורות',
   // Aggregation
-  // aggregationMenuItemHeader: 'Aggregation',
-  // aggregationFunctionLabelSum: 'sum',
-  // aggregationFunctionLabelAvg: 'avg',
-  // aggregationFunctionLabelMin: 'min',
-  // aggregationFunctionLabelMax: 'max',
-  // aggregationFunctionLabelSize: 'size',
+  aggregationMenuItemHeader: 'צבירה',
+  aggregationFunctionLabelSum: 'סכום',
+  aggregationFunctionLabelAvg: 'ממוצע',
+  aggregationFunctionLabelMin: 'מינימום',
+  aggregationFunctionLabelMax: 'מקסימום',
+  aggregationFunctionLabelSize: 'גודל'
 };
-
 const heIL = (0, _getGridLocalization.getGridLocalization)(heILGrid, _locale.heIL);
 exports.heIL = heIL;

package/node/locales/itIT.js

@@ -43,7 +43,7 @@ const itITGrid = {
   columnsPanelHideAllButton: 'Nascondi tutto',
   // Filter panel text
   filterPanelAddFilter: 'Aggiungi un filtro',
-  // filterPanelRemoveAll: 'Remove all',
+  filterPanelRemoveAll: 'Rimuovi filtri',
   filterPanelDeleteIconLabel: 'Rimuovi',
   filterPanelLogicOperator: 'Operatore logico',
   filterPanelOperator: 'Operatori',
@@ -66,34 +66,32 @@ const itITGrid = {
   filterOperatorIsEmpty: 'è vuoto',
   filterOperatorIsNotEmpty: 'non è vuoto',
   filterOperatorIsAnyOf: 'è uno tra',
-  // 'filterOperator=': '=',
-  // 'filterOperator!=': '!=',
-  // 'filterOperator>': '>',
-  // 'filterOperator>=': '>=',
-  // 'filterOperator<': '<',
-  // 'filterOperator<=': '<=',
-
+  'filterOperator=': '=',
+  'filterOperator!=': '!=',
+  'filterOperator>': '>',
+  'filterOperator>=': '>=',
+  'filterOperator<': '<',
+  'filterOperator<=': '<=',
   // Header filter operators text
-  // headerFilterOperatorContains: 'Contains',
-  // headerFilterOperatorEquals: 'Equals',
-  // headerFilterOperatorStartsWith: 'Starts with',
-  // headerFilterOperatorEndsWith: 'Ends with',
-  // headerFilterOperatorIs: 'Is',
-  // headerFilterOperatorNot: 'Is not',
-  // headerFilterOperatorAfter: 'Is after',
-  // headerFilterOperatorOnOrAfter: 'Is on or after',
-  // headerFilterOperatorBefore: 'Is before',
-  // headerFilterOperatorOnOrBefore: 'Is on or before',
-  // headerFilterOperatorIsEmpty: 'Is empty',
-  // headerFilterOperatorIsNotEmpty: 'Is not empty',
-  // headerFilterOperatorIsAnyOf: 'Is any of',
-  // 'headerFilterOperator=': 'Equals',
-  // 'headerFilterOperator!=': 'Not equals',
-  // 'headerFilterOperator>': 'Greater than',
-  // 'headerFilterOperator>=': 'Greater than or equal to',
-  // 'headerFilterOperator<': 'Less than',
-  // 'headerFilterOperator<=': 'Less than or equal to',
-
+  headerFilterOperatorContains: 'Contiene',
+  headerFilterOperatorEquals: 'uguale a',
+  headerFilterOperatorStartsWith: 'comincia per',
+  headerFilterOperatorEndsWith: 'termina per',
+  headerFilterOperatorIs: 'uguale a',
+  headerFilterOperatorNot: 'diversa da',
+  headerFilterOperatorAfter: 'dopo il',
+  headerFilterOperatorOnOrAfter: 'a partire dal',
+  headerFilterOperatorBefore: 'prima del',
+  headerFilterOperatorOnOrBefore: 'fino al',
+  headerFilterOperatorIsEmpty: 'è vuoto',
+  headerFilterOperatorIsNotEmpty: 'non è vuoto',
+  headerFilterOperatorIsAnyOf: 'è uno tra',
+  'headerFilterOperator=': 'uguale a',
+  'headerFilterOperator!=': 'diverso da',
+  'headerFilterOperator>': 'maggiore di',
+  'headerFilterOperator>=': 'maggiore o uguale a',
+  'headerFilterOperator<': 'minore di',
+  'headerFilterOperator<=': 'minore o uguale a',
   // Filter values text
   filterValueAny: 'qualunque',
   filterValueTrue: 'vero',
@@ -101,7 +99,7 @@ const itITGrid = {
   // Column menu text
   columnMenuLabel: 'Menu',
   columnMenuShowColumns: 'Mostra le colonne',
-  // columnMenuManageColumns: 'Manage columns',
+  columnMenuManageColumns: 'Gestisci colonne',
   columnMenuFilter: 'Filtra',
   columnMenuHideColumn: 'Nascondi',
   columnMenuUnsort: "Annulla l'ordinamento",
@@ -145,16 +143,14 @@ const itITGrid = {
   expandDetailPanel: 'Espandi',
   collapseDetailPanel: 'Comprimi',
   // Row reordering text
-  rowReorderingHeaderName: 'Riordinamento righe'
-
+  rowReorderingHeaderName: 'Riordinamento righe',
   // Aggregation
-  // aggregationMenuItemHeader: 'Aggregation',
-  // aggregationFunctionLabelSum: 'sum',
-  // aggregationFunctionLabelAvg: 'avg',
-  // aggregationFunctionLabelMin: 'min',
-  // aggregationFunctionLabelMax: 'max',
-  // aggregationFunctionLabelSize: 'size',
+  aggregationMenuItemHeader: 'aggregazione',
+  aggregationFunctionLabelSum: 'somma',
+  aggregationFunctionLabelAvg: 'media',
+  aggregationFunctionLabelMin: 'minimo',
+  aggregationFunctionLabelMax: 'massimo',
+  aggregationFunctionLabelSize: 'numero di elementi'
 };
-
 const itIT = (0, _getGridLocalization.getGridLocalization)(itITGrid, _locale.itIT);
 exports.itIT = itIT;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-data-grid",
-  "version": "6.10.2",
+  "version": "6.11.1",
   "description": "The community edition of the data grid component (MUI X).",
   "author": "MUI Team",
   "main": "./node/index.js",
@@ -36,8 +36,8 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.22.6",
-    "@mui/utils": "^5.13.7",
-    "clsx": "^1.2.1",
+    "@mui/utils": "^5.14.3",
+    "clsx": "^2.0.0",
     "prop-types": "^15.8.1",
     "reselect": "^4.1.8"
   },