@carbon/ibm-products 2.0.0-rc.3 → 2.0.0-rc.30

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

@@ -1,38 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-
-/*
- * 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.
- */
-import React from 'react';
-import { pkg } from '../../../settings';
-import { DataTable } from '@carbon/react';
-import { NoDataEmptyState } from '../../EmptyStates/NoDataEmptyState';
-var blockClass = "".concat(pkg.prefix, "--datagrid");
-var TableBody = DataTable.TableBody,
-    TableRow = DataTable.TableRow,
-    TableCell = DataTable.TableCell;
-
-var DatagridEmptyBody = function DatagridEmptyBody(datagridState) {
-  var getTableBodyProps = datagridState.getTableBodyProps,
-      headers = datagridState.headers,
-      emptyStateTitle = datagridState.emptyStateTitle,
-      emptyStateDescription = datagridState.emptyStateDescription,
-      emptyStateSize = datagridState.emptyStateSize,
-      illustrationTheme = datagridState.illustrationTheme;
-  return /*#__PURE__*/React.createElement(TableBody, _extends({}, getTableBodyProps(), {
-    className: "".concat(blockClass, "__empty-state-body")
-  }), /*#__PURE__*/React.createElement(TableRow, null, /*#__PURE__*/React.createElement(TableCell, {
-    colSpan: headers.length
-  }, /*#__PURE__*/React.createElement(NoDataEmptyState, {
-    illustrationTheme: illustrationTheme,
-    size: emptyStateSize,
-    title: emptyStateTitle,
-    subtitle: emptyStateDescription
-  }))));
-};
-
-export default DatagridEmptyBody;

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

@@ -1,34 +0,0 @@
-/*
- * 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.
- */
-import React from 'react';
-import { pkg } from '../../../settings';
-var blockClass = "".concat(pkg.prefix, "--datagrid"); // eslint-disable-next-line react/prop-types
-
-var DatagridExpandedRow = function DatagridExpandedRow(PreviousRowRenderer, ExpandedRowContentComponent) {
-  return function (datagridState) {
-    var row = datagridState.row;
-
-    var _ref = row || {},
-        expandedContentHeight = _ref.expandedContentHeight;
-
-    if (!row.isExpanded) {
-      return PreviousRowRenderer(datagridState);
-    }
-
-    return /*#__PURE__*/React.createElement("div", {
-      className: "".concat(blockClass, "__expanded-row")
-    }, PreviousRowRenderer(datagridState), /*#__PURE__*/React.createElement("div", {
-      className: "".concat(blockClass, "__expanded-row-content"),
-      style: {
-        height: expandedContentHeight ? expandedContentHeight : null
-      }
-    }, ExpandedRowContentComponent(datagridState)));
-  };
-};
-
-export default DatagridExpandedRow;

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

@@ -1,23 +0,0 @@
-/**
- * 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 { DataTable } from '@carbon/react';
-var TableHead = DataTable.TableHead;
-
-var DatagridHead = function DatagridHead(datagridState) {
-  var _datagridState$header = datagridState.headerGroups,
-      headerGroups = _datagridState$header === void 0 ? [] : _datagridState$header,
-      headRef = datagridState.headRef,
-      HeaderRow = datagridState.HeaderRow;
-  return /*#__PURE__*/React.createElement(TableHead, null, headerGroups.map(function (headerGroup) {
-    return (// doesn't support header grouping.
-      HeaderRow(datagridState, headRef, headerGroup)
-    );
-  }));
-};
-
-export default DatagridHead;

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

@@ -1,57 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
-/**
- * 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.
- */
-// @flow
-import React from 'react';
-import cx from 'classnames';
-import { DataTable } from '@carbon/react';
-import { selectionColumnId } from '../common-column-ids';
-import { pkg } from '../../../settings';
-var blockClass = "".concat(pkg.prefix, "--datagrid");
-
-var HeaderRow = function HeaderRow(datagridState, headRef, headerGroup) {
-  return /*#__PURE__*/React.createElement(TableRow, _extends({}, headerGroup.getHeaderGroupProps(), {
-    className: cx("".concat(blockClass, "__head"), headerGroup.getHeaderGroupProps().className),
-    ref: headRef
-  }), datagridState.headers.filter(function (_ref) {
-    var isVisible = _ref.isVisible;
-    return isVisible;
-  }).map(function (header) {
-    var _cx;
-
-    if (header.id === selectionColumnId) {
-      // render directly without the wrapper TableHeader
-      return header.render('Header', {
-        key: header.id
-      });
-    }
-
-    return /*#__PURE__*/React.createElement(TableHeader, _extends({}, header.getHeaderProps(), {
-      className: cx((_cx = {}, _defineProperty(_cx, "".concat(blockClass, "__resizableColumn"), header.getResizerProps), _defineProperty(_cx, "".concat(blockClass, "__isResizing"), header.isResizing), _defineProperty(_cx, "".concat(blockClass, "__sortableColumn"), header.canSort), _defineProperty(_cx, "".concat(blockClass, "__isSorted"), header.isSorted), _cx), header.getHeaderProps().className),
-      key: header.id
-    }), header.render('Header'), header.getResizerProps && /*#__PURE__*/React.createElement("div", _extends({}, header.getResizerProps(), {
-      className: "".concat(blockClass, "__resizer")
-    })));
-  }));
-};
-
-var TableHeader = DataTable.TableHeader,
-    TableRow = DataTable.TableRow;
-
-var useHeaderRow = function useHeaderRow(hooks) {
-  var useInstance = function useInstance(instance) {
-    Object.assign(instance, {
-      HeaderRow: HeaderRow
-    });
-  };
-
-  hooks.useInstance.push(useInstance);
-};
-
-export default useHeaderRow;

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

@@ -1,37 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-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; }
-
-/*
- * Licensed Materials - Property of IBM
- * 5724-Q36
- * (c) Copyright IBM Corp. 2021
- * US Government Users Restricted Rights - Use, duplication or disclosure
- * restricted by GSA ADP Schedule Contract with IBM Corp.
- */
-import React from 'react';
-import cx from 'classnames';
-import { pkg } from '../../../settings';
-var blockClass = "".concat(pkg.prefix, "--datagrid"); // TableBody from carbon is a functional component
-// hence no way to pass the ref to html element without changes in carbon side
-// define html directly here.
-// ref should be passed in thru getTableBodyProps
-
-var DatagridRefBody = function DatagridRefBody(datagridState) {
-  var getTableBodyProps = datagridState.getTableBodyProps,
-      rows = datagridState.rows,
-      prepareRow = datagridState.prepareRow;
-  return /*#__PURE__*/React.createElement("tbody", _extends({}, getTableBodyProps(), {
-    className: cx("".concat(blockClass, "__simple-body"), getTableBodyProps().className)
-  }), rows.map(function (row) {
-    prepareRow(row);
-    return row.RowRenderer(_objectSpread(_objectSpread({}, datagridState), {}, {
-      row: row
-    }));
-  }));
-};
-
-export default DatagridRefBody;

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

@@ -1,70 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["children"];
-
-/*
- * 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.
- */
-// @flow
-import React, { useContext } from 'react';
-import { DataTable, SkeletonText } from '@carbon/react';
-import { selectionColumnId } from '../common-column-ids';
-import cx from 'classnames';
-import { pkg, carbon } from '../../../settings';
-import { InlineEditContext } from './addons/InlineEdit/InlineEditContext/InlineEditContext';
-import { getCellIdAsObject } from './addons/InlineEdit/InlineEditContext/getCellIdAsObject';
-var blockClass = "".concat(pkg.prefix, "--datagrid");
-var TableRow = DataTable.TableRow,
-    TableCell = DataTable.TableCell; // eslint-disable-next-line react/prop-types
-
-var DatagridRow = function DatagridRow(datagridState) {
-  var _cx;
-
-  var row = datagridState.row;
-
-  var _useContext = useContext(InlineEditContext),
-      state = _useContext.state;
-
-  var activeCellId = state.activeCellId;
-  var activeCellObject = activeCellId && getCellIdAsObject(activeCellId);
-  return /*#__PURE__*/React.createElement(TableRow, _extends({
-    className: cx("".concat(blockClass, "__carbon-row"), (_cx = {}, _defineProperty(_cx, "".concat(blockClass, "__carbon-row-expanded"), row.isExpanded), _defineProperty(_cx, "".concat(carbon.prefix, "--data-table--selected"), row.isSelected), _defineProperty(_cx, "".concat(blockClass, "__carbon-row-hover-active"), activeCellObject && row.index === activeCellObject.row), _cx))
-  }, row.getRowProps(), {
-    key: row.id,
-    onMouseEnter: function onMouseEnter(event) {
-      var hoverRow = event.target.closest(".".concat(blockClass, "__carbon-row-expanded"));
-      hoverRow === null || hoverRow === void 0 ? void 0 : hoverRow.classList.add("".concat(blockClass, "__carbon-row-expanded-hover-active"));
-    },
-    onMouseLeave: function onMouseLeave(event) {
-      var hoverRow = event.target.closest(".".concat(blockClass, "__carbon-row-expanded"));
-      hoverRow === null || hoverRow === void 0 ? void 0 : hoverRow.classList.remove("".concat(blockClass, "__carbon-row-expanded-hover-active"));
-    }
-  }), row.cells.map(function (cell) {
-    var cellProps = cell.getCellProps();
-
-    var children = cellProps.children,
-        restProps = _objectWithoutProperties(cellProps, _excluded);
-
-    var content = children || /*#__PURE__*/React.createElement(React.Fragment, null, !row.isSkeleton && cell.render('Cell'), row.isSkeleton && /*#__PURE__*/React.createElement(SkeletonText, null));
-
-    if (cell && cell.column && cell.column.id === selectionColumnId) {
-      // directly render component without the wrapping TableCell
-      return cell.render('Cell', {
-        key: cell.column.id
-      });
-    }
-
-    return /*#__PURE__*/React.createElement(TableCell, _extends({
-      className: "".concat(blockClass, "__cell")
-    }, restProps, {
-      key: cell.column.id
-    }), content);
-  }));
-};
-
-export default DatagridRow;

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

@@ -1,57 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["onChange"];
-
-/*
- * 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.
- */
-// @flow
-import React from 'react';
-import { DataTable } from '@carbon/react';
-import cx from 'classnames';
-import { pkg } from '../../../settings';
-var blockClass = "".concat(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;
-  var isFirstColumnStickyLeft = ((_columns$ = columns[0]) === null || _columns$ === void 0 ? void 0 : _columns$.sticky) === 'left' && withStickyColumn;
-
-  if (hideSelectAll || radio) {
-    return /*#__PURE__*/React.createElement("div", {
-      className: cx("".concat(blockClass, "__head-hidden-select-all"), _defineProperty({}, "".concat(blockClass, "__select-all-sticky-left"), isFirstColumnStickyLeft))
-    });
-  }
-
-  var getProps = DatagridPagination ? getToggleAllPageRowsSelectedProps : getToggleAllRowsSelectedProps;
-
-  var _getProps = getProps(),
-      onChange = _getProps.onChange,
-      selectProps = _objectWithoutProperties(_getProps, _excluded);
-
-  return /*#__PURE__*/React.createElement("div", {
-    className: cx("".concat(blockClass, "__head-select-all"), "".concat(blockClass, "__checkbox-cell"), _defineProperty({}, "".concat(blockClass, "__checkbox-cell-sticky-left"), isFirstColumnStickyLeft))
-  }, /*#__PURE__*/React.createElement(TableSelectAll, _extends({}, selectProps, {
-    name: "".concat(tableId, "-select-all-checkbox-name"),
-    onSelect: onChange,
-    disabled: isFetching || selectProps.disabled,
-    id: "".concat(tableId, "-select-all-checkbox-id")
-  })));
-};
-
-var TableSelectAll = DataTable.TableSelectAll;
-export { SelectAll };

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

@@ -1,137 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-var _excluded = ["onChange"];
-
-/*
- * Licensed Materials - Property of IBM
- * 5724-Q36
- * (c) Copyright IBM Corp. 2020, 2021
- * US Government Users Restricted Rights - Use, duplication or disclosure
- * restricted by GSA ADP Schedule Contract with IBM Corp.
- */
-// @flow
-import React, { useEffect, useState } from 'react';
-import PropTypes from 'prop-types';
-import cx from 'classnames';
-import { Checkbox, OverflowMenu, OverflowMenuItem } from '@carbon/react';
-import { CaretDown } from '@carbon/react/icons';
-import { pkg } from '../../../settings'; // cspell:words columnheader
-
-var blockClass = "".concat(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 = useState(SELECT_ALL_PAGE_ROWS),
-      _useState2 = _slicedToArray(_useState, 2),
-      selectAllMode = _useState2[0],
-      setSelectAllMode = _useState2[1];
-
-  useEffect(function () {
-    if (onSelectAllRows) {
-      onSelectAllRows(isAllRowsSelected && selectAllMode === SELECT_ALL_ROWS);
-    }
-  }, [isAllRowsSelected, selectAllMode, onSelectAllRows]);
-
-  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 = _objectWithoutProperties(_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.createElement("th", {
-    role: "columnheader",
-    scope: "col",
-    className: cx("".concat(blockClass, "__select-all-toggle-on"), _defineProperty({}, "".concat(blockClass, "__select-all-sticky-left"), isFirstColumnStickyLeft))
-  }, /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(Checkbox, _extends({}, 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.createElement(OverflowMenu, {
-    renderIcon: function renderIcon(props) {
-      return /*#__PURE__*/React.createElement(CaretDown, _extends({
-        size: 16
-      }, props));
-    },
-    size: "sm",
-    ariaLabel: allRowsLabel
-  }, /*#__PURE__*/React.createElement(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.createElement(OverflowMenuItem, {
-    itemText: allRowsLabel,
-    requireTitle: true,
-    disabled: disabled,
-    onClick: function onClick() {
-      setSelectAllMode(SELECT_ALL_ROWS);
-      getToggleAllRowsSelectedProps().onChange({
-        target: {
-          checked: true
-        }
-      });
-    }
-  })));
-};
-
-SelectAllWithToggle.propTypes = {
-  allPageRowsLabel: PropTypes.string,
-  allRowsLabel: PropTypes.string,
-  columns: PropTypes.arrayOf(PropTypes.object),
-  getToggleAllPageRowsSelectedProps: PropTypes.func.isRequired,
-  getToggleAllRowsSelectedProps: PropTypes.func.isRequired,
-  isAllRowsSelected: PropTypes.bool.isRequired,
-  isFetching: PropTypes.bool,
-  selectAllToggle: PropTypes.object,
-  tableId: PropTypes.string.isRequired,
-  withStickyColumn: PropTypes.bool
-};
-export default SelectAllWithToggle;

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

@@ -1,36 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-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; }
-
-/*
- * 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.
- */
-import React from 'react';
-import { DataTable } from '@carbon/react';
-import cx from 'classnames';
-import { pkg } from '../../../settings';
-var blockClass = "".concat(pkg.prefix, "--datagrid");
-var TableBody = DataTable.TableBody;
-
-var DatagridSimpleBody = function DatagridSimpleBody(datagridState) {
-  var getTableBodyProps = datagridState.getTableBodyProps,
-      rows = datagridState.rows,
-      prepareRow = datagridState.prepareRow;
-  return /*#__PURE__*/React.createElement(TableBody, _extends({}, getTableBodyProps(), {
-    className: cx("".concat(blockClass, "__simple-body"), getTableBodyProps().className)
-  }), rows.map(function (row) {
-    prepareRow(row);
-    return row.RowRenderer(_objectSpread(_objectSpread({}, datagridState), {}, {
-      row: row
-    }));
-  }));
-};
-
-export default DatagridSimpleBody;

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

@@ -1,151 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-
-/**
- * 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 React, { useEffect, useState } from 'react';
-import { Add, OverflowMenuVertical } from '@carbon/react/icons';
-import { DataTable, TableBatchActions, TableBatchAction } from '@carbon/react';
-import { useResizeDetector } from 'react-resize-detector';
-import { ButtonMenu, ButtonMenuItem } from '../../ButtonMenu';
-import { pkg, carbon } from '../../../settings';
-import cx from 'classnames';
-var blockClass = "".concat(pkg.prefix, "--datagrid");
-var TableToolbar = DataTable.TableToolbar;
-
-var DatagridBatchActionsToolbar = function DatagridBatchActionsToolbar(datagridState, width, ref) {
-  var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      displayAllInMenu = _useState2[0],
-      setDisplayAllInMenu = _useState2[1];
-
-  var _useState3 = useState(null),
-      _useState4 = _slicedToArray(_useState3, 2),
-      initialListWidth = _useState4[0],
-      setInitialListWidth = _useState4[1];
-
-  var _useState5 = useState(false),
-      _useState6 = _slicedToArray(_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,
-  // used to measure when all items are put inside
-  // the ButtonMenu
-
-  useEffect(function () {
-    if (totalSelected === 1 && !receivedInitialWidth) {
-      var batchActionListWidth = ref.current.querySelector(".".concat(carbon.prefix, "--action-list")).offsetWidth;
-      setInitialListWidth(batchActionListWidth);
-      setReceivedInitialWidth(true);
-    }
-  }, [totalSelected, receivedInitialWidth, ref]);
-  useEffect(function () {
-    var summaryWidth = ref.current.querySelector(".".concat(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.createElement(ButtonMenu, {
-      label: width > minWidthBeforeOverflowIcon ? 'More' : null,
-      renderIcon: width > minWidthBeforeOverflowIcon ? Add : OverflowMenuVertical,
-      className: cx("".concat(blockClass, "__button-menu"), _defineProperty({}, "".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.createElement(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.createElement(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.createElement(TableBatchActions, {
-    shouldShowBatchActions: totalSelected > 0,
-    totalSelected: totalSelected,
-    onCancel: function onCancel() {
-      return toggleAllRowsSelected(false);
-    }
-  }, !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.createElement(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 _useResizeDetector = useResizeDetector(),
-      width = _useResizeDetector.width,
-      ref = _useResizeDetector.ref;
-
-  var DatagridActions = datagridState.DatagridActions,
-      DatagridBatchActions = datagridState.DatagridBatchActions,
-      batchActions = datagridState.batchActions;
-  return batchActions && DatagridActions ? /*#__PURE__*/React.createElement("div", {
-    ref: ref,
-    className: "".concat(blockClass, "__table-toolbar")
-  }, /*#__PURE__*/React.createElement(TableToolbar, null, DatagridActions && DatagridActions(datagridState), DatagridBatchActionsToolbar && DatagridBatchActionsToolbar(datagridState, width, ref))) : DatagridActions ? /*#__PURE__*/React.createElement("div", {
-    className: "".concat(blockClass, "__table-toolbar")
-  }, /*#__PURE__*/React.createElement(TableToolbar, null, DatagridActions && DatagridActions(datagridState), DatagridBatchActions && DatagridBatchActions(datagridState))) : null;
-};
-
-export default DatagridToolbar;