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

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

@@ -194,6 +194,11 @@ Tearsheet.propTypes = _objectSpread({
    */
   open: _propTypes.default.bool,
 
+  /**
+   * The DOM node the tearsheet should be rendered within. Defaults to document.body.
+   */
+  portalTarget: _propTypes.default.node,
+
   /**
    * The main title of the tearsheet, displayed in the header area.
    */

package/lib/components/Tearsheet/TearsheetNarrow.js

@@ -156,6 +156,11 @@ TearsheetNarrow.propTypes = _objectSpread({
    */
   open: _propTypes.default.bool,
 
+  /**
+   * The DOM node the tearsheet should be rendered within. Defaults to document.body.
+   */
+  portalTarget: _propTypes.default.node,
+
   /**
    * The main title of the tearsheet, displayed in the header area.
    */

package/lib/components/Tearsheet/TearsheetShell.js

@@ -430,7 +430,7 @@ TearsheetShell.propTypes = _objectSpread({
   open: _propTypes.default.bool,
 
   /**
-   * portal target for the all tags modal
+   * The DOM node the tearsheet should be rendered within. Defaults to document.body.
    */
   portalTarget: _propTypes.default.node,
 

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,18 @@ Object.defineProperty(exports, "useActionsColumn", {
     return _Datagrid.useActionsColumn;
   }
 });
+Object.defineProperty(exports, "useColumnCenterAlign", {
+  enumerable: true,
+  get: function get() {
+    return _Datagrid.useColumnCenterAlign;
+  }
+});
+Object.defineProperty(exports, "useColumnOrder", {
+  enumerable: true,
+  get: function get() {
+    return _Datagrid.useColumnOrder;
+  }
+});
 Object.defineProperty(exports, "useColumnRightAlign", {
   enumerable: true,
   get: function get() {
@@ -363,12 +381,24 @@ Object.defineProperty(exports, "useExpandedRow", {
     return _Datagrid.useExpandedRow;
   }
 });
+Object.defineProperty(exports, "useFiltering", {
+  enumerable: true,
+  get: function get() {
+    return _Datagrid.useFiltering;
+  }
+});
 Object.defineProperty(exports, "useInfiniteScroll", {
   enumerable: true,
   get: function get() {
     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 +520,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);
     }
   };