@carbon/ibm-products 1.51.0 → 1.53.0

package/lib/components/ActionBar/ActionBar.js

@@ -14,7 +14,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _settings = require("../../settings");
-var _reactResizeDetector = require("react-resize-detector");
+var _useResizeObserver = require("../../global/js/hooks/useResizeObserver");
 var _carbonComponentsReact = require("carbon-components-react");
 var _uuidv = _interopRequireDefault(require("../../global/js/utils/uuidv4"));
 var _propsHelper = require("../../global/js/utils/props-helper");
@@ -61,6 +61,8 @@ var ActionBar = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
   var refDisplayedItems = (0, _react.useRef)(null);
   var sizingRef = (0, _react.useRef)(null);
   var sizes = (0, _react.useRef)({});
+  var backupRef = (0, _react.useRef)();
+  var localRef = ref || backupRef;
 
   // create hidden sizing items
   (0, _react.useEffect)(function () {
@@ -175,30 +177,19 @@ var ActionBar = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
 
   /* istanbul ignore next */ // not sure how to fake window resize
   var handleResize = function handleResize() {
-    // width is the space available for all action bar items horizontally
-    // the action bar items are squares so the height should be one item wide
-    /* istanbul ignore next */ // not sure how to fake window resize
-    checkFullyVisibleItems();
-  };
-
-  /* istanbul ignore next */ // not sure how to fake window resize
-  var handleActionBarItemsResize = function handleActionBarItemsResize() {
     // when the hidden sizing items change size
     /* istanbul ignore next */ // not sure how to fake window resize
     checkFullyVisibleItems();
   };
-  (0, _reactResizeDetector.useResizeDetector)({
-    onResize: handleActionBarItemsResize,
-    targetRef: sizingRef
+  (0, _useResizeObserver.useResizeObserver)(sizingRef, {
+    callback: handleResize
+  });
+  (0, _useResizeObserver.useResizeObserver)(localRef, {
+    callback: handleResize
   });
-  var _useResizeDetector = (0, _reactResizeDetector.useResizeDetector)({
-      onResize: handleResize,
-      targetRef: ref
-    }),
-    outerRef = _useResizeDetector.ref;
   return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, rest, {
     className: (0, _classnames.default)([blockClass, className]),
-    ref: outerRef
+    ref: localRef
   }), hiddenSizingItems, /*#__PURE__*/_react.default.createElement("div", {
     ref: refDisplayedItems,
     className: (0, _classnames.default)(["".concat(blockClass, "__displayed-items"), (0, _defineProperty2.default)({}, "".concat(blockClass, "__displayed-items--right"), rightAlign)])

package/lib/components/BreadcrumbWithOverflow/BreadcrumbWithOverflow.js

@@ -15,7 +15,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _carbonComponentsReact = require("carbon-components-react");
 var _settings = require("../../settings");
-var _reactResizeDetector = require("react-resize-detector");
+var _useResizeObserver = require("../../global/js/hooks/useResizeObserver");
 var _iconsReact = require("@carbon/icons-react");
 var _uuidv = _interopRequireDefault(require("../../global/js/utils/uuidv4"));
 require("../../global/js/utils/props-helper");
@@ -233,24 +233,19 @@ var BreadcrumbWithOverflow = function BreadcrumbWithOverflow(_ref) {
     /* istanbul ignore next */ // not sure how to test resize
     checkFullyVisibleBreadcrumbItems();
   };
-
-  /* istanbul ignore next */ // not sure how to test resize
-  var handleBreadcrumbItemsResize = function handleBreadcrumbItemsResize() {
-    /* istanbul ignore next */ // not sure how to test resize
-    checkFullyVisibleBreadcrumbItems();
-  };
   var backItem = breadcrumbs[breadcrumbs.length - 1];
   /* istanbul ignore if */ // not sure how to test media queries
   if (backItem.isCurrentPage) {
     backItem = breadcrumbs[breadcrumbs.length - 2];
   }
-  (0, _reactResizeDetector.useResizeDetector)({
-    onResize: handleBreadcrumbItemsResize,
-    targetRef: sizingContainerRef
+
+  // container resize
+  (0, _useResizeObserver.useResizeObserver)(sizingContainerRef, {
+    callback: handleResize
   });
-  (0, _reactResizeDetector.useResizeDetector)({
-    onResize: handleResize,
-    targetRef: breadcrumbItemWithOverflow
+  // item resize
+  (0, _useResizeObserver.useResizeObserver)(breadcrumbItemWithOverflow, {
+    callback: handleResize
   });
   return /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)(blockClass, className, (0, _defineProperty2.default)({}, "".concat(blockClass, "__with-items"), displayedBreadcrumbItems.length > 1)),

package/lib/components/ButtonSetWithOverflow/ButtonSetWithOverflow.js

@@ -13,7 +13,7 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _classnames = _interopRequireDefault(require("classnames"));
-var _reactResizeDetector = require("react-resize-detector");
+var _useResizeObserver = require("../../global/js/hooks/useResizeObserver");
 var _carbonComponentsReact = require("carbon-components-react");
 var _ButtonMenu = require("../ButtonMenu");
 var _settings = require("../../settings");
@@ -138,18 +138,14 @@ var ButtonSetWithOverflow = function ButtonSetWithOverflow(_ref) {
       }, (0, _propsHelper.prepareProps)(other, ['iconDescription', 'renderIcon'])));
     }).reverse());
   });
-  (0, _reactResizeDetector.useResizeDetector)({
-    onResize: checkFullyVisibleItems,
-    targetRef: sizingContainerRefSet
+  (0, _useResizeObserver.useResizeObserver)(sizingContainerRefSet, {
+    callback: checkFullyVisibleItems
   });
-  (0, _reactResizeDetector.useResizeDetector)({
-    onResize: checkFullyVisibleItems,
-    targetRef: sizingContainerRefCombo
+  (0, _useResizeObserver.useResizeObserver)(sizingContainerRefCombo, {
+    callback: checkFullyVisibleItems
   });
-  (0, _reactResizeDetector.useResizeDetector)({
-    onResize: checkFullyVisibleItems,
-    targetRef: spaceAvailableRef,
-    handleWidth: true
+  (0, _useResizeObserver.useResizeObserver)(spaceAvailableRef, {
+    callback: checkFullyVisibleItems
   });
   return /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)([blockClass, className, (0, _defineProperty2.default)({}, "".concat(blockClass, "--right"), rightAlign)]),

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/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) {

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

@@ -1,19 +1,24 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ExampleComponent = void 0;
 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 _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _settings = require("../../settings");
+var _useExample3 = _interopRequireDefault(require("./useExample"));
 var _carbonComponentsReact = require("carbon-components-react");
-var _excluded = ["borderColor", "boxedBorder", "className", "disabled", "onPrimaryClick", "onSecondaryClick", "primaryButtonLabel", "primaryKind", "secondaryButtonLabel", "secondaryKind", "size", "style"];
+var _excluded = ["borderColor", "boxedBorder", "className", "disabled", "usesExampleHook", "onPrimaryClick", "onSecondaryClick", "primaryButtonLabel", "primaryKind", "secondaryButtonLabel", "secondaryKind", "secondaryIcon", "size", "style"];
+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; }
 // The block part of our conventional BEM class names (blockClass__E--M).
@@ -37,6 +42,7 @@ var ExampleComponent = /*#__PURE__*/_react.default.forwardRef(function (_ref, re
     boxedBorder = _ref.boxedBorder,
     className = _ref.className,
     disabled = _ref.disabled,
+    usesExampleHook = _ref.usesExampleHook,
     onPrimaryClick = _ref.onPrimaryClick,
     onSecondaryClick = _ref.onSecondaryClick,
     primaryButtonLabel = _ref.primaryButtonLabel,
@@ -45,10 +51,18 @@ var ExampleComponent = /*#__PURE__*/_react.default.forwardRef(function (_ref, re
     secondaryButtonLabel = _ref.secondaryButtonLabel,
     _ref$secondaryKind = _ref.secondaryKind,
     secondaryKind = _ref$secondaryKind === void 0 ? defaults.secondaryKind : _ref$secondaryKind,
+    secondaryIcon = _ref.secondaryIcon,
     _ref$size = _ref.size,
     size = _ref$size === void 0 ? defaults.size : _ref$size,
     style = _ref.style,
     rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var _useState = (0, _react.useState)(primaryButtonLabel),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    thePrimaryButtonLabel = _useState2[0],
+    setThePrimaryButtonLabel = _useState2[1];
+  var _useExample = (0, _useExample3.default)(usesExampleHook),
+    _useExample2 = (0, _slicedToArray2.default)(_useExample, 1),
+    exampleUse = _useExample2[0];
   var modeClass = boxedBorder ? "".concat(blockClass, "--boxed-set") : "".concat(blockClass, "--shadow-set");
   var handlePrimaryClick = function handlePrimaryClick(e) {
     if (onPrimaryClick) {
@@ -60,6 +74,14 @@ var ExampleComponent = /*#__PURE__*/_react.default.forwardRef(function (_ref, re
       onSecondaryClick(e);
     }
   };
+  var theSecondaryIcon = (0, _react.useRef)(secondaryIcon && _settings.pkg.checkReportFeatureEnabled('ExampleComponent.secondaryIcon') ? secondaryIcon : null);
+  (0, _react.useEffect)(function () {
+    if (usesExampleHook !== undefined && _settings.pkg.checkReportFeatureEnabled('ExampleComponent.useExample')) {
+      setThePrimaryButtonLabel("".concat(primaryButtonLabel, " ").concat(exampleUse.toFixed(1), "s"));
+    } else {
+      setThePrimaryButtonLabel(primaryButtonLabel);
+    }
+  }, [primaryButtonLabel, usesExampleHook, exampleUse]);
   return /*#__PURE__*/_react.default.createElement(_carbonComponentsReact.ButtonSet, (0, _extends2.default)({}, rest, {
     className: (0, _classnames.default)(blockClass,
     // Apply the block class to the main HTML element
@@ -72,6 +94,7 @@ var ExampleComponent = /*#__PURE__*/_react.default.forwardRef(function (_ref, re
     className: "".concat(blockClass, "__secondary-button"),
     kind: secondaryKind,
     onClick: handleSecondaryClick,
+    renderIcon: theSecondaryIcon.current,
     disabled: disabled,
     size: size
   }, secondaryButtonLabel), /*#__PURE__*/_react.default.createElement(_carbonComponentsReact.Button, {
@@ -80,7 +103,7 @@ var ExampleComponent = /*#__PURE__*/_react.default.forwardRef(function (_ref, re
     onClick: handlePrimaryClick,
     disabled: disabled,
     size: size
-  }, primaryButtonLabel));
+  }, thePrimaryButtonLabel));
 });
 
 // Return a placeholder if not released and not enabled by feature flag.
@@ -131,6 +154,10 @@ ExampleComponent.propTypes = {
    * The secondary button label.
    */
   secondaryButtonLabel: _propTypes.default.string.isRequired,
+  /**
+   * The icon to use for the secondary button.
+   */
+  secondaryIcon: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object]),
   /**
    * The kind of button for the secondary button ('secondary' or 'tertiary').
    */
@@ -142,5 +169,9 @@ ExampleComponent.propTypes = {
   /**
    * Optional style settings for the containing node.
    */
-  style: _propTypes.default.object
+  style: _propTypes.default.object,
+  /**
+   * Hook example timeout (in seconds) or undefined
+   */
+  usesExampleHook: _propTypes.default.number
 };

package/lib/components/ExampleComponent/useExample.js

@@ -0,0 +1,58 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = require("react");
+var _settings = require("../../settings");
+/**
+ * Copyright IBM Corp. 2020, 2021
+ *
+ * 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 useExample = function useExample(initialTime) {
+  // NOTE: hooks cannot be called conditionally.
+  //
+  // ** If the hook uses other hooks then they must be called,
+  // ** this could lead to unexpected behavior.
+  // ** As some hooks may still be called even if the condition is false.
+
+  var _useState = (0, _react.useState)(
+    // Disable hook in a safe way if possible, else use despite feature disabled.
+    // Either a console error or warning will be logged.
+    initialTime),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    time = _useState2[0],
+    setTime = _useState2[1];
+
+  // Use of the feature flag to
+  var feature = 'ExampleComponent.useExample';
+  var tryFeature = initialTime !== undefined;
+  var featureEnabled = tryFeature && _settings.pkg.checkReportFeatureEnabled(feature);
+  if (tryFeature && !featureEnabled) {
+    // Output a useful message if the feature is disabled.
+    console.warn("Disabled feature \"".concat(feature, "\" does not change the initialTime."));
+  }
+
+  // Actual hook is code is below
+  (0, _react.useEffect)(function () {
+    if (!featureEnabled) {
+      return;
+    }
+
+    // turn off all or part of the feature
+    if (time > 0) {
+      setTimeout(function () {
+        setTime(Math.max(0, time - 0.1));
+      }, 100);
+    }
+  }, [featureEnabled, time]);
+  return [time];
+};
+var _default = useExample;
+exports.default = _default;

package/lib/components/InlineEditV1/InlineEditV1.js

@@ -303,7 +303,9 @@ InlineEditV1.deprecated = {
   level: 'warn',
   details: "The v1 version of this component is being deprecated. please switch to the v2 component as soon as possible."
 };
-_settings.pkg.logDeprecated(InlineEditV1, componentName);
+
+// needed to show deprecation message but based on host component name
+exports.InlineEditV1 = InlineEditV1 = _settings.pkg.checkComponentEnabled(InlineEditV1, 'InlineEdit');
 
 // The types and DocGen commentary for the component props,
 // in alphabetical order (for consistency).

package/lib/components/NonLinearReading/NonLinearReading.js

@@ -49,16 +49,16 @@ var NonLinearReading = /*#__PURE__*/_react.default.forwardRef(function (_ref, re
     });
   };
   return /*#__PURE__*/_react.default.createElement("span", (0, _extends2.default)({}, rest, {
-    className: (0, _classnames.default)(blockClass, className),
+    className: (0, _classnames.default)(blockClass, "".concat(blockClass, "__").concat(theme), className),
     ref: ref,
     role: "main"
   }, (0, _devtools.getDevtoolsProps)(componentName)), ' ', /*#__PURE__*/_react.default.createElement("button", {
     type: "button",
     "aria-expanded": isOpen,
-    className: (0, _classnames.default)("".concat(blockClass, "__term-").concat(theme), [isOpen ? ["".concat(blockClass, "__term-").concat(theme, "--open")] : ["".concat(blockClass, "__term-").concat(theme, "--closed")]]),
+    className: (0, _classnames.default)("".concat(blockClass, "__keyword"), [isOpen ? ["".concat(blockClass, "__keyword-open")] : ["".concat(blockClass, "__keyword-closed")]]),
     onClick: handleToggle
-  }, children, isOpen && /*#__PURE__*/_react.default.createElement(_iconsReact.ChevronUp16, null)), ' ', isOpen && /*#__PURE__*/_react.default.createElement("span", {
-    className: "".concat(blockClass, "--body-").concat(theme)
+  }, children, /*#__PURE__*/_react.default.createElement(_iconsReact.ChevronDown16, null)), ' ', isOpen && /*#__PURE__*/_react.default.createElement("span", {
+    className: "".concat(blockClass, "__body")
   }, definition), ' ');
 });
 
@@ -72,7 +72,7 @@ NonLinearReading.displayName = componentName;
 // See https://www.npmjs.com/package/prop-types#usage.
 NonLinearReading.propTypes = {
   /**
-   * The term of the component appears as a pill.
+   * The keyword of the component appears as a pill.
    */
   children: _propTypes.default.node.isRequired,
   /**
@@ -80,7 +80,7 @@ NonLinearReading.propTypes = {
    */
   className: _propTypes.default.string,
   /**
-   * The content that appears when the term is toggled open.
+   * The content that appears when the keyword is toggled open.
    */
   definition: _propTypes.default.node.isRequired,
   /**