@carbon/ibm-products 1.50.0 → 1.52.0

package/lib/components/Datagrid/Datagrid/DatagridSelectAllWithToggle.js

@@ -86,7 +86,8 @@ var SelectAllWithToggle = function SelectAllWithToggle(_ref) {
     id: "".concat(tableId, "-select-all-checkbox-id")
   }))), /*#__PURE__*/_react.default.createElement(_carbonComponentsReact.OverflowMenu, {
     renderIcon: _iconsReact.CaretDown16,
-    size: "sm"
+    size: "sm",
+    menuOptionsClass: "".concat(blockClass, "__select-all-toggle-overflow")
   }, /*#__PURE__*/_react.default.createElement(_carbonComponentsReact.OverflowMenuItem, {
     itemText: allPageRowsLabel,
     requireTitle: true,

package/lib/components/Datagrid/Datagrid/DatagridToolbar.js

@@ -11,7 +11,7 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _react = _interopRequireWildcard(require("react"));
 var _iconsReact = require("@carbon/icons-react");
 var _carbonComponentsReact = require("carbon-components-react");
-var _reactResizeDetector = require("react-resize-detector");
+var _useResizeObserver2 = require("../../../global/js/hooks/useResizeObserver");
 var _ButtonMenu = require("../../ButtonMenu");
 var _settings = require("../../../settings");
 var _classnames = _interopRequireDefault(require("classnames"));
@@ -134,9 +134,9 @@ var DatagridBatchActionsToolbar = function DatagridBatchActionsToolbar(datagridS
   })), renderBatchActionOverflow());
 };
 var DatagridToolbar = function DatagridToolbar(datagridState) {
-  var _useResizeDetector = (0, _reactResizeDetector.useResizeDetector)(),
-    width = _useResizeDetector.width,
-    ref = _useResizeDetector.ref;
+  var ref = (0, _react.useRef)(null);
+  var _useResizeObserver = (0, _useResizeObserver2.useResizeObserver)(ref),
+    width = _useResizeObserver.width;
   var DatagridActions = datagridState.DatagridActions,
     DatagridBatchActions = datagridState.DatagridBatchActions,
     batchActions = datagridState.batchActions,

package/lib/components/Datagrid/Datagrid/DatagridVirtualBody.js

@@ -12,7 +12,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _reactWindow = require("react-window");
 var _carbonComponentsReact = require("carbon-components-react");
 var _layout = require("@carbon/layout");
-var _reactResizeDetector = require("react-resize-detector");
+var _useResizeObserver = require("../../../global/js/hooks/useResizeObserver");
 var _settings = require("../../../settings");
 var _DatagridHead = _interopRequireDefault(require("./DatagridHead"));
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -54,9 +54,8 @@ var DatagridVirtualBody = function DatagridVirtualBody(datagridState) {
     var gridRefElement = gridRef === null || gridRef === void 0 ? void 0 : gridRef.current;
     gridRefElement.style.width = gridRefElement === null || gridRefElement === void 0 ? void 0 : gridRefElement.clientWidth;
   };
-  (0, _reactResizeDetector.useResizeDetector)({
-    onResize: handleVirtualGridResize,
-    targetRef: gridRef
+  (0, _useResizeObserver.useResizeObserver)(gridRef, {
+    callback: handleVirtualGridResize
   });
   var syncScroll = function syncScroll(e) {
     var virtualBody = e.target;

package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterFlyout.js

@@ -54,7 +54,12 @@ var FilterFlyout = function FilterFlyout(_ref) {
     secondaryActionLabel = _ref$secondaryActionL === void 0 ? 'Cancel' : _ref$secondaryActionL,
     setAllFilters = _ref.setAllFilters,
     _ref$data = _ref.data,
-    data = _ref$data === void 0 ? [] : _ref$data;
+    data = _ref$data === void 0 ? [] : _ref$data,
+    _ref$initialFilters = _ref.initialFilters,
+    initialFilters = _ref$initialFilters === void 0 ? [] : _ref$initialFilters;
+  //  Save the initial filters we only need the filters once when it loads
+  var initialFiltersRef = (0, _react.useRef)(initialFilters);
+
   /** State */
   var _useState = (0, _react.useState)(false),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
@@ -64,7 +69,8 @@ var FilterFlyout = function FilterFlyout(_ref) {
       updateMethod: updateMethod,
       filters: filters,
       setAllFilters: setAllFilters,
-      variation: _constants.FLYOUT
+      variation: _constants.FLYOUT,
+      initialFilters: initialFiltersRef.current
     }),
     filtersState = _useFilters.filtersState,
     prevFiltersObjectArrayRef = _useFilters.prevFiltersObjectArrayRef,
@@ -189,11 +195,19 @@ FilterFlyout.propTypes = {
     type: _propTypes.default.string.isRequired,
     column: _propTypes.default.string.isRequired,
     props: _propTypes.default.object.isRequired
-  })).isRequired,
+  })),
   /**
    * Icon description for the filter flyout button
    */
   flyoutIconDescription: _propTypes.default.string,
+  /**
+   * Filters that should be applied on load
+   */
+  initialFilters: _propTypes.default.arrayOf(_propTypes.default.shape({
+    id: _propTypes.default.string.isRequired,
+    type: _propTypes.default.string.isRequired,
+    value: _propTypes.default.any.isRequired
+  })),
   /**
    * Callback when the apply button is clicked
    */

package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterPanel.js

@@ -63,7 +63,12 @@ var FilterPanel = function FilterPanel(_ref) {
     _ref$searchLabelText = _ref.searchLabelText,
     searchLabelText = _ref$searchLabelText === void 0 ? 'Filter search' : _ref$searchLabelText,
     _ref$searchPlaceholde = _ref.searchPlaceholder,
-    searchPlaceholder = _ref$searchPlaceholde === void 0 ? 'Find filters' : _ref$searchPlaceholde;
+    searchPlaceholder = _ref$searchPlaceholde === void 0 ? 'Find filters' : _ref$searchPlaceholde,
+    _ref$initialFilters = _ref.initialFilters,
+    initialFilters = _ref$initialFilters === void 0 ? [] : _ref$initialFilters;
+  //  Save the initial filters we only need the filters once
+  var initialFiltersRef = (0, _react.useRef)(initialFilters);
+
   /** State */
   var _useState = (0, _react.useState)(false),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
@@ -73,7 +78,8 @@ var FilterPanel = function FilterPanel(_ref) {
       updateMethod: updateMethod,
       filters: filterSections,
       setAllFilters: setAllFilters,
-      variation: _constants.PANEL
+      variation: _constants.PANEL,
+      initialFilters: initialFiltersRef.current
     }),
     filtersState = _useFilters.filtersState,
     prevFiltersObjectArrayRef = _useFilters.prevFiltersObjectArrayRef,
@@ -224,6 +230,7 @@ var FilterPanel = function FilterPanel(_ref) {
       filters = _ref2$filters === void 0 ? [] : _ref2$filters,
       hasAccordion = _ref2.hasAccordion;
     return /*#__PURE__*/_react.default.createElement("div", {
+      key: categoryTitle,
       className: "".concat(componentClass, "__category")
     }, categoryTitle && /*#__PURE__*/_react.default.createElement("div", {
       className: "".concat(componentClass, "__category-title")
@@ -244,6 +251,14 @@ FilterPanel.propTypes = {
   closeIconDescription: _propTypes.default.string,
   filterPanelMinHeight: _propTypes.default.number,
   filterSections: _propTypes.default.array,
+  /**
+   * Filters that should be applied on load
+   */
+  initialFilters: _propTypes.default.arrayOf(_propTypes.default.shape({
+    id: _propTypes.default.string.isRequired,
+    type: _propTypes.default.string.isRequired,
+    value: _propTypes.default.any.isRequired
+  })),
   onApply: _propTypes.default.func,
   onCancel: _propTypes.default.func,
   onPanelClose: _propTypes.default.func,

package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useFilters.js

@@ -24,13 +24,14 @@ var useFilters = function useFilters(_ref) {
     _ref$filters = _ref.filters,
     filters = _ref$filters === void 0 ? [] : _ref$filters,
     setAllFilters = _ref.setAllFilters,
-    variation = _ref.variation;
+    variation = _ref.variation,
+    initialFilters = _ref.initialFilters;
   /** State */
-  var _useInitialStateFromF = (0, _useInitialStateFromFilters.default)(filters, variation),
+  var _useInitialStateFromF = (0, _useInitialStateFromFilters.default)(filters, variation, initialFilters),
     _useInitialStateFromF2 = (0, _slicedToArray2.default)(_useInitialStateFromF, 2),
     filtersState = _useInitialStateFromF2[0],
     setFiltersState = _useInitialStateFromF2[1];
-  var _useState = (0, _react.useState)([]),
+  var _useState = (0, _react.useState)(initialFilters),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     filtersObjectArray = _useState2[0],
     setFiltersObjectArray = _useState2[1];
@@ -47,8 +48,11 @@ var useFilters = function useFilters(_ref) {
     setFiltersObjectArray(JSON.parse(prevFiltersObjectArrayRef.current));
   };
   var reset = function reset() {
+    // When we reset we want the "initialFilters" to be an empty array
+    var resetFiltersArray = [];
+
     // Get the initial values for the filters
-    var initialFiltersState = (0, _utils.getInitialStateFromFilters)(filters, variation);
+    var initialFiltersState = (0, _utils.getInitialStateFromFilters)(filters, variation, resetFiltersArray);
     var initialFiltersObjectArray = [];
 
     // Set the state to the initial values

package/lib/components/Datagrid/Datagrid/addons/Filtering/hooks/useInitialStateFromFilters.js

@@ -19,7 +19,8 @@ var _utils = require("../utils");
 
 var useInitialStateFromFilters = function useInitialStateFromFilters(filters) {
   var variation = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : _constants.FLYOUT;
-  var _useState = (0, _react.useState)((0, _utils.getInitialStateFromFilters)(filters, variation)),
+  var initialFilters = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
+  var _useState = (0, _react.useState)((0, _utils.getInitialStateFromFilters)(filters, variation, initialFilters)),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     state = _useState2[0],
     setState = _useState2[1];

package/lib/components/Datagrid/Datagrid/addons/Filtering/utils.js

@@ -12,9 +12,21 @@ var _constants = require("./constants");
  * LICENSE file in the root directory of this source tree.
  */
 
+var applyInitialFilters = function applyInitialFilters(filterState, initialFilters) {
+  Object.keys(filterState).forEach(function (key) {
+    var hasInitialFilter = initialFilters.find(function (filter) {
+      return filter.id === key;
+    });
+    if (hasInitialFilter) {
+      filterState[key].value = hasInitialFilter.value;
+    }
+  });
+};
+
 // This functions takes the filters passed in and makes an object to track it's state
 var getInitialStateFromFilters = function getInitialStateFromFilters(filters) {
   var variation = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : _constants.FLYOUT;
+  var initialFilters = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
   var initialFilterState = {};
   var setInitialState = function setInitialState(_ref) {
     var type = _ref.type,
@@ -71,6 +83,9 @@ var getInitialStateFromFilters = function getInitialStateFromFilters(filters) {
   } else {
     console.error('No variation passed into useInitialStateFromFilters');
   }
+  if (initialFilters.length > 0) {
+    applyInitialFilters(initialFilterState, initialFilters);
+  }
   return initialFilterState;
 };
 exports.getInitialStateFromFilters = getInitialStateFromFilters;

package/lib/components/Datagrid/index.js

@@ -58,6 +58,12 @@ Object.defineProperty(exports, "useDisableSelectRows", {
     return _useDisableSelectRows.default;
   }
 });
+Object.defineProperty(exports, "useEditableCell", {
+  enumerable: true,
+  get: function get() {
+    return _useEditableCell.default;
+  }
+});
 Object.defineProperty(exports, "useExpandedRow", {
   enumerable: true,
   get: function get() {
@@ -142,5 +148,6 @@ var _useSelectAllToggle = _interopRequireDefault(require("./useSelectAllToggle")
 var _useColumnCenterAlign = _interopRequireDefault(require("./useColumnCenterAlign"));
 var _useColumnOrder = _interopRequireDefault(require("./useColumnOrder"));
 var _useInlineEdit = _interopRequireDefault(require("./useInlineEdit"));
+var _useEditableCell = _interopRequireDefault(require("./useEditableCell"));
 var _useFiltering = _interopRequireDefault(require("./useFiltering"));
 var _getAutoSizedColumnWidth = require("./utils/getAutoSizedColumnWidth");

package/lib/components/Datagrid/useActionsColumn.js

@@ -1,6 +1,7 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -8,16 +9,21 @@ exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _carbonComponentsReact = require("carbon-components-react");
 var _settings = require("../../settings");
 var _excluded = ["id", "itemText", "onClick", "icon"],
   _excluded2 = ["id", "onClick", "shouldHideMenuItem", "shouldDisableMenuItem", "disabled"];
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var blockClass = "".concat(_settings.pkg.prefix, "--datagrid");
 var useActionsColumn = function useActionsColumn(hooks) {
+  (0, _react.useEffect)(function () {
+    _settings.pkg.checkReportFeatureEnabled('Datagrid.useActionsColumn');
+  }, []);
   var useAttachActionsOnInstance = function useAttachActionsOnInstance(instance) {
     var rowActions = instance.rowActions,
       isFetching = instance.isFetching,

package/lib/components/Datagrid/useCustomizeColumns.js

@@ -10,12 +10,16 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var React = _interopRequireWildcard(require("react"));
+var _settings = require("../../settings");
 var _CustomizeColumns = require("./Datagrid/addons/CustomizeColumns");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var useCustomizeColumns = function useCustomizeColumns(hooks) {
+  React.useEffect(function () {
+    _settings.pkg.checkReportFeatureEnabled('Datagrid.useCustomizeColumns');
+  }, []);
   var _React$useState = React.useState(false),
     _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
     isTearsheetOpen = _React$useState2[0],

package/lib/components/Datagrid/useEditableCell.js

@@ -0,0 +1,20 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _useInlineEdit = _interopRequireDefault(require("./useInlineEdit"));
+/**
+ * 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.
+ */
+
+var useEditableCell = function useEditableCell(hooks) {
+  (0, _useInlineEdit.default)(hooks, 'usingEditableCell');
+};
+var _default = useEditableCell;
+exports.default = _default;

package/lib/components/Datagrid/useExpandedRow.js

@@ -8,11 +8,15 @@ exports.default = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = require("react");
+var _settings = require("../../settings");
 var _DatagridExpandedRow = _interopRequireDefault(require("./Datagrid/DatagridExpandedRow"));
 var _useRowExpander = _interopRequireDefault(require("./useRowExpander"));
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var useExpandedRow = function useExpandedRow(hooks) {
+  (0, _react.useEffect)(function () {
+    _settings.pkg.checkReportFeatureEnabled('Datagrid.useExpandedRow');
+  }, []);
   (0, _useRowExpander.default)(hooks);
   var useInstance = function useInstance(instance) {
     var rows = instance.rows,

package/lib/components/Datagrid/useFiltering.js

@@ -8,11 +8,15 @@ exports.default = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = require("react");
+var _settings = require("../../settings");
 var _Filtering = require("./Datagrid/addons/Filtering");
 var _constants = require("./Datagrid/addons/Filtering/constants");
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var useFiltering = function useFiltering(hooks) {
+  (0, _react.useEffect)(function () {
+    _settings.pkg.checkReportFeatureEnabled('Datagrid.useFiltering');
+  }, []);
   var filterTypes = (0, _react.useMemo)(function () {
     return {
       date: function date(rows, id, _ref) {
@@ -64,11 +68,13 @@ var useFiltering = function useFiltering(hooks) {
       setAllFilters = instance.setAllFilters,
       setFilter = instance.setFilter,
       headers = instance.headers,
-      data = instance.data;
+      data = instance.data,
+      state = instance.state;
     var defaultProps = {
       variation: 'flyout',
       updateMethod: _constants.BATCH,
-      panelIconDescription: 'Open filter panel'
+      panelIconDescription: 'Open filter panel',
+      initialFilters: state.filters
     };
     var getFilterFlyoutProps = function getFilterFlyoutProps() {
       return _objectSpread(_objectSpread(_objectSpread({}, defaultProps), filterProps), {}, {

package/lib/components/Datagrid/useInlineEdit.js

@@ -1,25 +1,36 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _settings = require("../../settings");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _InlineEditCell = require("./Datagrid/addons/InlineEdit/InlineEditCell");
-/*
- * 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.
+var _pconsole = require("../../global/js/utils/pconsole");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+/**
+ * Copyright IBM Corp. 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.
  */
 
 var blockClass = "".concat(_settings.pkg.prefix, "--datagrid");
-var useInlineEdit = function useInlineEdit(hooks) {
+var useInlineEdit = function useInlineEdit(hooks, usingEditableCell) {
+  (0, _react.useEffect)(function () {
+    _settings.pkg.checkReportFeatureEnabled('Datagrid.useInlineEdit');
+  }, []);
+  (0, _react.useEffect)(function () {
+    if (!usingEditableCell) {
+      (0, _pconsole.warn)("The 'useInlineEdit' hook is being renamed in Carbon for IBM Products v2 to 'useEditableCell'. You can use this newly renamed hook now or upgrade when moving to v2.");
+    }
+  }, [usingEditableCell]);
   var addInlineEdit = function addInlineEdit(props, _ref) {
     var _cell$column, _cell$column$inlineEd, _instance$columns$fil;
     var cell = _ref.cell,

package/lib/components/Datagrid/useNestedRows.js

@@ -6,19 +6,22 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = require("react");
 var _settings = require("../../settings");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _useNestedRowExpander = _interopRequireDefault(require("./useNestedRowExpander"));
-/*
- * 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.
  */
 
 var blockClass = "".concat(_settings.pkg.prefix, "--datagrid");
 var useNestedRows = function useNestedRows(hooks) {
+  (0, _react.useEffect)(function () {
+    _settings.pkg.checkReportFeatureEnabled('Datagrid.useNestedRows');
+  }, []);
   (0, _useNestedRowExpander.default)(hooks);
   var marginLeft = 24;
   var getRowProps = function getRowProps(props, _ref) {

package/lib/components/Datagrid/useOnRowClick.js

@@ -30,9 +30,17 @@ var useOnRowClick = function useOnRowClick(hooks) {
           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'
         }

package/lib/components/Datagrid/useSelectRows.js

@@ -73,6 +73,7 @@ var SelectRow = function SelectRow(datagridState) {
     radio = datagridState.radio,
     toggleAllRowsSelected = datagridState.toggleAllRowsSelected,
     onRadioSelect = datagridState.onRadioSelect,
+    onRowSelect = datagridState.onRowSelect,
     columns = datagridState.columns,
     withStickyColumn = datagridState.withStickyColumn;
   var _useState = (0, _react.useState)(window.innerWidth),
@@ -105,6 +106,7 @@ var SelectRow = function SelectRow(datagridState) {
         }
       }
       onChange(e);
+      onRowSelect === null || onRowSelect === void 0 ? void 0 : onRowSelect(row, e);
     },
     id: "".concat(tableId, "-").concat(row.index),
     name: "".concat(tableId, "-").concat(row.index, "-name"),

package/lib/components/EditInPlace/EditInPlace.js

@@ -0,0 +1,46 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.EditInPlace = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _settings = require("../../settings");
+var _InlineEditV = require("../InlineEditV1");
+var _InlineEditV2 = require("../InlineEditV2");
+var _excluded = ["v2"];
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+/**
+ * this is a wrapper component that will allow us to support the rename of InlineEdit to EditInPlace
+ *
+ * if the user passes in the v2 feature flag the v2 version of the component will be rendered
+ * since this is a temporary solution the named export should just remain InlineEdit unlike how
+ * Card works as a base layer for Productive and Expressive cards.
+ */
+
+var componentName = 'EditInPlace';
+var EditInPlace = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
+  var v2 = _ref.v2,
+    rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var props = _objectSpread(_objectSpread({}, rest), {}, {
+    ref: ref
+  });
+  if (v2 === true) {
+    return /*#__PURE__*/_react.default.createElement(_InlineEditV2.InlineEditV2, props);
+  }
+  return /*#__PURE__*/_react.default.createElement(_InlineEditV.InlineEditV1, props);
+});
+exports.EditInPlace = EditInPlace;
+exports.EditInPlace = EditInPlace = _settings.pkg.checkComponentEnabled(EditInPlace, componentName);
+EditInPlace.displayName = componentName;
+EditInPlace.propTypes = {
+  v2: _propTypes.default.bool
+};

package/lib/components/EditInPlace/index.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "EditInPlace", {
+  enumerable: true,
+  get: function get() {
+    return _EditInPlace.EditInPlace;
+  }
+});
+var _EditInPlace = require("./EditInPlace");