@carbon/ibm-products 2.0.0-rc.9 → 2.0.1

package/es/components/DataSpreadsheet/utils/handleMultipleKeys.js

@@ -1,15 +1,13 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 /**
  * Copyright IBM Corp. 2022, 2022
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
+
 import { deepCloneObject } from '../../../global/js/utils/deepCloneObject';
 import uuidv4 from '../../../global/js/utils/uuidv4';
 import { selectAllCells } from './selectAllCells';
@@ -17,7 +15,6 @@ export var includesResourceKey = function includesResourceKey(arr, usingMac) {
   if (usingMac) {
     return includesMeta(arr);
   }
-
   if (!usingMac) {
     return includesControl(arr);
   }
@@ -26,54 +23,46 @@ export var includesShift = function includesShift(arr) {
   if (arr.includes('ShiftLeft') || arr.includes('ShiftRight')) {
     return true;
   }
-
   return false;
 };
-
 var includesMeta = function includesMeta(arr) {
   if (arr.includes('MetaLeft') || arr.includes('MetaRight')) {
     return true;
   }
-
   return false;
 };
-
 var includesControl = function includesControl(arr) {
   if (arr.includes('ControlLeft') || arr.includes('ControlRight')) {
     return true;
   }
-
   return false;
 };
-
 export var handleMultipleKeys = function handleMultipleKeys(_ref) {
   var _selectionAreasClone$, _selectionAreasClone$2, _selectionAreasClone$3;
-
   var activeCellCoordinates = _ref.activeCellCoordinates,
-      event = _ref.event,
-      keysPressedList = _ref.keysPressedList,
-      selectionAreas = _ref.selectionAreas,
-      currentMatcher = _ref.currentMatcher,
-      rows = _ref.rows,
-      setSelectionAreas = _ref.setSelectionAreas,
-      columns = _ref.columns,
-      updateActiveCellCoordinates = _ref.updateActiveCellCoordinates,
-      spreadsheetRef = _ref.spreadsheetRef,
-      removeCellSelections = _ref.removeCellSelections,
-      blockClass = _ref.blockClass,
-      setCurrentMatcher = _ref.setCurrentMatcher,
-      usingMac = _ref.usingMac;
+    event = _ref.event,
+    keysPressedList = _ref.keysPressedList,
+    selectionAreas = _ref.selectionAreas,
+    currentMatcher = _ref.currentMatcher,
+    rows = _ref.rows,
+    setSelectionAreas = _ref.setSelectionAreas,
+    columns = _ref.columns,
+    updateActiveCellCoordinates = _ref.updateActiveCellCoordinates,
+    spreadsheetRef = _ref.spreadsheetRef,
+    removeCellSelections = _ref.removeCellSelections,
+    blockClass = _ref.blockClass,
+    setCurrentMatcher = _ref.setCurrentMatcher,
+    usingMac = _ref.usingMac;
   var selectionAreasClone = deepCloneObject(selectionAreas);
   var indexOfCurrentArea = selectionAreasClone.findIndex(function (item) {
     return item.matcher === currentMatcher;
   });
-  var pointToUpdate = (_selectionAreasClone$ = selectionAreasClone[indexOfCurrentArea]) !== null && _selectionAreasClone$ !== void 0 && _selectionAreasClone$.point2 ? (_selectionAreasClone$2 = selectionAreasClone[indexOfCurrentArea]) === null || _selectionAreasClone$2 === void 0 ? void 0 : _selectionAreasClone$2.point2 : (_selectionAreasClone$3 = selectionAreasClone[indexOfCurrentArea]) === null || _selectionAreasClone$3 === void 0 ? void 0 : _selectionAreasClone$3.point1; // Down + Shift
-
+  var pointToUpdate = (_selectionAreasClone$ = selectionAreasClone[indexOfCurrentArea]) !== null && _selectionAreasClone$ !== void 0 && _selectionAreasClone$.point2 ? (_selectionAreasClone$2 = selectionAreasClone[indexOfCurrentArea]) === null || _selectionAreasClone$2 === void 0 ? void 0 : _selectionAreasClone$2.point2 : (_selectionAreasClone$3 = selectionAreasClone[indexOfCurrentArea]) === null || _selectionAreasClone$3 === void 0 ? void 0 : _selectionAreasClone$3.point1;
+  // Down + Shift
   if (includesShift(keysPressedList) && keysPressedList.includes('ArrowDown') && keysPressedList.length === 2) {
     if (rows.length - 1 === (pointToUpdate === null || pointToUpdate === void 0 ? void 0 : pointToUpdate.row) || (activeCellCoordinates === null || activeCellCoordinates === void 0 ? void 0 : activeCellCoordinates.row) === 'header' || (activeCellCoordinates === null || activeCellCoordinates === void 0 ? void 0 : activeCellCoordinates.column) === 'header') {
       return;
     }
-
     var newPoint = {
       row: pointToUpdate.row + 1,
       column: pointToUpdate.column
@@ -81,14 +70,12 @@ export var handleMultipleKeys = function handleMultipleKeys(_ref) {
     selectionAreasClone[indexOfCurrentArea].point2 = newPoint;
     selectionAreasClone[indexOfCurrentArea].areaCreated = false;
     setSelectionAreas(selectionAreasClone);
-  } // Right + Shift
-
-
+  }
+  // Right + Shift
   if (includesShift(keysPressedList) && keysPressedList.includes('ArrowRight') && keysPressedList.length === 2) {
     if (columns.length - 1 === (pointToUpdate === null || pointToUpdate === void 0 ? void 0 : pointToUpdate.column) || (activeCellCoordinates === null || activeCellCoordinates === void 0 ? void 0 : activeCellCoordinates.row) === 'header' || (activeCellCoordinates === null || activeCellCoordinates === void 0 ? void 0 : activeCellCoordinates.column) === 'header') {
       return;
     }
-
     var _newPoint = {
       row: pointToUpdate.row,
       column: pointToUpdate.column + 1
@@ -96,14 +83,12 @@ export var handleMultipleKeys = function handleMultipleKeys(_ref) {
     selectionAreasClone[indexOfCurrentArea].point2 = _newPoint;
     selectionAreasClone[indexOfCurrentArea].areaCreated = false;
     setSelectionAreas(selectionAreasClone);
-  } // Up + Shift
-
-
+  }
+  // Up + Shift
   if (includesShift(keysPressedList) && keysPressedList.includes('ArrowUp') && keysPressedList.length === 2) {
     if ((pointToUpdate === null || pointToUpdate === void 0 ? void 0 : pointToUpdate.row) === 0 || (activeCellCoordinates === null || activeCellCoordinates === void 0 ? void 0 : activeCellCoordinates.row) === 'header' || (activeCellCoordinates === null || activeCellCoordinates === void 0 ? void 0 : activeCellCoordinates.column) === 'header') {
       return;
     }
-
     var _newPoint2 = {
       row: pointToUpdate.row - 1,
       column: pointToUpdate.column
@@ -111,14 +96,12 @@ export var handleMultipleKeys = function handleMultipleKeys(_ref) {
     selectionAreasClone[indexOfCurrentArea].point2 = _newPoint2;
     selectionAreasClone[indexOfCurrentArea].areaCreated = false;
     setSelectionAreas(selectionAreasClone);
-  } // Left + Shift
-
-
+  }
+  // Left + Shift
   if (includesShift(keysPressedList) && keysPressedList.includes('ArrowLeft') && keysPressedList.length === 2) {
     if ((pointToUpdate === null || pointToUpdate === void 0 ? void 0 : pointToUpdate.column) === 0 || (activeCellCoordinates === null || activeCellCoordinates === void 0 ? void 0 : activeCellCoordinates.row) === 'header' || (activeCellCoordinates === null || activeCellCoordinates === void 0 ? void 0 : activeCellCoordinates.column) === 'header') {
       return;
     }
-
     var _newPoint3 = {
       row: pointToUpdate.row,
       column: pointToUpdate.column - 1
@@ -126,9 +109,8 @@ export var handleMultipleKeys = function handleMultipleKeys(_ref) {
     selectionAreasClone[indexOfCurrentArea].point2 = _newPoint3;
     selectionAreasClone[indexOfCurrentArea].areaCreated = false;
     setSelectionAreas(selectionAreasClone);
-  } // CMD + a (select all)
-
-
+  }
+  // CMD + a (select all)
   if (includesResourceKey(keysPressedList, usingMac) && keysPressedList.includes('KeyA')) {
     event.preventDefault();
     var selectionPoint1 = {
@@ -138,8 +120,8 @@ export var handleMultipleKeys = function handleMultipleKeys(_ref) {
     var selectionPoint2 = {
       row: rows.length - 1,
       column: columns.length - 1
-    }; // If indexOfCurrentArea is -1, it means the active cell is in a cell header position
-
+    };
+    // If indexOfCurrentArea is -1, it means the active cell is in a cell header position
     if (indexOfCurrentArea === -1) {
       selectAllCells({
         ref: spreadsheetRef,
@@ -151,14 +133,12 @@ export var handleMultipleKeys = function handleMultipleKeys(_ref) {
         updateActiveCellCoordinates: updateActiveCellCoordinates
       });
     }
-
     selectionAreasClone[indexOfCurrentArea].point1 = selectionPoint1;
     selectionAreasClone[indexOfCurrentArea].point2 = selectionPoint2;
     selectionAreasClone[indexOfCurrentArea].areaCreated = false;
     setSelectionAreas(selectionAreasClone);
-  } // CONTROL + SPACE (Select current column)
-
-
+  }
+  // CONTROL + SPACE (Select current column)
   if (includesControl(keysPressedList) && keysPressedList.includes('Space')) {
     var _selectionPoint = {
       row: 0,
@@ -167,8 +147,8 @@ export var handleMultipleKeys = function handleMultipleKeys(_ref) {
     var _selectionPoint2 = {
       row: rows.length - 1,
       column: (activeCellCoordinates === null || activeCellCoordinates === void 0 ? void 0 : activeCellCoordinates.column) === 'header' ? 0 : activeCellCoordinates === null || activeCellCoordinates === void 0 ? void 0 : activeCellCoordinates.column
-    }; // If indexOfCurrentArea is -1, it means the active cell is in a cell header position
-
+    };
+    // If indexOfCurrentArea is -1, it means the active cell is in a cell header position
     if (indexOfCurrentArea === -1) {
       var tempMatcher = uuidv4();
       var newSelectionArea = {
@@ -177,9 +157,7 @@ export var handleMultipleKeys = function handleMultipleKeys(_ref) {
         areaCreated: false,
         matcher: tempMatcher
       };
-
       var coordinatesClone = _objectSpread({}, activeCellCoordinates);
-
       updateActiveCellCoordinates({
         coords: coordinatesClone,
         updatedValue: {
@@ -190,14 +168,12 @@ export var handleMultipleKeys = function handleMultipleKeys(_ref) {
       setCurrentMatcher(tempMatcher);
       return setSelectionAreas([newSelectionArea]);
     }
-
     selectionAreasClone[indexOfCurrentArea].point1 = _selectionPoint;
     selectionAreasClone[indexOfCurrentArea].point2 = _selectionPoint2;
     selectionAreasClone[indexOfCurrentArea].areaCreated = false;
     setSelectionAreas(selectionAreasClone);
-  } // Shift + SPACE (Select current row)
-
-
+  }
+  // Shift + SPACE (Select current row)
   if (includesShift(keysPressedList) && keysPressedList.includes('Space')) {
     var _selectionPoint3 = {
       row: (activeCellCoordinates === null || activeCellCoordinates === void 0 ? void 0 : activeCellCoordinates.row) === 'header' ? 0 : activeCellCoordinates === null || activeCellCoordinates === void 0 ? void 0 : activeCellCoordinates.row,
@@ -206,20 +182,17 @@ export var handleMultipleKeys = function handleMultipleKeys(_ref) {
     var _selectionPoint4 = {
       row: (activeCellCoordinates === null || activeCellCoordinates === void 0 ? void 0 : activeCellCoordinates.row) === 'header' ? 0 : activeCellCoordinates === null || activeCellCoordinates === void 0 ? void 0 : activeCellCoordinates.row,
       column: columns.length - 1
-    }; // If indexOfCurrentArea is -1, it means the active cell is in a cell header position
-
+    };
+    // If indexOfCurrentArea is -1, it means the active cell is in a cell header position
     if (indexOfCurrentArea === -1) {
       var _tempMatcher = uuidv4();
-
       var _newSelectionArea = {
         point1: _selectionPoint3,
         point2: _selectionPoint4,
         areaCreated: false,
         matcher: _tempMatcher
       };
-
       var _coordinatesClone = _objectSpread({}, activeCellCoordinates);
-
       updateActiveCellCoordinates({
         coords: _coordinatesClone,
         updatedValue: {
@@ -230,20 +203,17 @@ export var handleMultipleKeys = function handleMultipleKeys(_ref) {
       setCurrentMatcher(_tempMatcher);
       return setSelectionAreas([_newSelectionArea]);
     }
-
     selectionAreasClone[indexOfCurrentArea].point1 = _selectionPoint3;
     selectionAreasClone[indexOfCurrentArea].point2 = _selectionPoint4;
     selectionAreasClone[indexOfCurrentArea].areaCreated = false;
     setSelectionAreas(selectionAreasClone);
-  } // CMD + HOME (Selects first cell in first row)
-
+  }
 
+  // CMD + HOME (Selects first cell in first row)
   if (includesResourceKey(keysPressedList, usingMac) && keysPressedList.includes('Home')) {
     var scrollElement = spreadsheetRef.current.querySelector(".".concat(blockClass, "__list--container"));
     scrollElement.scrollTop = 0;
-
     var _coordinatesClone2 = _objectSpread({}, activeCellCoordinates);
-
     removeCellSelections({
       spreadsheetRef: spreadsheetRef
     });
@@ -254,21 +224,17 @@ export var handleMultipleKeys = function handleMultipleKeys(_ref) {
         row: 0
       }
     });
-  } // CMD + END (Selects last cell in last row)
-
+  }
 
+  // CMD + END (Selects last cell in last row)
   if (includesResourceKey(keysPressedList, usingMac) && keysPressedList.includes('End')) {
     var _scrollElement = spreadsheetRef.current.querySelector(".".concat(blockClass, "__list--container"));
-
     _scrollElement.scrollTop = _scrollElement.scrollHeight;
-
     var _coordinatesClone3 = _objectSpread({}, activeCellCoordinates);
-
     removeCellSelections({
       spreadsheetRef: spreadsheetRef
     });
     var lastCellExists = !!rows[(rows === null || rows === void 0 ? void 0 : rows.length) - 1].cells[(columns === null || columns === void 0 ? void 0 : columns.length) - 1];
-
     var updateToLastCell = function updateToLastCell() {
       updateActiveCellCoordinates({
         coords: _coordinatesClone3,
@@ -277,12 +243,11 @@ export var handleMultipleKeys = function handleMultipleKeys(_ref) {
           row: rows.length - 1
         }
       });
-    }; // With the spreadsheet supporting virtualized data, it's possible that the last cell
+    };
+    // With the spreadsheet supporting virtualized data, it's possible that the last cell
     // has never been rendered yet, if that's the case we scroll to the bottom of the spreadsheet
     // and add a timeout to wait for the last row to render to the DOM before updating the active cell coordinates.
     // If we're able to verify that the last row has been rendered, no timeout is used.
-
-
     if (lastCellExists) {
       updateToLastCell();
     } else {

package/es/components/DataSpreadsheet/utils/moveColumnIndicatorLine.js

@@ -4,15 +4,16 @@
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
+
 import { px } from '@carbon/layout';
 import { pkg } from '../../../settings';
 export var moveColumnIndicatorLine = function moveColumnIndicatorLine(_ref) {
   var _ref$blockClass = _ref.blockClass,
-      blockClass = _ref$blockClass === void 0 ? "".concat(pkg.prefix, "--data-spreadsheet") : _ref$blockClass,
-      clonedSelectionElement = _ref.clonedSelectionElement,
-      ref = _ref.ref,
-      spreadsheetCoords = _ref.spreadsheetCoords,
-      leftScrollAmount = _ref.leftScrollAmount;
+    blockClass = _ref$blockClass === void 0 ? "".concat(pkg.prefix, "--data-spreadsheet") : _ref$blockClass,
+    clonedSelectionElement = _ref.clonedSelectionElement,
+    ref = _ref.ref,
+    spreadsheetCoords = _ref.spreadsheetCoords,
+    leftScrollAmount = _ref.leftScrollAmount;
   var closestCell = event.target.closest(".".concat(blockClass, "--interactive-cell-element"));
   var newColumnIndex = closestCell === null || closestCell === void 0 ? void 0 : closestCell.getAttribute('data-column-index');
   var originalColumnIndex = clonedSelectionElement === null || clonedSelectionElement === void 0 ? void 0 : clonedSelectionElement.getAttribute('data-column-index-original');
@@ -20,15 +21,12 @@ export var moveColumnIndicatorLine = function moveColumnIndicatorLine(_ref) {
   var indicatorLineElement = ref.current.querySelector(".".concat(blockClass, "__reorder-indicator-line"));
   var matcherId = clonedSelectionElement === null || clonedSelectionElement === void 0 ? void 0 : clonedSelectionElement.getAttribute('data-matcher-id');
   var selectionAreaOrigin = ref.current.querySelector("[data-matcher-id=\"".concat(matcherId, "\"]"));
-
   if (Number(newColumnIndex) > Number(originalColumnIndex)) {
     indicatorLineElement.style.left = px(closestCellCoords.left - spreadsheetCoords.left + closestCell.offsetWidth - 2 + leftScrollAmount);
   }
-
   if (Number(newColumnIndex) < Number(originalColumnIndex)) {
     indicatorLineElement.style.left = px(closestCellCoords.left - spreadsheetCoords.left + leftScrollAmount);
   }
-
   if (Number(newColumnIndex) === Number(originalColumnIndex)) {
     indicatorLineElement.style.left = selectionAreaOrigin.style.left;
   }

package/es/components/DataSpreadsheet/utils/removeCellSelections.js

@@ -1,28 +1,26 @@
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-
 /**
  * Copyright IBM Corp. 2022, 2022
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
-import { pkg } from '../../../settings'; // Removes the cell selection elements
 
+import { pkg } from '../../../settings';
+
+// Removes the cell selection elements
 export var removeCellSelections = function removeCellSelections(_ref) {
   var matcher = _ref.matcher,
-      spreadsheetRef = _ref.spreadsheetRef,
-      _ref$blockClass = _ref.blockClass,
-      blockClass = _ref$blockClass === void 0 ? "".concat(pkg.prefix, "--data-spreadsheet") : _ref$blockClass;
-
+    spreadsheetRef = _ref.spreadsheetRef,
+    _ref$blockClass = _ref.blockClass,
+    blockClass = _ref$blockClass === void 0 ? "".concat(pkg.prefix, "--data-spreadsheet") : _ref$blockClass;
   if (matcher && typeof matcher === 'string') {
     var selectionToRemove = spreadsheetRef.current.querySelector("[data-matcher-id=\"".concat(matcher, "\"]"));
-
     if (selectionToRemove) {
       selectionToRemove.remove();
     }
   } else {
     var cellSelections = spreadsheetRef.current.querySelectorAll(".".concat(blockClass, "__selection-area--element"));
-
     _toConsumableArray(cellSelections).forEach(function (element) {
       return element.remove();
     });

package/es/components/DataSpreadsheet/utils/selectAllCells.js

@@ -1,25 +1,23 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 /**
  * Copyright IBM Corp. 2022, 2022
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
+
 import { removeCellSelections } from './removeCellSelections';
 import uuidv4 from '../../../global/js/utils/uuidv4';
 export var selectAllCells = function selectAllCells(_ref) {
   var activeCellCoordinates = _ref.activeCellCoordinates,
-      columns = _ref.columns,
-      setCurrentMatcher = _ref.setCurrentMatcher,
-      setSelectionAreas = _ref.setSelectionAreas,
-      ref = _ref.ref,
-      rows = _ref.rows,
-      updateActiveCellCoordinates = _ref.updateActiveCellCoordinates;
+    columns = _ref.columns,
+    setCurrentMatcher = _ref.setCurrentMatcher,
+    setSelectionAreas = _ref.setSelectionAreas,
+    ref = _ref.ref,
+    rows = _ref.rows,
+    updateActiveCellCoordinates = _ref.updateActiveCellCoordinates;
   removeCellSelections({
     spreadsheetRef: ref
   });
@@ -38,9 +36,7 @@ export var selectAllCells = function selectAllCells(_ref) {
     areaCreated: false,
     matcher: tempMatcher
   };
-
   var coordinatesClone = _objectSpread({}, activeCellCoordinates);
-
   updateActiveCellCoordinates({
     coords: coordinatesClone,
     updatedValue: {

package/es/components/Datagrid/Datagrid/Datagrid.js

@@ -1,13 +1,13 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["datagridState"];
-
 /**
  * Copyright IBM Corp. 2020, 2022
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
+
 import React from 'react';
 import PropTypes from 'prop-types';
 import cx from 'classnames';
@@ -16,40 +16,44 @@ import { pkg } from '../../../settings';
 import pconsole from '../../../global/js/utils/pconsole';
 import { InlineEditProvider } from './addons/InlineEdit/InlineEditContext';
 import { DatagridContent } from './DatagridContent';
+import { FilterProvider } from './addons/Filtering/FilterProvider';
 var blockClass = "".concat(pkg.prefix, "--datagrid");
 var componentName = 'Datagrid';
 export var Datagrid = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var datagridState = _ref.datagridState,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
+    rest = _objectWithoutProperties(_ref, _excluded);
   if (!datagridState) {
     pconsole.warn('Datagrid was not passed datagridState which is required to render this component.');
     return null;
   }
-
   var withVirtualScroll = datagridState.withVirtualScroll,
-      DatagridPagination = datagridState.DatagridPagination,
-      isFetching = datagridState.isFetching,
-      tableId = datagridState.tableId,
-      leftPanel = datagridState.leftPanel,
-      className = datagridState.className;
+    DatagridPagination = datagridState.DatagridPagination,
+    isFetching = datagridState.isFetching,
+    tableId = datagridState.tableId,
+    filterProps = datagridState.filterProps,
+    className = datagridState.className,
+    filters = datagridState.state.filters;
   var rows = DatagridPagination && datagridState.page || datagridState.rows;
-  return /*#__PURE__*/React.createElement(InlineEditProvider, null, /*#__PURE__*/React.createElement("div", _extends({}, rest, {
+  return /*#__PURE__*/React.createElement(FilterProvider, {
+    filters: filters
+  }, /*#__PURE__*/React.createElement(InlineEditProvider, null, /*#__PURE__*/React.createElement("div", _extends({}, rest, {
     id: tableId,
     ref: ref,
     className: cx(className, blockClass, withVirtualScroll ? "".concat(blockClass, "__datagridWrap") : "".concat(blockClass, "__datagridWrap-simple"), !isFetching && rows.length === 0 ? "".concat(blockClass, "__empty-state") : '')
-  }, getDevtoolsProps(componentName)), leftPanel && /*#__PURE__*/React.createElement("div", {
-    className: "".concat(blockClass, "__datagridWithPanel ").concat(blockClass, "__displayFlex ").concat(blockClass, "__leftPanel-position")
+  }, getDevtoolsProps(componentName)), (filterProps === null || filterProps === void 0 ? void 0 : filterProps.variation) === 'panel' ? /*#__PURE__*/React.createElement("div", {
+    className: "".concat(blockClass, "__datagridWithPanel ").concat(blockClass, "__displayFlex")
   }, /*#__PURE__*/React.createElement(DatagridContent, {
     datagridState: datagridState
-  })), leftPanel === undefined && /*#__PURE__*/React.createElement(DatagridContent, {
+  })) : /*#__PURE__*/React.createElement(DatagridContent, {
     datagridState: datagridState
-  })));
-}); // Return a placeholder if not released and not enabled by feature flag
+  }))));
+});
 
-Datagrid = pkg.checkComponentEnabled(Datagrid, componentName); // The display name of the component, used by React. Note that displayName
-// is used in preference to relying on function.name.
+// Return a placeholder if not released and not enabled by feature flag
+Datagrid = pkg.checkComponentEnabled(Datagrid, componentName);
 
+// The display name of the component, used by React. Note that displayName
+// is used in preference to relying on function.name.
 Datagrid.displayName = componentName;
 Datagrid.propTypes = {
   /**

package/es/components/Datagrid/Datagrid/DatagridBody.js

@@ -10,27 +10,21 @@ import DatagridEmptyBody from './DatagridEmptyBody';
 import DatagridVirtualBody from './DatagridVirtualBody';
 import DatagridSimpleBody from './DatagridSimpleBody';
 import DatagridRefBody from './DatagridRefBody';
-
 var DatagridBody = function DatagridBody(datagridState) {
   var isFetching = datagridState.isFetching,
-      _datagridState$rows = datagridState.rows,
-      rows = _datagridState$rows === void 0 ? [] : _datagridState$rows,
-      withVirtualScroll = datagridState.withVirtualScroll,
-      withStickyColumn = datagridState.withStickyColumn;
-
+    _datagridState$rows = datagridState.rows,
+    rows = _datagridState$rows === void 0 ? [] : _datagridState$rows,
+    withVirtualScroll = datagridState.withVirtualScroll,
+    withStickyColumn = datagridState.withStickyColumn;
   if (!isFetching && rows.length === 0) {
     return /*#__PURE__*/React.createElement(DatagridEmptyBody, datagridState);
   }
-
   if (withVirtualScroll) {
     return /*#__PURE__*/React.createElement(DatagridVirtualBody, datagridState);
   }
-
   if (withStickyColumn) {
     return /*#__PURE__*/React.createElement(DatagridRefBody, datagridState);
   }
-
   return /*#__PURE__*/React.createElement(DatagridSimpleBody, datagridState);
 };
-
 export default DatagridBody;