@carbon/ibm-products 1.23.0 → 1.23.1

package/lib/components/AddSelect/AddSelect.js

@@ -25,7 +25,7 @@ var _settings = require("../../settings");
 
 var _addSelectUtils = require("./add-select-utils");
 
-var _excluded = ["items"];
+var _excluded = ["items", "globalFilters"];
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -34,15 +34,14 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 var blockClass = "".concat(_settings.pkg.prefix, "--add-select");
 var componentName = 'AddSelect';
 var AddSelect = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
-  var _props$globalFilters;
-
   var items = _ref.items,
+      globalFilters = _ref.globalFilters,
       props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var useNormalizedItems = !!items.entries.find(function (item) {
     return item.children;
   });
   var normalizedItems = useNormalizedItems ? (0, _addSelectUtils.normalize)(items) : null;
-  var globalFilterOpts = props.multi && (_props$globalFilters = props.globalFilters) !== null && _props$globalFilters !== void 0 && _props$globalFilters.length ? (0, _addSelectUtils.getGlobalFilterValues)(props.globalFilters, normalizedItems) : null;
+  var globalFilterOpts = props.multi && globalFilters !== null && globalFilters !== void 0 && globalFilters.length ? (0, _addSelectUtils.getGlobalFilterValues)(globalFilters, normalizedItems) : null;
   var defaultModifiers = props.multi && items.modifiers ? items.entries.map(function (item) {
     var modifierAttribute = items.modifiers.id;
     return (0, _defineProperty2.default)({
@@ -74,7 +73,7 @@ AddSelect.propTypes = {
   globalFiltersPlaceholderText: _propTypes.default.string,
   globalFiltersPrimaryButtonText: _propTypes.default.string,
   globalFiltersSecondaryButtonText: _propTypes.default.string,
-  globalSearchLabel: _propTypes.default.string,
+  globalSearchLabel: _propTypes.default.string.isRequired,
   globalSearchPlaceholder: _propTypes.default.string,
   globalSortBy: _propTypes.default.array,
   influencerTitle: _propTypes.default.string,

package/lib/components/AddSelect/AddSelectBody.js

@@ -329,7 +329,7 @@ AddSelectBody.propTypes = {
   globalFiltersPlaceholderText: _propTypes.default.string,
   globalFiltersPrimaryButtonText: _propTypes.default.string,
   globalFiltersSecondaryButtonText: _propTypes.default.string,
-  globalSearchLabel: _propTypes.default.string,
+  globalSearchLabel: _propTypes.default.string.isRequired,
   globalSearchPlaceholder: _propTypes.default.string,
   globalSortBy: _propTypes.default.array,
   influencerTitle: _propTypes.default.string,

package/lib/components/AddSelect/AddSelectFilter.js

@@ -185,7 +185,7 @@ AddSelectFilter.propTypes = {
   handleSearch: _propTypes.default.func,
   hasFiltersApplied: _propTypes.default.bool,
   iconDescription: _propTypes.default.string,
-  inputLabel: _propTypes.default.string,
+  inputLabel: _propTypes.default.string.isRequired,
   inputPlaceholder: _propTypes.default.string,
   multi: _propTypes.default.bool,
   placeholder: _propTypes.default.string,

package/lib/components/AddSelect/AddSelectMetaPanel.js

@@ -43,6 +43,7 @@ var AddSelectMetaPanel = function AddSelectMetaPanel(_ref) {
   }, /*#__PURE__*/_react.default.createElement("p", {
     className: "".concat(blockClass, "-title")
   }, title), /*#__PURE__*/_react.default.createElement(_carbonComponentsReact.Button, {
+    className: "".concat(blockClass, "-close"),
     renderIcon: _iconsReact.Close16,
     iconDescription: closeIconDescription,
     tooltipPosition: "left",
@@ -53,25 +54,25 @@ var AddSelectMetaPanel = function AddSelectMetaPanel(_ref) {
     size: "sm"
   })), /*#__PURE__*/(0, _react.isValidElement)(meta) ? meta : meta.map(function (entry) {
     return /*#__PURE__*/_react.default.createElement("div", {
-      key: entry.id,
+      key: entry === null || entry === void 0 ? void 0 : entry.id,
       className: "".concat(blockClass, "-entry")
     }, /*#__PURE__*/_react.default.createElement("p", {
       className: "".concat(blockClass, "-entry-title")
-    }, entry.title), /*#__PURE__*/_react.default.createElement("p", {
+    }, entry === null || entry === void 0 ? void 0 : entry.title), /*#__PURE__*/_react.default.createElement("p", {
       className: "".concat(blockClass, "-entry-body")
-    }, entry.value));
+    }, entry === null || entry === void 0 ? void 0 : entry.value));
   }));
 };
 
 exports.AddSelectMetaPanel = AddSelectMetaPanel;
 AddSelectMetaPanel.propTypes = {
-  closeIconDescription: _propTypes.default.string,
+  closeIconDescription: _propTypes.default.string.isRequired,
   meta: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.shape({
     id: _propTypes.default.string,
     title: _propTypes.default.string,
     value: _propTypes.default.string
-  })), _propTypes.default.node]),
-  setDisplayMetaPanel: _propTypes.default.func,
-  title: _propTypes.default.string
+  })), _propTypes.default.node]).isRequired,
+  setDisplayMetaPanel: _propTypes.default.func.isRequired,
+  title: _propTypes.default.string.isRequired
 };
 AddSelectMetaPanel.displayName = componentName;

package/lib/components/AddSelect/AddSelectSort.js

@@ -57,10 +57,12 @@ var AddSelectSort = function AddSelectSort(_ref) {
   return /*#__PURE__*/_react.default.createElement("div", {
     className: blockClass
   }, sortByOpts.length > 0 && /*#__PURE__*/_react.default.createElement(_carbonComponentsReact.OverflowMenu, {
+    className: "".concat(blockClass, "_overflow"),
     renderIcon: _iconsReact.ArrowsVertical32,
     flipped: true
   }, sortByOpts.map(function (opt) {
     return /*#__PURE__*/_react.default.createElement(_carbonComponentsReact.OverflowMenuItem, {
+      className: "".concat(blockClass, "_overflow-item"),
       key: opt.id,
       itemText: opt.itemText,
       onClick: function onClick() {

package/lib/components/Card/Card.js

@@ -107,7 +107,7 @@ var Card = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var getActions = function getActions() {
     if (overflowActions.length > 0) {
       var pos = actionsPlacement === 'top' ? 'bottom' : 'top';
-      var size = actionsPlacement === 'top' ? 'sm' : 'xl';
+      var size = actionsPlacement === 'top' ? 'sm' : 'md';
       return /*#__PURE__*/_react.default.createElement(_carbonComponentsReact.OverflowMenu, {
         size: size,
         direction: pos,

package/lib/components/WebTerminal/WebTerminal.js

@@ -31,6 +31,8 @@ var _carbonComponentsReact = require("carbon-components-react");
 
 var _motion = require("@carbon/motion");
 
+var _devtools = require("../../global/js/utils/devtools");
+
 var _excluded = ["actions", "children", "className", "closeIconDescription", "closeTerminal", "documentationLinks", "documentationLinksIconDescription", "open"];
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -108,9 +110,9 @@ var WebTerminal = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
     closeTerminal();
   };
 
-  return shouldRender ? /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, rest, {
+  return shouldRender ? /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, _objectSpread(_objectSpread({}, rest), (0, _devtools.getDevtoolsProps)(componentName)), {
     ref: ref,
-    className: (0, _classnames.default)([className, blockClass, (_ref3 = {}, (0, _defineProperty2.default)(_ref3, "".concat(blockClass, "--open"), open), (0, _defineProperty2.default)(_ref3, "".concat(blockClass, "--closed"), !open), _ref3)]),
+    className: (0, _classnames.default)([blockClass, className, (_ref3 = {}, (0, _defineProperty2.default)(_ref3, "".concat(blockClass, "--open"), open), (0, _defineProperty2.default)(_ref3, "".concat(blockClass, "--closed"), !open), _ref3)]),
     style: {
       animation: !prefersReducedMotion && webTerminalAnimationName
     },
@@ -122,6 +124,7 @@ var WebTerminal = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
   }, showDocumentationLinks && /*#__PURE__*/_react.default.createElement(_carbonComponentsReact.OverflowMenu, {
     renderIcon: _iconsReact.Help16,
     iconDescription: documentationLinksIconDescription,
+    ariaLabel: documentationLinksIconDescription,
     menuOptionsClass: "".concat(blockClass, "__documentation-overflow"),
     size: "lg"
   }, documentationLinks.map(function (_ref4, i) {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/ibm-products",
   "description": "Carbon for IBM Products",
-  "version": "1.23.0",
+  "version": "1.23.1",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -52,18 +52,18 @@
   "devDependencies": {
     "@babel/cli": "^7.18.6",
     "@babel/core": "^7.18.6",
-    "babel-preset-ibm-cloud-cognitive": "^0.14.16",
+    "babel-preset-ibm-cloud-cognitive": "^0.14.17",
     "chalk": "^4.1.2",
     "change-case": "^4.1.2",
     "copyfiles": "^2.4.1",
     "cross-env": "^7.0.3",
     "fs-extra": "^10.1.0",
     "glob": "^8.0.3",
-    "jest": "^28.1.2",
-    "jest-config-ibm-cloud-cognitive": "^0.24.1",
-    "jest-environment-jsdom": "^28.1.2",
+    "jest": "^28.1.3",
+    "jest-config-ibm-cloud-cognitive": "^0.24.2",
+    "jest-environment-jsdom": "^28.1.3",
     "namor": "^1.1.2",
-    "npm-check-updates": "^15.0.1",
+    "npm-check-updates": "^15.3.3",
     "npm-run-all": "^4.1.5",
     "rimraf": "^3.0.2",
     "sass": "^1.53.0",
@@ -88,10 +88,10 @@
     "@carbon/themes": "^10.54.0",
     "@carbon/type": "^10.44.0",
     "carbon-components": "^10.57.2",
-    "carbon-components-react": "^7.57.2",
+    "carbon-components-react": "^7.57.3",
     "carbon-icons": "^7.0.7",
     "react": "^16.8.6 || ^17.0.1",
     "react-dom": "^16.8.6 || ^17.0.1"
   },
-  "gitHead": "106f29b7c8ca8bf729d0c08d12c3f818cebc7995"
+  "gitHead": "f40f3df7863f899776c205dac85e0ad0803e8df4"
 }

package/scss/components/WebTerminal/_web-terminal.scss

@@ -42,7 +42,8 @@ $block-class: #{$pkg-prefix}--web-terminal;
   position: fixed;
   top: $spacing-09;
   right: 0;
-  width: $web-terminal-width;
+  width: 100%;
+  max-width: $web-terminal-width;
   height: calc(100vh - #{$spacing-09});
   border-left: 1px solid $gray-90;
   color: $text-01;