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

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

@@ -1,5 +1,4 @@
 export { story as CustomizeColumnStoryNotes } from './CustomizeColumnStory';
 export { default as StickyActionsColumn } from './StickyActionsColumnStory';
 export { story as RowSizeDropdownStory } from './RowSizeDropdownStory';
-export { story as LeftPanelStory } from './LeftPanelStory';
 export { story as SelectAllWithToggle } from './SelectAllWithToggleStory';

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/index.js

@@ -1,10 +1,10 @@
-/*
- * 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.
  */
+
 export { Datagrid } from './Datagrid';
 export { default as useDatagrid } from './useDatagrid';
 export { default as useInfiniteScroll } from './useInfiniteScroll';
@@ -22,4 +22,7 @@ export { default as useCustomizeColumns } from './useCustomizeColumns';
 export { default as useSelectAllWithToggle } from './useSelectAllToggle';
 export { default as useColumnCenterAlign } from './useColumnCenterAlign';
 export { default as useColumnOrder } from './useColumnOrder';
-export { default as useInlineEdit } from './useInlineEdit';
+export { default as useInlineEdit } from './useInlineEdit';
+export { default as useEditableCell } from './useEditableCell';
+export { default as useFiltering } from './useFiltering';
+export { getAutoSizedColumnWidth } from './utils/getAutoSizedColumnWidth';

package/es/components/Datagrid/useActionsColumn.js

@@ -1,37 +1,37 @@
 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"];
-
-/*
- * 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 _excluded = ["id", "itemText", "onClick", "icon", "shouldHideMenuItem"],
+  _excluded2 = ["id", "onClick", "shouldHideMenuItem", "shouldDisableMenuItem", "disabled"];
+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. 2021, 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 cx from 'classnames';
 import { IconSkeleton, OverflowMenu, OverflowMenuItem } from '@carbon/react';
 import { pkg } from '../../settings';
 var blockClass = "".concat(pkg.prefix, "--datagrid");
-
 var useActionsColumn = function useActionsColumn(hooks) {
+  useEffect(function () {
+    pkg.checkReportFeatureEnabled('Datagrid.useActionsColumn');
+  }, []);
   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 +44,15 @@ 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,
+                shouldHideMenuItem = action.shouldHideMenuItem,
+                rest = _objectWithoutProperties(action, _excluded);
+              var hidden = typeof shouldHideMenuItem === 'function' && shouldHideMenuItem(row);
+              if (hidden) {
+                return null;
+              }
               var selectedRowId = selectedFlatRows === null || selectedFlatRows === void 0 ? void 0 : selectedFlatRows.filter(function (item) {
                 return item.id === row.id ? item.id : null;
               });
@@ -67,9 +71,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 +84,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
@@ -109,19 +107,34 @@ var useActionsColumn = function useActionsColumn(hooks) {
             })))),
             className: cx((_cx3 = {}, _defineProperty(_cx3, "".concat(blockClass, "__actions-column-cell"), true), _defineProperty(_cx3, "".concat(blockClass, "__cell"), true), _cx3)),
             style: {
-              width: 96
+              width: rowActions.length > 2 ? 48 : 96
             }
           }];
         }
-
         return [props];
       };
-
       hooks.getCellProps.push(addActionsMenu);
     }
   };
+  var useStickyHeaderWidth = function useStickyHeaderWidth(instance) {
+    var rowActions = instance.rowActions;
+    if (rowActions && Array.isArray(rowActions)) {
+      var addHeaderWidth = function addHeaderWidth(props, cellData) {
+        var column = cellData.column;
+        if (column.isAction) {
+          return [props, {
+            style: _objectSpread(_objectSpread({}, props.style), {}, {
+              width: rowActions.length > 2 ? 48 : 96 // set header width based on action length
+            })
+          }];
+        }
 
+        return [props];
+      };
+      hooks.getHeaderProps.push(addHeaderWidth);
+    }
+  };
+  hooks.useInstance.push(useStickyHeaderWidth);
   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,50 +1,44 @@
 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
- * (c) Copyright IBM Corp. 2021
- * US Government Users Restricted Rights - Use, duplication or disclosure
- * restricted by GSA ADP Schedule Contract with IBM Corp.
+/**
+ * Copyright IBM Corp. 2021, 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 * as React from 'react';
-import { CustomizeColumnsModalWrapper, ToggleButtonWrapper } from './Datagrid/addons/CustomizeColumns';
 
+import * as React from 'react';
+import { pkg } from '../../settings';
+import { CustomizeColumnsTearsheetWrapper, ToggleButtonWrapper } from './Datagrid/addons/CustomizeColumns';
 var useCustomizeColumns = function useCustomizeColumns(hooks) {
+  React.useEffect(function () {
+    pkg.checkReportFeatureEnabled('Datagrid.useCustomizeColumns');
+  }, []);
   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),
+    isTearsheetOpen = _React$useState2[0],
+    setIsTearsheetOpen = _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,
-        setIsModalOpen: setIsModalOpen
+        isTearsheetOpen: isTearsheetOpen,
+        setIsTearsheetOpen: setIsTearsheetOpen
       }),
       CustomizeColumnsButton: function CustomizeColumnsButton(props) {
         return /*#__PURE__*/React.createElement(ToggleButtonWrapper, _extends({
           iconTooltipLabel: labels === null || labels === void 0 ? void 0 : labels.iconTooltipLabel,
-          isModalOpen: isModalOpen,
-          setIsModalOpen: setIsModalOpen
+          isTearsheetOpen: isTearsheetOpen,
+          setIsTearsheetOpen: setIsTearsheetOpen
         }, props));
       },
-      CustomizeColumnsModal: CustomizeColumnsModalWrapper
+      CustomizeColumnsTearsheet: CustomizeColumnsTearsheetWrapper
     });
   });
 };
-
 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)),
+      className: cx("".concat(blockClass, "__defaultStringRenderer"), _defineProperty({}, "".concat(blockClass, "__defaultStringRenderer--multiline"), ((_tableProps$column = tableProps.column) === null || _tableProps$column === void 0 ? void 0 : _tableProps$column.multiLineWrap) || (tableProps === null || tableProps === void 0 ? void 0 : tableProps.multiLineWrapAll))),
       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/useEditableCell.js

@@ -0,0 +1,12 @@
+/**
+ * Copyright IBM Corp. 2023, 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 useInlineEdit from './useInlineEdit';
+var useEditableCell = function useEditableCell(hooks) {
+  useInlineEdit(hooks, 'usingEditableCell');
+};
+export default useEditableCell;

package/es/components/Datagrid/useExpandedRow.js

@@ -1,38 +1,34 @@
 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
- * (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 { useState } from 'react';
+
+import { useEffect, useState } from 'react';
+import { pkg } from '../../settings';
 import DatagridExpandedRow from './Datagrid/DatagridExpandedRow';
 import useRowExpander from './useRowExpander';
-
 var useExpandedRow = function useExpandedRow(hooks) {
+  useEffect(function () {
+    pkg.checkReportFeatureEnabled('Datagrid.useExpandedRow');
+  }, []);
   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 +41,6 @@ var useExpandedRow = function useExpandedRow(hooks) {
       setExpandedRowHeight: setExpandedRowHeight
     });
   };
-
   hooks.useInstance.push(useInstance);
 };
-
 export default useExpandedRow;