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

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

@@ -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/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,16 +67,14 @@ var defaults = {
     Toolbar: false,
     ToolbarButton: false,
     ToolbarGroup: false,
-    WebTerminal: false,
-    WebTerminalContentWrapper: false,
-    WebTerminalProvider: false,
     EditSidePanel: false,
     CancelableTextEdit: false,
     DataSpreadsheet: false,
     Datagrid: false,
     EditTearsheet: false,
     EditTearsheetNarrow: false,
-    EditFullPage: false
+    EditFullPage: false,
+    EditUpdateCards: false
     /* new component flags here - comment used by generate CLI */
 
   },

package/lib/global/js/utils/getBezierValues.js

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getBezierValues = void 0;
+
+var _motion = require("@carbon/motion");
+
+/**
+ * This function turns a cubic-bezier() string to an
+ * array of values that we can use with framer-motion
+ * @param {string} type - The carbon motion type, either 'standard', 'entrance', or 'exit'
+ * @param {string} mode - The carbon motion mode, either 'productive', or 'expressive'
+ */
+var getBezierValues = function getBezierValues(type, mode) {
+  var cubicBezier = (0, _motion.motion)(type, mode);
+  var extractStringFromParens = /\(([^)]+)\)/;
+  var desiredBezierStrings = extractStringFromParens.exec(cubicBezier)[1];
+  var formattedDesiredBezierStrings = desiredBezierStrings.trim().split(',').map(Number);
+
+  if (Array.isArray(formattedDesiredBezierStrings)) {
+    return formattedDesiredBezierStrings;
+  }
+
+  return [];
+};
+
+exports.getBezierValues = getBezierValues;

package/lib/global/js/utils/motionConstants.js

@@ -0,0 +1,55 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.EASINGS = exports.DURATIONS = void 0;
+
+var _getBezierValues = require("./getBezierValues");
+
+var _motion = require("@carbon/motion");
+
+/**
+ * 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 cleanMotionValue = function cleanMotionValue(val) {
+  return parseInt(val) / 1000;
+};
+
+var DURATIONS = {
+  // Micro-interactions such as button and toggle
+  fast01: cleanMotionValue(_motion.fast01),
+  // '70ms'
+  // Micro-interactions such as fade
+  fast02: cleanMotionValue(_motion.fast02),
+  // '110ms'
+  // Micro-interactions, small expansion, short distance movements
+  moderate01: cleanMotionValue(_motion.moderate01),
+  // '150ms'
+  // Expansion, system communication, toast
+  moderate02: cleanMotionValue(_motion.moderate02),
+  // '240ms'
+  // Large expansion, important system notifications
+  slow01: cleanMotionValue(_motion.slow01),
+  // '400ms'
+  //  Background dimming
+  slow02: cleanMotionValue(_motion.slow02) // '700ms'
+
+};
+exports.DURATIONS = DURATIONS;
+var EASINGS = {
+  productive: {
+    entrance: (0, _getBezierValues.getBezierValues)('entrance', 'productive'),
+    standard: (0, _getBezierValues.getBezierValues)('standard', 'productive'),
+    exit: (0, _getBezierValues.getBezierValues)('exit', 'productive')
+  },
+  expressive: {
+    entrance: (0, _getBezierValues.getBezierValues)('entrance', 'expressive'),
+    standard: (0, _getBezierValues.getBezierValues)('standard', 'expressive'),
+    exit: (0, _getBezierValues.getBezierValues)('exit', 'expressive')
+  }
+};
+exports.EASINGS = EASINGS;

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);
 };
 /**