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

package/lib/components/Datagrid/useSortableColumns.js

@@ -1,61 +1,47 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _settings = require("../../settings");
-
 var _react2 = require("@carbon/react");
-
 var _icons = require("@carbon/react/icons");
-
 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; }
-
+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; } /**
+                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          * 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.
+                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          */
 var blockClass = "".concat(_settings.pkg.prefix, "--datagrid");
 var ordering = {
   ASC: 'ASC',
   DESC: 'DESC',
   NONE: 'NONE'
 };
-
 var useSortableColumns = function useSortableColumns(hooks) {
   var sortableVisibleColumns = function sortableVisibleColumns(visibleColumns, _ref) {
     var _instance$customizeCo;
-
     var instance = _ref.instance;
     var onSort = instance.onSort;
-
     var onSortClick = function onSortClick(column) {
       var key = column.id;
       var sortDesc = column.isSortedDesc;
-
       var _getNewSortOrder = getNewSortOrder(sortDesc),
-          newSortDesc = _getNewSortOrder.newSortDesc,
-          newOrder = _getNewSortOrder.newOrder;
-
+        newSortDesc = _getNewSortOrder.newSortDesc,
+        newOrder = _getNewSortOrder.newOrder;
       if (onSort) {
         onSort(key, newOrder);
       }
-
       instance.toggleSortBy(key, newSortDesc, false);
     };
-
     var sortableColumns = visibleColumns.map(function (column) {
       var icon = function icon(col, props) {
         if (col !== null && col !== void 0 && col.isSorted) {
@@ -66,14 +52,12 @@ var useSortableColumns = function useSortableColumns(hooks) {
               }, props, {
                 className: "".concat(blockClass, "__sortable-icon ").concat(_settings.carbon.prefix, "--btn__icon")
               }));
-
             case true:
               return /*#__PURE__*/_react.default.createElement(_icons.ArrowDown, (0, _extends2.default)({
                 size: 16
               }, props, {
                 className: "".concat(blockClass, "__sortable-icon ").concat(_settings.carbon.prefix, "--btn__icon")
               }));
-
             default:
               return /*#__PURE__*/_react.default.createElement(_icons.ArrowsVertical, (0, _extends2.default)({
                 size: 16
@@ -82,17 +66,14 @@ var useSortableColumns = function useSortableColumns(hooks) {
               }));
           }
         }
-
         return /*#__PURE__*/_react.default.createElement(_icons.ArrowsVertical, (0, _extends2.default)({
           size: 16
         }, props, {
           className: "".concat(blockClass, "__sortable-icon ").concat(_settings.carbon.prefix, "--btn__icon")
         }));
       };
-
       var Header = function Header(headerProp) {
         var _cx;
-
         return column.disableSortBy === true ? column.Header : /*#__PURE__*/_react.default.createElement(_react2.Button, {
           onClick: function onClick() {
             return onSortClick(headerProp === null || headerProp === void 0 ? void 0 : headerProp.column);
@@ -104,7 +85,6 @@ var useSortableColumns = function useSortableColumns(hooks) {
           className: (0, _classnames.default)("".concat(_settings.carbon.prefix, "--table-sort ").concat(blockClass, "--table-sort"), (_cx = {}, (0, _defineProperty2.default)(_cx, "".concat(blockClass, "--table-sort--desc"), headerProp === null || headerProp === void 0 ? void 0 : headerProp.column.isSortedDesc), (0, _defineProperty2.default)(_cx, "".concat(blockClass, "--table-sort--asc"), (headerProp === null || headerProp === void 0 ? void 0 : headerProp.column.isSortedDesc) === false), _cx))
         }, column.Header);
       };
-
       return _objectSpread(_objectSpread({}, column), {}, {
         Header: Header,
         minWidth: column.disableSortBy === true ? 0 : 90
@@ -112,7 +92,6 @@ var useSortableColumns = function useSortableColumns(hooks) {
     });
     return (_instance$customizeCo = instance.customizeColumnsProps) !== null && _instance$customizeCo !== void 0 && _instance$customizeCo.isTearsheetOpen ? visibleColumns : (0, _toConsumableArray2.default)(sortableColumns);
   };
-
   var sortInstanceProps = function sortInstanceProps(instance) {
     var onSort = instance.onSort;
     Object.assign(instance, {
@@ -120,29 +99,23 @@ var useSortableColumns = function useSortableColumns(hooks) {
       isTableSortable: true
     });
   };
-
   var getNewSortOrder = function getNewSortOrder(sortOrder) {
     var order = {
       newSortDesc: undefined,
       newOrder: ordering.NONE
     };
-
     if (sortOrder === false) {
       order.newOrder = ordering.DESC;
       order.newSortDesc = true;
     }
-
     if (sortOrder === undefined) {
       order.newOrder = ordering.ASC;
       order.newSortDesc = false;
     }
-
     return order;
   };
-
   hooks.visibleColumns.push(sortableVisibleColumns);
   hooks.useInstance.push(sortInstanceProps);
 };
-
 var _default = useSortableColumns;
 exports.default = _default;

package/lib/components/Datagrid/useStickyColumn.js

@@ -1,47 +1,39 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 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 = require("react");
-
 var _debounce = _interopRequireDefault(require("lodash/debounce"));
-
 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; }
-
+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. 2021
+                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          * 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 styleClassPrefix = "".concat(blockClass, "__right-sticky-column");
 var leftStickyStyleClassPrefix = "".concat(blockClass, "__left-sticky-column");
 var OFFSET_SCROLL_CLASS = "".concat(styleClassPrefix, "-offset-scroll");
-
 var useStickyColumn = function useStickyColumn(hooks) {
   var tableBodyRef = (0, _react.useRef)();
   var stickyHeaderCellRef = (0, _react.useRef)();
-
   var _useState = (0, _react.useState)(window.innerWidth),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      windowSize = _useState2[0],
-      setWindowSize = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    windowSize = _useState2[0],
+    setWindowSize = _useState2[1];
   (0, _react.useLayoutEffect)(function () {
     function updateSize() {
       setWindowSize(window.innerWidth);
     }
-
     window.addEventListener('resize', updateSize);
     return function () {
       return window.removeEventListener('resize', updateSize);
@@ -54,7 +46,6 @@ var useStickyColumn = function useStickyColumn(hooks) {
     return [props, {
       style: _objectSpread(_objectSpread({}, props.style), {}, {
         minWidth: 'unset' // unset the min-width calculated by sum of all column min-width
-
       })
     }];
   });
@@ -63,11 +54,9 @@ var useStickyColumn = function useStickyColumn(hooks) {
     (0, _react.useEffect)(function () {
       var tableBodyElement = tableBodyRef.current;
       var headerCellElement = stickyHeaderCellRef.current;
-
       if (hasVertScroll(tableBodyElement) && headerCellElement) {
         headerCellElement.classList.add(OFFSET_SCROLL_CLASS);
       }
-
       var boundListener = (0, _debounce.default)(onBodyResize.bind(null, tableBodyElement, headerCellElement), 250);
       window.addEventListener('resize', boundListener);
       return function () {
@@ -77,17 +66,13 @@ var useStickyColumn = function useStickyColumn(hooks) {
     (0, _react.useEffect)(function () {
       var tableBodyElement = tableBodyRef.current;
       var headerCellElement = stickyHeaderCellRef.current;
-
       var listener = function listener(evt) {
         toggleStickyShadow(evt.target, headerCellElement);
       };
-
       toggleStickyShadow(tableBodyElement, headerCellElement);
-
       if (tableBodyElement) {
         tableBodyElement.addEventListener('scroll', listener);
       }
-
       return function () {
         if (tableBodyElement) {
           tableBodyElement.removeEventListener('scroll', listener);
@@ -95,7 +80,6 @@ var useStickyColumn = function useStickyColumn(hooks) {
       };
     }, [instance.rows, instance.isFetching]);
   };
-
   var useCheckScroll = function useCheckScroll(instance) {
     var tableBodyElement = tableBodyRef.current;
     var headerCellElement = stickyHeaderCellRef.current;
@@ -103,7 +87,6 @@ var useStickyColumn = function useStickyColumn(hooks) {
       onBodyResize(tableBodyElement, headerCellElement);
     }, [instance.rows, headerCellElement, tableBodyElement]);
   };
-
   hooks.useInstance.push(useEventListener);
   hooks.useInstance.push(useCheckScroll);
   hooks.useInstance.push(function (instance) {
@@ -124,13 +107,11 @@ var useStickyColumn = function useStickyColumn(hooks) {
     var stickyIdx = newColumns.findIndex(function (col) {
       return col.sticky === 'right';
     });
-
     if (spacerIdx >= 0 && stickyIdx >= 0 && stickyIdx < spacerIdx) {
       var temp = newColumns[spacerIdx];
       newColumns[spacerIdx] = newColumns[stickyIdx];
       newColumns[stickyIdx] = temp;
     }
-
     var newHeaders = instance.headers;
     spacerIdx = newHeaders.findIndex(function (col) {
       return col.id === 'spacer';
@@ -138,7 +119,6 @@ var useStickyColumn = function useStickyColumn(hooks) {
     stickyIdx = newHeaders.findIndex(function (col) {
       return col.sticky === 'right';
     });
-
     if (spacerIdx >= 0 && stickyIdx >= 0 && stickyIdx < spacerIdx) {
       var _temp = newHeaders[spacerIdx];
       newHeaders[spacerIdx] = newHeaders[stickyIdx];
@@ -149,39 +129,31 @@ var useStickyColumn = function useStickyColumn(hooks) {
     }
   });
 };
-
 var addTableBodyProps = function addTableBodyProps(tableBodyRef, props) {
   return [props, {
     ref: tableBodyRef
   }];
 };
-
 var changeProps = function changeProps(elementName, headerCellRef, windowSize, props, data) {
   var column = data.column || data.cell.column;
-
   if (column.sticky === 'right') {
     var _cx;
-
     return [props, _objectSpread({
       className: (0, _classnames.default)((_cx = {}, (0, _defineProperty2.default)(_cx, "".concat(styleClassPrefix, "-").concat(elementName), true), (0, _defineProperty2.default)(_cx, "".concat(blockClass, "__resizableColumn"), false), (0, _defineProperty2.default)(_cx, "".concat(blockClass, "__sortableColumn"), false), _cx))
     }, headerCellRef && {
       ref: headerCellRef
     })];
   }
-
   if (column.sticky === 'left') {
     var _data$instance, _cx2;
-
     return [props, _objectSpread({
       className: (0, _classnames.default)((_cx2 = {}, (0, _defineProperty2.default)(_cx2, "".concat(leftStickyStyleClassPrefix, "-").concat(elementName), true && windowSize > 671), (0, _defineProperty2.default)(_cx2, "".concat(leftStickyStyleClassPrefix, "-").concat(elementName, "--with-extra-select-column"), (data === null || data === void 0 ? void 0 : (_data$instance = data.instance) === null || _data$instance === void 0 ? void 0 : _data$instance.withSelectRows) && windowSize > 671), _cx2))
     }, headerCellRef && {
       ref: headerCellRef
     })];
   }
-
   return [props];
 };
-
 var onBodyResize = function onBodyResize(tableBodyEle, headerCellEle) {
   if (headerCellEle) {
     if (hasVertScroll(tableBodyEle)) {
@@ -189,15 +161,12 @@ var onBodyResize = function onBodyResize(tableBodyEle, headerCellEle) {
     } else {
       headerCellEle.classList.remove(OFFSET_SCROLL_CLASS);
     }
-
     toggleStickyShadow(tableBodyEle, headerCellEle);
   }
 };
-
 var toggleStickyShadow = function toggleStickyShadow(tableBodyEle, headerCellEle) {
   if (tableBodyEle && headerCellEle) {
     var isScrolledToRight = tableBodyEle.scrollLeft + tableBodyEle.clientWidth === tableBodyEle.scrollWidth;
-
     if (isScrolledToRight) {
       headerCellEle.classList.add("".concat(blockClass, "__sticky-noShadow"));
       tableBodyEle.classList.add("".concat(blockClass, "__sticky-column-noShadow"));
@@ -207,16 +176,13 @@ var toggleStickyShadow = function toggleStickyShadow(tableBodyEle, headerCellEle
     }
   }
 };
-
 var hasVertScroll = function hasVertScroll(element) {
   if (!element) {
     return false;
   }
-
   var scrollHeight = element.scrollHeight,
-      clientHeight = element.clientHeight;
+    clientHeight = element.clientHeight;
   return scrollHeight > clientHeight;
 };
-
 var _default = useStickyColumn;
 exports.default = _default;

package/lib/components/Datagrid/utils/DatagridActions.js

@@ -1,67 +1,49 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.DatagridActions = void 0;
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _react2 = require("@carbon/react");
-
 var _icons = require("@carbon/react/icons");
-
 var _addonActions = require("@storybook/addon-actions");
-
 var _settings = require("../../../settings");
-
 var _ButtonMenu = require("../../ButtonMenu");
-
 var _Filtering = require("../Datagrid/addons/Filtering");
-
 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. 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.
  */
-var blockClass = "".concat(_settings.pkg.prefix, "--datagrid");
 
+var blockClass = "".concat(_settings.pkg.prefix, "--datagrid");
 var DatagridActions = function DatagridActions(datagridState) {
   var _useContext = (0, _react.useContext)(_Filtering.FilterContext),
-      setPanelOpen = _useContext.setPanelOpen;
-
+    setPanelOpen = _useContext.setPanelOpen;
   var selectedFlatRows = datagridState.selectedFlatRows,
-      setGlobalFilter = datagridState.setGlobalFilter,
-      CustomizeColumnsButton = datagridState.CustomizeColumnsButton,
-      RowSizeDropdown = datagridState.RowSizeDropdown,
-      rowSizeDropdownProps = datagridState.rowSizeDropdownProps,
-      useDenseHeader = datagridState.useDenseHeader,
-      filterProps = datagridState.filterProps,
-      getFilterFlyoutProps = datagridState.getFilterFlyoutProps,
-      FilterFlyout = datagridState.FilterFlyout,
-      data = datagridState.data;
-
+    setGlobalFilter = datagridState.setGlobalFilter,
+    CustomizeColumnsButton = datagridState.CustomizeColumnsButton,
+    RowSizeDropdown = datagridState.RowSizeDropdown,
+    rowSizeDropdownProps = datagridState.rowSizeDropdownProps,
+    useDenseHeader = datagridState.useDenseHeader,
+    filterProps = datagridState.filterProps,
+    getFilterFlyoutProps = datagridState.getFilterFlyoutProps,
+    FilterFlyout = datagridState.FilterFlyout,
+    data = datagridState.data;
   var downloadCsv = function downloadCsv() {
     alert('Downloading...');
   };
-
   var refreshColumns = function refreshColumns() {
     alert('refreshing...');
   };
-
   var searchForAColumn = 'Search';
   var isNothingSelected = selectedFlatRows.length === 0;
   var style = {
@@ -69,11 +51,9 @@ var DatagridActions = function DatagridActions(datagridState) {
       bottom: '-37px'
     }
   };
-
   var renderFilterFlyout = function renderFilterFlyout() {
     return (filterProps === null || filterProps === void 0 ? void 0 : filterProps.variation) === 'flyout' && /*#__PURE__*/_react.default.createElement(FilterFlyout, getFilterFlyoutProps());
   };
-
   var renderFilterPanelButton = function renderFilterPanelButton() {
     return (filterProps === null || filterProps === void 0 ? void 0 : filterProps.variation) === 'panel' && /*#__PURE__*/_react.default.createElement(_react2.Button, {
       kind: "ghost",
@@ -95,22 +75,18 @@ var DatagridActions = function DatagridActions(datagridState) {
       tooltipAlignment: "start"
     });
   };
-
   var _useState = (0, _react.useState)(false),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      modalOpen = _useState2[0],
-      setModalOpen = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    modalOpen = _useState2[0],
+    setModalOpen = _useState2[1];
   var _useState3 = (0, _react.useState)(window.innerWidth),
-      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-      size = _useState4[0],
-      setSize = _useState4[1];
-
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    size = _useState4[0],
+    setSize = _useState4[1];
   (0, _react.useLayoutEffect)(function () {
     function updateSize() {
       setSize(window.innerWidth);
     }
-
     window.addEventListener('resize', updateSize);
     return function () {
       return window.removeEventListener('resize', updateSize);
@@ -139,7 +115,7 @@ var DatagridActions = function DatagridActions(datagridState) {
     renderIcon: _icons.Add,
     iconDescription: 'Action'
   }, "Ghost button"))) : /*#__PURE__*/_react.default.createElement(_react2.OverflowMenu, {
-    ariaLabel: "Tools",
+    "aria-label": "Tools",
     size: "md",
     flipped: true
   }, /*#__PURE__*/_react.default.createElement(_react2.OverflowMenuItem, {
@@ -215,7 +191,7 @@ var DatagridActions = function DatagridActions(datagridState) {
       return setGlobalFilter(e.target.value);
     }
   }), renderFilterFlyout(), /*#__PURE__*/_react.default.createElement(_react2.OverflowMenu, {
-    ariaLabel: "Tools",
+    "aria-label": "Tools",
     size: "lg",
     flipped: true,
     renderIcon: _icons.ChevronDown,
@@ -271,5 +247,4 @@ var DatagridActions = function DatagridActions(datagridState) {
     secondaryButtonText: "Cancel"
   }))));
 };
-
 exports.DatagridActions = DatagridActions;

package/lib/components/Datagrid/utils/DatagridPagination.js

@@ -1,33 +1,28 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.DatagridPagination = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _react2 = require("@carbon/react");
-
 /* eslint-disable react/prop-types */
-
 /**
  * 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 DatagridPagination = function DatagridPagination(_ref) {
   var state = _ref.state,
-      setPageSize = _ref.setPageSize,
-      gotoPage = _ref.gotoPage,
-      rows = _ref.rows;
-
+    setPageSize = _ref.setPageSize,
+    gotoPage = _ref.gotoPage,
+    rows = _ref.rows;
   var updatePagination = function updatePagination(_ref2) {
     var page = _ref2.page,
-        pageSize = _ref2.pageSize;
+      pageSize = _ref2.pageSize;
     console.log(state);
     setPageSize(pageSize);
     gotoPage(page - 1); // Carbon is non-zero-based
@@ -42,5 +37,4 @@ var DatagridPagination = function DatagridPagination(_ref) {
     onChange: updatePagination
   });
 };
-
 exports.DatagridPagination = DatagridPagination;

package/lib/components/Datagrid/utils/Wrapper.js

@@ -1,22 +1,19 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Wrapper = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 /* eslint-disable react/prop-types */
-
 /**
  * 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.
  */
+
 var Wrapper = function Wrapper(_ref) {
   var children = _ref.children;
   return /*#__PURE__*/_react.default.createElement("div", {
@@ -29,5 +26,4 @@ var Wrapper = function Wrapper(_ref) {
     }
   }, children);
 };
-
 exports.Wrapper = Wrapper;

package/lib/components/Datagrid/utils/getArgTypes.js

@@ -4,13 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ARG_TYPES = void 0;
-
 /**
  * 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 ARG_TYPES = {
   gridTitle: {
     name: 'gridTitle',

package/lib/components/Datagrid/utils/getAutoSizedColumnWidth.js

@@ -1,14 +1,11 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getAutoSizedColumnWidth = void 0;
-
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
 /**
  * Copyright IBM Corp. 2023, 2023
  *
@@ -22,6 +19,7 @@ var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers
  * @param {string} accessor - The accessor for the column
  * @param {string} headerText - The header text for the column
  */
+
 var getAutoSizedColumnWidth = function getAutoSizedColumnWidth(rows, accessor, headerText) {
   var maxWidth = 400;
   var minWidth = 58;
@@ -29,12 +27,9 @@ var getAutoSizedColumnWidth = function getAutoSizedColumnWidth(rows, accessor, h
   var cellLength = Math.max.apply(Math, (0, _toConsumableArray2.default)(rows.map(function (row) {
     return ("".concat(row[accessor]) || '').length;
   })).concat([headerText.length]));
-
   if (cellLength <= 3) {
     return minWidth;
   }
-
   return Math.min(maxWidth, cellLength * letterSpacing + 16);
 };
-
 exports.getAutoSizedColumnWidth = getAutoSizedColumnWidth;