@carbon/ibm-products 1.34.1 → 1.35.1

package/lib/components/Datagrid/Datagrid/DatagridSelectAll.js

@@ -1,55 +1,40 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SelectAll = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _carbonComponentsReact = require("carbon-components-react");
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _settings = require("../../../settings");
-
 var _excluded = ["onChange"];
 var blockClass = "".concat(_settings.pkg.prefix, "--datagrid");
-
 var SelectAll = function SelectAll(datagridState) {
   var _columns$;
-
   var isFetching = datagridState.isFetching,
-      getToggleAllRowsSelectedProps = datagridState.getToggleAllRowsSelectedProps,
-      getToggleAllPageRowsSelectedProps = datagridState.getToggleAllPageRowsSelectedProps,
-      tableId = datagridState.tableId,
-      hideSelectAll = datagridState.hideSelectAll,
-      DatagridPagination = datagridState.DatagridPagination,
-      radio = datagridState.radio,
-      columns = datagridState.columns,
-      withStickyColumn = datagridState.withStickyColumn;
+    getToggleAllRowsSelectedProps = datagridState.getToggleAllRowsSelectedProps,
+    getToggleAllPageRowsSelectedProps = datagridState.getToggleAllPageRowsSelectedProps,
+    tableId = datagridState.tableId,
+    hideSelectAll = datagridState.hideSelectAll,
+    DatagridPagination = datagridState.DatagridPagination,
+    radio = datagridState.radio,
+    columns = datagridState.columns,
+    withStickyColumn = datagridState.withStickyColumn;
   var isFirstColumnStickyLeft = ((_columns$ = columns[0]) === null || _columns$ === void 0 ? void 0 : _columns$.sticky) === 'left' && withStickyColumn;
-
   if (hideSelectAll || radio) {
     return /*#__PURE__*/_react.default.createElement("div", {
       className: (0, _classnames.default)("".concat(blockClass, "__head-hidden-select-all"), (0, _defineProperty2.default)({}, "".concat(blockClass, "__select-all-sticky-left"), isFirstColumnStickyLeft))
     });
   }
-
   var getProps = DatagridPagination ? getToggleAllPageRowsSelectedProps : getToggleAllRowsSelectedProps;
-
   var _getProps = getProps(),
-      onChange = _getProps.onChange,
-      selectProps = (0, _objectWithoutProperties2.default)(_getProps, _excluded);
-
+    onChange = _getProps.onChange,
+    selectProps = (0, _objectWithoutProperties2.default)(_getProps, _excluded);
   return /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)("".concat(blockClass, "__head-select-all"), "".concat(blockClass, "__checkbox-cell"), (0, _defineProperty2.default)({}, "".concat(blockClass, "__checkbox-cell-sticky-left"), isFirstColumnStickyLeft))
   }, /*#__PURE__*/_react.default.createElement(TableSelectAll, (0, _extends2.default)({}, selectProps, {
@@ -59,6 +44,5 @@ var SelectAll = function SelectAll(datagridState) {
     id: "".concat(tableId, "-select-all-checkbox-id")
   })));
 };
-
 exports.SelectAll = SelectAll;
 var TableSelectAll = _carbonComponentsReact.DataTable.TableSelectAll;

package/lib/components/Datagrid/Datagrid/DatagridSelectAllWithToggle.js

@@ -1,87 +1,63 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _carbonComponentsReact = require("carbon-components-react");
-
 var _iconsReact = require("@carbon/icons-react");
-
 var _settings = require("../../../settings");
-
 var _excluded = ["onChange"];
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(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; }
-
 // cspell:words columnheader
+
 var blockClass = "".concat(_settings.pkg.prefix, "--datagrid");
 var SELECT_ALL_PAGE_ROWS = 'pageRows';
 var SELECT_ALL_ROWS = 'allRows';
-
 var SelectAllWithToggle = function SelectAllWithToggle(_ref) {
   var _columns$;
-
   var tableId = _ref.tableId,
-      isFetching = _ref.isFetching,
-      isAllRowsSelected = _ref.isAllRowsSelected,
-      selectAllToggle = _ref.selectAllToggle,
-      getToggleAllPageRowsSelectedProps = _ref.getToggleAllPageRowsSelectedProps,
-      getToggleAllRowsSelectedProps = _ref.getToggleAllRowsSelectedProps,
-      _ref$allPageRowsLabel = _ref.allPageRowsLabel,
-      allPageRowsLabel = _ref$allPageRowsLabel === void 0 ? 'Select all on page' : _ref$allPageRowsLabel,
-      _ref$allRowsLabel = _ref.allRowsLabel,
-      allRowsLabel = _ref$allRowsLabel === void 0 ? 'Select all' : _ref$allRowsLabel,
-      columns = _ref.columns,
-      withStickyColumn = _ref.withStickyColumn;
-
+    isFetching = _ref.isFetching,
+    isAllRowsSelected = _ref.isAllRowsSelected,
+    selectAllToggle = _ref.selectAllToggle,
+    getToggleAllPageRowsSelectedProps = _ref.getToggleAllPageRowsSelectedProps,
+    getToggleAllRowsSelectedProps = _ref.getToggleAllRowsSelectedProps,
+    _ref$allPageRowsLabel = _ref.allPageRowsLabel,
+    allPageRowsLabel = _ref$allPageRowsLabel === void 0 ? 'Select all on page' : _ref$allPageRowsLabel,
+    _ref$allRowsLabel = _ref.allRowsLabel,
+    allRowsLabel = _ref$allRowsLabel === void 0 ? 'Select all' : _ref$allRowsLabel,
+    columns = _ref.columns,
+    withStickyColumn = _ref.withStickyColumn;
   var _useState = (0, _react.useState)(SELECT_ALL_PAGE_ROWS),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      selectAllMode = _useState2[0],
-      setSelectAllMode = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    selectAllMode = _useState2[0],
+    setSelectAllMode = _useState2[1];
   (0, _react.useEffect)(function () {
     if (onSelectAllRows) {
       onSelectAllRows(isAllRowsSelected && selectAllMode === SELECT_ALL_ROWS);
     }
   }, [isAllRowsSelected, selectAllMode, onSelectAllRows]);
-
   var _ref2 = selectAllToggle || {},
-      onSelectAllRows = _ref2.onSelectAllRows,
-      labels = _ref2.labels;
-
+    onSelectAllRows = _ref2.onSelectAllRows,
+    labels = _ref2.labels;
   if (labels) {
     allPageRowsLabel = labels.allPageRows || allPageRowsLabel;
     allRowsLabel = labels.allRows || allRowsLabel;
   }
-
   var getProps = selectAllMode === SELECT_ALL_PAGE_ROWS ? getToggleAllPageRowsSelectedProps : getToggleAllRowsSelectedProps;
-
   var _getProps = getProps(),
-      onChange = _getProps.onChange,
-      selectProps = (0, _objectWithoutProperties2.default)(_getProps, _excluded);
-
+    onChange = _getProps.onChange,
+    selectProps = (0, _objectWithoutProperties2.default)(_getProps, _excluded);
   var disabled = isFetching || selectProps.disabled;
   var isFirstColumnStickyLeft = ((_columns$ = columns[0]) === null || _columns$ === void 0 ? void 0 : _columns$.sticky) === 'left' && withStickyColumn;
   return /*#__PURE__*/_react.default.createElement("th", {
@@ -103,14 +79,14 @@ var SelectAllWithToggle = function SelectAllWithToggle(_ref) {
     requireTitle: true,
     disabled: disabled,
     onClick: function onClick() {
-      setSelectAllMode(SELECT_ALL_PAGE_ROWS); // deselect all rows first
-
+      setSelectAllMode(SELECT_ALL_PAGE_ROWS);
+      // deselect all rows first
       getToggleAllRowsSelectedProps().onChange({
         target: {
           checked: false
         }
-      }); // select all row on current page
-
+      });
+      // select all row on current page
       getToggleAllPageRowsSelectedProps().onChange({
         target: {
           checked: true
@@ -131,7 +107,6 @@ var SelectAllWithToggle = function SelectAllWithToggle(_ref) {
     }
   })));
 };
-
 SelectAllWithToggle.propTypes = {
   allPageRowsLabel: _propTypes.default.string,
   allRowsLabel: _propTypes.default.string,

package/lib/components/Datagrid/Datagrid/DatagridSimpleBody.js

@@ -1,35 +1,24 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _carbonComponentsReact = require("carbon-components-react");
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _settings = require("../../../settings");
-
 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) { (0, _defineProperty2.default)(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; }
-
 var blockClass = "".concat(_settings.pkg.prefix, "--datagrid");
 var TableBody = _carbonComponentsReact.DataTable.TableBody;
-
 var DatagridSimpleBody = function DatagridSimpleBody(datagridState) {
   var getTableBodyProps = datagridState.getTableBodyProps,
-      rows = datagridState.rows,
-      prepareRow = datagridState.prepareRow;
+    rows = datagridState.rows,
+    prepareRow = datagridState.prepareRow;
   return /*#__PURE__*/_react.default.createElement(TableBody, (0, _extends2.default)({}, getTableBodyProps(), {
     className: (0, _classnames.default)("".concat(blockClass, "__simple-body"), getTableBodyProps().className)
   }), rows.map(function (row) {
@@ -39,6 +28,5 @@ var DatagridSimpleBody = function DatagridSimpleBody(datagridState) {
     }));
   }));
 };
-
 var _default = DatagridSimpleBody;
 exports.default = _default;

package/lib/components/Datagrid/Datagrid/DatagridToolbar.js

@@ -1,68 +1,52 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _iconsReact = require("@carbon/icons-react");
-
 var _carbonComponentsReact = require("carbon-components-react");
-
 var _reactResizeDetector = require("react-resize-detector");
-
 var _ButtonMenu = require("../../ButtonMenu");
-
 var _settings = require("../../../settings");
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(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; }
-
 /**
  * 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.
  */
+
 var blockClass = "".concat(_settings.pkg.prefix, "--datagrid");
 var TableToolbar = _carbonComponentsReact.DataTable.TableToolbar;
-
 var DatagridBatchActionsToolbar = function DatagridBatchActionsToolbar(datagridState, width, ref) {
   var _useState = (0, _react.useState)(false),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      displayAllInMenu = _useState2[0],
-      setDisplayAllInMenu = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    displayAllInMenu = _useState2[0],
+    setDisplayAllInMenu = _useState2[1];
   var _useState3 = (0, _react.useState)(null),
-      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-      initialListWidth = _useState4[0],
-      setInitialListWidth = _useState4[1];
-
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    initialListWidth = _useState4[0],
+    setInitialListWidth = _useState4[1];
   var _useState5 = (0, _react.useState)(false),
-      _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
-      receivedInitialWidth = _useState6[0],
-      setReceivedInitialWidth = _useState6[1];
-
+    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+    receivedInitialWidth = _useState6[0],
+    setReceivedInitialWidth = _useState6[1];
   var selectedFlatRows = datagridState.selectedFlatRows,
-      toggleAllRowsSelected = datagridState.toggleAllRowsSelected,
-      toolbarBatchActions = datagridState.toolbarBatchActions;
-  var totalSelected = selectedFlatRows && selectedFlatRows.length; // Get initial width of batch actions container,
+    toggleAllRowsSelected = datagridState.toggleAllRowsSelected,
+    toolbarBatchActions = datagridState.toolbarBatchActions;
+  var totalSelected = selectedFlatRows && selectedFlatRows.length;
+
+  // Get initial width of batch actions container,
   // used to measure when all items are put inside
   // the ButtonMenu
-
   (0, _react.useEffect)(function () {
     if (totalSelected === 1 && !receivedInitialWidth) {
       var batchActionListWidth = ref.current.querySelector(".".concat(_settings.carbon.prefix, "--action-list")).offsetWidth;
@@ -72,22 +56,21 @@ var DatagridBatchActionsToolbar = function DatagridBatchActionsToolbar(datagridS
   }, [totalSelected, receivedInitialWidth, ref]);
   (0, _react.useEffect)(function () {
     var summaryWidth = ref.current.querySelector(".".concat(_settings.carbon.prefix, "--batch-summary")).offsetWidth;
-
     if (width < summaryWidth + initialListWidth + 32) {
       setDisplayAllInMenu(true);
     } else {
       setDisplayAllInMenu(false);
     }
-  }, [width, ref, initialListWidth]); // Render batch actions in ButtonMenu
+  }, [width, ref, initialListWidth]);
 
+  // Render batch actions in ButtonMenu
   var renderBatchActionOverflow = function renderBatchActionOverflow() {
-    var minWidthBeforeOverflowIcon = 380; // Do not render ButtonMenu when there are 3 or less items
+    var minWidthBeforeOverflowIcon = 380;
+    // Do not render ButtonMenu when there are 3 or less items
     // and if there is enough available space to render all the items
-
     if ((toolbarBatchActions === null || toolbarBatchActions === void 0 ? void 0 : toolbarBatchActions.length) <= 3 && !displayAllInMenu) {
       return null;
     }
-
     return /*#__PURE__*/_react.default.createElement(_ButtonMenu.ButtonMenu, {
       label: width > minWidthBeforeOverflowIcon ? 'More' : null,
       renderIcon: width > minWidthBeforeOverflowIcon ? _iconsReact.Add16 : _iconsReact.OverflowMenuVertical16,
@@ -102,34 +85,30 @@ var DatagridBatchActionsToolbar = function DatagridBatchActionsToolbar(datagridS
             itemText: batchAction.label,
             onClick: function onClick() {
               batchAction.onClick();
-
               if (batchAction.type === 'select_all') {
                 toggleAllRowsSelected(true);
               }
             }
           });
         }
-
         return null;
       }
-
       return /*#__PURE__*/_react.default.createElement(_ButtonMenu.ButtonMenuItem, {
         key: "".concat(batchAction.label, "-").concat(index),
         itemText: batchAction.label,
         onClick: function onClick() {
           batchAction.onClick();
-
           if (batchAction.type === 'select_all') {
             toggleAllRowsSelected(true);
           }
         }
       });
     }));
-  }; // Only display the first two batch actions, the rest are
+  };
+
+  // Only display the first two batch actions, the rest are
   // displayed inside of the ButtonMenu if there are more than
   // 3 batch actions
-
-
   return /*#__PURE__*/_react.default.createElement(_carbonComponentsReact.TableBatchActions, {
     shouldShowBatchActions: totalSelected > 0,
     totalSelected: totalSelected,
@@ -143,7 +122,6 @@ var DatagridBatchActionsToolbar = function DatagridBatchActionsToolbar(datagridS
         renderIcon: batchAction.renderIcon,
         onClick: function onClick() {
           batchAction.onClick();
-
           if (batchAction.type === 'select_all') {
             toggleAllRowsSelected(true);
           }
@@ -153,15 +131,13 @@ var DatagridBatchActionsToolbar = function DatagridBatchActionsToolbar(datagridS
     }
   })), renderBatchActionOverflow());
 };
-
 var DatagridToolbar = function DatagridToolbar(datagridState) {
   var _useResizeDetector = (0, _reactResizeDetector.useResizeDetector)(),
-      width = _useResizeDetector.width,
-      ref = _useResizeDetector.ref;
-
+    width = _useResizeDetector.width,
+    ref = _useResizeDetector.ref;
   var DatagridActions = datagridState.DatagridActions,
-      DatagridBatchActions = datagridState.DatagridBatchActions,
-      batchActions = datagridState.batchActions;
+    DatagridBatchActions = datagridState.DatagridBatchActions,
+    batchActions = datagridState.batchActions;
   return batchActions && DatagridActions ? /*#__PURE__*/_react.default.createElement("div", {
     ref: ref,
     className: "".concat(blockClass, "__table-toolbar")
@@ -169,6 +145,5 @@ var DatagridToolbar = function DatagridToolbar(datagridState) {
     className: "".concat(blockClass, "__table-toolbar")
   }, /*#__PURE__*/_react.default.createElement(TableToolbar, null, DatagridActions && DatagridActions(datagridState), DatagridBatchActions && DatagridBatchActions(datagridState))) : null;
 };
-
 var _default = DatagridToolbar;
 exports.default = _default;

package/lib/components/Datagrid/Datagrid/DatagridVirtualBody.js

@@ -1,34 +1,21 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _reactWindow = require("react-window");
-
 var _carbonComponentsReact = require("carbon-components-react");
-
 var _settings = require("../../../settings");
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(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; }
-
 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) { (0, _defineProperty2.default)(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; }
-
 var blockClass = "".concat(_settings.pkg.prefix, "--datagrid");
 var TableBody = _carbonComponentsReact.DataTable.TableBody;
 var rowSizeMap = {
@@ -44,35 +31,33 @@ var rowSizeMap = {
   tall: 64
 };
 var defaultRowHeight = rowSizeMap.lg;
-
 var DatagridVirtualBody = function DatagridVirtualBody(datagridState) {
   var getTableBodyProps = datagridState.getTableBodyProps,
-      rows = datagridState.rows,
-      prepareRow = datagridState.prepareRow,
-      onScroll = datagridState.onScroll,
-      innerListRef = datagridState.innerListRef,
-      _datagridState$tableH = datagridState.tableHeight,
-      tableHeight = _datagridState$tableH === void 0 ? 400 : _datagridState$tableH,
-      listRef = datagridState.listRef,
-      rowSize = datagridState.rowSize,
-      DatagridPagination = datagridState.DatagridPagination,
-      page = datagridState.page,
-      handleResize = datagridState.handleResize,
-      withOverflowRow = datagridState.withOverflowRow;
+    rows = datagridState.rows,
+    prepareRow = datagridState.prepareRow,
+    onScroll = datagridState.onScroll,
+    innerListRef = datagridState.innerListRef,
+    _datagridState$tableH = datagridState.tableHeight,
+    tableHeight = _datagridState$tableH === void 0 ? 400 : _datagridState$tableH,
+    virtualHeight = datagridState.virtualHeight,
+    listRef = datagridState.listRef,
+    rowSize = datagridState.rowSize,
+    DatagridPagination = datagridState.DatagridPagination,
+    page = datagridState.page,
+    handleResize = datagridState.handleResize,
+    withOverflowRow = datagridState.withOverflowRow;
   (0, _react.useEffect)(function () {
     handleResize();
   }, [handleResize]);
   var rowHeight = rowSize && rowSizeMap[rowSize] || defaultRowHeight;
-
   if (listRef && listRef.current) {
     listRef.current.resetAfterIndex(0);
   }
-
   var visibleRows = DatagridPagination && page || rows;
   return /*#__PURE__*/_react.default.createElement(TableBody, (0, _extends2.default)({}, getTableBodyProps(), {
     onScroll: onScroll
   }), /*#__PURE__*/_react.default.createElement(_reactWindow.VariableSizeList, {
-    height: tableHeight,
+    height: virtualHeight || tableHeight,
     itemCount: visibleRows.length,
     itemSize: function itemSize(index) {
       return visibleRows[index].isExpanded ? (visibleRows[index].expandedContentHeight || 0) + rowHeight : rowHeight;
@@ -84,7 +69,7 @@ var DatagridVirtualBody = function DatagridVirtualBody(datagridState) {
     className: "".concat(blockClass, "__virtual-scrollbar")
   }, function (_ref) {
     var index = _ref.index,
-        style = _ref.style;
+      style = _ref.style;
     var row = visibleRows[index];
     prepareRow(row);
     return /*#__PURE__*/_react.default.createElement("div", {
@@ -96,6 +81,5 @@ var DatagridVirtualBody = function DatagridVirtualBody(datagridState) {
     })));
   }));
 };
-
 var _default = DatagridVirtualBody;
 exports.default = _default;