@carbon/ibm-products 2.0.0-rc.32 → 2.0.0-rc.34

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

@@ -1,150 +0,0 @@
-"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 _react2 = require("@carbon/react");
-var _icons = require("@carbon/react/icons");
-var _settings = require("../../../settings");
-var _excluded = ["onChange"];
-/**
- * Copyright IBM Corp. 2020, 2023
- *
- * This source code is licensed under the Apache-2.0 license found in the
- * LICENSE file in the root directory of this source tree.
- */
-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;
-  var _useState = (0, _react.useState)(SELECT_ALL_PAGE_ROWS),
-    _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 _useState3 = (0, _react.useState)(window.innerWidth),
-    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-    windowSize = _useState4[0],
-    setWindowSize = _useState4[1];
-  (0, _react.useLayoutEffect)(function () {
-    function updateSize() {
-      setWindowSize(window.innerWidth);
-    }
-    window.addEventListener('resize', updateSize);
-    return function () {
-      return window.removeEventListener('resize', updateSize);
-    };
-  }, []);
-  var _ref2 = selectAllToggle || {},
-    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);
-  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", {
-    role: "columnheader",
-    scope: "col",
-    className: (0, _classnames.default)("".concat(blockClass, "__select-all-toggle-on"), (0, _defineProperty2.default)({}, "".concat(blockClass, "__select-all-sticky-left"), isFirstColumnStickyLeft && windowSize > 671))
-  }, /*#__PURE__*/_react.default.createElement("span", null, /*#__PURE__*/_react.default.createElement(_react2.Checkbox, (0, _extends2.default)({}, selectProps, {
-    name: "".concat(tableId, "-select-all-checkbox-name"),
-    onClick: function onClick(e) {
-      onChange(e);
-    },
-    disabled: disabled,
-    id: "".concat(tableId, "-select-all-checkbox-id"),
-    labelText: allRowsLabel,
-    hideLabel: true
-  }))), /*#__PURE__*/_react.default.createElement(_react2.OverflowMenu, {
-    renderIcon: function renderIcon(props) {
-      return /*#__PURE__*/_react.default.createElement(_icons.CaretDown, (0, _extends2.default)({
-        size: 16
-      }, props));
-    },
-    size: "sm",
-    "aria-label": allRowsLabel,
-    menuOptionsClass: "".concat(blockClass, "__select-all-toggle-overflow")
-  }, /*#__PURE__*/_react.default.createElement(_react2.OverflowMenuItem, {
-    itemText: allPageRowsLabel,
-    requireTitle: true,
-    disabled: disabled,
-    onClick: function onClick() {
-      setSelectAllMode(SELECT_ALL_PAGE_ROWS);
-      // deselect all rows first
-      getToggleAllRowsSelectedProps().onChange({
-        target: {
-          checked: false
-        }
-      });
-      // select all row on current page
-      getToggleAllPageRowsSelectedProps().onChange({
-        target: {
-          checked: true
-        }
-      });
-    }
-  }), /*#__PURE__*/_react.default.createElement(_react2.OverflowMenuItem, {
-    itemText: allRowsLabel,
-    requireTitle: true,
-    disabled: disabled,
-    onClick: function onClick() {
-      setSelectAllMode(SELECT_ALL_ROWS);
-      getToggleAllRowsSelectedProps().onChange({
-        target: {
-          checked: true
-        }
-      });
-    }
-  })));
-};
-SelectAllWithToggle.propTypes = {
-  allPageRowsLabel: _propTypes.default.string,
-  allRowsLabel: _propTypes.default.string,
-  columns: _propTypes.default.arrayOf(_propTypes.default.object),
-  getToggleAllPageRowsSelectedProps: _propTypes.default.func.isRequired,
-  getToggleAllRowsSelectedProps: _propTypes.default.func.isRequired,
-  isAllRowsSelected: _propTypes.default.bool.isRequired,
-  isFetching: _propTypes.default.bool,
-  selectAllToggle: _propTypes.default.object,
-  tableId: _propTypes.default.string.isRequired,
-  withStickyColumn: _propTypes.default.bool
-};
-var _default = SelectAllWithToggle;
-exports.default = _default;

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

@@ -1,39 +0,0 @@
-"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 _react2 = require("@carbon/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; } /*
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          * Licensed Materials - Property of IBM
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          * 5724-Q36
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          * (c) Copyright IBM Corp. 2020
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          * US Government Users Restricted Rights - Use, duplication or disclosure
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          * restricted by GSA ADP Schedule Contract with IBM Corp.
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          */
-var blockClass = "".concat(_settings.pkg.prefix, "--datagrid");
-var DatagridSimpleBody = function DatagridSimpleBody(datagridState) {
-  var getTableBodyProps = datagridState.getTableBodyProps,
-    rows = datagridState.rows,
-    prepareRow = datagridState.prepareRow;
-  return /*#__PURE__*/_react.default.createElement(_react2.TableBody, (0, _extends2.default)({}, getTableBodyProps({
-    role: false
-  }), {
-    className: (0, _classnames.default)("".concat(blockClass, "__simple-body"), getTableBodyProps().className)
-  }), rows.map(function (row) {
-    prepareRow(row);
-    return row.RowRenderer(_objectSpread(_objectSpread({}, datagridState), {}, {
-      row: row
-    }));
-  }));
-};
-var _default = DatagridSimpleBody;
-exports.default = _default;

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

@@ -1,153 +0,0 @@
-"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 _icons = require("@carbon/react/icons");
-var _react2 = require("@carbon/react");
-var _useResizeObserver2 = require("../../../global/js/hooks/useResizeObserver");
-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 DatagridBatchActionsToolbar = function DatagridBatchActionsToolbar(datagridState, width, ref) {
-  var _useState = (0, _react.useState)(false),
-    _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];
-  var _useState5 = (0, _react.useState)(false),
-    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
-    receivedInitialWidth = _useState6[0],
-    setReceivedInitialWidth = _useState6[1];
-  var selectedFlatRows = datagridState.selectedFlatRows,
-    toggleAllRowsSelected = datagridState.toggleAllRowsSelected,
-    toolbarBatchActions = datagridState.toolbarBatchActions,
-    setGlobalFilter = datagridState.setGlobalFilter;
-  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;
-      setInitialListWidth(batchActionListWidth);
-      setReceivedInitialWidth(true);
-    }
-  }, [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
-  var renderBatchActionOverflow = function renderBatchActionOverflow() {
-    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 ? _icons.Add : _icons.OverflowMenuVertical,
-      className: (0, _classnames.default)("".concat(blockClass, "__button-menu"), (0, _defineProperty2.default)({}, "".concat(blockClass, "__button-menu--icon-only"), width <= minWidthBeforeOverflowIcon)),
-      menuOptionsClass: "".concat(blockClass, "__button-menu-options"),
-      flipped: true,
-      menuAriaLabel: 'Batch actions'
-    }, toolbarBatchActions && toolbarBatchActions.map(function (batchAction, index) {
-      if (index < 2) {
-        if (displayAllInMenu) {
-          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);
-              }
-            }
-          });
-        }
-        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
-  // displayed inside of the ButtonMenu if there are more than
-  // 3 batch actions
-  return /*#__PURE__*/_react.default.createElement(_react2.TableBatchActions, {
-    shouldShowBatchActions: totalSelected > 0,
-    totalSelected: totalSelected,
-    onCancel: function onCancel() {
-      toggleAllRowsSelected(false);
-      setGlobalFilter(null);
-    }
-  }, !displayAllInMenu && toolbarBatchActions && (toolbarBatchActions === null || toolbarBatchActions === void 0 ? void 0 : toolbarBatchActions.map(function (batchAction, index) {
-    if (index < 2 && toolbarBatchActions.length > 3 || index < 3 && toolbarBatchActions.length <= 3) {
-      return /*#__PURE__*/_react.default.createElement(_react2.TableBatchAction, {
-        key: "".concat(batchAction.label, "-").concat(index),
-        renderIcon: batchAction.renderIcon,
-        onClick: function onClick() {
-          batchAction.onClick();
-          if (batchAction.type === 'select_all') {
-            toggleAllRowsSelected(true);
-          }
-        },
-        iconDescription: batchAction.label
-      }, batchAction.label);
-    }
-  })), renderBatchActionOverflow());
-};
-var DatagridToolbar = function DatagridToolbar(datagridState) {
-  var ref = (0, _react.useRef)(null);
-  var _useResizeObserver = (0, _useResizeObserver2.useResizeObserver)(ref),
-    width = _useResizeObserver.width;
-  var DatagridActions = datagridState.DatagridActions,
-    DatagridBatchActions = datagridState.DatagridBatchActions,
-    batchActions = datagridState.batchActions,
-    rowSize = datagridState.rowSize;
-  var getRowHeight = rowSize ? rowSize : 'lg';
-  return batchActions && DatagridActions ? /*#__PURE__*/_react.default.createElement("div", {
-    ref: ref,
-    className: (0, _classnames.default)("".concat(blockClass, "__table-toolbar"), "".concat(blockClass, "__table-toolbar--").concat(getRowHeight))
-  }, /*#__PURE__*/_react.default.createElement(_react2.TableToolbar, null, DatagridActions && DatagridActions(datagridState), DatagridBatchActionsToolbar && DatagridBatchActionsToolbar(datagridState, width, ref))) : DatagridActions ? /*#__PURE__*/_react.default.createElement("div", {
-    className: "".concat(blockClass, "__table-toolbar")
-  }, /*#__PURE__*/_react.default.createElement(_react2.TableToolbar, null, DatagridActions && DatagridActions(datagridState), DatagridBatchActions && DatagridBatchActions(datagridState))) : null;
-};
-var _default = DatagridToolbar;
-exports.default = _default;

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

@@ -1,119 +0,0 @@
-"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 _react2 = require("@carbon/react");
-var _settings = require("../../../settings");
-var _DatagridHead = _interopRequireDefault(require("./DatagridHead"));
-var _layout = require("@carbon/layout");
-var _useResizeObserver = require("../../../global/js/hooks/useResizeObserver");
-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; } /*
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          * Licensed Materials - Property of IBM
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          * 5724-Q36
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          * (c) Copyright IBM Corp. 2020 - 2023
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          * US Government Users Restricted Rights - Use, duplication or disclosure
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          * restricted by GSA ADP Schedule Contract with IBM Corp.
-                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          */
-var blockClass = "".concat(_settings.pkg.prefix, "--datagrid");
-var rowSizeMap = {
-  xs: 24,
-  sm: 32,
-  md: 40,
-  lg: 48,
-  xl: 64,
-  // TODO: deprecate the below values in next major release (v8) on carbon-components-react
-  short: 32,
-  compact: 24,
-  normal: 48,
-  tall: 64
-};
-var defaultRowHeight = rowSizeMap.lg;
-var DatagridVirtualBody = function DatagridVirtualBody(datagridState) {
-  var _gridRef$current, _gridRef$current2;
-  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,
-    virtualHeight = datagridState.virtualHeight,
-    listRef = datagridState.listRef,
-    rowSize = datagridState.rowSize,
-    DatagridPagination = datagridState.DatagridPagination,
-    page = datagridState.page,
-    handleResize = datagridState.handleResize,
-    gridRef = datagridState.gridRef;
-  var handleVirtualGridResize = function handleVirtualGridResize() {
-    var gridRefElement = gridRef === null || gridRef === void 0 ? void 0 : gridRef.current;
-    gridRefElement.style.width = gridRefElement === null || gridRefElement === void 0 ? void 0 : gridRefElement.clientWidth;
-  };
-  (0, _useResizeObserver.useResizeObserver)(gridRef, {
-    callback: handleVirtualGridResize
-  });
-  var syncScroll = function syncScroll(e) {
-    var virtualBody = e.target;
-    document.querySelector(".".concat(blockClass, "__head-wrap")).scrollLeft = virtualBody.scrollLeft;
-    var spacerColumn = document.querySelector(".".concat(blockClass, "__head-wrap thead th:last-child"));
-    spacerColumn.style.width = (0, _layout.px)(32 + (virtualBody.offsetWidth - virtualBody.clientWidth)); // scrollbar width to header column to fix header alignment
-  };
-
-  (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(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
-    className: "".concat(blockClass, "__head-wrap"),
-    style: {
-      width: (_gridRef$current = gridRef.current) === null || _gridRef$current === void 0 ? void 0 : _gridRef$current.clientWidth,
-      overflow: 'hidden'
-    }
-  }, /*#__PURE__*/_react.default.createElement(_DatagridHead.default, datagridState)), /*#__PURE__*/_react.default.createElement(_react2.TableBody, (0, _extends2.default)({}, getTableBodyProps({
-    role: false
-  }), {
-    onScroll: function onScroll(e) {
-      return syncScroll(e);
-    }
-  }), /*#__PURE__*/_react.default.createElement(_reactWindow.VariableSizeList, {
-    height: virtualHeight || tableHeight,
-    itemCount: visibleRows.length,
-    itemSize: function itemSize(index) {
-      return visibleRows[index].isExpanded ? (visibleRows[index].expandedContentHeight || 0) + rowHeight : rowHeight;
-    },
-    estimatedItemSize: rowHeight,
-    onScroll: onScroll,
-    innerRef: innerListRef,
-    ref: listRef,
-    className: "".concat(blockClass, "__virtual-scrollbar"),
-    style: {
-      width: (_gridRef$current2 = gridRef.current) === null || _gridRef$current2 === void 0 ? void 0 : _gridRef$current2.clientWidth
-    }
-  }, function (_ref) {
-    var index = _ref.index,
-      style = _ref.style;
-    var row = visibleRows[index];
-    prepareRow(row);
-    return /*#__PURE__*/_react.default.createElement("div", {
-      style: _objectSpread({}, style)
-    }, row.RowRenderer(_objectSpread(_objectSpread({}, datagridState), {}, {
-      row: row
-    })));
-  })));
-};
-var _default = DatagridVirtualBody;
-exports.default = _default;