@carbon/ibm-products 1.34.1 → 1.35.0

package/es/components/Datagrid/Datagrid.stories/common.js

@@ -1,22 +1,15 @@
 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; }
-
 import React from 'react';
 import namor from 'namor';
-
 var range = function range(len) {
   var arr = [];
-
   for (var i = 0; i < len; i++) {
     arr.push(i);
   }
-
   return arr;
 };
-
 var newPerson = function newPerson() {
   var statusChance = Math.random();
   return {
@@ -113,9 +106,9 @@ var newPerson = function newPerson() {
     }),
     status: statusChance > 0.66 ? 'relationship' : statusChance > 0.33 ? 'complicated' : 'single'
   };
-}; // eslint-disable-next-line react/prop-types
-
+};
 
+// eslint-disable-next-line react/prop-types
 export var Wrapper = function Wrapper(_ref) {
   var children = _ref.children;
   return /*#__PURE__*/React.createElement("div", {
@@ -132,7 +125,6 @@ export var makeData = function makeData() {
   for (var _len = arguments.length, lens = new Array(_len), _key = 0; _key < _len; _key++) {
     lens[_key] = arguments[_key];
   }
-
   var makeDataLevel = function makeDataLevel() {
     var depth = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
     var len = lens[depth];
@@ -142,7 +134,6 @@ export var makeData = function makeData() {
       });
     });
   };
-
   return makeDataLevel();
 };
 export var defaultHeader = [{

package/es/components/Datagrid/common-column-ids.js

@@ -5,4 +5,5 @@
  * US Government Users Restricted Rights - Use, duplication or disclosure
  * restricted by GSA ADP Schedule Contract with IBM Corp.
  */
+
 export var selectionColumnId = 'datagridSelection';

package/es/components/Datagrid/useActionsColumn.js

@@ -2,8 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["id", "itemText", "onClick", "icon"],
-    _excluded2 = ["id", "onClick", "shouldHideMenuItem", "shouldDisableMenuItem", "disabled"];
-
+  _excluded2 = ["id", "onClick", "shouldHideMenuItem", "shouldDisableMenuItem", "disabled"];
 /*
  * Licensed Materials - Property of IBM
  * 5724-Q36
@@ -16,22 +15,18 @@ import cx from 'classnames';
 import { IconSkeleton, OverflowMenu, OverflowMenuItem } from 'carbon-components-react';
 import { pkg } from '../../settings';
 var blockClass = "".concat(pkg.prefix, "--datagrid");
-
 var useActionsColumn = function useActionsColumn(hooks) {
   var useAttachActionsOnInstance = function useAttachActionsOnInstance(instance) {
     var rowActions = instance.rowActions,
-        isFetching = instance.isFetching,
-        selectedFlatRows = instance.selectedFlatRows;
-
+      isFetching = instance.isFetching,
+      selectedFlatRows = instance.selectedFlatRows;
     if (rowActions && Array.isArray(rowActions)) {
       var addActionsMenu = function addActionsMenu(props, cellData) {
         var cell = cellData.cell;
         var row = cell.row,
-            column = cell.column;
-
+          column = cell.column;
         if (column.isAction) {
           var _cx3;
-
           return [props, {
             children: /*#__PURE__*/React.createElement("div", {
               className: "".concat(blockClass, "__actions-column-contents")
@@ -44,11 +39,10 @@ var useActionsColumn = function useActionsColumn(hooks) {
               }
             }, rowActions.map(function (action, index) {
               var id = action.id,
-                  itemText = action.itemText,
-                  _onClick = action.onClick,
-                  icon = action.icon,
-                  rest = _objectWithoutProperties(action, _excluded);
-
+                itemText = action.itemText,
+                _onClick = action.onClick,
+                icon = action.icon,
+                rest = _objectWithoutProperties(action, _excluded);
               var selectedRowId = selectedFlatRows === null || selectedFlatRows === void 0 ? void 0 : selectedFlatRows.filter(function (item) {
                 return item.id === row.id ? item.id : null;
               });
@@ -67,9 +61,7 @@ var useActionsColumn = function useActionsColumn(hooks) {
                     // Row actions should be disabled if row is selected and batchActions toolbar is active
                     return;
                   }
-
                   e.stopPropagation();
-
                   _onClick(id, row, e);
                 }
               })));
@@ -82,26 +74,22 @@ var useActionsColumn = function useActionsColumn(hooks) {
               }
             }, rowActions.map(function (action) {
               var id = action.id,
-                  _onClick2 = action.onClick,
-                  shouldHideMenuItem = action.shouldHideMenuItem,
-                  shouldDisableMenuItem = action.shouldDisableMenuItem,
-                  disabled = action.disabled,
-                  rest = _objectWithoutProperties(action, _excluded2);
-
-              var hidden = typeof shouldHideMenuItem === 'function' && shouldHideMenuItem(row); // shouldDisableMenuItem will override disabled because it's more specific
+                _onClick2 = action.onClick,
+                shouldHideMenuItem = action.shouldHideMenuItem,
+                shouldDisableMenuItem = action.shouldDisableMenuItem,
+                disabled = action.disabled,
+                rest = _objectWithoutProperties(action, _excluded2);
+              var hidden = typeof shouldHideMenuItem === 'function' && shouldHideMenuItem(row);
+              // shouldDisableMenuItem will override disabled because it's more specific
               // if shouldDisableMenuItem doesn't exists, fall back to disabled
-
               var isDisabledByRow = typeof shouldDisableMenuItem === 'function' ? shouldDisableMenuItem(row) : disabled;
-
               if (hidden) {
                 return null;
               }
-
               return /*#__PURE__*/React.createElement(OverflowMenuItem, _extends({}, rest, {
                 disabled: isDisabledByRow,
                 onClick: function onClick(e) {
                   e.stopPropagation();
-
                   _onClick2(id, row, e);
                 },
                 key: id
@@ -113,15 +101,11 @@ var useActionsColumn = function useActionsColumn(hooks) {
             }
           }];
         }
-
         return [props];
       };
-
       hooks.getCellProps.push(addActionsMenu);
     }
   };
-
   hooks.useInstance.push(useAttachActionsOnInstance);
 };
-
 export default useActionsColumn;

package/es/components/Datagrid/useColumnCenterAlign.js

@@ -1,10 +1,7 @@
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 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
@@ -16,7 +13,6 @@ import React from 'react';
 import cx from 'classnames';
 import { pkg } from '../../settings';
 var blockClass = "".concat(pkg.prefix, "--datagrid");
-
 var useColumnCenterAlign = function useColumnCenterAlign(hooks) {
   var centerAlignRenderer = function centerAlignRenderer(tableProps, column) {
     return /*#__PURE__*/React.createElement("div", {
@@ -25,13 +21,11 @@ var useColumnCenterAlign = function useColumnCenterAlign(hooks) {
       })
     }, column.Cell(tableProps));
   };
-
   var centerAlignHeader = function centerAlignHeader(headerProp, column) {
     return /*#__PURE__*/React.createElement("div", {
       className: "".concat(blockClass, "__center-align-header")
     }, typeof column.Header === 'function' ? column.Header(headerProp) : column.Header);
   };
-
   var centerAlignedColumns = function centerAlignedColumns(columns) {
     var columnsWithDefaultCells = columns.map(function (column) {
       return _objectSpread(_objectSpread({}, column), {}, {
@@ -45,8 +39,6 @@ var useColumnCenterAlign = function useColumnCenterAlign(hooks) {
     });
     return _toConsumableArray(columnsWithDefaultCells);
   };
-
   hooks.visibleColumns.push(centerAlignedColumns);
 };
-
 export default useColumnCenterAlign;

package/es/components/Datagrid/useColumnOrder.js

@@ -4,5 +4,6 @@
  * 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 { useColumnOrder } from 'react-table';
 export default useColumnOrder;

package/es/components/Datagrid/useColumnRightAlign.js

@@ -1,10 +1,7 @@
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 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
@@ -16,7 +13,6 @@ import React from 'react';
 import cx from 'classnames';
 import { pkg } from '../../settings';
 var blockClass = "".concat(pkg.prefix, "--datagrid");
-
 var useColumnRightAlign = function useColumnRightAlign(hooks) {
   var RightAlignRenderer = function RightAlignRenderer(tableProps, column) {
     return /*#__PURE__*/React.createElement("div", {
@@ -25,13 +21,11 @@ var useColumnRightAlign = function useColumnRightAlign(hooks) {
       })
     }, column.Cell(tableProps));
   };
-
   var RightAlignHeader = function RightAlignHeader(headerProp, column) {
     return /*#__PURE__*/React.createElement("div", {
       className: "".concat(blockClass, "__right-align-header")
     }, typeof column.Header === 'function' ? column.Header(headerProp) : column.Header);
   };
-
   var rightAlignedColumns = function rightAlignedColumns(columns) {
     var columnsWithDefaultCells = columns.map(function (column) {
       return _objectSpread(_objectSpread({}, column), {}, {
@@ -45,8 +39,6 @@ var useColumnRightAlign = function useColumnRightAlign(hooks) {
     });
     return _toConsumableArray(columnsWithDefaultCells);
   };
-
   hooks.visibleColumns.push(rightAlignedColumns);
 };
-
 export default useColumnRightAlign;

package/es/components/Datagrid/useCustomizeColumns.js

@@ -1,13 +1,9 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-
 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; }
-
 // @flow
-
 /*
  * Licensed Materials - Property of IBM
  * 5724-Q36
@@ -15,21 +11,18 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
  * US Government Users Restricted Rights - Use, duplication or disclosure
  * restricted by GSA ADP Schedule Contract with IBM Corp.
  */
+
 import * as React from 'react';
 import { CustomizeColumnsModalWrapper, ToggleButtonWrapper } from './Datagrid/addons/CustomizeColumns';
-
 var useCustomizeColumns = function useCustomizeColumns(hooks) {
   var _React$useState = React.useState(false),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      isModalOpen = _React$useState2[0],
-      setIsModalOpen = _React$useState2[1];
-
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    isModalOpen = _React$useState2[0],
+    setIsModalOpen = _React$useState2[1];
   hooks.useInstance.push(function (instance) {
     var customizeColumnsProps = instance.customizeColumnsProps;
-
     var _ref = customizeColumnsProps || {},
-        labels = _ref.labels;
-
+      labels = _ref.labels;
     Object.assign(instance, {
       customizeColumnsProps: _objectSpread(_objectSpread({}, customizeColumnsProps), {}, {
         isModalOpen: isModalOpen,
@@ -46,5 +39,4 @@ var useCustomizeColumns = function useCustomizeColumns(hooks) {
     });
   });
 };
-
 export default useCustomizeColumns;

package/es/components/Datagrid/useDatagrid.js

@@ -1,10 +1,7 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-
 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
@@ -22,7 +19,6 @@ import useRowSize from './useRowSize';
 import useHeaderRow from './Datagrid/DatagridHeaderRow';
 import useFlexResize from './useFlexResize';
 import useFloatingScroll from './useFloatingScroll';
-
 var useDatagrid = function useDatagrid(params) {
   var defaultPlugins = [useFlexLayout, useHeaderRow, useSkeletonRows, useResizeColumns, useRowRenderer, useDefaultStringRenderer, useRowSize, useFilters, useGlobalFilter, useSortBy, useExpanded];
   var defaultEndPlugins = [usePagination, useRowSelect, useFlexResize, useFloatingScroll];
@@ -30,15 +26,12 @@ var useDatagrid = function useDatagrid(params) {
   var tableId = useMemo(function () {
     return uniqueId('datagrid-table-id');
   }, []);
-
   for (var _len = arguments.length, plugins = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
     plugins[_key - 1] = arguments[_key];
   }
-
   var tableState = useTable.apply(void 0, [_objectSpread({
     tableId: tableId
   }, params)].concat(defaultPlugins, plugins, defaultEndPlugins, _toConsumableArray(clientEndPlugins)));
   return tableState;
 };
-
 export default useDatagrid;

package/es/components/Datagrid/useDefaultStringRenderer.js

@@ -1,10 +1,7 @@
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 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
@@ -16,24 +13,20 @@ import React from 'react';
 import cx from 'classnames';
 import { pkg } from '../../settings';
 var blockClass = "".concat(pkg.prefix, "--datagrid");
-
 var useDefaultStringRenderer = function useDefaultStringRenderer(hooks) {
   var StringRenderer = function StringRenderer(tableProps) {
     var _tableProps$column;
-
     return /*#__PURE__*/React.createElement("div", {
       className: cx("".concat(blockClass, "__defaultStringRenderer"), _defineProperty({}, "".concat(blockClass, "__defaultStringRenderer--multiline"), (_tableProps$column = tableProps.column) === null || _tableProps$column === void 0 ? void 0 : _tableProps$column.multiLineWrap)),
       title: tableProps.value
     }, tableProps.value);
   };
-
   var HeaderRenderer = function HeaderRenderer(header) {
     return /*#__PURE__*/React.createElement("div", {
       className: "".concat(blockClass, "__defaultStringRenderer"),
       title: typeof header === 'string' ? header : ''
     }, header);
   };
-
   var visibleColumns = function visibleColumns(columns) {
     var columnsWithDefaultCells = columns.map(function (column) {
       return _objectSpread(_objectSpread({
@@ -44,8 +37,6 @@ var useDefaultStringRenderer = function useDefaultStringRenderer(hooks) {
     });
     return _toConsumableArray(columnsWithDefaultCells);
   };
-
   hooks.visibleColumns.push(visibleColumns);
 };
-
 export default useDefaultStringRenderer;

package/es/components/Datagrid/useDisableSelectRows.js

@@ -5,25 +5,22 @@
  * US Government Users Restricted Rights - Use, duplication or disclosure
  * restricted by GSA ADP Schedule Contract with IBM Corp.
  */
+
 var useDisableSelectRows = function useDisableSelectRows(hooks) {
   updateSelectAll(hooks);
   updatePageSelectAll(hooks);
-
   var getRowProps = function getRowProps(props, _ref) {
     var row = _ref.row,
-        instance = _ref.instance;
+      instance = _ref.instance;
     return [props, {
       selectDisabled: instance.shouldDisableSelectRow && instance.shouldDisableSelectRow(row)
     }];
   };
-
   hooks.getRowProps.push(getRowProps);
 };
-
 var updateSelectAll = function updateSelectAll(hooks) {
   var getToggleAllRowsSelectedProps = function getToggleAllRowsSelectedProps(props, _ref2) {
     var _instance$disableSele, _instance$disableSele2;
-
     var instance = _ref2.instance;
     var selectableRows = instance.rows.filter(function (row) {
       return !(instance.shouldDisableSelectRow && instance.shouldDisableSelectRow(row));
@@ -47,14 +44,11 @@ var updateSelectAll = function updateSelectAll(hooks) {
       indeterminate: Boolean(!isAllRowsSelected && Object.keys(instance.state.selectedRowIds).length)
     }];
   };
-
   hooks.getToggleAllRowsSelectedProps.push(getToggleAllRowsSelectedProps);
 };
-
 var updatePageSelectAll = function updatePageSelectAll(hooks) {
   var getToggleAllPageRowsSelectedProps = function getToggleAllPageRowsSelectedProps(props, _ref4) {
     var _instance$disableSele3, _instance$disableSele4;
-
     var instance = _ref4.instance;
     var selectableRows = instance.page.filter(function (row) {
       return !(instance.shouldDisableSelectRow && instance.shouldDisableSelectRow(row));
@@ -81,8 +75,6 @@ var updatePageSelectAll = function updatePageSelectAll(hooks) {
       }))
     }];
   };
-
   hooks.getToggleAllPageRowsSelectedProps.push(getToggleAllPageRowsSelectedProps);
 };
-
 export default useDisableSelectRows;

package/es/components/Datagrid/useExpandedRow.js

@@ -1,10 +1,7 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-
 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,24 +12,19 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 import { useState } from 'react';
 import DatagridExpandedRow from './Datagrid/DatagridExpandedRow';
 import useRowExpander from './useRowExpander';
-
 var useExpandedRow = function useExpandedRow(hooks) {
   useRowExpander(hooks);
-
   var useInstance = function useInstance(instance) {
     var rows = instance.rows,
-        expandedContentHeight = instance.expandedContentHeight,
-        ExpandedRowContentComponent = instance.ExpandedRowContentComponent;
-
+      expandedContentHeight = instance.expandedContentHeight,
+      ExpandedRowContentComponent = instance.ExpandedRowContentComponent;
     var _useState = useState({}),
-        _useState2 = _slicedToArray(_useState, 2),
-        expandedRowsHeight = _useState2[0],
-        setExpandedRowsHeight = _useState2[1];
-
+      _useState2 = _slicedToArray(_useState, 2),
+      expandedRowsHeight = _useState2[0],
+      setExpandedRowsHeight = _useState2[1];
     var setExpandedRowHeight = function setExpandedRowHeight(rowIndex, height) {
       return setExpandedRowsHeight(_objectSpread(_objectSpread({}, expandedRowsHeight), {}, _defineProperty({}, rowIndex, height)));
     };
-
     var rowsWithExpand = rows.map(function (row) {
       return _objectSpread(_objectSpread({}, row), {}, {
         canExpand: row.original && !row.original.notExpandable,
@@ -45,8 +37,6 @@ var useExpandedRow = function useExpandedRow(hooks) {
       setExpandedRowHeight: setExpandedRowHeight
     });
   };
-
   hooks.useInstance.push(useInstance);
 };
-
 export default useExpandedRow;

package/es/components/Datagrid/useFlexResize.js

@@ -1,5 +1,4 @@
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-
 /*
  * Licensed Materials - Property of IBM
  * 5724-Q36
@@ -17,14 +16,11 @@ var useFlexResize = function useFlexResize(hooks) {
   hooks.visibleColumns.push(function (columns) {
     return [].concat(_toConsumableArray(columns), [spacerColumn]);
   });
-
   var changeProps = function changeProps(props, data) {
     var column = data.column;
-
     if (!column && data.cell) {
       column = data.cell.column;
     }
-
     if (column.id === spacerColumn.id) {
       return [props, {
         style: {
@@ -32,14 +28,12 @@ var useFlexResize = function useFlexResize(hooks) {
         }
       }];
     }
-
     return [props, {
       style: {
         flex: '0 0 auto'
       }
     }];
   };
-
   hooks.getHeaderProps.push(function (props, data) {
     return changeProps(props, data);
   });
@@ -47,5 +41,4 @@ var useFlexResize = function useFlexResize(hooks) {
     return changeProps(props, data);
   });
 };
-
 export default useFlexResize;

package/es/components/Datagrid/useFloatingScroll.js

@@ -9,59 +9,50 @@ import { useEffect } from 'react';
 import cx from 'classnames';
 import { pkg } from '../../settings';
 var blockClass = "".concat(pkg.prefix, "--datagrid");
-
 var useFloatingScroll = function useFloatingScroll(hooks) {
   var useInstance = function useInstance(instance) {
     var tableId = instance.tableId,
-        withVirtualScroll = instance.withVirtualScroll,
-        ExpandedRowContentComponent = instance.ExpandedRowContentComponent;
+      withVirtualScroll = instance.withVirtualScroll,
+      ExpandedRowContentComponent = instance.ExpandedRowContentComponent;
     useEffect(function () {
       // Floating scroll doesn't work with expanded rows and virtual scroll
       if (withVirtualScroll || ExpandedRowContentComponent) {
         return;
       }
-
-      var datagrid = document.getElementById(tableId); // eslint-disable-next-line no-unused-expressions
-
+      var datagrid = document.getElementById(tableId);
+      // eslint-disable-next-line no-unused-expressions
       datagrid === null || datagrid === void 0 ? void 0 : datagrid.classList.add("".concat(blockClass, "__sticky"));
     }, [ExpandedRowContentComponent, tableId, withVirtualScroll]);
   };
-
   var useAddStickyClass = function useAddStickyClass(instance) {
     var withVirtualScroll = instance.withVirtualScroll,
-        ExpandedRowContentComponent = instance.ExpandedRowContentComponent; // Floating scroll doesn't work with expanded rows and virtual scroll
-
+      ExpandedRowContentComponent = instance.ExpandedRowContentComponent;
+    // Floating scroll doesn't work with expanded rows and virtual scroll
     if (withVirtualScroll || ExpandedRowContentComponent) {
       return;
     }
-
     var addStickyClass = function addStickyClass(props) {
       return [props, {
         className: cx(props.className, "".concat(blockClass, "__sticky"))
       }];
     };
-
     hooks.getTableProps.push(addStickyClass);
     hooks.getTableBodyProps.push(addStickyClass);
     hooks.getHeaderGroupProps.push(addStickyClass);
   };
-
   var useAddScrollListener = function useAddScrollListener(instance) {
     var withVirtualScroll = instance.withVirtualScroll,
-        ExpandedRowContentComponent = instance.ExpandedRowContentComponent,
-        tableId = instance.tableId; // Floating scroll doesn't work with expanded rows and virtual scroll
-
+      ExpandedRowContentComponent = instance.ExpandedRowContentComponent,
+      tableId = instance.tableId;
+    // Floating scroll doesn't work with expanded rows and virtual scroll
     if (withVirtualScroll || ExpandedRowContentComponent) {
       return;
     }
-
     var memoHead;
-
     var addOnScroll = function addOnScroll(props) {
       return [props, {
         onScroll: function onScroll(e) {
           var simpleThead;
-
           if (memoHead) {
             simpleThead = memoHead;
           } else {
@@ -69,20 +60,16 @@ var useFloatingScroll = function useFloatingScroll(hooks) {
             simpleThead = datagrid === null || datagrid === void 0 ? void 0 : datagrid.querySelector(".".concat(blockClass, "__table-simple thead > div"));
             memoHead = simpleThead;
           }
-
           if (simpleThead) {
             simpleThead.scrollLeft = e.target.scrollLeft;
           }
         }
       }];
     };
-
     hooks.getTableBodyProps.push(addOnScroll);
   };
-
   hooks.useInstance.push(useAddStickyClass);
   hooks.useInstance.push(useAddScrollListener);
   hooks.useInstance.push(useInstance);
 };
-
 export default useFloatingScroll;