@carbon/ibm-products 1.34.1 → 1.35.0

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

@@ -1,5 +1,4 @@
 import _extends from "@babel/runtime/helpers/extends";
-
 /*
  * Licensed Materials - Property of IBM
  * 5724-Q36
@@ -13,16 +12,15 @@ import { DataTable } from 'carbon-components-react';
 import { NoDataEmptyState } from '../../EmptyStates/NoDataEmptyState';
 var blockClass = "".concat(pkg.prefix, "--datagrid");
 var TableBody = DataTable.TableBody,
-    TableRow = DataTable.TableRow,
-    TableCell = DataTable.TableCell;
-
+  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;
+    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, {
@@ -34,5 +32,4 @@ var DatagridEmptyBody = function DatagridEmptyBody(datagridState) {
     subtitle: emptyStateDescription
   }))));
 };
-
 export default DatagridEmptyBody;

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

@@ -5,21 +5,20 @@
  * 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 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;
-
+      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", {
@@ -30,5 +29,4 @@ var DatagridExpandedRow = function DatagridExpandedRow(PreviousRowRenderer, Expa
     }, ExpandedRowContentComponent(datagridState)));
   };
 };
-
 export default DatagridExpandedRow;

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

@@ -4,20 +4,20 @@
  * 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-components-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;
+    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.
+    return (
+      // doesn't support header grouping.
       HeaderRow(datagridState, headRef, headerGroup)
     );
   }));
 };
-
 export default DatagridHead;

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

@@ -1,12 +1,12 @@
 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';
@@ -14,7 +14,6 @@ import { DataTable } from 'carbon-components-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),
@@ -24,14 +23,12 @@ var HeaderRow = function HeaderRow(datagridState, headRef, headerGroup) {
     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
@@ -40,18 +37,14 @@ var HeaderRow = function HeaderRow(datagridState, headRef, headerGroup) {
     })));
   }));
 };
-
 var TableHeader = DataTable.TableHeader,
-    TableRow = DataTable.TableRow;
-
+  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,10 +1,7 @@
 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
@@ -15,15 +12,16 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 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
+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;
+    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) {
@@ -33,5 +31,4 @@ var DatagridRefBody = function DatagridRefBody(datagridState) {
     }));
   }));
 };
-
 export default DatagridRefBody;

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

@@ -2,7 +2,6 @@ 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
@@ -20,16 +19,14 @@ import { InlineEditContext } from './addons/InlineEdit/InlineEditContext/InlineE
 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
+  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;
-
+    state = _useContext.state;
   var activeCellId = state.activeCellId;
   var activeCellObject = activeCellId && getCellIdAsObject(activeCellId);
   return /*#__PURE__*/React.createElement(TableRow, _extends({
@@ -46,19 +43,15 @@ var DatagridRow = function DatagridRow(datagridState) {
     }
   }), row.cells.map(function (cell) {
     var cellProps = cell.getCellProps();
-
     var children = cellProps.children,
-        restProps = _objectWithoutProperties(cellProps, _excluded);
-
+      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, {
@@ -66,5 +59,4 @@ var DatagridRow = function DatagridRow(datagridState) {
     }), content);
   }));
 };
-
 export default DatagridRow;

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

@@ -2,7 +2,6 @@ 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
@@ -16,33 +15,27 @@ import { DataTable } from 'carbon-components-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;
+    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);
-
+    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, {
@@ -52,6 +45,5 @@ var SelectAll = function SelectAll(datagridState) {
     id: "".concat(tableId, "-select-all-checkbox-id")
   })));
 };
-
 var TableSelectAll = DataTable.TableSelectAll;
 export { SelectAll };

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

@@ -3,7 +3,6 @@ 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
@@ -17,54 +16,46 @@ import PropTypes from 'prop-types';
 import cx from 'classnames';
 import { OverflowMenu, OverflowMenuItem, Checkbox } from 'carbon-components-react';
 import { CaretDown16 } from '@carbon/icons-react';
-import { pkg } from '../../../settings'; // cspell:words columnheader
+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;
-
+    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];
-
+    _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;
-
+    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);
-
+    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", {
@@ -86,14 +77,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
@@ -114,7 +105,6 @@ var SelectAllWithToggle = function SelectAllWithToggle(_ref) {
     }
   })));
 };
-
 SelectAllWithToggle.propTypes = {
   allPageRowsLabel: PropTypes.string,
   allRowsLabel: PropTypes.string,

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

@@ -1,10 +1,7 @@
 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
@@ -18,11 +15,10 @@ 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;
+    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) {
@@ -32,5 +28,4 @@ var DatagridSimpleBody = function DatagridSimpleBody(datagridState) {
     }));
   }));
 };
-
 export default DatagridSimpleBody;

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

@@ -1,12 +1,12 @@
 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 { Add16, OverflowMenuVertical16 } from '@carbon/icons-react';
 import { DataTable, TableBatchActions, TableBatchAction } from 'carbon-components-react';
@@ -16,30 +16,27 @@ 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];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    displayAllInMenu = _useState2[0],
+    setDisplayAllInMenu = _useState2[1];
   var _useState3 = useState(null),
-      _useState4 = _slicedToArray(_useState3, 2),
-      initialListWidth = _useState4[0],
-      setInitialListWidth = _useState4[1];
-
+    _useState4 = _slicedToArray(_useState3, 2),
+    initialListWidth = _useState4[0],
+    setInitialListWidth = _useState4[1];
   var _useState5 = useState(false),
-      _useState6 = _slicedToArray(_useState5, 2),
-      receivedInitialWidth = _useState6[0],
-      setReceivedInitialWidth = _useState6[1];
-
+    _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,
+    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;
@@ -49,22 +46,21 @@ var DatagridBatchActionsToolbar = function DatagridBatchActionsToolbar(datagridS
   }, [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
+  }, [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.createElement(ButtonMenu, {
       label: width > minWidthBeforeOverflowIcon ? 'More' : null,
       renderIcon: width > minWidthBeforeOverflowIcon ? Add16 : OverflowMenuVertical16,
@@ -79,34 +75,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.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
+  };
+
+  // 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,
@@ -120,7 +112,6 @@ var DatagridBatchActionsToolbar = function DatagridBatchActionsToolbar(datagridS
         renderIcon: batchAction.renderIcon,
         onClick: function onClick() {
           batchAction.onClick();
-
           if (batchAction.type === 'select_all') {
             toggleAllRowsSelected(true);
           }
@@ -130,15 +121,13 @@ var DatagridBatchActionsToolbar = function DatagridBatchActionsToolbar(datagridS
     }
   })), renderBatchActionOverflow());
 };
-
 var DatagridToolbar = function DatagridToolbar(datagridState) {
   var _useResizeDetector = 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.createElement("div", {
     ref: ref,
     className: "".concat(blockClass, "__table-toolbar")
@@ -146,5 +135,4 @@ var DatagridToolbar = function DatagridToolbar(datagridState) {
     className: "".concat(blockClass, "__table-toolbar")
   }, /*#__PURE__*/React.createElement(TableToolbar, null, DatagridActions && DatagridActions(datagridState), DatagridBatchActions && DatagridBatchActions(datagridState))) : null;
 };
-
 export default DatagridToolbar;