carbon-addons-iot-react 2.147.0 → 2.147.3

package/lib/hooks/useDynamicOverflowMenuItems.js

@@ -69,7 +69,8 @@ var useDynamicOverflowMenuItems = function useDynamicOverflowMenuItems(_ref) {
         requireTitle: !action.renderIcon,
         disabled: isDisabled || action.disabled,
         hasDivider: action.hasDivider,
-        isDelete: action.isDelete
+        isDelete: action.isDelete,
+        "aria-label": action.labelText
       });
     });
   }, [actions, className, isDisabled, _onClick, testId]);

package/lib/scss/components/Table/TableToolbar/_table-toolbar.scss

@@ -93,6 +93,7 @@ html[dir='rtl'] {
   display: flex;
   align-items: center;
   text-align: left;
+  min-width: 0;
 
   [dir='rtl'] & {
     text-align: right;
@@ -100,6 +101,7 @@ html[dir='rtl'] {
 
   svg {
     margin-right: $spacing-03;
+    flex-shrink: 0;
 
     [dir='rtl'] & {
       margin-right: 0;

package/package.json

@@ -340,10 +340,10 @@
     "whatwg-fetch": "^3.0.0"
   },
   "sideEffects": false,
-  "version": "2.147.0",
+  "version": "2.147.3",
   "resolutions": {
     "chokidar": "3.3.1",
     "react-grid-layout": "1.2.2"
   },
-  "gitHead": "0bcc680eebf4398f001aa99df0625e5f28848dde"
+  "gitHead": "53fa40581e33f8b87ca9baddb05563d62760170e"
 }

package/scss/components/Table/TableToolbar/_table-toolbar.scss

@@ -93,6 +93,7 @@ html[dir='rtl'] {
   display: flex;
   align-items: center;
   text-align: left;
+  min-width: 0;
 
   [dir='rtl'] & {
     text-align: right;
@@ -100,6 +101,7 @@ html[dir='rtl'] {
 
   svg {
     margin-right: $spacing-03;
+    flex-shrink: 0;
 
     [dir='rtl'] & {
       margin-right: 0;

package/umd/carbon-addons-iot-react.js

@@ -11416,7 +11416,7 @@
 	module.exports = findLast;
 	});
 
-	var prefix$x = carbonComponents.settings.prefix;
+	var prefix$y = carbonComponents.settings.prefix;
 	/**
 	 * @param {Node} node A DOM node.
 	 * @param {string[]} selectorsFloatingMenus The CSS selectors that matches floating menus.
@@ -11427,7 +11427,7 @@
 	  var selectorsFloatingMenus = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
 
 	  if (node && typeof node.closest === 'function') {
-	    var allSelectorsFloatingMenus = [".".concat(prefix$x, "--overflow-menu-options"), ".".concat(prefix$x, "--tooltip"), '.flatpickr-calendar'].concat(_toConsumableArray$1(selectorsFloatingMenus));
+	    var allSelectorsFloatingMenus = [".".concat(prefix$y, "--overflow-menu-options"), ".".concat(prefix$y, "--tooltip"), '.flatpickr-calendar'].concat(_toConsumableArray$1(selectorsFloatingMenus));
 	    return allSelectorsFloatingMenus.some(function (selector) {
 	      return node.closest(selector);
 	    });
@@ -11487,7 +11487,7 @@
 	function _createSuper$e(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$e(); return function _createSuperInternal() { var Super = _getPrototypeOf$2(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf$2(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn$3(this, result); }; }
 
 	function _isNativeReflectConstruct$e() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-	var prefix$w = carbonComponents.settings.prefix;
+	var prefix$x = carbonComponents.settings.prefix;
 	/**
 	 * The structure for the position of floating menu.
 	 * @typedef {object} FloatingMenu~position
@@ -11858,12 +11858,12 @@
 	          ref: this.startSentinel,
 	          tabIndex: "0",
 	          role: "link",
-	          className: "".concat(prefix$w, "--visually-hidden")
+	          className: "".concat(prefix$x, "--visually-hidden")
 	        }, "Focus sentinel"), this._getChildrenWithProps(), /*#__PURE__*/React__default$1['default'].createElement("span", {
 	          ref: this.endSentinel,
 	          tabIndex: "0",
 	          role: "link",
-	          className: "".concat(prefix$w, "--visually-hidden")
+	          className: "".concat(prefix$x, "--visually-hidden")
 	        }, "Focus sentinel")), !target ? document.body : target());
 	      }
 
@@ -17721,7 +17721,7 @@
 
 	function _isNativeReflectConstruct$c() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 	var iotPrefix$28 = settings$1.iotPrefix,
-	    prefix$v = settings$1.prefix;
+	    prefix$w = settings$1.prefix;
 	var ComposedModalPropTypes = {
 	  /** Header Props
 	   * label: goes on top of the dialog
@@ -17910,7 +17910,7 @@
 	        buttonOnClick: onClose,
 	        iconDescription: iconDescription
 	      }, helpText ? /*#__PURE__*/React__default$1['default'].createElement("p", {
-	        className: "".concat(prefix$v, "--modal-content__text")
+	        className: "".concat(prefix$w, "--modal-content__text")
 	      }, helpText) : null), children ? /*#__PURE__*/React__default$1['default'].createElement(carbonComponentsReact.ModalBody, {
 	        className: classnames$1(defineProperty$c({}, "".concat(iotPrefix$28, "--composed-modal__body--small-margin-bottom"), error))
 	      }, children) : null, error ? /*#__PURE__*/React__default$1['default'].createElement(carbonComponentsReact.InlineNotification, {
@@ -24315,7 +24315,7 @@
 	  React__default$1['default'].useEffect(callback, useDeepCompareMemoize(dependencies));
 	}
 
-	var prefix$u = settings$1.prefix,
+	var prefix$v = settings$1.prefix,
 	    iotPrefix$24 = settings$1.iotPrefix;
 	/* eslint-disable-next-line react/prop-types */
 
@@ -24414,7 +24414,7 @@
 	    className: "".concat(iotPrefix$24, "--filtertags-overflow-menu"),
 	    renderIcon: function renderIcon() {
 	      return /*#__PURE__*/React__default$1['default'].createElement("div", {
-	        className: "".concat(prefix$u, "--tag")
+	        className: "".concat(prefix$v, "--tag")
 	      }, "More: ".concat(overflowItems.length));
 	    },
 	    menuOptionsClass: "".concat(iotPrefix$24, "--filtertags-overflow-items"),
@@ -33888,7 +33888,7 @@
 
 	function _isNativeReflectConstruct$9() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 	var iotPrefix$1$ = settings$1.iotPrefix,
-	    prefix$t = settings$1.prefix;
+	    prefix$u = settings$1.prefix;
 	var TableHeader$1 = carbonComponentsReact.DataTable.TableHeader,
 	    TableRow$5 = carbonComponentsReact.DataTable.TableRow;
 
@@ -33917,7 +33917,7 @@
 
 	    defineProperty$c(assertThisInitialized(_this), "updateDropdownHeight", function () {
 	      if (_this.rowRef.current) {
-	        var tableContainer = _this.rowRef.current.closest(".".concat(prefix$t, "--data-table-content"));
+	        var tableContainer = _this.rowRef.current.closest(".".concat(prefix$u, "--data-table-content"));
 
 	        var tableHead = _this.rowRef.current.closest("thead");
 
@@ -34169,7 +34169,7 @@
 	        // eslint-disable-line react/destructuring-assignment
 	        React__default$1['default'].createElement("div", {
 	          role: "button",
-	          className: classnames$1("".concat(prefix$t, "--list-box__selection"), defineProperty$c({}, "".concat(iotPrefix$1$, "--clear-filters-button--disabled"), isDisabled)),
+	          className: classnames$1("".concat(prefix$u, "--list-box__selection"), defineProperty$c({}, "".concat(iotPrefix$1$, "--clear-filters-button--disabled"), isDisabled)),
 	          tabIndex: isDisabled ? '-1' : '0',
 	          onClick: function onClick(event) {
 	            if (!isDisabled) {
@@ -34686,7 +34686,7 @@
 	  DESC: 'DESC',
 	  ASC: 'ASC'
 	};
-	var prefix$s = settings$1.prefix,
+	var prefix$t = settings$1.prefix,
 	    iotPrefix$1_ = settings$1.iotPrefix;
 	var translationKeys = {
 	  iconDescription: 'carbon.table.header.icon.description'
@@ -34753,12 +34753,12 @@
 	        ref: ref,
 	        style: thStyle
 	      }), !hasTooltip ? /*#__PURE__*/React__default$1['default'].createElement("span", {
-	        className: "".concat(prefix$s, "--table-header-label")
+	        className: "".concat(prefix$t, "--table-header-label")
 	      }, children) : children)
 	    );
 	  }
 
-	  var className = classnames$1(headerClassName, (_classnames2 = {}, defineProperty$c(_classnames2, "".concat(prefix$s, "--table-sort"), true), defineProperty$c(_classnames2, "".concat(prefix$s, "--table-sort--active"), isSortHeader && sortDirection !== sortStates.NONE), defineProperty$c(_classnames2, "".concat(prefix$s, "--table-sort--ascending"), isSortHeader && sortDirection === sortStates.DESC), _classnames2));
+	  var className = classnames$1(headerClassName, (_classnames2 = {}, defineProperty$c(_classnames2, "".concat(prefix$t, "--table-sort"), true), defineProperty$c(_classnames2, "".concat(prefix$t, "--table-sort--active"), isSortHeader && sortDirection !== sortStates.NONE), defineProperty$c(_classnames2, "".concat(prefix$t, "--table-sort--ascending"), isSortHeader && sortDirection === sortStates.DESC), _classnames2));
 	  var ariaSort = !isSortHeader ? 'none' : sortDirections[sortDirection];
 	  var ButtonTag = hasMultiSort || hasOverflow ? "a" : "button";
 	  var buttonProps = hasMultiSort || hasOverflow ? _objectSpread$1S({
@@ -34781,9 +34781,9 @@
 	    style: thStyle,
 	    "data-testid": testId
 	  }, /*#__PURE__*/React__default$1['default'].createElement(ButtonTag, buttonProps, !hasTooltip ? /*#__PURE__*/React__default$1['default'].createElement("span", {
-	    className: "".concat(prefix$s, "--table-header-label")
+	    className: "".concat(prefix$t, "--table-header-label")
 	  }, children) : children, /*#__PURE__*/React__default$1['default'].createElement(iconsReact.ArrowUp20, {
-	    className: "".concat(prefix$s, "--table-sort__icon"),
+	    className: "".concat(prefix$t, "--table-sort__icon"),
 	    "aria-label": t('carbon.table.header.icon.description', {
 	      header: children,
 	      sortDirection: sortDirection,
@@ -34791,7 +34791,7 @@
 	      sortStates: sortStates
 	    })
 	  }), /*#__PURE__*/React__default$1['default'].createElement(iconsReact.ArrowsVertical20, {
-	    className: "".concat(prefix$s, "--table-sort__icon-unsorted"),
+	    className: "".concat(prefix$t, "--table-sort__icon-unsorted"),
 	    "aria-label": t('carbon.table.header.icon.description', {
 	      header: children,
 	      sortDirection: sortDirection,
@@ -37561,6 +37561,7 @@
 	  }
 	};
 
+	var prefix$s = settings$1.prefix;
 	/**
 	 * Use this function to traverse the tree structure of a set of table rows using Depth-first search (DFS)
 	 * and apply some function on each row. The function is applied once the recursion starts back-tracking.
@@ -37650,7 +37651,9 @@
 	    title: action.labelText
 	  }, typeof action.renderIcon === 'string' ? renderBundledIconUsingName(action.renderIcon, action.labelText) : /*#__PURE__*/React__default$1['default'].createElement(action.renderIcon, {
 	    description: action.labelText
-	  }), action.labelText) : action.labelText;
+	  }), /*#__PURE__*/React__default$1['default'].createElement("div", {
+	    className: "".concat(prefix$s, "--overflow-menu-options__option-content")
+	  }, action.labelText)) : action.labelText;
 	};
 	renderBundledIconUsingName.__docgenInfo = {
 	  "description": "",
@@ -37719,7 +37722,8 @@
 	        requireTitle: !action.renderIcon,
 	        disabled: isDisabled || action.disabled,
 	        hasDivider: action.hasDivider,
-	        isDelete: action.isDelete
+	        isDelete: action.isDelete,
+	        "aria-label": action.labelText
 	      });
 	    });
 	  }, [actions, className, isDisabled, _onClick, testId]);
@@ -39668,24 +39672,16 @@
 	      setIsOpen = _useDynamicOverflowMe2[1],
 	      renderToolbarOverflowActions = _useDynamicOverflowMe2[2];
 
-	  var hasToolbarOverflowActions = typeof toolbarActions === 'function' || (toolbarActions === null || toolbarActions === void 0 ? void 0 : toolbarActions.length) > 0 && toolbarActions.some(function (action) {
-	    return action.isOverflow;
-	  });
-	  var visibleToolbarActions = React$1.useMemo(function () {
-	    var _toolbarActions$filte;
-
-	    if (typeof toolbarActions === 'function') {
-	      return toolbarActions().filter(function (_ref2) {
-	        var isOverflow = _ref2.isOverflow;
-	        return !isOverflow;
-	      });
-	    }
-
-	    return (_toolbarActions$filte = toolbarActions === null || toolbarActions === void 0 ? void 0 : toolbarActions.filter(function (_ref3) {
-	      var isOverflow = _ref3.isOverflow;
-	      return !isOverflow;
-	    })) !== null && _toolbarActions$filte !== void 0 ? _toolbarActions$filte : [];
+	  var actions = React$1.useMemo(function () {
+	    var renderedActions = typeof toolbarActions === 'function' ? toolbarActions() : toolbarActions;
+	    return renderedActions !== null && renderedActions !== void 0 && renderedActions.length ? renderedActions : [];
 	  }, [toolbarActions]);
+	  var hasToolbarOverflowActions = actions.filter(function (action) {
+	    return action.isOverflow && action.hidden !== true;
+	  }).length > 0;
+	  var visibleToolbarActions = actions.filter(function (action) {
+	    return !action.isOverflow && action.hidden !== true;
+	  });
 	  return /*#__PURE__*/React__default$1['default'].createElement(CarbonTableToolbar // TODO: remove deprecated 'testID' in v3
 	  , {
 	    "data-testid": testID || testId,
@@ -39705,10 +39701,10 @@
 
 	      return tableTranslateWithId.apply(void 0, [i18n].concat(args));
 	    }
-	  }, batchActions.map(function (_ref4) {
-	    var id = _ref4.id,
-	        labelText = _ref4.labelText,
-	        others = objectWithoutProperties$1(_ref4, ["id", "labelText"]);
+	  }, batchActions.map(function (_ref2) {
+	    var id = _ref2.id,
+	        labelText = _ref2.labelText,
+	        others = objectWithoutProperties$1(_ref2, ["id", "labelText"]);
 
 	    return /*#__PURE__*/React__default$1['default'].createElement(TableBatchAction, _extends_1$1({
 	      key: id,
@@ -122321,7 +122317,13 @@
 	    }, metaData, {
 	      onClick: onClick,
 	      onKeyDown: handleSpecificKeyDown(['Enter', ' '], onKeyDown)
-	    }), childItem.content));
+	    }), // if we're working with an actual react component (not an html element) pass
+	    // the isExpanded prop, so we can control tab-navigation on the closed AppSwitcher
+
+	    /*#__PURE__*/
+	    React__default$1['default'].isValidElement(childItem.content) && typeof childItem.content.type !== 'string' ? /*#__PURE__*/React__default$1['default'].cloneElement(childItem.content, {
+	      isExpanded: isExpanded
+	    }) : childItem.content));
 	  }))));
 	};
 
@@ -122672,7 +122674,7 @@
 	           * know whether the OverflowMenu is open and adjust the icons accordingly. This double-click
 	           * only occurs when changing the icon. If the same icon is always used it works as expected.
 	           * My guess is this is because of the outsideClickClosing that the overflow menu does. WHen the
-	           * icon is change it is "outside" of the element for a momemnt and causes a close--that or a re-render that
+	           * icon is change it is "outside" of the element for a moment and causes a close--that or a re-render that
 	           * is triggered when the icon changes.
 	           */
 	          var button = target.closest('button');
@@ -123357,6 +123359,11 @@
 
 	SideNav.propTypes = SideNavPropTypes;
 	SideNav.defaultProps = defaultProps$1f;
+	SideNav$1.displayName = 'SideNav';
+	SideNavItems.displayName = 'SideNavItems';
+	SideNavLink.displayName = 'SideNavLink';
+	SideNavMenu.displayName = 'SideNavMenu';
+	SideNavMenuItem.displayName = 'SideNavMenuItem';
 	SideNav.__docgenInfo = {
 	  "description": "Side Navigation. part of UI shell",
 	  "methods": [],
@@ -124466,7 +124473,8 @@
 	    requestAccess: 'Contact your administrator to request application access.',
 	    learnMoreLink: 'Learn more'
 	  },
-	  testId: 'suite-header-app-switcher'
+	  testId: 'suite-header-app-switcher',
+	  isExpanded: false
 	};
 	var propTypes$18 = {
 	  applications: PropTypes__default['default'].arrayOf(PropTypes__default['default'].shape(SuiteHeaderApplicationPropTypes)),
@@ -124479,7 +124487,8 @@
 	    requestAccess: PropTypes__default['default'].string,
 	    learnMoreLink: PropTypes__default['default'].string
 	  }),
-	  testId: PropTypes__default['default'].string
+	  testId: PropTypes__default['default'].string,
+	  isExpanded: PropTypes__default['default'].bool
 	};
 
 	var SuiteHeaderAppSwitcher = function SuiteHeaderAppSwitcher(_ref) {
@@ -124489,7 +124498,8 @@
 	      noAccessLink = _ref.noAccessLink,
 	      i18n = _ref.i18n,
 	      onRouteChange = _ref.onRouteChange,
-	      testId = _ref.testId;
+	      testId = _ref.testId,
+	      isExpanded = _ref.isExpanded;
 
 	  var mergedI18n = _objectSpread$Z(_objectSpread$Z({}, defaultProps$1b.i18n), i18n);
 
@@ -124570,6 +124580,7 @@
 	      return _ref4.apply(this, arguments);
 	    };
 	  }(), [allApplicationsLink, onRouteChange]);
+	  var tabIndex = isExpanded ? 0 : -1;
 	  return /*#__PURE__*/React__default$1['default'].createElement("ul", {
 	    "data-testid": testId,
 	    className: baseClassName
@@ -124582,7 +124593,8 @@
 	    testId: "".concat(testId, "--all-applications"),
 	    onClick: handleAllApplicationRoute,
 	    onKeyDown: handleSpecificKeyDown(['Enter', 'Space'], handleAllApplicationRoute),
-	    renderIcon: iconsReact.ArrowRight16
+	    renderIcon: iconsReact.ArrowRight16,
+	    tabIndex: tabIndex
 	  }, mergedI18n.allApplicationsLink)), /*#__PURE__*/React__default$1['default'].createElement("div", {
 	    className: "".concat(baseClassName, "--nav-link--separator")
 	  }), mergedApplications === null ? /*#__PURE__*/React__default$1['default'].createElement("li", null, /*#__PURE__*/React__default$1['default'].createElement("div", {
@@ -124610,7 +124622,8 @@
 	      kind: "ghost",
 	      testId: "".concat(testId, "--").concat(id),
 	      onClick: eventHandler,
-	      onKeyDown: handleSpecificKeyDown(['Enter', 'Space'], eventHandler)
+	      onKeyDown: handleSpecificKeyDown(['Enter', 'Space'], eventHandler),
+	      tabIndex: tabIndex
 	    }, name));
 	  }), (mergedApplications === null || mergedApplications === void 0 ? void 0 : mergedApplications.length) === 0 ? /*#__PURE__*/React__default$1['default'].createElement("div", {
 	    className: "".concat(baseClassName, "--no-app")
@@ -124643,7 +124656,8 @@
 	          }
 	        }
 	      }, _callee4);
-	    }))
+	    })),
+	    tabIndex: tabIndex
 	  }, mergedI18n.learnMoreLink)) : null);
 	};
 
@@ -124744,6 +124758,17 @@
 	      "required": false,
 	      "description": ""
 	    },
+	    "isExpanded": {
+	      "defaultValue": {
+	        "value": "false",
+	        "computed": false
+	      },
+	      "type": {
+	        "name": "bool"
+	      },
+	      "required": false,
+	      "description": ""
+	    },
 	    "noAccessLink": {
 	      "type": {
 	        "name": "string"
@@ -125239,8 +125264,11 @@
 	      handleSideNavButtonClick(evt);
 	    },
 	    headerPanel: {
-	      content: /*#__PURE__*/React__default$1['default'].forwardRef(function () {
+	      // eslint-disable-next-line react/prop-types
+	      content: /*#__PURE__*/React__default$1['default'].forwardRef(function (_ref5, ref) {
+	        var isExpanded = _ref5.isExpanded;
 	        return /*#__PURE__*/React__default$1['default'].createElement(SuiteHeaderAppSwitcher, {
+	          ref: ref,
 	          applications: applications,
 	          customApplications: customApplications,
 	          allApplicationsLink: routes === null || routes === void 0 ? void 0 : routes.navigator,
@@ -125252,7 +125280,8 @@
 	            requestAccess: mergedI18N.switcherRequestAccess,
 	            learnMoreLink: mergedI18N.switcherLearnMoreLink
 	          },
-	          testId: "".concat(testId, "-app-switcher")
+	          testId: "".concat(testId, "-app-switcher"),
+	          isExpanded: isExpanded
 	        });
 	      })
 	    },