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

package/lib/components/StatusIcon/StatusIcon.js

@@ -21,7 +21,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
-var _iconsReact = require("@carbon/icons-react");
+var _icons = require("@carbon/react/icons");
 
 var _devtools = require("../../global/js/utils/devtools");
 
@@ -47,25 +47,25 @@ var StatusIcon = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var icons = {
     fatal: {
       sm: /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-        return /*#__PURE__*/_react.default.createElement(_iconsReact.Misuse, (0, _extends2.default)({
+        return /*#__PURE__*/_react.default.createElement(_icons.Misuse, (0, _extends2.default)({
           size: 16,
           ref: ref
         }, props));
       }),
       md: /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-        return /*#__PURE__*/_react.default.createElement(_iconsReact.Misuse, (0, _extends2.default)({
+        return /*#__PURE__*/_react.default.createElement(_icons.Misuse, (0, _extends2.default)({
           size: 20,
           ref: ref
         }, props));
       }),
       lg: /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-        return /*#__PURE__*/_react.default.createElement(_iconsReact.Misuse, (0, _extends2.default)({
+        return /*#__PURE__*/_react.default.createElement(_icons.Misuse, (0, _extends2.default)({
           size: 24,
           ref: ref
         }, props));
       }),
       xl: /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-        return /*#__PURE__*/_react.default.createElement(_iconsReact.Misuse, (0, _extends2.default)({
+        return /*#__PURE__*/_react.default.createElement(_icons.Misuse, (0, _extends2.default)({
           size: 32,
           ref: ref
         }, props));
@@ -73,25 +73,25 @@ var StatusIcon = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     },
     critical: {
       sm: /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-        return /*#__PURE__*/_react.default.createElement(_iconsReact.ErrorFilled, (0, _extends2.default)({
+        return /*#__PURE__*/_react.default.createElement(_icons.ErrorFilled, (0, _extends2.default)({
           size: 16,
           ref: ref
         }, props));
       }),
       md: /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-        return /*#__PURE__*/_react.default.createElement(_iconsReact.ErrorFilled, (0, _extends2.default)({
+        return /*#__PURE__*/_react.default.createElement(_icons.ErrorFilled, (0, _extends2.default)({
           size: 20,
           ref: ref
         }, props));
       }),
       lg: /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-        return /*#__PURE__*/_react.default.createElement(_iconsReact.ErrorFilled, (0, _extends2.default)({
+        return /*#__PURE__*/_react.default.createElement(_icons.ErrorFilled, (0, _extends2.default)({
           size: 24,
           ref: ref
         }, props));
       }),
       xl: /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-        return /*#__PURE__*/_react.default.createElement(_iconsReact.ErrorFilled, (0, _extends2.default)({
+        return /*#__PURE__*/_react.default.createElement(_icons.ErrorFilled, (0, _extends2.default)({
           size: 32,
           ref: ref
         }, props));
@@ -99,25 +99,25 @@ var StatusIcon = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     },
     'major-warning': {
       sm: /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-        return /*#__PURE__*/_react.default.createElement(_iconsReact.WarningAltInvertedFilled, (0, _extends2.default)({
+        return /*#__PURE__*/_react.default.createElement(_icons.WarningAltInvertedFilled, (0, _extends2.default)({
           size: 16,
           ref: ref
         }, props));
       }),
       md: /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-        return /*#__PURE__*/_react.default.createElement(_iconsReact.WarningAltInvertedFilled, (0, _extends2.default)({
+        return /*#__PURE__*/_react.default.createElement(_icons.WarningAltInvertedFilled, (0, _extends2.default)({
           size: 20,
           ref: ref
         }, props));
       }),
       lg: /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-        return /*#__PURE__*/_react.default.createElement(_iconsReact.WarningAltInvertedFilled, (0, _extends2.default)({
+        return /*#__PURE__*/_react.default.createElement(_icons.WarningAltInvertedFilled, (0, _extends2.default)({
           size: 24,
           ref: ref
         }, props));
       }),
       xl: /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-        return /*#__PURE__*/_react.default.createElement(_iconsReact.WarningAltInvertedFilled, (0, _extends2.default)({
+        return /*#__PURE__*/_react.default.createElement(_icons.WarningAltInvertedFilled, (0, _extends2.default)({
           size: 32,
           ref: ref
         }, props));
@@ -125,25 +125,25 @@ var StatusIcon = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     },
     'minor-warning': {
       sm: /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-        return /*#__PURE__*/_react.default.createElement(_iconsReact.WarningAltFilled, (0, _extends2.default)({
+        return /*#__PURE__*/_react.default.createElement(_icons.WarningAltFilled, (0, _extends2.default)({
           size: 16,
           ref: ref
         }, props));
       }),
       md: /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-        return /*#__PURE__*/_react.default.createElement(_iconsReact.WarningAltFilled, (0, _extends2.default)({
+        return /*#__PURE__*/_react.default.createElement(_icons.WarningAltFilled, (0, _extends2.default)({
           size: 20,
           ref: ref
         }, props));
       }),
       lg: /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-        return /*#__PURE__*/_react.default.createElement(_iconsReact.WarningAltFilled, (0, _extends2.default)({
+        return /*#__PURE__*/_react.default.createElement(_icons.WarningAltFilled, (0, _extends2.default)({
           size: 24,
           ref: ref
         }, props));
       }),
       xl: /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-        return /*#__PURE__*/_react.default.createElement(_iconsReact.WarningAltFilled, (0, _extends2.default)({
+        return /*#__PURE__*/_react.default.createElement(_icons.WarningAltFilled, (0, _extends2.default)({
           size: 32,
           ref: ref
         }, props));
@@ -151,25 +151,25 @@ var StatusIcon = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     },
     undefined: {
       sm: /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-        return /*#__PURE__*/_react.default.createElement(_iconsReact.UndefinedFilled, (0, _extends2.default)({
+        return /*#__PURE__*/_react.default.createElement(_icons.UndefinedFilled, (0, _extends2.default)({
           size: 16,
           ref: ref
         }, props));
       }),
       md: /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-        return /*#__PURE__*/_react.default.createElement(_iconsReact.UndefinedFilled, (0, _extends2.default)({
+        return /*#__PURE__*/_react.default.createElement(_icons.UndefinedFilled, (0, _extends2.default)({
           size: 20,
           ref: ref
         }, props));
       }),
       lg: /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-        return /*#__PURE__*/_react.default.createElement(_iconsReact.UndefinedFilled, (0, _extends2.default)({
+        return /*#__PURE__*/_react.default.createElement(_icons.UndefinedFilled, (0, _extends2.default)({
           size: 24,
           ref: ref
         }, props));
       }),
       xl: /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-        return /*#__PURE__*/_react.default.createElement(_iconsReact.UndefinedFilled, (0, _extends2.default)({
+        return /*#__PURE__*/_react.default.createElement(_icons.UndefinedFilled, (0, _extends2.default)({
           size: 32,
           ref: ref
         }, props));
@@ -177,25 +177,25 @@ var StatusIcon = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     },
     unknown: {
       sm: /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-        return /*#__PURE__*/_react.default.createElement(_iconsReact.UnknownFilled, (0, _extends2.default)({
+        return /*#__PURE__*/_react.default.createElement(_icons.UnknownFilled, (0, _extends2.default)({
           size: 16,
           ref: ref
         }, props));
       }),
       md: /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-        return /*#__PURE__*/_react.default.createElement(_iconsReact.UnknownFilled, (0, _extends2.default)({
+        return /*#__PURE__*/_react.default.createElement(_icons.UnknownFilled, (0, _extends2.default)({
           size: 20,
           ref: ref
         }, props));
       }),
       lg: /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-        return /*#__PURE__*/_react.default.createElement(_iconsReact.UnknownFilled, (0, _extends2.default)({
+        return /*#__PURE__*/_react.default.createElement(_icons.UnknownFilled, (0, _extends2.default)({
           size: 24,
           ref: ref
         }, props));
       }),
       xl: /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-        return /*#__PURE__*/_react.default.createElement(_iconsReact.UnknownFilled, (0, _extends2.default)({
+        return /*#__PURE__*/_react.default.createElement(_icons.UnknownFilled, (0, _extends2.default)({
           size: 32,
           ref: ref
         }, props));
@@ -203,25 +203,25 @@ var StatusIcon = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     },
     normal: {
       sm: /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-        return /*#__PURE__*/_react.default.createElement(_iconsReact.CheckmarkFilled, (0, _extends2.default)({
+        return /*#__PURE__*/_react.default.createElement(_icons.CheckmarkFilled, (0, _extends2.default)({
           size: 16,
           ref: ref
         }, props));
       }),
       md: /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-        return /*#__PURE__*/_react.default.createElement(_iconsReact.CheckmarkFilled, (0, _extends2.default)({
+        return /*#__PURE__*/_react.default.createElement(_icons.CheckmarkFilled, (0, _extends2.default)({
           size: 20,
           ref: ref
         }, props));
       }),
       lg: /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-        return /*#__PURE__*/_react.default.createElement(_iconsReact.CheckmarkFilled, (0, _extends2.default)({
+        return /*#__PURE__*/_react.default.createElement(_icons.CheckmarkFilled, (0, _extends2.default)({
           size: 24,
           ref: ref
         }, props));
       }),
       xl: /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-        return /*#__PURE__*/_react.default.createElement(_iconsReact.CheckmarkFilled, (0, _extends2.default)({
+        return /*#__PURE__*/_react.default.createElement(_icons.CheckmarkFilled, (0, _extends2.default)({
           size: 32,
           ref: ref
         }, props));
@@ -229,25 +229,25 @@ var StatusIcon = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     },
     info: {
       sm: /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-        return /*#__PURE__*/_react.default.createElement(_iconsReact.InformationSquareFilled, (0, _extends2.default)({
+        return /*#__PURE__*/_react.default.createElement(_icons.InformationSquareFilled, (0, _extends2.default)({
           size: 16,
           ref: ref
         }, props));
       }),
       md: /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-        return /*#__PURE__*/_react.default.createElement(_iconsReact.InformationSquareFilled, (0, _extends2.default)({
+        return /*#__PURE__*/_react.default.createElement(_icons.InformationSquareFilled, (0, _extends2.default)({
           size: 20,
           ref: ref
         }, props));
       }),
       lg: /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-        return /*#__PURE__*/_react.default.createElement(_iconsReact.InformationSquareFilled, (0, _extends2.default)({
+        return /*#__PURE__*/_react.default.createElement(_icons.InformationSquareFilled, (0, _extends2.default)({
           size: 24,
           ref: ref
         }, props));
       }),
       xl: /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-        return /*#__PURE__*/_react.default.createElement(_iconsReact.InformationSquareFilled, (0, _extends2.default)({
+        return /*#__PURE__*/_react.default.createElement(_icons.InformationSquareFilled, (0, _extends2.default)({
           size: 32,
           ref: ref
         }, props));
@@ -255,25 +255,25 @@ var StatusIcon = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     },
     'in-progress': {
       sm: /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-        return /*#__PURE__*/_react.default.createElement(_iconsReact.Renew, (0, _extends2.default)({
+        return /*#__PURE__*/_react.default.createElement(_icons.Renew, (0, _extends2.default)({
           size: 16,
           ref: ref
         }, props));
       }),
       md: /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-        return /*#__PURE__*/_react.default.createElement(_iconsReact.Renew, (0, _extends2.default)({
+        return /*#__PURE__*/_react.default.createElement(_icons.Renew, (0, _extends2.default)({
           size: 20,
           ref: ref
         }, props));
       }),
       lg: /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-        return /*#__PURE__*/_react.default.createElement(_iconsReact.Renew, (0, _extends2.default)({
+        return /*#__PURE__*/_react.default.createElement(_icons.Renew, (0, _extends2.default)({
           size: 24,
           ref: ref
         }, props));
       }),
       xl: /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-        return /*#__PURE__*/_react.default.createElement(_iconsReact.Renew, (0, _extends2.default)({
+        return /*#__PURE__*/_react.default.createElement(_icons.Renew, (0, _extends2.default)({
           size: 32,
           ref: ref
         }, props));
@@ -281,25 +281,25 @@ var StatusIcon = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     },
     running: {
       sm: /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-        return /*#__PURE__*/_react.default.createElement(_iconsReact.Renew, (0, _extends2.default)({
+        return /*#__PURE__*/_react.default.createElement(_icons.Renew, (0, _extends2.default)({
           size: 16,
           ref: ref
         }, props));
       }),
       md: /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-        return /*#__PURE__*/_react.default.createElement(_iconsReact.Renew, (0, _extends2.default)({
+        return /*#__PURE__*/_react.default.createElement(_icons.Renew, (0, _extends2.default)({
           size: 20,
           ref: ref
         }, props));
       }),
       lg: /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-        return /*#__PURE__*/_react.default.createElement(_iconsReact.Renew, (0, _extends2.default)({
+        return /*#__PURE__*/_react.default.createElement(_icons.Renew, (0, _extends2.default)({
           size: 24,
           ref: ref
         }, props));
       }),
       xl: /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-        return /*#__PURE__*/_react.default.createElement(_iconsReact.Renew, (0, _extends2.default)({
+        return /*#__PURE__*/_react.default.createElement(_icons.Renew, (0, _extends2.default)({
           size: 32,
           ref: ref
         }, props));
@@ -307,25 +307,25 @@ var StatusIcon = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     },
     pending: {
       sm: /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-        return /*#__PURE__*/_react.default.createElement(_iconsReact.Time, (0, _extends2.default)({
+        return /*#__PURE__*/_react.default.createElement(_icons.Time, (0, _extends2.default)({
           size: 16,
           ref: ref
         }, props));
       }),
       md: /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-        return /*#__PURE__*/_react.default.createElement(_iconsReact.Time, (0, _extends2.default)({
+        return /*#__PURE__*/_react.default.createElement(_icons.Time, (0, _extends2.default)({
           size: 20,
           ref: ref
         }, props));
       }),
       lg: /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-        return /*#__PURE__*/_react.default.createElement(_iconsReact.Time, (0, _extends2.default)({
+        return /*#__PURE__*/_react.default.createElement(_icons.Time, (0, _extends2.default)({
           size: 24,
           ref: ref
         }, props));
       }),
       xl: /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-        return /*#__PURE__*/_react.default.createElement(_iconsReact.Time, (0, _extends2.default)({
+        return /*#__PURE__*/_react.default.createElement(_icons.Time, (0, _extends2.default)({
           size: 32,
           ref: ref
         }, props));

package/lib/components/UserProfileImage/UserProfileImage.js

@@ -23,7 +23,7 @@ require("../../global/js/utils/props-helper");
 
 var _settings = require("../../settings");
 
-var _iconsReact = require("@carbon/icons-react");
+var _icons = require("@carbon/react/icons");
 
 var _react2 = require("@carbon/react");
 
@@ -51,34 +51,34 @@ var UserProfileImage = /*#__PURE__*/_react.default.forwardRef(function (_ref, re
   var icons = {
     user: {
       md: function md(props) {
-        return /*#__PURE__*/_react.default.createElement(_iconsReact.User, (0, _extends2.default)({
+        return /*#__PURE__*/_react.default.createElement(_icons.User, (0, _extends2.default)({
           size: 20
         }, props));
       },
       lg: function lg(props) {
-        return /*#__PURE__*/_react.default.createElement(_iconsReact.User, (0, _extends2.default)({
+        return /*#__PURE__*/_react.default.createElement(_icons.User, (0, _extends2.default)({
           size: 24
         }, props));
       },
       xl: function xl(props) {
-        return /*#__PURE__*/_react.default.createElement(_iconsReact.User, (0, _extends2.default)({
+        return /*#__PURE__*/_react.default.createElement(_icons.User, (0, _extends2.default)({
           size: 32
         }, props));
       }
     },
     group: {
       md: function md(props) {
-        return /*#__PURE__*/_react.default.createElement(_iconsReact.Group, (0, _extends2.default)({
+        return /*#__PURE__*/_react.default.createElement(_icons.Group, (0, _extends2.default)({
           size: 20
         }, props));
       },
       lg: function lg(props) {
-        return /*#__PURE__*/_react.default.createElement(_iconsReact.Group, (0, _extends2.default)({
+        return /*#__PURE__*/_react.default.createElement(_icons.Group, (0, _extends2.default)({
           size: 24
         }, props));
       },
       xl: function xl(props) {
-        return /*#__PURE__*/_react.default.createElement(_iconsReact.Group, (0, _extends2.default)({
+        return /*#__PURE__*/_react.default.createElement(_icons.Group, (0, _extends2.default)({
           size: 32
         }, props));
       }

package/lib/components/WebTerminal/WebTerminal.js

@@ -25,7 +25,7 @@ var _classnames = _interopRequireDefault(require("classnames"));
 
 var _settings = require("../../settings");
 
-var _iconsReact = require("@carbon/icons-react");
+var _icons = require("@carbon/react/icons");
 
 var _react2 = require("@carbon/react");
 
@@ -141,7 +141,7 @@ var WebTerminal = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
     className: "".concat(blockClass, "__actions")
   }, showDocumentationLinks && /*#__PURE__*/_react.default.createElement(_react2.OverflowMenu, {
     renderIcon: function renderIcon(props) {
-      return /*#__PURE__*/_react.default.createElement(_iconsReact.Help, (0, _extends2.default)({
+      return /*#__PURE__*/_react.default.createElement(_icons.Help, (0, _extends2.default)({
         size: 16
       }, props));
     },
@@ -170,7 +170,7 @@ var WebTerminal = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
   })), /*#__PURE__*/_react.default.createElement(_react2.Button, {
     hasIconOnly: true,
     renderIcon: function renderIcon(props) {
-      return /*#__PURE__*/_react.default.createElement(_iconsReact.Close, (0, _extends2.default)({
+      return /*#__PURE__*/_react.default.createElement(_icons.Close, (0, _extends2.default)({
         size: 16
       }, props));
     },

package/lib/components/WebTerminal/preview-components/Navigation.js

@@ -11,7 +11,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _react2 = require("@carbon/react");
 
-var _iconsReact = require("@carbon/icons-react");
+var _icons = require("@carbon/react/icons");
 
 var _hooks = require("../hooks");
 
@@ -33,17 +33,17 @@ var Navigation = function Navigation() {
   }, "[Platform]"), /*#__PURE__*/_react.default.createElement(_react2.HeaderGlobalBar, null, /*#__PURE__*/_react.default.createElement(_react2.HeaderGlobalAction, {
     "aria-label": "Web terminal",
     onClick: openWebTerminal
-  }, /*#__PURE__*/_react.default.createElement(_iconsReact.Terminal, {
+  }, /*#__PURE__*/_react.default.createElement(_icons.Terminal, {
     size: 20
   })), /*#__PURE__*/_react.default.createElement(_react2.HeaderGlobalAction, {
     "aria-label": "Search",
     onClick: function onClick() {}
-  }, /*#__PURE__*/_react.default.createElement(_iconsReact.Search, {
+  }, /*#__PURE__*/_react.default.createElement(_icons.Search, {
     size: 20
   })), /*#__PURE__*/_react.default.createElement(_react2.HeaderGlobalAction, {
     "aria-label": "User",
     onClick: function onClick() {}
-  }, /*#__PURE__*/_react.default.createElement(_iconsReact.User, {
+  }, /*#__PURE__*/_react.default.createElement(_icons.User, {
     size: 20
   }))));
 };

package/lib/components/index.js

@@ -333,6 +333,12 @@ Object.defineProperty(exports, "useActionsColumn", {
     return _Datagrid.useActionsColumn;
   }
 });
+Object.defineProperty(exports, "useColumnOrder", {
+  enumerable: true,
+  get: function get() {
+    return _Datagrid.useColumnOrder;
+  }
+});
 Object.defineProperty(exports, "useColumnRightAlign", {
   enumerable: true,
   get: function get() {
@@ -369,6 +375,12 @@ Object.defineProperty(exports, "useInfiniteScroll", {
     return _Datagrid.useInfiniteScroll;
   }
 });
+Object.defineProperty(exports, "useInlineEdit", {
+  enumerable: true,
+  get: function get() {
+    return _Datagrid.useInlineEdit;
+  }
+});
 Object.defineProperty(exports, "useNestedRows", {
   enumerable: true,
   get: function get() {

package/lib/global/js/hooks/useClickOutside.js

@@ -16,7 +16,7 @@ var _react = require("react");
 var useClickOutside = function useClickOutside(ref, callback) {
   var handleClick = function handleClick(event) {
     if (ref.current && !ref.current.contains(event.target)) {
-      callback();
+      callback(event.target);
     }
   };
 

package/lib/global/js/package-settings.js

@@ -57,6 +57,9 @@ var defaults = {
     TearsheetNarrow: true,
     UnauthorizedEmptyState: true,
     UserProfileImage: true,
+    WebTerminal: true,
+    WebTerminalContentWrapper: true,
+    WebTerminalProvider: true,
     // other public components not yet reviewed and released:
     MultiAddSelect: false,
     SingleAddSelect: false,
@@ -64,9 +67,6 @@ var defaults = {
     Toolbar: false,
     ToolbarButton: false,
     ToolbarGroup: false,
-    WebTerminal: false,
-    WebTerminalContentWrapper: false,
-    WebTerminalProvider: false,
     EditSidePanel: false,
     CancelableTextEdit: false,
     DataSpreadsheet: false,

package/lib/global/js/utils/rangeWithCallback.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.rangeWithCallback = void 0;
+
+/**
+ * Copyright IBM Corp. 2022, 2022
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+// Iterates through a numeric range and calls callback
+// function for each iteration
+var rangeWithCallback = function rangeWithCallback(start, end, fn) {
+  for (var i = start; i <= end; i++) {
+    fn(i);
+  }
+};
+
+exports.rangeWithCallback = rangeWithCallback;

package/lib/global/js/utils/story-helper.js

@@ -46,7 +46,11 @@ var getStoryTitle = function getStoryTitle(componentName) {
 
 exports.getStoryTitle = getStoryTitle;
 
-var getStoryId = function getStoryId(componentName, scenario) {
+var getStoryId = function getStoryId(componentName, scenario, subdirectory) {
+  if (subdirectory) {
+    return "".concat((0, _csf.sanitize)(getStoryTitle(componentName)), "-").concat((0, _csf.sanitize)(subdirectory), "--").concat(scenario);
+  }
+
   return "".concat((0, _csf.sanitize)(getStoryTitle(componentName)), "--").concat(scenario);
 };
 /**

package/lib/global/js/utils/uuidv4.spec.js

@@ -9,11 +9,15 @@ describe('uuidv4', function () {
     jest.resetAllMocks();
   });
   it('Uses Math.random when window is not defined', function () {
+    var _window = window,
+        crypto = _window.crypto;
+    delete window.crypto;
     var mockMath = Object.create(global.Math);
     var mockMathRandom = jest.fn().mockReturnValue(0.5);
     mockMath.random = mockMathRandom;
     global.Math = mockMath;
     expect((0, _uuidv.default)()).toEqual('98888888-9888-4888-a888-988888888888');
+    window.crypto = crypto;
   });
   it('Uses crypto from window when window is defined', function () {
     var mGetRandomValues = jest.fn().mockReturnValue(new Uint32Array(10));

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/ibm-products",
   "description": "Carbon for IBM Products",
-  "version": "2.0.0-rc.2",
+  "version": "2.0.0-rc.3",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -54,33 +54,27 @@
   },
   "devDependencies": {
     "@babel/cli": "^7.18.10",
-    "@babel/core": "^7.18.10",
-    "babel-preset-ibm-cloud-cognitive": "^0.14.18",
+    "@babel/core": "^7.18.13",
+    "babel-preset-ibm-cloud-cognitive": "^0.14.19",
     "chalk": "^4.1.2",
     "change-case": "^4.1.2",
     "copyfiles": "^2.4.1",
     "cross-env": "^7.0.3",
     "fs-extra": "^10.1.0",
     "glob": "^8.0.3",
-    "jest": "^28.1.3",
-    "jest-config-ibm-cloud-cognitive": "^0.24.4",
-    "jest-environment-jsdom": "^28.1.3",
+    "jest": "^29.0.1",
+    "jest-config-ibm-cloud-cognitive": "^0.24.5",
+    "jest-environment-jsdom": "^29.0.1",
     "namor": "^1.1.2",
-    "npm-check-updates": "^16.0.5",
+    "npm-check-updates": "^16.0.6",
     "npm-run-all": "^4.1.5",
     "rimraf": "^3.0.2",
-    "sass": "^1.54.4",
+    "sass": "^1.54.8",
     "yargs": "^17.5.1"
   },
   "dependencies": {
     "@babel/runtime": "^7.18.9",
-    "@carbon/grid": "^11.3.0",
-    "@carbon/layout": "^11.3.0",
-    "@carbon/motion": "^11.2.0",
-    "@carbon/react": "^1.9.0-rc.0",
     "@carbon/telemetry": "^0.1.0",
-    "@carbon/themes": "^11.4.0",
-    "@carbon/type": "^11.4.0",
     "immutability-helper": "^3.1.1",
     "react-dnd": "^15.1.2",
     "react-dnd-html5-backend": "^15.1.3",
@@ -89,8 +83,14 @@
     "react-window": "^1.8.7"
   },
   "peerDependencies": {
+    "@carbon/grid": "^11.3.0",
+    "@carbon/layout": "^11.3.0",
+    "@carbon/motion": "^11.2.0",
+    "@carbon/react": "^1.13.0",
+    "@carbon/themes": "^11.4.0",
+    "@carbon/type": "^11.4.0",
     "react": "^16.8.6 || ^17.0.1",
     "react-dom": "^16.8.6 || ^17.0.1"
   },
-  "gitHead": "9f9114881d1ed7ebb8f8f6799ec7e4aa27f11b3c"
+  "gitHead": "5bffa40c7782ff89a267cd2f2f727b223a12ba50"
 }