@carbon/ibm-products 1.7.0 → 1.10.0

package/es/components/ProductiveCard/ProductiveCard.js

@@ -1,4 +1,12 @@
 import _extends from "@babel/runtime/helpers/extends";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["actionsPlacement"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
 //
 // Copyright IBM Corp. 2020, 2021
 //
@@ -11,11 +19,21 @@ import { Card } from '../Card';
 import { getDevtoolsProps } from '../../global/js/utils/devtools';
 import { prepareProps } from '../../global/js/utils/props-helper';
 import { pkg } from '../../settings';
-var componentName = 'ProductiveCard';
-export var ProductiveCard = /*#__PURE__*/forwardRef(function (props, ref) {
-  var validProps = prepareProps(props, ['media', 'mediaPosition', 'onSecondaryButtonClick', 'pictogram', 'primaryButtonClick', 'productive', 'secondaryButtonKind', 'secondaryButtonText']);
-  return /*#__PURE__*/React.createElement(Card, _extends({}, validProps, {
-    ref: ref,
+var componentName = 'ProductiveCard'; // Default values for props
+
+var defaults = {
+  actionsPlacement: 'top'
+};
+export var ProductiveCard = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var _ref$actionsPlacement = _ref.actionsPlacement,
+      actionsPlacement = _ref$actionsPlacement === void 0 ? defaults.actionsPlacement : _ref$actionsPlacement,
+      rest = _objectWithoutProperties(_ref, _excluded);
+
+  var validProps = prepareProps(rest, ['media', 'mediaPosition', 'onSecondaryButtonClick', 'pictogram', 'primaryButtonClick', 'productive', 'secondaryButtonKind', 'secondaryButtonText']);
+  return /*#__PURE__*/React.createElement(Card, _extends({}, _objectSpread(_objectSpread({}, validProps), {}, {
+    actionsPlacement: actionsPlacement,
+    ref: ref
+  }), {
     productive: true
   }, getDevtoolsProps(componentName)));
 }); // Return a placeholder if not released and not enabled by feature flag
@@ -109,11 +127,4 @@ ProductiveCard.propTypes = {
    */
   titleSize: PropTypes.oneOf(['default', 'large'])
 };
-ProductiveCard.defaultProps = {
-  actionIcons: [],
-  actionsPlacement: 'top',
-  clickZone: 'one',
-  overflowActions: [],
-  titleSize: 'default'
-};
 ProductiveCard.displayName = componentName;

package/es/components/RemoveModal/RemoveModal.js

@@ -185,7 +185,4 @@ RemoveModal.propTypes = {
    */
   title: PropTypes.string.isRequired
 };
-RemoveModal.defaultProps = {
-  textConfirmation: false
-};
 RemoveModal.displayName = componentName;

package/es/components/SidePanel/SidePanel.js

@@ -34,7 +34,16 @@ import { Close20, ArrowLeft20 } from '@carbon/icons-react';
 import { ActionSet } from '../ActionSet';
 var blockClass = "".concat(pkg.prefix, "--side-panel");
 var componentName = 'SidePanel'; // NOTE: the component SCSS is not imported here: it is rolled up separately.
+// Default values for props
 
+var defaults = {
+  animateTitle: true,
+  closeIconDescription: 'Close',
+  currentStep: 0,
+  navigationBackIconDescription: 'Back',
+  placement: 'right',
+  size: 'md'
+};
 /**
  * Side panels keep users in-context of a page while performing tasks like navigating, editing, viewing details, or configuring something new.
  */
@@ -44,24 +53,30 @@ export var SidePanel = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
 
   var actionToolbarButtons = _ref.actionToolbarButtons,
       actions = _ref.actions,
-      animateTitle = _ref.animateTitle,
+      _ref$animateTitle = _ref.animateTitle,
+      animateTitle = _ref$animateTitle === void 0 ? defaults.animateTitle : _ref$animateTitle,
       children = _ref.children,
       className = _ref.className,
-      closeIconDescription = _ref.closeIconDescription,
+      _ref$closeIconDescrip = _ref.closeIconDescription,
+      closeIconDescription = _ref$closeIconDescrip === void 0 ? defaults.closeIconDescription : _ref$closeIconDescrip,
       condensedActions = _ref.condensedActions,
-      currentStep = _ref.currentStep,
+      _ref$currentStep = _ref.currentStep,
+      currentStep = _ref$currentStep === void 0 ? defaults.currentStep : _ref$currentStep,
       includeOverlay = _ref.includeOverlay,
       labelText = _ref.labelText,
-      navigationBackIconDescription = _ref.navigationBackIconDescription,
+      _ref$navigationBackIc = _ref.navigationBackIconDescription,
+      navigationBackIconDescription = _ref$navigationBackIc === void 0 ? defaults.navigationBackIconDescription : _ref$navigationBackIc,
       onNavigationBack = _ref.onNavigationBack,
       onRequestClose = _ref.onRequestClose,
       onUnmount = _ref.onUnmount,
       open = _ref.open,
-      placement = _ref.placement,
+      _ref$placement = _ref.placement,
+      placement = _ref$placement === void 0 ? defaults.placement : _ref$placement,
       preventCloseOnClickOutside = _ref.preventCloseOnClickOutside,
       selectorPageContent = _ref.selectorPageContent,
       selectorPrimaryFocus = _ref.selectorPrimaryFocus,
-      size = _ref.size,
+      _ref$size = _ref.size,
+      size = _ref$size === void 0 ? defaults.size : _ref$size,
       slideIn = _ref.slideIn,
       subtitle = _ref.subtitle,
       title = _ref.title,
@@ -550,7 +565,7 @@ SidePanel.propTypes = {
   /**
    * Sets the close button icon description
    */
-  closeIconDescription: PropTypes.string.isRequired,
+  closeIconDescription: PropTypes.string,
 
   /**
    * Determines whether the side panel should render the condensed version (affects action buttons primarily)
@@ -647,14 +662,4 @@ SidePanel.propTypes = {
     return labelText;
   })
 };
-SidePanel.defaultProps = {
-  animateTitle: true,
-  placement: 'right',
-  size: 'md',
-  slideIn: false,
-  currentStep: 0,
-  navigationBackIconDescription: 'Back',
-  closeIconDescription: 'Close',
-  preventCloseOnClickOutside: false
-};
 SidePanel.displayName = componentName;

package/es/components/TagSet/TagSet.js

@@ -2,7 +2,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _extends from "@babel/runtime/helpers/extends";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["align", "className", "maxVisible", "overflowAlign", "overflowClassName", "overflowDirection", "allTagsModalTitle", "allTagsModalSearchLabel", "allTagsModalSearchPlaceholderText", "showAllTagsLabel", "tags"],
+var _excluded = ["align", "allTagsModalTarget", "className", "maxVisible", "overflowAlign", "overflowClassName", "overflowDirection", "allTagsModalTitle", "allTagsModalSearchLabel", "allTagsModalSearchPlaceholderText", "showAllTagsLabel", "tags"],
     _excluded2 = ["label", "id"],
     _excluded3 = ["label"];
 
@@ -17,6 +17,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 // LICENSE file in the root directory of this source tree.
 //
 import React, { useState, useEffect, useRef, useCallback } from 'react';
+import { createPortal } from 'react-dom';
 import PropTypes from 'prop-types';
 import cx from 'classnames';
 import { TagSetOverflow } from './TagSetOverflow';
@@ -28,14 +29,26 @@ import { prepareProps, isRequiredIf } from '../../global/js/utils/props-helper';
 import { pkg } from '../../settings';
 var componentName = 'TagSet';
 var blockClass = "".concat(pkg.prefix, "--tag-set");
-var allTagsModalSearchThreshold = 10;
+var allTagsModalSearchThreshold = 10; // Default values for props
+
+var defaults = {
+  align: 'start',
+  allTagsModalTarget: document.body,
+  overflowAlign: 'center',
+  overflowDirection: 'bottom'
+};
 export var TagSet = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
-  var align = _ref.align,
+  var _ref$align = _ref.align,
+      align = _ref$align === void 0 ? defaults.align : _ref$align,
+      _ref$allTagsModalTarg = _ref.allTagsModalTarget,
+      allTagsModalTarget = _ref$allTagsModalTarg === void 0 ? defaults.allTagsModalTarget : _ref$allTagsModalTarg,
       className = _ref.className,
       maxVisible = _ref.maxVisible,
-      overflowAlign = _ref.overflowAlign,
+      _ref$overflowAlign = _ref.overflowAlign,
+      overflowAlign = _ref$overflowAlign === void 0 ? defaults.overflowAlign : _ref$overflowAlign,
       overflowClassName = _ref.overflowClassName,
-      overflowDirection = _ref.overflowDirection,
+      _ref$overflowDirectio = _ref.overflowDirection,
+      overflowDirection = _ref$overflowDirectio === void 0 ? defaults.overflowDirection : _ref$overflowDirectio,
       allTagsModalTitle = _ref.allTagsModalTitle,
       allTagsModalSearchLabel = _ref.allTagsModalSearchLabel,
       allTagsModalSearchPlaceholderText = _ref.allTagsModalSearchPlaceholderText,
@@ -215,14 +228,14 @@ export var TagSet = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   }, hiddenSizingTags), /*#__PURE__*/React.createElement("div", {
     className: "".concat(blockClass, "__tag-container"),
     ref: displayedArea
-  }, displayedTags)), tags && displayCount < tags.length ? /*#__PURE__*/React.createElement(TagSetModal, {
+  }, displayedTags)), allTagsModalTarget && tags && displayCount < tags.length ? /*#__PURE__*/createPortal( /*#__PURE__*/React.createElement(TagSetModal, {
     allTags: tags,
     open: showAllModalOpen,
     title: allTagsModalTitle,
     onClose: handleModalClose,
     searchLabel: allTagsModalSearchLabel,
     searchPlaceholder: allTagsModalSearchPlaceholderText
-  }) : null);
+  }), allTagsModalTarget) : null);
 }); // Return a placeholder if not released and not enabled by feature flag
 
 TagSet = pkg.checkComponentEnabled(TagSet, componentName);
@@ -267,6 +280,11 @@ TagSet.propTypes = {
    */
   allTagsModalSearchPlaceholderText: string_required_if_more_than_10_tags,
 
+  /**
+   * portal target for the all tags modal
+   */
+  allTagsModalTarget: PropTypes.node,
+
   /**
    * title for the show all modal. **Note: Required if more than 10 tags**
    */
@@ -320,10 +338,5 @@ TagSet.propTypes = {
     type: PropTypes.oneOf(tagTypes)
   })))
 };
-TagSet.defaultProps = {
-  align: 'start',
-  overflowAlign: 'center',
-  overflowDirection: 'bottom'
-};
 TagSet.displayName = componentName;
 export default TagSet;

package/es/components/TagSet/TagSetModal.js

@@ -1,8 +1,9 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-var _excluded = ["label"];
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["allTags", "className", "title", "onClose", "open", "searchLabel", "searchPlaceholder"],
+    _excluded2 = ["label"];
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -21,15 +22,22 @@ import { ComposedModal, ModalHeader, ModalBody, Search, Tag } from 'carbon-compo
 import { pkg } from '../../settings';
 import { prepareProps } from '../../global/js/utils/props-helper';
 var componentName = 'TagSetModal';
-var blockClass = "".concat(pkg.prefix, "--tag-set-modal");
+var blockClass = "".concat(pkg.prefix, "--tag-set-modal"); // Default values for props
+
+var defaults = {
+  // marked as required by TagSet if needed, default used to satisfy <Search /> component
+  searchLabel: ''
+};
 export var TagSetModal = function TagSetModal(_ref) {
   var allTags = _ref.allTags,
       className = _ref.className,
       title = _ref.title,
       onClose = _ref.onClose,
       open = _ref.open,
-      searchLabel = _ref.searchLabel,
-      searchPlaceholder = _ref.searchPlaceholder;
+      _ref$searchLabel = _ref.searchLabel,
+      searchLabel = _ref$searchLabel === void 0 ? defaults.searchLabel : _ref$searchLabel,
+      searchPlaceholder = _ref.searchPlaceholder,
+      rest = _objectWithoutProperties(_ref, _excluded);
 
   var _useState = useState([]),
       _useState2 = _slicedToArray(_useState, 2),
@@ -69,13 +77,13 @@ export var TagSetModal = function TagSetModal(_ref) {
     setSearch(ev.target.value || '');
   };
 
-  return /*#__PURE__*/React.createElement(ComposedModal, {
+  return /*#__PURE__*/React.createElement(ComposedModal, _extends({}, rest, {
     containerClassName: "".concat(blockClass, "__container"),
     className: cx(className, "".concat(blockClass)),
     size: "sm",
     open: open,
     onClose: onClose
-  }, /*#__PURE__*/React.createElement(ModalHeader, {
+  }), /*#__PURE__*/React.createElement(ModalHeader, {
     title: title,
     className: "".concat(blockClass, "__header")
   }, /*#__PURE__*/React.createElement(Search, {
@@ -90,7 +98,7 @@ export var TagSetModal = function TagSetModal(_ref) {
     hasForm: true
   }, filteredModalTags.map(function (_ref2, index) {
     var label = _ref2.label,
-        other = _objectWithoutProperties(_ref2, _excluded);
+        other = _objectWithoutProperties(_ref2, _excluded2);
 
     return /*#__PURE__*/React.createElement(Tag, _extends({}, other, {
       filter: false,
@@ -111,8 +119,4 @@ TagSetModal.propTypes = {
   searchPlaceholder: PropTypes.string,
   title: PropTypes.string
 };
-TagSetModal.defaultProps = {
-  // marked as required by TagSet if needed, default used to satisfy <Search /> component
-  searchLabel: ''
-};
 TagSetModal.displayName = componentName;

package/es/components/TagSet/TagSetOverflow.js

@@ -1,5 +1,8 @@
+import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["allTagsModalSearchThreshold", "className", "onShowAllClick", "overflowAlign", "overflowDirection", "overflowTags", "showAllTagsLabel"];
 //
 // Copyright IBM Corp. 2021, 2021
 //
@@ -13,15 +16,25 @@ import { Link, Tag, Tooltip } from 'carbon-components-react';
 import { pkg } from '../../settings';
 import { noop } from '../../global/js/utils/pconsole';
 var componentName = 'TagSetOverflow';
-var blockClass = "".concat(pkg.prefix, "--tag-set-overflow");
+var blockClass = "".concat(pkg.prefix, "--tag-set-overflow"); // Default values for props
+
+var defaults = {
+  allTagsModalSearchThreshold: 10,
+  overflowAlign: 'center',
+  overflowDirection: 'bottom'
+};
 export var TagSetOverflow = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
-  var className = _ref.className,
-      overflowTags = _ref.overflowTags,
+  var _ref$allTagsModalSear = _ref.allTagsModalSearchThreshold,
+      allTagsModalSearchThreshold = _ref$allTagsModalSear === void 0 ? defaults.allTagsModalSearchThreshold : _ref$allTagsModalSear,
+      className = _ref.className,
       onShowAllClick = _ref.onShowAllClick,
-      overflowAlign = _ref.overflowAlign,
-      overflowDirection = _ref.overflowDirection,
+      _ref$overflowAlign = _ref.overflowAlign,
+      overflowAlign = _ref$overflowAlign === void 0 ? defaults.overflowAlign : _ref$overflowAlign,
+      _ref$overflowDirectio = _ref.overflowDirection,
+      overflowDirection = _ref$overflowDirectio === void 0 ? defaults.overflowDirection : _ref$overflowDirectio,
+      overflowTags = _ref.overflowTags,
       showAllTagsLabel = _ref.showAllTagsLabel,
-      allTagsModalSearchThreshold = _ref.allTagsModalSearchThreshold;
+      rest = _objectWithoutProperties(_ref, _excluded);
 
   var _useState = useState(false),
       _useState2 = _slicedToArray(_useState, 2),
@@ -42,11 +55,11 @@ export var TagSetOverflow = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     onShowAllClick();
   };
 
-  return /*#__PURE__*/React.createElement("span", {
+  return /*#__PURE__*/React.createElement("span", _extends({}, rest, {
     "aria-hidden": overflowTags.length === 0,
     className: cx("".concat(blockClass), _defineProperty({}, "".concat(blockClass, "--hidden"), overflowTags.length === 0)),
     ref: ref
-  }, /*#__PURE__*/React.createElement(Tooltip, {
+  }), /*#__PURE__*/React.createElement(Tooltip, {
     align: overflowAlign,
     className: cx(className, "".concat(blockClass, "__tooltip")),
     direction: overflowDirection,
@@ -113,9 +126,4 @@ TagSetOverflow.propTypes = {
    * label for the overflow show all tags link
    */
   showAllTagsLabel: PropTypes.string
-};
-TagSetOverflow.defaultProps = {
-  allTagsModalSearchThreshold: 10,
-  overflowAlign: 'center',
-  overflowDirection: 'bottom'
 };

package/es/components/Tearsheet/Tearsheet.js

@@ -1,5 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["influencerPosition", "influencerWidth", "verticalPosition"];
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -16,14 +17,20 @@ import React from 'react'; // Other standard imports.
 
 import PropTypes from 'prop-types';
 import { getDevtoolsProps } from '../../global/js/utils/devtools';
-import { allPropTypes, prepareProps } from '../../global/js/utils/props-helper';
+import { allPropTypes } from '../../global/js/utils/props-helper';
 import { pkg } from '../../settings'; // Carbon and package components we use.
 
 import { Button } from 'carbon-components-react';
 import { ActionSet } from '../ActionSet';
 import { tearsheetHasCloseIcon, TearsheetShell } from './TearsheetShell';
 var componentName = 'Tearsheet'; // NOTE: the component SCSS is not imported here: it is rolled up separately.
+// Default values for props
 
+var defaults = {
+  influencerPosition: 'left',
+  influencerWidth: 'narrow',
+  verticalPosition: 'lower'
+};
 /**
  * A tearsheet is a mostly full-screen type of dialog that keeps users
  * in-context and focused by bringing actionable content front and center while
@@ -37,11 +44,22 @@ var componentName = 'Tearsheet'; // NOTE: the component SCSS is not imported her
  * action buttons.
  */
 
-export var Tearsheet = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  return /*#__PURE__*/React.createElement(TearsheetShell, _extends({}, getDevtoolsProps(componentName), prepareProps(props, [], {
+export var Tearsheet = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+  var _ref$influencerPositi = _ref.influencerPosition,
+      influencerPosition = _ref$influencerPositi === void 0 ? defaults.influencerPosition : _ref$influencerPositi,
+      _ref$influencerWidth = _ref.influencerWidth,
+      influencerWidth = _ref$influencerWidth === void 0 ? defaults.influencerWidth : _ref$influencerWidth,
+      _ref$verticalPosition = _ref.verticalPosition,
+      verticalPosition = _ref$verticalPosition === void 0 ? defaults.verticalPosition : _ref$verticalPosition,
+      rest = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/React.createElement(TearsheetShell, _objectSpread(_objectSpread(_objectSpread({}, getDevtoolsProps(componentName)), rest), {}, {
+    influencerPosition: influencerPosition,
+    influencerWidth: influencerWidth,
+    verticalPosition: verticalPosition,
     ref: ref,
     size: 'wide'
-  })));
+  }));
 }); // Return a placeholder if not released and not enabled by feature flag
 
 Tearsheet = pkg.checkComponentEnabled(Tearsheet, componentName); // The display name of the component, used by React. Note that displayName
@@ -100,9 +118,9 @@ Tearsheet.propTypes = _objectSpread({
    * **Note:** This prop is only required if a close icon is shown, i.e. if
    * there are a no navigation actions and/or hasCloseIcon is true.
    */
-  closeIconDescription: PropTypes.string.isRequired.if(function (_ref) {
-    var actions = _ref.actions,
-        hasCloseIcon = _ref.hasCloseIcon;
+  closeIconDescription: PropTypes.string.isRequired.if(function (_ref2) {
+    var actions = _ref2.actions,
+        hasCloseIcon = _ref2.hasCloseIcon;
     return tearsheetHasCloseIcon(actions, hasCloseIcon);
   }),
 
@@ -168,13 +186,4 @@ Tearsheet.propTypes = _objectSpread({
    * The main title of the tearsheet, displayed in the header area.
    */
   title: PropTypes.node
-}, deprecatedProps); // Default values for component props. Default values are not required for
-// props that are required, nor for props where the component can apply
-// 'undefined' values reasonably. Default values should be provided when the
-// component needs to make a choice or assumption when a prop is not supplied.
-
-Tearsheet.defaultProps = {
-  influencerPosition: 'left',
-  influencerWidth: 'narrow',
-  verticalPosition: 'lower'
-};
+}, deprecatedProps);

package/es/components/Tearsheet/TearsheetNarrow.js

@@ -1,5 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["verticalPosition"];
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -23,7 +24,11 @@ import { Button } from 'carbon-components-react';
 import { ActionSet } from '../ActionSet';
 import { tearsheetHasCloseIcon, TearsheetShell, tearsheetShellWideProps as blocked } from './TearsheetShell';
 var componentName = 'TearsheetNarrow'; // NOTE: the component SCSS is not imported here: it is rolled up separately.
+// Default values for props
 
+var defaults = {
+  verticalPosition: 'lower'
+};
 /**
  * A narrow tearsheet is a slimmer variant of the tearsheet, providing a dialog
  * that keeps users in-context and focused by bringing actionable content front
@@ -33,11 +38,16 @@ var componentName = 'TearsheetNarrow'; // NOTE: the component SCSS is not import
  * main content area, and a set of action buttons.
  */
 
-export var TearsheetNarrow = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  return /*#__PURE__*/React.createElement(TearsheetShell, _extends({}, getDevtoolsProps(componentName), prepareProps(props, blocked, {
+export var TearsheetNarrow = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+  var _ref$verticalPosition = _ref.verticalPosition,
+      verticalPosition = _ref$verticalPosition === void 0 ? defaults.verticalPosition : _ref$verticalPosition,
+      rest = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/React.createElement(TearsheetShell, _objectSpread(_objectSpread(_objectSpread({}, getDevtoolsProps(componentName)), prepareProps(rest, blocked)), {}, {
+    verticalPosition: verticalPosition,
     ref: ref,
     size: 'narrow'
-  })));
+  }));
 }); // Return a placeholder if not released and not enabled by feature flag
 
 TearsheetNarrow = pkg.checkComponentEnabled(TearsheetNarrow, componentName); // The display name of the component, used by React. Note that displayName
@@ -96,9 +106,9 @@ TearsheetNarrow.propTypes = _objectSpread({
    * **Note:** This prop is only required if a close icon is shown, i.e. if
    * there are a no navigation actions and/or hasCloseIcon is true.
    */
-  closeIconDescription: PropTypes.string.isRequired.if(function (_ref) {
-    var actions = _ref.actions,
-        hasCloseIcon = _ref.hasCloseIcon;
+  closeIconDescription: PropTypes.string.isRequired.if(function (_ref2) {
+    var actions = _ref2.actions,
+        hasCloseIcon = _ref2.hasCloseIcon;
     return tearsheetHasCloseIcon(actions, hasCloseIcon);
   }),
 
@@ -138,11 +148,4 @@ TearsheetNarrow.propTypes = _objectSpread({
    * The main title of the tearsheet, displayed in the header area.
    */
   title: PropTypes.node
-}, deprecatedProps); // Default values for component props. Default values are not required for
-// props that are required, nor for props where the component can apply
-// 'undefined' values reasonably. Default values should be provided when the
-// component needs to make a choice or assumption when a prop is not supplied.
-
-TearsheetNarrow.defaultProps = {
-  verticalPosition: 'lower'
-};
+}, deprecatedProps);

package/es/components/Toolbar/ToolbarButton.js

@@ -50,8 +50,5 @@ ToolbarButton.propTypes = {
   /** Provide an optional class to be applied to the containing node */
   className: string
 };
-ToolbarButton.defaultProps = {
-  caret: false
-};
 ToolbarButton = pkg.checkComponentEnabled(ToolbarButton, componentName);
 export { blockClass, ToolbarButton };

package/es/components/UserProfileImage/UserProfileImage.js

@@ -78,7 +78,8 @@ export var UserProfileImage = /*#__PURE__*/React.forwardRef(function (_ref, ref)
   };
 
   return FillItem && (tooltipText ? /*#__PURE__*/React.createElement(TooltipIcon, {
-    tooltipText: tooltipText
+    tooltipText: tooltipText,
+    className: "".concat(blockClass, "__tooltip")
   }, renderUserProfileImage()) : renderUserProfileImage());
 }); // Return a placeholder if not released and not enabled by feature flag
 

package/es/components/WebTerminal/WebTerminal.js

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["children", "className", "closeTerminal", "documentationLinks", "documentationLinksIconDescription", "open", "actions", "closeIconDescription"];
+var _excluded = ["actions", "children", "className", "closeIconDescription", "closeTerminal", "documentationLinks", "documentationLinksIconDescription", "open"];
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -25,18 +25,27 @@ import { Close16 as Close, Help16 as Help } from '@carbon/icons-react';
 import { Button, OverflowMenu, OverflowMenuItem } from 'carbon-components-react'; // The block part of our conventional BEM class names (blockClass__E--M).
 
 var componentName = 'WebTerminal';
-var blockClass = "".concat(pkg.prefix, "--web-terminal");
+var blockClass = "".concat(pkg.prefix, "--web-terminal"); // Default values for props
+
+var defaults = {
+  actions: Object.freeze([]),
+  documentationLinks: Object.freeze([]),
+  documentationLinksIconDescription: 'Show documentation links'
+};
 export var WebTerminal = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var _ref2;
 
-  var children = _ref.children,
+  var _ref$actions = _ref.actions,
+      actions = _ref$actions === void 0 ? defaults.actions : _ref$actions,
+      children = _ref.children,
       className = _ref.className,
+      closeIconDescription = _ref.closeIconDescription,
       closeTerminal = _ref.closeTerminal,
-      documentationLinks = _ref.documentationLinks,
-      documentationLinksIconDescription = _ref.documentationLinksIconDescription,
+      _ref$documentationLin = _ref.documentationLinks,
+      documentationLinks = _ref$documentationLin === void 0 ? defaults.documentationLinks : _ref$documentationLin,
+      _ref$documentationLin2 = _ref.documentationLinksIconDescription,
+      documentationLinksIconDescription = _ref$documentationLin2 === void 0 ? defaults.documentationLinksIconDescription : _ref$documentationLin2,
       open = _ref.open,
-      actions = _ref.actions,
-      closeIconDescription = _ref.closeIconDescription,
       rest = _objectWithoutProperties(_ref, _excluded);
 
   var _useState = useState(open),
@@ -61,7 +70,7 @@ export var WebTerminal = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
 
   return shouldRender ? /*#__PURE__*/React.createElement("div", _extends({}, rest, {
     ref: ref,
-    className: cx([blockClass, (_ref2 = {}, _defineProperty(_ref2, "".concat(blockClass, "--open"), open), _defineProperty(_ref2, "".concat(blockClass, "--closed"), !open), _defineProperty(_ref2, className, className), _ref2)]),
+    className: cx([className, blockClass, (_ref2 = {}, _defineProperty(_ref2, "".concat(blockClass, "--open"), open), _defineProperty(_ref2, "".concat(blockClass, "--closed"), !open), _ref2)]),
     style: {
       animation: "".concat(open ? 'web-terminal-entrance 250ms' : 'web-terminal-exit 250ms')
     },
@@ -155,14 +164,4 @@ WebTerminal.propTypes = {
    * Boolean that determines if the web terminal is opened or closed
    */
   open: PropTypes.bool.isRequired
-}; // Default values for component props. Default values are not required for
-// props that are required, nor for props where the component can apply
-// 'undefined' values reasonably. Default values should be provided when the
-// component needs to make a choice or assumption when a prop is not supplied.
-
-WebTerminal.defaultProps = {
-  actions: [],
-  documentationLinks: [],
-  documentationLinksIconDescription: 'Show documentation links',
-  className: ''
 };

package/es/components/index.js

@@ -36,6 +36,5 @@ export { UserProfileImage } from './UserProfileImage';
 export { WebTerminal } from './WebTerminal';
 export { EditSidePanel } from './EditSidePanel';
 export { OptionsTile } from './OptionsTile';
-export { CancelableTextEdit } from './CancelableTextEdit';
 export { InlineEdit } from './InlineEdit';
 export { DataSpreadsheet } from './DataSpreadsheet';

package/es/global/js/hooks/index.js

@@ -4,6 +4,7 @@
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
+export { useActiveElement } from './useActiveElement';
 export { useNearestScroll, useWindowScroll } from './useWindowScroll';
 export { useWindowResize } from './useWindowResize';
 export { useClickOutside } from './useClickOutside';

package/es/global/js/hooks/useActiveElement.js

@@ -0,0 +1,27 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+
+/**
+ * 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.
+ */
+import { useState, useEffect } from 'react';
+export var useActiveElement = function useActiveElement() {
+  var _useState = useState(document.activeElement),
+      _useState2 = _slicedToArray(_useState, 2),
+      active = _useState2[0],
+      setActive = _useState2[1];
+
+  var handleFocusIn = function handleFocusIn() {
+    setActive(document.activeElement);
+  };
+
+  useEffect(function () {
+    document.addEventListener('focusin', handleFocusIn);
+    return function () {
+      document.removeEventListener('focusin', handleFocusIn);
+    };
+  }, []);
+  return active;
+};