@carbon/ibm-products 2.0.0-rc.0 → 2.0.0-rc.10

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

@@ -21,6 +21,12 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 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, 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.
+//
 var WebTerminalContext = /*#__PURE__*/(0, _react.createContext)();
 exports.WebTerminalContext = WebTerminalContext;
 var componentName = 'WebTerminalProvider';

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

@@ -11,10 +11,16 @@ 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");
 
+//
+// Copyright IBM Corp. 2020, 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.
+//
 var Navigation = function Navigation() {
   var _useWebTerminal = (0, _hooks.useWebTerminal)(),
       openWebTerminal = _useWebTerminal.openWebTerminal;
@@ -27,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/WebTerminal/preview-components/documentationLinks.js

@@ -4,6 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.documentationLinks = void 0;
+//
+// 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 documentationLinks = [{
   itemText: 'BX/ICP docs',
   href: '#',

package/lib/components/index.js

@@ -117,6 +117,12 @@ Object.defineProperty(exports, "EditTearsheetNarrow", {
     return _EditTearsheetNarrow.EditTearsheetNarrow;
   }
 });
+Object.defineProperty(exports, "EditUpdateCards", {
+  enumerable: true,
+  get: function get() {
+    return _EditUpdateCards.EditUpdateCards;
+  }
+});
 Object.defineProperty(exports, "EmptyState", {
   enumerable: true,
   get: function get() {
@@ -333,6 +339,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 +381,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() {
@@ -490,4 +508,6 @@ var _EditTearsheet = require("./EditTearsheet");
 
 var _EditTearsheetNarrow = require("./EditTearsheetNarrow");
 
-var _EditFullPage = require("./EditFullPage");
+var _EditFullPage = require("./EditFullPage");
+
+var _EditUpdateCards = require("./EditUpdateCards");

package/lib/global/js/hooks/index.js

@@ -15,6 +15,12 @@ Object.defineProperty(exports, "useClickOutside", {
     return _useClickOutside.useClickOutside;
   }
 });
+Object.defineProperty(exports, "useControllableState", {
+  enumerable: true,
+  get: function get() {
+    return _useControllableState.useControllableState;
+  }
+});
 Object.defineProperty(exports, "useCreateComponentFocus", {
   enumerable: true,
   get: function get() {
@@ -88,4 +94,6 @@ var _useResetCreateComponent = require("./useResetCreateComponent");
 
 var _useRetrieveStepData = require("./useRetrieveStepData");
 
-var _useValidCreateStepCount = require("./useValidCreateStepCount");
+var _useValidCreateStepCount = require("./useValidCreateStepCount");
+
+var _useControllableState = require("./useControllableState");

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/hooks/useControllableState.js

@@ -0,0 +1,94 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useControllableState = useControllableState;
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _react = require("react");
+
+var _pconsole = _interopRequireDefault(require("../utils/pconsole"));
+
+/**
+ * Copyright IBM Corp. 2016, 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.
+ */
+
+/**
+ * This custom hook simplifies the behavior of a component if it has state that
+ * can be both controlled and uncontrolled. It functions identical to a
+ * useState() hook and provides [state, setState] for you to use. You can use
+ * the `onChange` argument to allow updates to the `state` to be communicated to
+ * owners of controlled components.
+ *
+ * Note: this hook will warn if a component is switching from controlled to
+ * uncontrolled, or vice-versa.
+ *
+ * @param {object} config
+ * @param {string} config.name - the name of the custom component
+ * @param {any} config.defaultValue - the default value used for the state. This will be
+ * the fallback value used if `value` is not defined.
+ * @param {Function} config.onChange - an optional function that is called when
+ * the value of the state changes. This is useful for communicating to parents of
+ * controlled components that the value is requesting to be changed.
+ * @param {any} config.value - a controlled value. Omitting this means that the state is
+ * uncontrolled
+ * @returns {[any, Function]}
+ */
+function useControllableState(_ref) {
+  var defaultValue = _ref.defaultValue,
+      _ref$name = _ref.name,
+      name = _ref$name === void 0 ? 'custom' : _ref$name,
+      onChange = _ref.onChange,
+      value = _ref.value;
+
+  var _useState = (0, _react.useState)(value !== null && value !== void 0 ? value : defaultValue),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      state = _useState2[0],
+      internalSetState = _useState2[1];
+
+  var controlled = (0, _react.useRef)(null);
+
+  if (controlled.current === null) {
+    controlled.current = value !== undefined;
+  }
+
+  function setState(stateOrUpdater) {
+    var value = typeof stateOrUpdater === 'function' ? stateOrUpdater(state) : stateOrUpdater;
+
+    if (controlled.current === false) {
+      internalSetState(value);
+    }
+
+    if (onChange) {
+      onChange(value);
+    }
+  }
+
+  (0, _react.useEffect)(function () {
+    var controlledValue = value !== undefined; // Uncontrolled -> Controlled
+    // If the component prop is uncontrolled, the prop value should be undefined
+
+    if (controlled.current === false && controlledValue) {
+      _pconsole.default.warn("A component is changing an uncontrolled %s component to be controlled.\n          This is likely caused by the value changing to a defined value\n          from undefined. Decide between using a controlled or uncontrolled\n          value for the lifetime of the component.\n          More info: https://reactjs.org/link/controlled-components");
+    } // Controlled -> Uncontrolled
+    // If the component prop is controlled, the prop value should be defined
+
+
+    if (controlled.current === true && !controlledValue) {
+      _pconsole.default.warn("A component is changing a controlled %s component to be uncontrolled.\n        'This is likely caused by the value changing to an undefined value\n        'from a defined one. Decide between using a controlled or\n        'uncontrolled value for the lifetime of the component.\n        'More info: https://reactjs.org/link/controlled-components");
+    }
+  }, [name, value]);
+
+  if (controlled.current === true) {
+    return [value, setState];
+  }
+
+  return [state, setState];
+}