@carbon/ibm-products 1.21.0 → 1.23.1

package/es/components/Datagrid/useExpandedRow.js

@@ -12,17 +12,25 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
  * US Government Users Restricted Rights - Use, duplication or disclosure
  * restricted by GSA ADP Schedule Contract with IBM Corp.
  */
-import { useState } from 'react';
+import React, { useState } from 'react';
 import DatagridExpandedRow from './Datagrid/DatagridExpandedRow';
 import useRowExpander from './useRowExpander';
+import { pkg } from '../../settings';
+var blockClass = "".concat(pkg.prefix, "--datagrid");
+
+var expansionRenderer = function expansionRenderer(_ref) {
+  var row = _ref.row;
+  return /*#__PURE__*/React.createElement("div", {
+    className: "".concat(blockClass, "__expanded-row-content")
+  }, "Content for ", row.id);
+};
 
 var useExpandedRow = function useExpandedRow(hooks) {
   useRowExpander(hooks);
 
   var useInstance = function useInstance(instance) {
     var rows = instance.rows,
-        expandedContentHeight = instance.expandedContentHeight,
-        ExpandedRowContentComponent = instance.ExpandedRowContentComponent;
+        expandedContentHeight = instance.expandedContentHeight;
 
     var _useState = useState({}),
         _useState2 = _slicedToArray(_useState, 2),
@@ -37,7 +45,7 @@ var useExpandedRow = function useExpandedRow(hooks) {
       return _objectSpread(_objectSpread({}, row), {}, {
         canExpand: row.original && !row.original.notExpandable,
         expandedContentHeight: expandedRowsHeight[row.index] || expandedContentHeight,
-        RowRenderer: DatagridExpandedRow(row.RowRenderer, ExpandedRowContentComponent)
+        RowRenderer: DatagridExpandedRow(row.RowRenderer, expansionRenderer)
       });
     });
     Object.assign(instance, {

package/es/components/PageHeader/PageHeaderUtils.js

@@ -118,6 +118,11 @@ export var utilCheckUpdateVerticalSpace = function utilCheckUpdateVerticalSpace(
     if (!enableBreadcrumbScroll || !navigation) {
       // adjust sticky top if no navigation or breadcrumb is to stay on screen
       update.headerTopValue += update.breadcrumbRowHeight;
+    }
+
+    if (enableBreadcrumbScroll) {
+      // adjust header top value when scroll enabled for breadcrumb
+      update.headerTopValue -= navigation ? hasActionBar ? 0 : 10 : update.headerHeight;
     } // if (window) {
 
 

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", "allTagsModalTarget", "className", "maxVisible", "overflowAlign", "overflowClassName", "overflowDirection", "allTagsModalTitle", "allTagsModalSearchLabel", "allTagsModalSearchPlaceholderText", "showAllTagsLabel", "tags"],
+var _excluded = ["align", "allTagsModalTarget", "className", "maxVisible", "multiline", "overflowAlign", "overflowClassName", "overflowDirection", "allTagsModalTitle", "allTagsModalSearchLabel", "allTagsModalSearchPlaceholderText", "showAllTagsLabel", "tags"],
     _excluded2 = ["label", "id"],
     _excluded3 = ["label"];
 
@@ -43,6 +43,7 @@ export var TagSet = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       allTagsModalTargetIn = _ref.allTagsModalTarget,
       className = _ref.className,
       maxVisible = _ref.maxVisible,
+      multiline = _ref.multiline,
       _ref$overflowAlign = _ref.overflowAlign,
       overflowAlign = _ref$overflowAlign === void 0 ? defaults.overflowAlign : _ref$overflowAlign,
       overflowClassName = _ref.overflowClassName,
@@ -161,7 +162,11 @@ export var TagSet = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     setDisplayedTags(newDisplayedTags);
   }, [displayCount, overflowAlign, overflowClassName, overflowDirection, showAllTagsLabel, tags]);
   var checkFullyVisibleTags = useCallback(function () {
-    // how many will fit?
+    if (multiline) {
+      return setDisplayCount(maxVisible);
+    } // how many will fit?
+
+
     var willFit = 0;
 
     if (sizingTags.length > 0) {
@@ -193,10 +198,10 @@ export var TagSet = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     } else {
       setDisplayCount(maxVisible ? Math.min(willFit, maxVisible) : willFit);
     }
-  }, [maxVisible, sizingTags, tagSetRef]);
+  }, [maxVisible, multiline, sizingTags, tagSetRef]);
   useEffect(function () {
     checkFullyVisibleTags();
-  }, [checkFullyVisibleTags, maxVisible, sizingTags]);
+  }, [checkFullyVisibleTags, maxVisible, multiline, sizingTags]);
   /* don't know how to test resize */
 
   /* istanbul ignore next */
@@ -239,7 +244,7 @@ export var TagSet = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     "aria-hidden": true,
     ref: sizingContainerRef
   }, hiddenSizingTags), /*#__PURE__*/React.createElement("div", {
-    className: "".concat(blockClass, "__tag-container"),
+    className: cx(["".concat(blockClass, "__tag-container"), multiline && "".concat(blockClass, "__tag-container--multiline")]),
     ref: displayedArea
   }, displayedTags)), (allTagsModalTarget ? createPortal : function (children) {
     return children;
@@ -316,6 +321,11 @@ TagSet.propTypes = {
    */
   maxVisible: PropTypes.number,
 
+  /**
+   * display tags in multiple lines
+   */
+  multiline: PropTypes.bool,
+
   /**
    * overflowAlign from the standard tooltip. Default center.
    */

package/es/components/WebTerminal/WebTerminal.js

@@ -23,7 +23,8 @@ import { pkg } from '../../settings'; // Carbon and package components we use.
 
 import { Close16 as Close, Help16 as Help } from '@carbon/icons-react';
 import { Button, OverflowMenu, OverflowMenuItem } from 'carbon-components-react';
-import { moderate02 } from '@carbon/motion'; // The block part of our conventional BEM class names (blockClass__E--M).
+import { moderate02 } from '@carbon/motion';
+import { getDevtoolsProps } from '../../global/js/utils/devtools'; // The block part of our conventional BEM class names (blockClass__E--M).
 
 var componentName = 'WebTerminal';
 var blockClass = "".concat(pkg.prefix, "--web-terminal"); // Default values for props
@@ -90,9 +91,9 @@ export var WebTerminal = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     closeTerminal();
   };
 
-  return shouldRender ? /*#__PURE__*/React.createElement("div", _extends({}, rest, {
+  return shouldRender ? /*#__PURE__*/React.createElement("div", _extends({}, _objectSpread(_objectSpread({}, rest), getDevtoolsProps(componentName)), {
     ref: ref,
-    className: cx([className, blockClass, (_ref3 = {}, _defineProperty(_ref3, "".concat(blockClass, "--open"), open), _defineProperty(_ref3, "".concat(blockClass, "--closed"), !open), _ref3)]),
+    className: cx([blockClass, className, (_ref3 = {}, _defineProperty(_ref3, "".concat(blockClass, "--open"), open), _defineProperty(_ref3, "".concat(blockClass, "--closed"), !open), _ref3)]),
     style: {
       animation: !prefersReducedMotion && webTerminalAnimationName
     },
@@ -104,6 +105,7 @@ export var WebTerminal = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   }, showDocumentationLinks && /*#__PURE__*/React.createElement(OverflowMenu, {
     renderIcon: Help,
     iconDescription: documentationLinksIconDescription,
+    ariaLabel: documentationLinksIconDescription,
     menuOptionsClass: "".concat(blockClass, "__documentation-overflow"),
     size: "lg"
   }, documentationLinks.map(function (_ref4, i) {