@carbon/ibm-products 2.0.0-rc.9 → 2.0.1

package/es/components/Datagrid/useFiltering.js

@@ -0,0 +1,95 @@
+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; }
+/**
+ * Copyright IBM Corp. 2022, 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.
+ */
+
+import { useMemo, useEffect } from 'react';
+import { pkg } from '../../settings';
+import { FilterFlyout } from './Datagrid/addons/Filtering';
+import { BATCH } from './Datagrid/addons/Filtering/constants';
+var useFiltering = function useFiltering(hooks) {
+  useEffect(function () {
+    pkg.checkReportFeatureEnabled('Datagrid.useFiltering');
+  }, []);
+  var filterTypes = useMemo(function () {
+    return {
+      date: function date(rows, id, _ref) {
+        var _ref2 = _slicedToArray(_ref, 2),
+          startDate = _ref2[0],
+          endDate = _ref2[1];
+        return rows.filter(function (row) {
+          var rowValue = row.values[id];
+          if (rowValue.getTime() <= endDate.getTime() && rowValue.getTime() >= startDate.getTime()) {
+            // In date range
+            return true;
+          } else {
+            // Not in date range
+            return false;
+          }
+        });
+      },
+      number: function number(rows, id, value) {
+        if (value === '') {
+          return rows;
+        }
+        var parsedValue = parseInt(value);
+        return rows.filter(function (row) {
+          var rowValue = row.values[id];
+          return rowValue === parsedValue;
+        });
+      },
+      checkbox: function checkbox(rows, id, value) {
+        // gets all the items that are selected and returns their value
+        var selectedItems = value.filter(function (item) {
+          return item.selected;
+        }).map(function (item) {
+          return item.value;
+        });
+
+        // if the user removed all checkboxes then display all rows
+        if (selectedItems.length === 0) {
+          return rows;
+        }
+        return rows.filter(function (row) {
+          var rowValue = row.values[id];
+          return selectedItems.includes(rowValue);
+        });
+      }
+    };
+  }, []);
+  hooks.useInstance.push(function (instance) {
+    var filterProps = instance.filterProps,
+      setAllFilters = instance.setAllFilters,
+      setFilter = instance.setFilter,
+      headers = instance.headers,
+      data = instance.data,
+      state = instance.state;
+    var defaultProps = {
+      variation: 'flyout',
+      updateMethod: BATCH,
+      panelIconDescription: 'Open filter panel',
+      initialFilters: state.filters
+    };
+    var getFilterFlyoutProps = function getFilterFlyoutProps() {
+      return _objectSpread(_objectSpread(_objectSpread({}, defaultProps), filterProps), {}, {
+        setAllFilters: setAllFilters,
+        setFilter: setFilter,
+        headers: headers,
+        data: data
+      });
+    };
+    Object.assign(instance, {
+      filterProps: _objectSpread(_objectSpread({}, defaultProps), instance.filterProps),
+      filterTypes: filterTypes,
+      getFilterFlyoutProps: getFilterFlyoutProps,
+      FilterFlyout: FilterFlyout
+    });
+  });
+};
+export default useFiltering;

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;

package/es/components/Datagrid/useInfiniteScroll.js

@@ -5,37 +5,35 @@
  * US Government Users Restricted Rights - Use, duplication or disclosure
  * restricted by GSA ADP Schedule Contract with IBM Corp.
  */
-import { useCallback } from 'react';
+import { useCallback, useEffect } from 'react';
 import debounce from 'lodash/debounce';
 import useParentDimensions from './useParentDimensions';
 import useResizeTable from './useResizeTable';
-
+import { pkg } from '../../settings';
 var useInfiniteScroll = function useInfiniteScroll(hooks) {
   useParentDimensions(hooks);
   useResizeTable(hooks);
-
+  useEffect(function () {
+    pkg.checkReportFeatureEnabled('Datagrid.useInfiniteScroll');
+  }, []);
   var useInstance = function useInstance(instance) {
     var isFetching = instance.isFetching,
-        tableHeight = instance.tableHeight,
-        innerListRef = instance.innerListRef,
-        fetchMoreData = instance.fetchMoreData,
-        tableId = instance.tableId;
+      tableHeight = instance.tableHeight,
+      innerListRef = instance.innerListRef,
+      fetchMoreData = instance.fetchMoreData,
+      tableId = instance.tableId;
     var tableElement = document.querySelector("#".concat(tableId));
     var totalTableHeight = tableHeight || (tableElement === null || tableElement === void 0 ? void 0 : tableElement.clientHeight);
     var loadMoreThreshold = 200;
-
-    var emptyFetchData = function emptyFetchData() {}; // eslint-disable-next-line react-hooks/exhaustive-deps
-
-
+    var emptyFetchData = function emptyFetchData() {};
+    // eslint-disable-next-line react-hooks/exhaustive-deps
     var fetchMore = useCallback(debounce(fetchMoreData || emptyFetchData, 3000, {
       leading: true,
       trailing: false
     }), [fetchMoreData]);
-
     var onScroll = function onScroll(_ref) {
       var scrollDirection = _ref.scrollDirection,
-          scrollOffset = _ref.scrollOffset;
-
+        scrollOffset = _ref.scrollOffset;
       if (innerListRef && innerListRef.current) {
         if (!isFetching && scrollDirection === 'forward' && scrollOffset + totalTableHeight >= innerListRef.current.clientHeight - loadMoreThreshold) {
           if (fetchMoreData) {
@@ -44,14 +42,11 @@ var useInfiniteScroll = function useInfiniteScroll(hooks) {
         }
       }
     };
-
     Object.assign(instance, {
       onScroll: onScroll,
       withVirtualScroll: true
     });
   };
-
   hooks.useInstance.push(useInstance);
 };
-
 export default useInfiniteScroll;

package/es/components/Datagrid/useInlineEdit.js

@@ -1,30 +1,34 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
-/*
- * Licensed Materials - Property of IBM
- * 5724-Q36
- * (c) Copyright IBM Corp. 2022
- * US Government Users Restricted Rights - Use, duplication or disclosure
- * restricted by GSA ADP Schedule Contract with IBM Corp.
+/**
+ * Copyright IBM Corp. 2022, 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.
  */
-import React from 'react';
+
+import React, { useEffect } from 'react';
 import { pkg } from '../../settings';
 import cx from 'classnames';
 import { InlineEditCell } from './Datagrid/addons/InlineEdit/InlineEditCell';
 var blockClass = "".concat(pkg.prefix, "--datagrid");
-
-var useInlineEdit = function useInlineEdit(hooks) {
+var useInlineEdit = function useInlineEdit(hooks, usingEditableCell) {
+  useEffect(function () {
+    if (!usingEditableCell) {
+      pkg.checkReportFeatureEnabled('Datagrid.useInlineEdit');
+    }
+    if (usingEditableCell) {
+      pkg.checkReportFeatureEnabled('Datagrid.useEditableCell');
+    }
+  }, [usingEditableCell]);
   var addInlineEdit = function addInlineEdit(props, _ref) {
     var _cell$column, _cell$column$inlineEd, _instance$columns$fil;
-
     var cell = _ref.cell,
-        instance = _ref.instance;
+      instance = _ref.instance;
     var columnInlineEditConfig = cell.column.inlineEdit;
     var inlineEditType = (_cell$column = cell.column) === null || _cell$column === void 0 ? void 0 : (_cell$column$inlineEd = _cell$column.inlineEdit) === null || _cell$column$inlineEd === void 0 ? void 0 : _cell$column$inlineEd.type;
     var totalInlineEditColumns = (_instance$columns$fil = instance.columns.filter(function (item) {
       return item.inlineEdit;
     })) === null || _instance$columns$fil === void 0 ? void 0 : _instance$columns$fil.length;
-
     var renderInlineEditComponent = function renderInlineEditComponent(type) {
       return /*#__PURE__*/React.createElement(InlineEditCell, {
         config: columnInlineEditConfig,
@@ -36,17 +40,15 @@ var useInlineEdit = function useInlineEdit(hooks) {
         type: type
       });
     };
-
     if (cell.column.id === 'spacer') {
       return [props, {
         className: cx("".concat(blockClass, "__cell"), "".concat(blockClass, "__cell--spacer"))
       }];
     }
-
     return [props, {
-      className: cx("".concat(blockClass, "__cell"), _defineProperty({}, "".concat(blockClass, "__cell-inline-edit"), true)),
+      className: cx("".concat(blockClass, "__cell"), _defineProperty({}, "".concat(blockClass, "__cell-inline-edit"), !!usingEditableCell || pkg.isFeatureEnabled('Datagrid.useInlineEdit') ? true : '')),
       role: 'gridcell',
-      children: /*#__PURE__*/React.createElement(React.Fragment, null, inlineEditType === 'text' && renderInlineEditComponent(inlineEditType), inlineEditType === 'number' && renderInlineEditComponent(inlineEditType), inlineEditType === 'selection' && renderInlineEditComponent(inlineEditType), inlineEditType === 'date' && renderInlineEditComponent(inlineEditType), !inlineEditType && /*#__PURE__*/React.createElement(InlineEditCell, {
+      children: (!!usingEditableCell || pkg.isFeatureEnabled('Datagrid.useInlineEdit')) && /*#__PURE__*/React.createElement(React.Fragment, null, inlineEditType === 'text' && renderInlineEditComponent(inlineEditType), inlineEditType === 'number' && renderInlineEditComponent(inlineEditType), inlineEditType === 'selection' && renderInlineEditComponent(inlineEditType), inlineEditType === 'date' && renderInlineEditComponent(inlineEditType), !inlineEditType && /*#__PURE__*/React.createElement(InlineEditCell, {
         config: columnInlineEditConfig,
         tabIndex: -1,
         value: cell.value,
@@ -59,13 +61,11 @@ var useInlineEdit = function useInlineEdit(hooks) {
       }))
     }];
   };
-
   hooks.getCellProps.push(addInlineEdit);
   hooks.useInstance.push(function (instance) {
     Object.assign(instance, {
-      withInlineEdit: true
+      withInlineEdit: !!usingEditableCell || pkg.isFeatureEnabled('Datagrid.useInlineEdit') ? true : false
     });
   });
 };
-
 export default useInlineEdit;

package/es/components/Datagrid/useNestedRowExpander.js

@@ -1,9 +1,7 @@
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
 /* eslint-disable react/prop-types */
-
 /*
  * Licensed Materials - Property of IBM
  * 5724-Q36
@@ -16,14 +14,12 @@ import { ChevronRight } from '@carbon/react/icons';
 import cx from 'classnames';
 import { pkg, carbon } from '../../settings';
 var blockClass = "".concat(pkg.prefix, "--datagrid");
-
 var useNestedRowExpander = function useNestedRowExpander(hooks) {
   var visibleColumns = function visibleColumns(columns) {
     var expanderColumn = {
       id: 'expander',
       Cell: function Cell(_ref) {
         var _cx;
-
         var row = _ref.row;
         return row.canExpand && /*#__PURE__*/React.createElement("button", _extends({
           type: "button",
@@ -40,8 +36,6 @@ var useNestedRowExpander = function useNestedRowExpander(hooks) {
     };
     return [expanderColumn].concat(_toConsumableArray(columns));
   };
-
   hooks.visibleColumns.push(visibleColumns);
 };
-
 export default useNestedRowExpander;

package/es/components/Datagrid/useNestedRows.js

@@ -1,65 +1,58 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
-/*
- * 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.
+/**
+ * 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.
  */
+
+import { useEffect } from 'react';
 import { pkg } from '../../settings';
 import cx from 'classnames';
 import useNestedRowExpander from './useNestedRowExpander';
 var blockClass = "".concat(pkg.prefix, "--datagrid");
-
 var useNestedRows = function useNestedRows(hooks) {
+  useEffect(function () {
+    pkg.checkReportFeatureEnabled('Datagrid.useNestedRows');
+  }, []);
   useNestedRowExpander(hooks);
   var marginLeft = 24;
-
   var getRowProps = function getRowProps(props, _ref) {
     var _cx;
-
     var row = _ref.row;
     return [props, {
       className: cx((_cx = {}, _defineProperty(_cx, "".concat(blockClass, "__carbon-nested-row"), row.depth > 0), _defineProperty(_cx, "".concat(blockClass, "__carbon-row-expanded"), row.isExpanded), _cx))
     }];
   };
-
   var getRowStyles = function getRowStyles(props, _ref2) {
     var row = _ref2.row;
     return [props, {
       style: {
-        marginLeft: "".concat(row.depth > 0 ? marginLeft : 0, "px"),
-        paddingLeft: "".concat(row.depth === 2 ? marginLeft * (row.depth - 1) + marginLeft - 8 : row.depth > 2 ? marginLeft * (row.depth - 1) + marginLeft : row.depth === 1 ? marginLeft - 16 : 0, "px"),
-        maxWidth: "calc(100% - ".concat(marginLeft * row.depth, "px)")
+        paddingLeft: "".concat(row.depth > 1 ? marginLeft * 2 + (row.depth - 1) * (marginLeft + marginLeft / 3) : row.depth === 1 ? marginLeft * 2 : 0, "px")
       }
     }];
   };
-
   var getCellProps = function getCellProps(props, _ref3) {
     var cell = _ref3.cell,
-        instance = _ref3.instance;
+      instance = _ref3.instance;
     // reduce the "first cell"s width to compensate added (left) margin
     var isFirstCell = instance.columns.findIndex(function (c) {
       return c.id === cell.column.id;
     }) === 0;
     return [props, {
       style: {
-        marginRight: "".concat(isFirstCell && cell.row.depth > 0 ? "-".concat(marginLeft * (cell.row.depth + 1), "px") : '')
+        marginRight: "".concat(isFirstCell && cell.row.depth > 0 ? "".concat(-32 * cell.row.depth - 18, "px") : '')
       }
     }];
   };
-
   var useInstance = function useInstance(instance) {
     Object.assign(instance, {
       withNestedRows: true
     });
   };
-
   hooks.getRowProps.push(getRowProps);
   hooks.getRowProps.push(getRowStyles);
   hooks.getCellProps.push(getCellProps);
   hooks.useInstance.push(useInstance);
 };
-
 export default useNestedRows;

package/es/components/Datagrid/useOnRowClick.js

@@ -1,44 +1,47 @@
 /*
  * Licensed Materials - Property of IBM
  * 5724-Q36
- * (c) Copyright IBM Corp. 2020
+ * (c) Copyright IBM Corp. 2020, 2023
  * US Government Users Restricted Rights - Use, duplication or disclosure
  * restricted by GSA ADP Schedule Contract with IBM Corp.
  */
+
 var useOnRowClick = function useOnRowClick(hooks) {
   var useInstance = function useInstance(rowInstance) {
     var onRowClick = rowInstance.onRowClick;
-
     var getRowProps = function getRowProps(props, datagridState) {
       var isFetching = datagridState.isFetching,
-          row = datagridState.row,
-          instance = datagridState.instance;
+        row = datagridState.row,
+        instance = datagridState.instance;
       var id = row.id,
-          toggleRowSelected = row.toggleRowSelected;
-
-      var onClick = function onClick() {
+        toggleRowSelected = row.toggleRowSelected;
+      var onClick = function onClick(event) {
         if (!isFetching && onRowClick) {
-          onRowClick(row);
+          onRowClick(row, event);
           instance.selectedFlatRows && instance.selectedFlatRows.map(function (toggleRow) {
             return toggleRow.toggleRowSelected(false);
           });
           toggleRowSelected(id, true);
         }
       };
-
+      var onKeyDown = function onKeyDown(event) {
+        var key = event.key;
+        if (key === 'Enter') {
+          onClick();
+        }
+      };
       return [props, {
-        onClick: onClick
+        onClick: onClick,
+        onKeyDown: onKeyDown
       }, {
+        tabIndex: 0,
         style: {
           cursor: 'pointer'
         }
       }];
     };
-
     hooks.getRowProps.push(getRowProps);
   };
-
   hooks.useInstance.push(useInstance);
 };
-
 export default useOnRowClick;

package/es/components/Datagrid/useParentDimensions.js

@@ -1,5 +1,4 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-
 /*
  * Licensed Materials - Property of IBM
  * 5724-Q36
@@ -8,31 +7,26 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
  * restricted by GSA ADP Schedule Contract with IBM Corp.
  */
 import { useRef, useState } from 'react';
-
 var useParentDimensions = function useParentDimensions(hooks) {
   var rootRef = useRef();
   var headRef = useRef();
   var innerListRef = useRef();
   var listRef = useRef();
-
+  var gridRef = useRef();
   var _useState = useState(),
-      _useState2 = _slicedToArray(_useState, 2),
-      tableHeight = _useState2[0],
-      setTableHeight = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    tableHeight = _useState2[0],
+    setTableHeight = _useState2[1];
   var useInstance = function useInstance(instance) {
     var DatagridActions = instance.DatagridActions,
-        DatagridBatchActions = instance.DatagridBatchActions,
-        totalColumnsWidth = instance.totalColumnsWidth,
-        DatagridPagination = instance.DatagridPagination;
-
+      DatagridBatchActions = instance.DatagridBatchActions,
+      totalColumnsWidth = instance.totalColumnsWidth,
+      DatagridPagination = instance.DatagridPagination;
     var handleResize = function handleResize() {
       var parent = rootRef && rootRef.current && rootRef.current.parentElement;
-
       if (!parent) {
         return;
       }
-
       var parentHeight = parent.clientHeight;
       var parentWidth = parent.clientWidth;
       var headHeight = headRef && headRef.current && headRef.current.clientHeight;
@@ -48,18 +42,16 @@ var useParentDimensions = function useParentDimensions(hooks) {
       var newHeight = parentHeight - headHeight - parentMarginBottom - parentPaddingBottom - parentMarginTop - parentPaddingTop - datagridActionsHeight - datagridPaginationHeight - horizontalScrollbarHolder;
       setTableHeight(newHeight);
     };
-
     Object.assign(instance, {
       tableHeight: tableHeight,
       rootRef: rootRef,
       headRef: headRef,
       innerListRef: innerListRef,
       handleResize: handleResize,
-      listRef: listRef
+      listRef: listRef,
+      gridRef: gridRef
     });
   };
-
   hooks.useInstance.push(useInstance);
 };
-
 export default useParentDimensions;

package/es/components/Datagrid/useResizeTable.js

@@ -6,19 +6,16 @@
  * restricted by GSA ADP Schedule Contract with IBM Corp.
  */
 import { useLayoutEffect } from 'react';
-
 var useResizeTable = function useResizeTable(hooks) {
   var useInstanceBeforeDimensions = function useInstanceBeforeDimensions(instance) {
     var rootRef = instance.rootRef,
-        handleResize = instance.handleResize;
+      handleResize = instance.handleResize;
     var parent = rootRef && rootRef.current && rootRef.current.parentElement;
     useLayoutEffect(function () {
       if (!parent) {
         return function () {};
       }
-
       handleResize();
-
       if (typeof ResizeObserver === 'function') {
         var resizeObserver = new ResizeObserver(function () {
           handleResize();
@@ -29,12 +26,9 @@ var useResizeTable = function useResizeTable(hooks) {
           resizeObserver = null;
         };
       }
-
       return console.error(' Could not resize table, no support for ResizeObserver');
     }, [handleResize, parent]);
   };
-
   hooks.useInstanceBeforeDimensions.push(useInstanceBeforeDimensions);
 };
-
 export default useResizeTable;

package/es/components/Datagrid/useRowExpander.js

@@ -1,8 +1,6 @@
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _extends from "@babel/runtime/helpers/extends";
-
 /* eslint-disable react/prop-types */
-
 /*
  * Licensed Materials - Property of IBM
  * 5724-Q36
@@ -15,7 +13,6 @@ import { ChevronDown, ChevronUp } from '@carbon/react/icons';
 import { pkg, carbon } from '../../settings';
 import cx from 'classnames';
 var blockClass = "".concat(pkg.prefix, "--datagrid");
-
 var useRowExpander = function useRowExpander(hooks) {
   var visibleColumns = function visibleColumns(columns) {
     var expanderColumn = {
@@ -39,8 +36,6 @@ var useRowExpander = function useRowExpander(hooks) {
     };
     return [expanderColumn].concat(_toConsumableArray(columns));
   };
-
   hooks.visibleColumns.push(visibleColumns);
 };
-
 export default useRowExpander;