@carbon/ibm-products 1.34.1 → 1.35.0

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';
@@ -20,19 +20,17 @@ 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,
+    leftPanel = datagridState.leftPanel,
+    className = datagridState.className;
   var rows = DatagridPagination && datagridState.page || datagridState.rows;
   return /*#__PURE__*/React.createElement(InlineEditProvider, null, /*#__PURE__*/React.createElement("div", _extends({}, rest, {
     id: tableId,
@@ -45,11 +43,13 @@ export var Datagrid = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   })), leftPanel === undefined && /*#__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;

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

@@ -15,62 +15,55 @@ import { handleGridFocus } from './addons/InlineEdit/handleGridFocus';
 import { useClickOutside } from '../../../global/js/hooks';
 import { useMultipleKeyTracking } from '../../DataSpreadsheet/hooks';
 var TableContainer = DataTable.TableContainer,
-    Table = DataTable.Table;
+  Table = DataTable.Table;
 var blockClass = "".concat(pkg.prefix, "--datagrid");
 export var DatagridContent = function DatagridContent(_ref) {
   var _cx4;
-
   var datagridState = _ref.datagridState;
-
   var _useContext = useContext(InlineEditContext),
-      state = _useContext.state,
-      dispatch = _useContext.dispatch;
-
+    state = _useContext.state,
+    dispatch = _useContext.dispatch;
   var activeCellId = state.activeCellId;
   var _datagridState$getTab = datagridState.getTableProps,
-      getTableProps = _datagridState$getTab === void 0 ? function () {} : _datagridState$getTab,
-      withVirtualScroll = datagridState.withVirtualScroll,
-      DatagridPagination = datagridState.DatagridPagination,
-      isFetching = datagridState.isFetching,
-      CustomizeColumnsModal = datagridState.CustomizeColumnsModal,
-      leftPanel = datagridState.leftPanel,
-      fullHeightDatagrid = datagridState.fullHeightDatagrid,
-      _datagridState$vertic = datagridState.verticalAlign,
-      verticalAlign = _datagridState$vertic === void 0 ? 'center' : _datagridState$vertic,
-      variableRowHeight = datagridState.variableRowHeight,
-      gridTitle = datagridState.gridTitle,
-      gridDescription = datagridState.gridDescription,
-      useDenseHeader = datagridState.useDenseHeader,
-      withInlineEdit = datagridState.withInlineEdit,
-      tableId = datagridState.tableId,
-      DatagridActions = datagridState.DatagridActions,
-      totalColumnsWidth = datagridState.totalColumnsWidth;
+    getTableProps = _datagridState$getTab === void 0 ? function () {} : _datagridState$getTab,
+    withVirtualScroll = datagridState.withVirtualScroll,
+    DatagridPagination = datagridState.DatagridPagination,
+    isFetching = datagridState.isFetching,
+    CustomizeColumnsModal = datagridState.CustomizeColumnsModal,
+    leftPanel = datagridState.leftPanel,
+    fullHeightDatagrid = datagridState.fullHeightDatagrid,
+    _datagridState$vertic = datagridState.verticalAlign,
+    verticalAlign = _datagridState$vertic === void 0 ? 'center' : _datagridState$vertic,
+    variableRowHeight = datagridState.variableRowHeight,
+    gridTitle = datagridState.gridTitle,
+    gridDescription = datagridState.gridDescription,
+    useDenseHeader = datagridState.useDenseHeader,
+    withInlineEdit = datagridState.withInlineEdit,
+    tableId = datagridState.tableId,
+    DatagridActions = datagridState.DatagridActions,
+    totalColumnsWidth = datagridState.totalColumnsWidth;
   var rows = DatagridPagination && datagridState.page || datagridState.rows;
   var gridActive = state.gridActive,
-      editId = state.editId;
+    editId = state.editId;
   var gridAreaRef = useRef();
   var multiKeyTrackingRef = useRef();
   useClickOutside(gridAreaRef, function (target) {
     if (!withInlineEdit) {
       return;
-    } // We return from here if we find a parent element with the selector below
+    }
+    // We return from here if we find a parent element with the selector below
     // because that element was initially part of the grid area but was removed
     // and swapped out with an input, i.e. text, number, selection, or date picker
-
-
     if (target.closest(".".concat(blockClass, "__inline-edit-button")) || target.closest(".".concat(blockClass, "__inline-edit--select")) || target.closest(".".concat(blockClass, "__row-size-button"))) {
       return;
     }
-
     dispatch({
       type: 'REMOVE_GRID_ACTIVE_FOCUS',
       payload: activeCellId
     });
   });
-
   var renderTable = function renderTable() {
     var _getTableProps;
-
     return /*#__PURE__*/React.createElement(Table, _extends({}, getTableProps(), {
       className: cx(withVirtualScroll ? '' : "".concat(blockClass, "__table-simple"), "".concat(blockClass, "__vertical-align-").concat(verticalAlign), _defineProperty({}, "".concat(blockClass, "__variable-row-height"), variableRowHeight), _defineProperty({}, "".concat(blockClass, "__table-with-inline-edit"), withInlineEdit), _defineProperty({}, "".concat(blockClass, "__table-grid-active"), gridActive), (_getTableProps = getTableProps()) === null || _getTableProps === void 0 ? void 0 : _getTableProps.className),
       role: withInlineEdit && 'grid',
@@ -92,25 +85,22 @@ export var DatagridContent = function DatagridContent(_ref) {
       rows: rows
     })));
   };
-
   var _useMultipleKeyTracki = useMultipleKeyTracking({
-    ref: withInlineEdit ? multiKeyTrackingRef : null,
-    containerHasFocus: gridActive,
-    isEditing: !!editId
-  }),
-      keysPressedList = _useMultipleKeyTracki.keysPressedList,
-      usingMac = _useMultipleKeyTracki.usingMac; // Provides a width for the region outline for useInlineEdit
-
+      ref: withInlineEdit ? multiKeyTrackingRef : null,
+      containerHasFocus: gridActive,
+      isEditing: !!editId
+    }),
+    keysPressedList = _useMultipleKeyTracki.keysPressedList,
+    usingMac = _useMultipleKeyTracki.usingMac;
 
+  // Provides a width for the region outline for useInlineEdit
   useEffect(function () {
     if (!withInlineEdit) {
       return;
     }
-
     var gridElement = document.querySelector("#".concat(tableId));
     var tableHeader = document.querySelector(".".concat(carbon.prefix, "--data-table-header"));
     gridElement.style.setProperty("--".concat(blockClass, "--grid-width"), px(totalColumnsWidth + 32));
-
     if (gridActive) {
       gridElement.style.setProperty("--".concat(blockClass, "--grid-header-height"), px((tableHeader === null || tableHeader === void 0 ? void 0 : tableHeader.clientHeight) || 0));
     }