@carbon/ibm-products 2.50.0 → 2.51.0

package/lib/components/TruncatedList/TruncatedList.js

@@ -7,8 +7,6 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
 var settings = require('../../settings.js');
@@ -17,11 +15,6 @@ var index = require('../../node_modules/prop-types/index.js');
 var cx = require('classnames');
 var devtools = require('../../global/js/utils/devtools.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-
 var _excluded = ["children", "className", "as", "buttonClassName", "collapsedItemsLimit", "expandedItemsLimit", "onClick", "viewLessLabel", "viewMoreLabel"];
 
 // The block part of our conventional BEM class names (blockClass__E--M).
@@ -42,7 +35,7 @@ var defaults = {
  * revealed to the user while giving the user the ability to expand
  * and see the entire list.
  */
-exports.TruncatedList = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
+exports.TruncatedList = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     _ref$as = _ref.as,
@@ -107,20 +100,20 @@ exports.TruncatedList = /*#__PURE__*/React__default["default"].forwardRef(functi
       setListHeight(_listHeight);
     }
   }, [childrenArray, minItems, maxItems, isCollapsed, listRef]);
-  return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({}, rest, {
-    className: cx__default["default"](blockClass, className, isCollapsed ? "".concat(blockClass, "--collapsed") : "".concat(blockClass, "--expanded"),
+  return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({}, rest, {
+    className: cx(blockClass, className, isCollapsed ? "".concat(blockClass, "--collapsed") : "".concat(blockClass, "--expanded"),
     // If the list is expanded && showing all the items,
     // then disable scrolling using CSS, instead of adding an arbitrary #px to the height of the list.
     !isCollapsed && childrenArray.length <= maxItems && "".concat(blockClass, "--expanded-all")),
     ref: ref
-  }, devtools.getDevtoolsProps(componentName)), /*#__PURE__*/React__default["default"].createElement(List, {
+  }, devtools.getDevtoolsProps(componentName)), /*#__PURE__*/React.createElement(List, {
     className: "".concat(blockClass, "__list"),
     ref: listRef,
     style: {
       height: listHeight
     }
-  }, isCollapsed ? childrenArray.slice(0, minItems) : children), childrenArray.length > minItems && /*#__PURE__*/React__default["default"].createElement(react.Button, {
-    className: cx__default["default"]("".concat(blockClass, "__button"), "".concat(settings.carbon.prefix, "--link"), buttonClassName),
+  }, isCollapsed ? childrenArray.slice(0, minItems) : children), childrenArray.length > minItems && /*#__PURE__*/React.createElement(react.Button, {
+    className: cx("".concat(blockClass, "__button"), "".concat(settings.carbon.prefix, "--link"), buttonClassName),
     kind: "ghost",
     size: "sm",
     onClick: handleToggle
@@ -142,40 +135,40 @@ exports.TruncatedList.propTypes = {
    * The type of list element to render.
    * This could be a `ul`, `ol`, or a custom React component.
    */
-  as: index["default"].oneOfType([index["default"].elementType, index["default"].string]),
+  as: index.default.oneOfType([index.default.elementType, index.default.string]),
   /**
    * Optional class name for expand/collapse button.
    */
-  buttonClassName: index["default"].string,
+  buttonClassName: index.default.string,
   /**
    * The contents of the TruncatedList.
    */
-  children: index["default"].node.isRequired,
+  children: index.default.node.isRequired,
   /**
    * Provide an optional class to be applied to the containing node.
    */
-  className: index["default"].string,
+  className: index.default.string,
   /**
    * Number of items to render and display when the list is truncated and collapsed.
    * Scrolling is not enabled when collapsed. The smallest number is 1.
    */
-  collapsedItemsLimit: index["default"].number,
+  collapsedItemsLimit: index.default.number,
   /**
    * Maximum number of items to show when the list is expanded. All
    * items are rendered when the list is expanded. Scrolling is enabled
    * if there are more items to display than this number.
    */
-  expandedItemsLimit: index["default"].number,
+  expandedItemsLimit: index.default.number,
   /**
    * Optional callback reports the collapsed state of the list.
    */
-  onClick: index["default"].func,
+  onClick: index.default.func,
   /**
    * Text label for when the list is expanded.
    */
-  viewLessLabel: index["default"].string,
+  viewLessLabel: index.default.string,
   /**
    * Callback function for building the label when the list is collapsed.
    */
-  viewMoreLabel: index["default"].func
+  viewMoreLabel: index.default.func
 };

package/lib/components/UserAvatar/UserAvatar.js

@@ -7,8 +7,6 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
 var index = require('../../node_modules/prop-types/index.js');
@@ -20,11 +18,6 @@ var icons = require('@carbon/react/icons');
 require('../../global/js/utils/props-helper.js');
 var TooltipTrigger = require('../TooltipTrigger/TooltipTrigger.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-
 var _excluded = ["backgroundColor", "className", "image", "imageDescription", "name", "renderIcon", "size", "tooltipText", "tooltipAlignment"];
 // Carbon and package components we use.
 /* TODO: @import(s) of carbon components and other package components. */
@@ -39,7 +32,7 @@ var componentName = 'UserAvatar';
  * TODO: A description of the component.
  */
 
-exports.UserAvatar = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
+exports.UserAvatar = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var _ref$backgroundColor = _ref.backgroundColor,
     backgroundColor = _ref$backgroundColor === void 0 ? 'order-1-cyan' : _ref$backgroundColor,
     className = _ref.className,
@@ -80,23 +73,23 @@ exports.UserAvatar = /*#__PURE__*/React__default["default"].forwardRef(function
       size: iconSize[size]
     };
     if (image) {
-      return /*#__PURE__*/React__default["default"].createElement("img", {
+      return /*#__PURE__*/React.createElement("img", {
         alt: imageDescription,
         src: image,
         className: "".concat(blockClass, "__photo ").concat(blockClass, "__photo--").concat(size)
       });
     }
     if (RenderIcon) {
-      return /*#__PURE__*/React__default["default"].createElement(RenderIcon, iconProps);
+      return /*#__PURE__*/React.createElement(RenderIcon, iconProps);
     }
     if (name) {
       return formatInitials();
     }
-    return /*#__PURE__*/React__default["default"].createElement(icons.User, iconProps);
+    return /*#__PURE__*/React.createElement(icons.User, iconProps);
   };
   var Avatar = function Avatar() {
-    return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({}, rest, {
-      className: cx__default["default"](blockClass,
+    return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({}, rest, {
+      className: cx(blockClass,
       // Apply the block class to the main HTML element
       className, // Apply any supplied class names to the main HTML element.
       "".concat(blockClass, "--").concat(backgroundColor), "".concat(blockClass, "--").concat(size),
@@ -111,13 +104,13 @@ exports.UserAvatar = /*#__PURE__*/React__default["default"].forwardRef(function
     }, devtools.getDevtoolsProps(componentName)), getItem());
   };
   if (tooltipText) {
-    return /*#__PURE__*/React__default["default"].createElement(react.Tooltip, {
+    return /*#__PURE__*/React.createElement(react.Tooltip, {
       align: tooltipAlignment,
       label: tooltipText,
       className: "".concat(blockClass, "__tooltip ").concat(carbonPrefix, "--icon-tooltip")
-    }, /*#__PURE__*/React__default["default"].createElement(TooltipTrigger.TooltipTrigger, null, /*#__PURE__*/React__default["default"].createElement(Avatar, null)));
+    }, /*#__PURE__*/React.createElement(TooltipTrigger.TooltipTrigger, null, /*#__PURE__*/React.createElement(Avatar, null)));
   }
-  return /*#__PURE__*/React__default["default"].createElement(Avatar, null);
+  return /*#__PURE__*/React.createElement(Avatar, null);
 });
 
 // Return a placeholder if not released and not enabled by feature flag
@@ -134,44 +127,44 @@ exports.UserAvatar.propTypes = {
   /**
    * Provide the background color need to be set for UserAvatar.
    */
-  backgroundColor: index["default"].oneOf(['order-1-cyan', 'order-2-gray', 'order-3-green', 'order-4-magenta', 'order-5-purple', 'order-6-teal', 'order-7-cyan', 'order-8-gray', 'order-9-green', 'order-10-magenta', 'order-11-purple', 'order-12-teal']),
+  backgroundColor: index.default.oneOf(['order-1-cyan', 'order-2-gray', 'order-3-green', 'order-4-magenta', 'order-5-purple', 'order-6-teal', 'order-7-cyan', 'order-8-gray', 'order-9-green', 'order-10-magenta', 'order-11-purple', 'order-12-teal']),
   /**
    * Provide an optional class to be applied to the containing node.
    */
-  className: index["default"].string,
+  className: index.default.string,
   /**
    * When passing the image prop, supply a full path to the image to be displayed.
    */
   /**@ts-ignore */
-  image: index["default"].string,
+  image: index.default.string,
   /**
    * When passing the image prop use the imageDescription prop to describe the image for screen reader.
    */
   /**@ts-ignore */
-  imageDescription: index["default"].string.isRequired.if(function (_ref3) {
+  imageDescription: index.default.string.isRequired.if(function (_ref3) {
     var image = _ref3.image;
     return !!image;
   }),
   /**
    * When passing the name prop, either send the initials to be used or the user's full name. The first two capital letters of the user's name will be used as the name.
    */
-  name: index["default"].string,
+  name: index.default.string,
   /**
    * Provide a custom icon to use if you need to use an icon other than the default one
    */
   /**@ts-ignore */
-  renderIcon: index["default"].oneOfType([index["default"].func, index["default"].object]),
+  renderIcon: index.default.oneOfType([index.default.func, index.default.object]),
   /**
    * Set the size of the avatar circle
    */
-  size: index["default"].oneOf(['xl', 'lg', 'md', 'sm']),
+  size: index.default.oneOf(['xl', 'lg', 'md', 'sm']),
   /**
    * Specify how the trigger should align with the tooltip
    */
-  tooltipAlignment: index["default"].oneOf(['top', 'top-left', 'top-right', 'bottom', 'bottom-left', 'bottom-right', 'left', 'right']),
+  tooltipAlignment: index.default.oneOf(['top', 'top-left', 'top-right', 'bottom', 'bottom-left', 'bottom-right', 'left', 'right']),
   /**
    * Pass in the display name to have it shown on hover
    */
-  tooltipText: index["default"].string
+  tooltipText: index.default.string
   /* TODO: add types and DocGen for all props. */
 };

package/lib/components/UserProfileImage/UserProfileImage.d.ts

@@ -25,7 +25,7 @@ type imageProps = {
 type UserProfileImageBaseProps = {
     /**
      * The background color passed should match one of the background colors in the library documentation:
-     * https://pages.github.ibm.com/cdai-design/pal/patterns/user-profile-images/
+     * https://pages.github.ibm.com/carbon/ibm-products/patterns/user-profile-images/
      */
     backgroundColor?: string;
     /**

package/lib/components/UserProfileImage/UserProfileImage.js

@@ -7,8 +7,6 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 require('../../global/js/utils/props-helper.js');
 var icons = require('@carbon/react/icons');
@@ -20,11 +18,6 @@ var devtools = require('../../global/js/utils/devtools.js');
 var settings = require('../../settings.js');
 var TooltipTrigger = require('../TooltipTrigger/TooltipTrigger.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-
 var _excluded = ["backgroundColor", "className", "kind", "icon", "initials", "image", "imageDescription", "size", "theme", "tooltipText", "tooltipAlignment"];
 
 // The block part of our conventional BEM class names (blockClass__E--M).
@@ -40,7 +33,7 @@ var defaults = {
 /**
  * The user profile avatar allows for an image of the user to be displayed by passing in the image prop. By default the component will display a user icon on a blue background.
  */
-exports.UserProfileImage = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
+exports.UserProfileImage = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var _FillItem;
   var backgroundColor = _ref.backgroundColor,
     className = _ref.className,
@@ -59,34 +52,34 @@ exports.UserProfileImage = /*#__PURE__*/React__default["default"].forwardRef(fun
   var icons$1 = {
     user: {
       md: function md(props) {
-        return /*#__PURE__*/React__default["default"].createElement(icons.User, _rollupPluginBabelHelpers["extends"]({
+        return /*#__PURE__*/React.createElement(icons.User, _rollupPluginBabelHelpers.extends({
           size: 20
         }, props));
       },
       lg: function lg(props) {
-        return /*#__PURE__*/React__default["default"].createElement(icons.User, _rollupPluginBabelHelpers["extends"]({
+        return /*#__PURE__*/React.createElement(icons.User, _rollupPluginBabelHelpers.extends({
           size: 24
         }, props));
       },
       xl: function xl(props) {
-        return /*#__PURE__*/React__default["default"].createElement(icons.User, _rollupPluginBabelHelpers["extends"]({
+        return /*#__PURE__*/React.createElement(icons.User, _rollupPluginBabelHelpers.extends({
           size: 32
         }, props));
       }
     },
     group: {
       md: function md(props) {
-        return /*#__PURE__*/React__default["default"].createElement(icons.Group, _rollupPluginBabelHelpers["extends"]({
+        return /*#__PURE__*/React.createElement(icons.Group, _rollupPluginBabelHelpers.extends({
           size: 20
         }, props));
       },
       lg: function lg(props) {
-        return /*#__PURE__*/React__default["default"].createElement(icons.Group, _rollupPluginBabelHelpers["extends"]({
+        return /*#__PURE__*/React.createElement(icons.Group, _rollupPluginBabelHelpers.extends({
           size: 24
         }, props));
       },
       xl: function xl(props) {
-        return /*#__PURE__*/React__default["default"].createElement(icons.Group, _rollupPluginBabelHelpers["extends"]({
+        return /*#__PURE__*/React.createElement(icons.Group, _rollupPluginBabelHelpers.extends({
           size: 32
         }, props));
       }
@@ -104,7 +97,7 @@ exports.UserProfileImage = /*#__PURE__*/React__default["default"].forwardRef(fun
   var getFillItem = function getFillItem() {
     if (image) {
       return function () {
-        return /*#__PURE__*/React__default["default"].createElement("img", {
+        return /*#__PURE__*/React.createElement("img", {
           alt: imageDescription,
           src: image,
           className: "".concat(blockClass, "__photo ").concat(blockClass, "__photo--").concat(size)
@@ -127,16 +120,16 @@ exports.UserProfileImage = /*#__PURE__*/React__default["default"].forwardRef(fun
   };
   var FillItem = getFillItem();
   var renderUserProfileImage = function renderUserProfileImage() {
-    return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({}, rest, {
+    return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({}, rest, {
       ref: ref,
-      className: cx__default["default"]([blockClass, className, "".concat(blockClass, "--").concat(size), "".concat(blockClass, "--").concat(theme), "".concat(blockClass, "--").concat(backgroundColor || getRandomColor())])
-    }, devtools.getDevtoolsProps(componentName)), _FillItem || (_FillItem = /*#__PURE__*/React__default["default"].createElement(FillItem, null)));
+      className: cx([blockClass, className, "".concat(blockClass, "--").concat(size), "".concat(blockClass, "--").concat(theme), "".concat(blockClass, "--").concat(backgroundColor || getRandomColor())])
+    }, devtools.getDevtoolsProps(componentName)), _FillItem || (_FillItem = /*#__PURE__*/React.createElement(FillItem, null)));
   };
-  return FillItem && (tooltipText ? /*#__PURE__*/React__default["default"].createElement(react.Tooltip, {
+  return FillItem && (tooltipText ? /*#__PURE__*/React.createElement(react.Tooltip, {
     align: tooltipAlignment,
     label: tooltipText,
     className: "".concat(blockClass, "__tooltip ").concat(carbonPrefix, "--icon-tooltip")
-  }, /*#__PURE__*/React__default["default"].createElement(TooltipTrigger.TooltipTrigger, null, renderUserProfileImage())) : renderUserProfileImage());
+  }, /*#__PURE__*/React.createElement(TooltipTrigger.TooltipTrigger, null, renderUserProfileImage())) : renderUserProfileImage());
 });
 
 // Return a placeholder if not released and not enabled by feature flag
@@ -145,52 +138,52 @@ exports.UserProfileImage.displayName = componentName;
 exports.UserProfileImage.propTypes = {
   /**
    * The background color passed should match one of the background colors in the library documentation:
-   * https://pages.github.ibm.com/cdai-design/pal/patterns/user-profile-images/
+   * https://pages.github.ibm.com/carbon/ibm-products/patterns/user-profile-images/
    */
-  backgroundColor: index["default"].oneOf(['light-cyan', 'dark-cyan', 'light-gray', 'dark-gray', 'light-green', 'dark-green', 'light-magenta', 'dark-magenta', 'light-purple', 'dark-purple', 'light-teal', 'dark-teal']),
+  backgroundColor: index.default.oneOf(['light-cyan', 'dark-cyan', 'light-gray', 'dark-gray', 'light-green', 'dark-green', 'light-magenta', 'dark-magenta', 'light-purple', 'dark-purple', 'light-teal', 'dark-teal']),
   /**
    * Provide an optional class to be applied to the containing node.
    */
-  className: index["default"].string,
+  className: index.default.string,
   /**
    * Provide a custom icon to use if you need to use an icon other than the included ones
    */
-  icon: index["default"].func,
+  icon: index.default.func,
   /**
    * When passing the image prop, supply a full path to the image to be displayed.
    */
   /**@ts-ignore */
-  image: index["default"].string,
+  image: index.default.string,
   /**
    * When passing the image prop use the imageDescription prop to describe the image for screen reader.
    */
   /**@ts-ignore */
-  imageDescription: index["default"].string.isRequired.if(function (_ref2) {
+  imageDescription: index.default.string.isRequired.if(function (_ref2) {
     var image = _ref2.image;
     return !!image;
   }),
   /**
    * When passing the initials prop, either send the initials to be used or the user's display name. The first two capital letters of the display name will be used as the initials.
    */
-  initials: index["default"].string,
+  initials: index.default.string,
   /**
    * When passing the kind prop, use either "user" or "group". The values match up to the Carbon Library icons.
    */
-  kind: index["default"].oneOf(['user', 'group']),
+  kind: index.default.oneOf(['user', 'group']),
   /**
    * Set the size of the avatar circle
    */
-  size: index["default"].oneOf(['xl', 'lg', 'md']).isRequired,
+  size: index.default.oneOf(['xl', 'lg', 'md']).isRequired,
   /**
    * Set theme in which the component will be rendered
    */
-  theme: index["default"].oneOf(['light', 'dark']).isRequired,
+  theme: index.default.oneOf(['light', 'dark']).isRequired,
   /**
    * Specify how the trigger should align with the tooltip
    */
-  tooltipAlignment: index["default"].oneOf(['top', 'top-left', 'top-right', 'bottom', 'bottom-left', 'bottom-right', 'left', 'right']),
+  tooltipAlignment: index.default.oneOf(['top', 'top-left', 'top-right', 'bottom', 'bottom-left', 'bottom-right', 'left', 'right']),
   /**
    * Pass in the display name to have it shown on hover
    */
-  tooltipText: index["default"].string
+  tooltipText: index.default.string
 };

package/lib/components/WebTerminal/WebTerminal.js

@@ -7,8 +7,6 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var react = require('@carbon/react');
 var icons = require('@carbon/react/icons');
@@ -21,11 +19,6 @@ var settings = require('../../settings.js');
 var usePrefersReducedMotion = require('../../global/js/hooks/usePrefersReducedMotion.js');
 var index$1 = require('./hooks/index.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-
 var _excluded = ["actions", "children", "className", "closeIconDescription", "documentationLinks", "documentationLinksIconDescription", "isInitiallyOpen", "webTerminalAriaLabel"];
 
 // The block part of our conventional BEM class names (blockClass__E--M).
@@ -43,7 +36,7 @@ var defaults = {
 /**
  * The `WebTerminal` is prompted by the user and is persistent until dismissed. The purpose of a web terminal is to provide users with the ability to type commands manually instead of using the GUI.
  */
-exports.WebTerminal = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
+exports.WebTerminal = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var _ref$actions = _ref.actions,
     actions = _ref$actions === void 0 ? defaults.actions : _ref$actions,
     children = _ref.children,
@@ -66,7 +59,7 @@ exports.WebTerminal = /*#__PURE__*/React__default["default"].forwardRef(function
     _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
     shouldRender = _useState2[0],
     setRender = _useState2[1];
-  var shouldReduceMotion = usePrefersReducedMotion["default"]();
+  var shouldReduceMotion = usePrefersReducedMotion.default();
   var webTerminalAnimationName = "".concat(open ? 'web-terminal-entrance' : 'web-terminal-exit forwards', " ").concat(carbonMotion.moderate02);
   var showDocumentationLinks = React.useMemo(function () {
     return documentationLinks.length > 0;
@@ -104,21 +97,21 @@ exports.WebTerminal = /*#__PURE__*/React__default["default"].forwardRef(function
     }
     closeWebTerminal === null || closeWebTerminal === void 0 || closeWebTerminal();
   };
-  return shouldRender ? /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({}, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, rest), devtools.getDevtoolsProps(componentName)), {
+  return shouldRender ? /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({}, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, rest), devtools.getDevtoolsProps(componentName)), {
     ref: ref,
-    className: cx__default["default"]([blockClass, className, _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "--open"), open), "".concat(blockClass, "--closed"), !open)]),
+    className: cx([blockClass, className, _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "--open"), open), "".concat(blockClass, "--closed"), !open)]),
     style: {
       animation: !shouldReduceMotion ? webTerminalAnimationName : ''
     },
     onAnimationEnd: onAnimationEnd
-  }), /*#__PURE__*/React__default["default"].createElement("header", {
+  }), /*#__PURE__*/React.createElement("header", {
     "aria-label": webTerminalAriaLabel,
     className: "".concat(blockClass, "__bar")
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: "".concat(blockClass, "__actions")
-  }, showDocumentationLinks && /*#__PURE__*/React__default["default"].createElement(react.OverflowMenu, {
+  }, showDocumentationLinks && /*#__PURE__*/React.createElement(react.OverflowMenu, {
     renderIcon: function renderIcon(props) {
-      return /*#__PURE__*/React__default["default"].createElement(icons.Help, _rollupPluginBabelHelpers["extends"]({
+      return /*#__PURE__*/React.createElement(icons.Help, _rollupPluginBabelHelpers.extends({
         size: 16
       }, props));
     },
@@ -127,15 +120,15 @@ exports.WebTerminal = /*#__PURE__*/React__default["default"].forwardRef(function
     menuOptionsClass: "".concat(blockClass, "__documentation-overflow"),
     size: "lg"
   }, documentationLinks.map(function (_ref3, i) {
-    var rest = _rollupPluginBabelHelpers["extends"]({}, (_rollupPluginBabelHelpers.objectDestructuringEmpty(_ref3), _ref3));
-    return /*#__PURE__*/React__default["default"].createElement(react.OverflowMenuItem, _rollupPluginBabelHelpers["extends"]({
+    var rest = _rollupPluginBabelHelpers.extends({}, (_rollupPluginBabelHelpers.objectDestructuringEmpty(_ref3), _ref3));
+    return /*#__PURE__*/React.createElement(react.OverflowMenuItem, _rollupPluginBabelHelpers.extends({
       key: i
     }, rest));
   })), actions.map(function (_ref4) {
     var renderIcon = _ref4.renderIcon,
       onClick = _ref4.onClick,
       iconDescription = _ref4.iconDescription;
-    return /*#__PURE__*/React__default["default"].createElement(react.Button, {
+    return /*#__PURE__*/React.createElement(react.Button, {
       key: iconDescription,
       hasIconOnly: true,
       renderIcon: renderIcon,
@@ -144,10 +137,10 @@ exports.WebTerminal = /*#__PURE__*/React__default["default"].forwardRef(function
       kind: "ghost",
       "aria-label": iconDescription
     });
-  })), /*#__PURE__*/React__default["default"].createElement(react.Button, {
+  })), /*#__PURE__*/React.createElement(react.Button, {
     hasIconOnly: true,
     renderIcon: function renderIcon(props) {
-      return /*#__PURE__*/React__default["default"].createElement(icons.Close, _rollupPluginBabelHelpers["extends"]({
+      return /*#__PURE__*/React.createElement(icons.Close, _rollupPluginBabelHelpers.extends({
         size: 16
       }, props));
     },
@@ -157,9 +150,9 @@ exports.WebTerminal = /*#__PURE__*/React__default["default"].forwardRef(function
     onAnimationEnd: function onAnimationEnd(event) {
       return event.stopPropagation();
     }
-  })), /*#__PURE__*/React__default["default"].createElement(react.Theme, {
+  })), /*#__PURE__*/React.createElement(react.Theme, {
     theme: "g100"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: "".concat(blockClass, "__body")
   }, children))) : null;
 });
@@ -179,37 +172,37 @@ exports.WebTerminal.propTypes = {
    * An array of actions to be displayed in the web terminal header bar
    */
   /**@ts-ignore */
-  actions: index["default"].arrayOf(index["default"].shape({
-    renderIcon: index["default"].func.isRequired,
-    onClick: index["default"].func.isRequired,
-    iconDescription: index["default"].string.isRequired
+  actions: index.default.arrayOf(index.default.shape({
+    renderIcon: index.default.func.isRequired,
+    onClick: index.default.func.isRequired,
+    iconDescription: index.default.string.isRequired
   })),
   /**
    * Provide your own terminal component as children to show up in the web terminal
    */
-  children: index["default"].oneOfType([index["default"].arrayOf(index["default"].node), index["default"].node]).isRequired,
+  children: index.default.oneOfType([index.default.arrayOf(index.default.node), index.default.node]).isRequired,
   /**
    * Custom classname for additional styling of the web terminal
    */
-  className: index["default"].string,
+  className: index.default.string,
   /**
    * Icon description for the close button
    */
-  closeIconDescription: index["default"].string.isRequired,
+  closeIconDescription: index.default.string.isRequired,
   /**
    * Array of objects for each documentation link. Each documentation link uses the prop types of OverflowMenuItems. See more: https://react.carbondesignsystem.com/?path=/docs/components-overflowmenu--default
    */
-  documentationLinks: index["default"].arrayOf(index["default"].shape(_rollupPluginBabelHelpers.objectSpread2({}, react.OverflowMenuItem.propTypes))),
+  documentationLinks: index.default.arrayOf(index.default.shape(_rollupPluginBabelHelpers.objectSpread2({}, react.OverflowMenuItem.propTypes))),
   /**
    * Description for the documentation link overflow menu tooltip
    */
-  documentationLinksIconDescription: index["default"].string,
+  documentationLinksIconDescription: index.default.string,
   /**
    * Optionally pass if the web terminal should be open by default
    */
-  isInitiallyOpen: index["default"].bool,
+  isInitiallyOpen: index.default.bool,
   /**
    * Specifies aria label for Web terminal
    */
-  webTerminalAriaLabel: index["default"].string
+  webTerminalAriaLabel: index.default.string
 };

package/lib/components/WebTerminal/WebTerminalContentWrapper.js

@@ -7,8 +7,6 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
 var index = require('../../node_modules/prop-types/index.js');
@@ -16,24 +14,19 @@ var cx = require('classnames');
 var settings = require('../../settings.js');
 var index$1 = require('./hooks/index.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-
 var _excluded = ["children"];
 
 // The block part of our conventional BEM class names (blockClass__E--M).
 var componentName = 'WebTerminalContentWrapper';
 var blockClass = "".concat(settings.pkg.prefix, "--web-terminal-content-wrapper");
-exports.WebTerminalContentWrapper = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
+exports.WebTerminalContentWrapper = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
   var _useWebTerminal = index$1.useWebTerminal(),
     open = _useWebTerminal.open;
-  return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({
+  return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({
     ref: ref,
-    className: cx__default["default"]([blockClass, _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "--open"), open)])
+    className: cx([blockClass, _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "--open"), open)])
   }, rest), children);
 });
 
@@ -51,5 +44,5 @@ exports.WebTerminalContentWrapper.propTypes = {
   /**
    * Pass in content as children.
    */
-  children: index["default"].oneOfType([index["default"].arrayOf(index["default"].node), index["default"].node]).isRequired
+  children: index.default.oneOfType([index.default.arrayOf(index.default.node), index.default.node]).isRequired
 };