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

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,50 +5,48 @@
  * 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;
+      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 + tableHeight >= innerListRef.current.clientHeight - loadMoreThreshold) {
+        if (!isFetching && scrollDirection === 'forward' && scrollOffset + totalTableHeight >= innerListRef.current.clientHeight - loadMoreThreshold) {
           if (fetchMoreData) {
             fetchMore();
           }
         }
       }
     };
-
     Object.assign(instance, {
       onScroll: onScroll,
       withVirtualScroll: true
     });
   };
-
   hooks.useInstance.push(useInstance);
 };
-
 export default useInfiniteScroll;

package/es/components/Datagrid/useInlineEdit.js

@@ -1,30 +1,31 @@
 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');
+    }
+  }, [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 +37,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 +58,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,8 +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
@@ -13,18 +12,20 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React from 'react';
 import { ChevronRight } from '@carbon/react/icons';
 import cx from 'classnames';
-import { pkg } from '../../settings';
+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("span", row.getToggleRowExpandedProps(), /*#__PURE__*/React.createElement(ChevronRight, {
+        return row.canExpand && /*#__PURE__*/React.createElement("button", _extends({
+          type: "button",
+          "aria-label": "Expand current row",
+          className: cx("".concat(blockClass, "__row-expander"), "".concat(carbon.prefix, "--btn"), "".concat(carbon.prefix, "--btn--ghost"))
+        }, row.getToggleRowExpandedProps()), /*#__PURE__*/React.createElement(ChevronRight, {
           className: cx("".concat(blockClass, "__expander-icon"), (_cx = {}, _defineProperty(_cx, "".concat(blockClass, "__expander-icon--not-open"), !row.isExpanded), _defineProperty(_cx, "".concat(blockClass, "__expander-icon--open"), row.isExpanded), _cx))
         }));
       },
@@ -35,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,3 +1,4 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 /*
  * Licensed Materials - Property of IBM
  * 5724-Q36
@@ -6,48 +7,48 @@
  * restricted by GSA ADP Schedule Contract with IBM Corp.
  */
 import { pkg } from '../../settings';
+import cx from 'classnames';
 import useNestedRowExpander from './useNestedRowExpander';
 var blockClass = "".concat(pkg.prefix, "--datagrid");
-
 var useNestedRows = function useNestedRows(hooks) {
   useNestedRowExpander(hooks);
   var marginLeft = 24;
-
   var getRowProps = function getRowProps(props, _ref) {
+    var _cx;
     var row = _ref.row;
     return [props, {
-      className: row.depth > 0 ? "".concat(blockClass, "__carbon-nested-row") : ''
+      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 > 1 ? marginLeft * (row.depth - 1) + marginLeft : row.depth === 1 ? marginLeft : 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,7 +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
@@ -11,17 +10,23 @@ import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
  */
 import React from 'react';
 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 = {
       id: 'expander',
       Cell: function Cell(_ref) {
         var row = _ref.row;
-        return row.canExpand && /*#__PURE__*/React.createElement("span", row.getToggleRowExpandedProps(), row.isExpanded ? /*#__PURE__*/React.createElement(ChevronUp, {
-          size: 16
+        return row.canExpand && /*#__PURE__*/React.createElement("button", _extends({
+          type: "button",
+          "aria-label": "Expand current row",
+          className: cx("".concat(blockClass, "__row-expander"), "".concat(carbon.prefix, "--btn"), "".concat(carbon.prefix, "--btn--ghost"))
+        }, row.getToggleRowExpandedProps()), row.isExpanded ? /*#__PURE__*/React.createElement(ChevronUp, {
+          className: "".concat(blockClass, "__row-expander--icon")
         }) : /*#__PURE__*/React.createElement(ChevronDown, {
-          size: 16
+          className: "".concat(blockClass, "__row-expander--icon")
         }));
       },
       width: 48,
@@ -31,8 +36,6 @@ var useRowExpander = function useRowExpander(hooks) {
     };
     return [expanderColumn].concat(_toConsumableArray(columns));
   };
-
   hooks.visibleColumns.push(visibleColumns);
 };
-
 export default useRowExpander;

package/es/components/Datagrid/useRowIsMouseOver.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
@@ -12,31 +9,27 @@ 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 { useState, useCallback } from 'react';
 import debounce from 'lodash/debounce';
-
 var useRowIsMouseOver = function useRowIsMouseOver(hooks) {
   var useInstance = function useInstance(instance) {
     var _useState = useState(),
-        _useState2 = _slicedToArray(_useState, 2),
-        mouseOverRowIndex = _useState2[0],
-        setMouseOverRowIndex = _useState2[1];
-
+      _useState2 = _slicedToArray(_useState, 2),
+      mouseOverRowIndex = _useState2[0],
+      setMouseOverRowIndex = _useState2[1];
     var onMouseChange = useDebounce(function (datagridState) {
       var row = datagridState.row;
       setMouseOverRowIndex(row.index);
     }, 100);
-
     var getRowProps = function getRowProps(props, datagridState) {
       var onMouseOver = function onMouseOver() {
         return onMouseChange(datagridState);
       };
-
       return [props, {
         onMouseOver: onMouseOver
       }];
     };
-
     var rows = instance.rows;
     var rowsWithMouseOver = rows.map(function (row) {
       return _objectSpread(_objectSpread({}, row), {}, {
@@ -48,14 +41,12 @@ var useRowIsMouseOver = function useRowIsMouseOver(hooks) {
     });
     hooks.getRowProps.push(getRowProps);
   };
-
   hooks.useInstance.push(useInstance);
 };
-
 var useDebounce = function useDebounce(fn, wait) {
-  return (// eslint-disable-next-line react-hooks/exhaustive-deps
+  return (
+    // eslint-disable-next-line react-hooks/exhaustive-deps
     useCallback(debounce(fn, wait), [])
   );
 };
-
 export default useRowIsMouseOver;