@carbon/ibm-products 2.61.0 → 2.62.0

package/lib/components/TagOverflow/TagOverflowPopover.js

@@ -36,32 +36,32 @@ var TagOverflowPopover = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var overflowTagContent = React.useRef(null);
   useClickOutside.useClickOutside(ref || localRef, function () {
     if (popoverOpen) {
-      setPopoverOpen === null || setPopoverOpen === undefined || setPopoverOpen(false);
+      setPopoverOpen === null || setPopoverOpen === void 0 || setPopoverOpen(false);
     }
   });
   var handleShowAllTagsClick = function handleShowAllTagsClick(evt) {
     evt.stopPropagation();
     evt.preventDefault();
-    setPopoverOpen === null || setPopoverOpen === undefined || setPopoverOpen(false);
-    onShowAllClick === null || onShowAllClick === undefined || onShowAllClick();
+    setPopoverOpen === null || setPopoverOpen === void 0 || setPopoverOpen(false);
+    onShowAllClick === null || onShowAllClick === void 0 || onShowAllClick();
   };
   var handleEscKeyPress = function handleEscKeyPress(evt) {
     var key = evt.key;
     if (key === 'Escape') {
-      setPopoverOpen === null || setPopoverOpen === undefined || setPopoverOpen(false);
+      setPopoverOpen === null || setPopoverOpen === void 0 || setPopoverOpen(false);
     }
   };
   var getOverflowPopoverItems = function getOverflowPopoverItems() {
-    var thresh = allTagsModalSearchThreshold !== null && allTagsModalSearchThreshold !== undefined ? allTagsModalSearchThreshold : 0;
-    return overflowTags === null || overflowTags === undefined ? undefined : overflowTags.filter(function (_, index) {
-      return (overflowTags === null || overflowTags === undefined ? undefined : overflowTags.length) > thresh ? index < thresh : index <= thresh;
+    var thresh = allTagsModalSearchThreshold !== null && allTagsModalSearchThreshold !== void 0 ? allTagsModalSearchThreshold : 0;
+    return overflowTags === null || overflowTags === void 0 ? void 0 : overflowTags.filter(function (_, index) {
+      return (overflowTags === null || overflowTags === void 0 ? void 0 : overflowTags.length) > thresh ? index < thresh : index <= thresh;
     });
   };
   var visibleItems = getOverflowPopoverItems();
-  var hasItems = (visibleItems === null || visibleItems === undefined ? undefined : visibleItems.length) > 0;
+  var hasItems = (visibleItems === null || visibleItems === void 0 ? void 0 : visibleItems.length) > 0;
   return /*#__PURE__*/React.createElement("span", _rollupPluginBabelHelpers.extends({}, rest, {
-    "aria-hidden": (overflowTags === null || overflowTags === undefined ? undefined : overflowTags.length) === 0,
-    className: cx(blockClass, _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "--hidden"), (overflowTags === null || overflowTags === undefined ? undefined : overflowTags.length) === 0)),
+    "aria-hidden": (overflowTags === null || overflowTags === void 0 ? void 0 : overflowTags.length) === 0,
+    className: cx(blockClass, _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "--hidden"), (overflowTags === null || overflowTags === void 0 ? void 0 : overflowTags.length) === 0)),
     ref: ref || localRef
   }), /*#__PURE__*/React.createElement(react.Popover, {
     align: overflowAlign,
@@ -73,7 +73,7 @@ var TagOverflowPopover = /*#__PURE__*/React.forwardRef(function (props, ref) {
     open: popoverOpen || false
   }, /*#__PURE__*/React.createElement(react.OperationalTag, {
     onClick: function onClick() {
-      return setPopoverOpen === null || setPopoverOpen === undefined ? undefined : setPopoverOpen(!popoverOpen);
+      return setPopoverOpen === null || setPopoverOpen === void 0 ? void 0 : setPopoverOpen(!popoverOpen);
     },
     className: cx("".concat(blockClass, "__trigger")),
     text: "+".concat(overflowTags.length)
@@ -95,7 +95,7 @@ var TagOverflowPopover = /*#__PURE__*/React.forwardRef(function (props, ref) {
     if (isFilterable) {
       tag = /*#__PURE__*/React.createElement(react.DismissibleTag, _rollupPluginBabelHelpers.extends({}, other, {
         onClose: function onClose() {
-          return _onClose === null || _onClose === undefined ? undefined : _onClose();
+          return _onClose === null || _onClose === void 0 ? void 0 : _onClose();
         },
         type: typeValue,
         text: label
@@ -109,7 +109,7 @@ var TagOverflowPopover = /*#__PURE__*/React.forwardRef(function (props, ref) {
       className: cx("".concat(blockClass, "__tag-item"), _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__tag-item--default"), overflowType === 'default'), "".concat(blockClass, "__tag-item--tag"), overflowType === 'tag')),
       key: id
     }, overflowType === 'tag' ? tag : label);
-  })), ((_overflowTags$length = overflowTags === null || overflowTags === undefined ? undefined : overflowTags.length) !== null && _overflowTags$length !== undefined ? _overflowTags$length : 0) > (allTagsModalSearchThreshold !== null && allTagsModalSearchThreshold !== undefined ? allTagsModalSearchThreshold : 0) && /*#__PURE__*/React.createElement(react.Link, {
+  })), ((_overflowTags$length = overflowTags === null || overflowTags === void 0 ? void 0 : overflowTags.length) !== null && _overflowTags$length !== void 0 ? _overflowTags$length : 0) > (allTagsModalSearchThreshold !== null && allTagsModalSearchThreshold !== void 0 ? allTagsModalSearchThreshold : 0) && /*#__PURE__*/React.createElement(react.Link, {
     className: "".concat(blockClass, "__show-all-tags-link"),
     href: "",
     onClick: handleShowAllTagsClick,

package/lib/components/TagSet/TagSet.js

@@ -33,33 +33,33 @@ var defaults = {
 };
 exports.TagSet = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var _ref$align = _ref.align,
-    align = _ref$align === undefined ? 'start' : _ref$align,
+    align = _ref$align === void 0 ? 'start' : _ref$align,
     allTagsModalTarget = _ref.allTagsModalTarget,
     className = _ref.className,
     maxVisible = _ref.maxVisible,
     multiline = _ref.multiline,
     overflowAutoAlign = _ref.overflowAutoAlign,
     _ref$overflowAlign = _ref.overflowAlign,
-    overflowAlign = _ref$overflowAlign === undefined ? 'bottom' : _ref$overflowAlign,
+    overflowAlign = _ref$overflowAlign === void 0 ? 'bottom' : _ref$overflowAlign,
     overflowClassName = _ref.overflowClassName,
     _ref$overflowType = _ref.overflowType,
-    overflowType = _ref$overflowType === undefined ? 'default' : _ref$overflowType,
+    overflowType = _ref$overflowType === void 0 ? 'default' : _ref$overflowType,
     allTagsModalAriaLabel = _ref.allTagsModalAriaLabel,
     _ref$allTagsModalTitl = _ref.allTagsModalTitle,
-    allTagsModalTitle = _ref$allTagsModalTitl === undefined ? 'All tags' : _ref$allTagsModalTitl,
+    allTagsModalTitle = _ref$allTagsModalTitl === void 0 ? 'All tags' : _ref$allTagsModalTitl,
     _ref$allTagsModalSear = _ref.allTagsModalSearchLabel,
-    allTagsModalSearchLabel = _ref$allTagsModalSear === undefined ? 'Search all tags' : _ref$allTagsModalSear,
+    allTagsModalSearchLabel = _ref$allTagsModalSear === void 0 ? 'Search all tags' : _ref$allTagsModalSear,
     _ref$allTagsModalSear2 = _ref.allTagsModalSearchPlaceholderText,
-    allTagsModalSearchPlaceholderText = _ref$allTagsModalSear2 === undefined ? 'Search all tags' : _ref$allTagsModalSear2,
+    allTagsModalSearchPlaceholderText = _ref$allTagsModalSear2 === void 0 ? 'Search all tags' : _ref$allTagsModalSear2,
     _ref$showAllTagsLabel = _ref.showAllTagsLabel,
-    showAllTagsLabel = _ref$showAllTagsLabel === undefined ? 'View all tags' : _ref$showAllTagsLabel,
+    showAllTagsLabel = _ref$showAllTagsLabel === void 0 ? 'View all tags' : _ref$showAllTagsLabel,
     onOverflowClick = _ref.onOverflowClick,
     tags = _ref.tags,
     containingElementRef = _ref.containingElementRef,
     _ref$measurementOffse = _ref.measurementOffset,
-    measurementOffset = _ref$measurementOffse === undefined ? defaults.measurementOffset : _ref$measurementOffse,
+    measurementOffset = _ref$measurementOffse === void 0 ? defaults.measurementOffset : _ref$measurementOffse,
     _ref$onOverflowTagCha = _ref.onOverflowTagChange,
-    onOverflowTagChange = _ref$onOverflowTagCha === undefined ? defaults.onOverflowTagChange : _ref$onOverflowTagCha,
+    onOverflowTagChange = _ref$onOverflowTagCha === void 0 ? defaults.onOverflowTagChange : _ref$onOverflowTagCha,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
   var _useState = React.useState(3),
     _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
@@ -98,7 +98,7 @@ exports.TagSet = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     setShowAllModalOpen(true);
   };
   React.useEffect(function () {
-    var maxCount = maxVisible || (tags === null || tags === undefined ? undefined : tags.length) || 0;
+    var maxCount = maxVisible || (tags === null || tags === void 0 ? void 0 : tags.length) || 0;
     setMaxVisibleCount(maxCount);
   }, [maxVisible, tags]);
   React.useEffect(function () {
@@ -129,7 +129,7 @@ exports.TagSet = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     setSizingTags(newSizingTags);
   }, [tags]);
   var handleTagOnClose = React.useCallback(function (onClose, index) {
-    onClose === null || onClose === undefined || onClose();
+    onClose === null || onClose === void 0 || onClose();
     if (index <= displayCount - 1) {
       setPopoverOpen(false);
     }
@@ -185,7 +185,7 @@ exports.TagSet = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       onOverflowClick: onOverflowClick,
       setPopoverOpen: setPopoverOpen
     }));
-    onOverflowTagChange === null || onOverflowTagChange === undefined || onOverflowTagChange(newOverflowTags);
+    onOverflowTagChange === null || onOverflowTagChange === void 0 || onOverflowTagChange(newOverflowTags);
     setDisplayedTags(newDisplayedTags);
   }, [displayCount, overflowAlign, overflowClassName, overflowType, showAllTagsLabel, onOverflowClick, tags, onOverflowTagChange, popoverOpen, handleTagOnClose, overflowAutoAlign]);
   var checkFullyVisibleTags = React.useCallback(function () {
@@ -196,12 +196,12 @@ exports.TagSet = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     // how many will fit?
     var willFit = 0;
     if (sizingTags.length > 0) {
-      var optionalContainingElement = typeof containingElementRef !== 'function' && (containingElementRef === null || containingElementRef === undefined ? undefined : containingElementRef.current);
+      var optionalContainingElement = typeof containingElementRef !== 'function' && (containingElementRef === null || containingElementRef === void 0 ? void 0 : containingElementRef.current);
       var measurementOffsetValue = typeof measurementOffset === 'number' ? measurementOffset : 0;
-      var spaceAvailable = optionalContainingElement ? optionalContainingElement.offsetWidth - measurementOffsetValue : tagSetRef === null || tagSetRef === undefined ? undefined : tagSetRef['current'].offsetWidth;
+      var spaceAvailable = optionalContainingElement ? optionalContainingElement.offsetWidth - measurementOffsetValue : tagSetRef === null || tagSetRef === void 0 ? void 0 : tagSetRef['current'].offsetWidth;
       for (var i in sizingTags) {
         var _sizingTags$i;
-        var tagWidth = ((_sizingTags$i = sizingTags[i]) === null || _sizingTags$i === undefined ? undefined : _sizingTags$i.offsetWidth) || 0;
+        var tagWidth = ((_sizingTags$i = sizingTags[i]) === null || _sizingTags$i === void 0 ? void 0 : _sizingTags$i.offsetWidth) || 0;
         if (spaceAvailable >= tagWidth) {
           spaceAvailable -= tagWidth;
           willFit += 1;

package/lib/components/TagSet/TagSetModal.js

@@ -33,12 +33,12 @@ var TagSetModal = function TagSetModal(_ref) {
     className = _ref.className,
     title = _ref.title,
     _ref$modalAriaLabel = _ref.modalAriaLabel,
-    modalAriaLabel = _ref$modalAriaLabel === undefined ? defaults.modalAriaLabel : _ref$modalAriaLabel,
+    modalAriaLabel = _ref$modalAriaLabel === void 0 ? defaults.modalAriaLabel : _ref$modalAriaLabel,
     onClose = _ref.onClose,
     open = _ref.open,
     portalTargetIn = _ref.portalTarget,
     _ref$searchLabel = _ref.searchLabel,
-    searchLabel = _ref$searchLabel === undefined ? defaults.searchLabel : _ref$searchLabel,
+    searchLabel = _ref$searchLabel === void 0 ? defaults.searchLabel : _ref$searchLabel,
     searchPlaceholder = _ref.searchPlaceholder,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
   var _useState = React.useState([]),
@@ -54,13 +54,13 @@ var TagSetModal = function TagSetModal(_ref) {
     var newFilteredModalTags = [];
     if (open) {
       if (search === '' && allTags) {
-        newFilteredModalTags = allTags === null || allTags === undefined ? undefined : allTags.slice(0);
+        newFilteredModalTags = allTags === null || allTags === void 0 ? void 0 : allTags.slice(0);
       } else {
         var lCaseSearch = search.toLocaleLowerCase();
-        allTags === null || allTags === undefined || allTags.forEach(function (tag) {
+        allTags === null || allTags === void 0 || allTags.forEach(function (tag) {
           var _tag$dataSearch, _tag$label;
-          var dataSearch = (_tag$dataSearch = tag['data-search']) === null || _tag$dataSearch === undefined || (_tag$dataSearch = _tag$dataSearch.toLocaleLowerCase()) === null || _tag$dataSearch === undefined ? undefined : _tag$dataSearch.indexOf(lCaseSearch);
-          var labelSearch = (_tag$label = tag.label) === null || _tag$label === undefined || (_tag$label = _tag$label.toLocaleLowerCase()) === null || _tag$label === undefined ? undefined : _tag$label.indexOf(lCaseSearch);
+          var dataSearch = (_tag$dataSearch = tag['data-search']) === null || _tag$dataSearch === void 0 || (_tag$dataSearch = _tag$dataSearch.toLocaleLowerCase()) === null || _tag$dataSearch === void 0 ? void 0 : _tag$dataSearch.indexOf(lCaseSearch);
+          var labelSearch = (_tag$label = tag.label) === null || _tag$label === void 0 || (_tag$label = _tag$label.toLocaleLowerCase()) === null || _tag$label === void 0 ? void 0 : _tag$label.indexOf(lCaseSearch);
           if (dataSearch > -1 || labelSearch > -1) {
             newFilteredModalTags.push(tag);
           }

package/lib/components/TagSet/TagSetOverflow.js

@@ -25,18 +25,18 @@ var defaults = {
 };
 var TagSetOverflow = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var _ref$allTagsModalSear = _ref.allTagsModalSearchThreshold,
-    allTagsModalSearchThreshold = _ref$allTagsModalSear === undefined ? defaults.allTagsModalSearchThreshold : _ref$allTagsModalSear,
+    allTagsModalSearchThreshold = _ref$allTagsModalSear === void 0 ? defaults.allTagsModalSearchThreshold : _ref$allTagsModalSear,
     onOverflowClick = _ref.onOverflowClick,
     className = _ref.className,
     onShowAllClick = _ref.onShowAllClick,
     _ref$overflowAlign = _ref.overflowAlign,
-    overflowAlign = _ref$overflowAlign === undefined ? 'bottom' : _ref$overflowAlign,
+    overflowAlign = _ref$overflowAlign === void 0 ? 'bottom' : _ref$overflowAlign,
     overflowAutoAlign = _ref.overflowAutoAlign,
     overflowTags = _ref.overflowTags,
     overflowType = _ref.overflowType,
     showAllTagsLabel = _ref.showAllTagsLabel,
     _ref$popoverOpen = _ref.popoverOpen,
-    popoverOpen = _ref$popoverOpen === undefined ? false : _ref$popoverOpen,
+    popoverOpen = _ref$popoverOpen === void 0 ? false : _ref$popoverOpen,
     setPopoverOpen = _ref.setPopoverOpen,
     size = _ref.size,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);

package/lib/components/Tearsheet/Tearsheet.js

@@ -42,9 +42,9 @@ var componentName = 'Tearsheet';
  */
 exports.Tearsheet = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var _ref$influencerPositi = _ref.influencerPosition,
-    influencerPosition = _ref$influencerPositi === undefined ? 'left' : _ref$influencerPositi,
+    influencerPosition = _ref$influencerPositi === void 0 ? 'left' : _ref$influencerPositi,
     _ref$influencerWidth = _ref.influencerWidth,
-    influencerWidth = _ref$influencerWidth === undefined ? 'narrow' : _ref$influencerWidth,
+    influencerWidth = _ref$influencerWidth === void 0 ? 'narrow' : _ref$influencerWidth,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/React.createElement(TearsheetShell.TearsheetShell, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, devtools.getDevtoolsProps(componentName)), rest), {}, {
     influencerPosition: influencerPosition,

package/lib/components/Tearsheet/TearsheetNarrow.js

@@ -38,7 +38,7 @@ var defaults = {
 
 exports.TearsheetNarrow = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var _ref$verticalPosition = _ref.verticalPosition,
-    verticalPosition = _ref$verticalPosition === undefined ? defaults.verticalPosition : _ref$verticalPosition,
+    verticalPosition = _ref$verticalPosition === void 0 ? defaults.verticalPosition : _ref$verticalPosition,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/React.createElement(TearsheetShell.TearsheetShell, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, devtools.getDevtoolsProps(componentName)), propsHelper.prepareProps(rest, TearsheetShell.tearsheetShellWideProps)), {}, {
     verticalPosition: verticalPosition,

package/lib/components/Tearsheet/TearsheetShell.js

@@ -52,10 +52,10 @@ var stack = {
 // these props are only applicable when size='wide'
 var tearsheetShellWideProps = ['headerActions', 'influencer', 'influencerPosition', 'influencerWidth', 'navigation'];
 var tearsheetIsPassive = function tearsheetIsPassive(actions) {
-  return !actions || !(actions !== null && actions !== undefined && actions.length);
+  return !actions || !(actions !== null && actions !== void 0 && actions.length);
 };
 var tearsheetHasCloseIcon = function tearsheetHasCloseIcon(actions, hasCloseIcon) {
-  return hasCloseIcon !== null && hasCloseIcon !== undefined ? hasCloseIcon : tearsheetIsPassive(actions);
+  return hasCloseIcon !== null && hasCloseIcon !== void 0 ? hasCloseIcon : tearsheetIsPassive(actions);
 };
 
 /**
@@ -72,7 +72,7 @@ var TearsheetShell = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     children = _ref.children,
     className = _ref.className,
     _ref$closeIconDescrip = _ref.closeIconDescription,
-    closeIconDescription = _ref$closeIconDescrip === undefined ? 'Close' : _ref$closeIconDescrip,
+    closeIconDescription = _ref$closeIconDescrip === void 0 ? 'Close' : _ref$closeIconDescrip,
     currentStep = _ref.currentStep,
     description = _ref.description,
     hasCloseIcon = _ref.hasCloseIcon,
@@ -88,7 +88,7 @@ var TearsheetShell = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     portalTargetIn = _ref.portalTarget,
     selectorPrimaryFocus = _ref.selectorPrimaryFocus,
     _ref$selectorsFloatin = _ref.selectorsFloatingMenus,
-    selectorsFloatingMenus = _ref$selectorsFloatin === undefined ? [] : _ref$selectorsFloatin,
+    selectorsFloatingMenus = _ref$selectorsFloatin === void 0 ? [] : _ref$selectorsFloatin,
     size = _ref.size,
     deprecated_slug = _ref.slug,
     title = _ref.title,
@@ -221,7 +221,7 @@ var TearsheetShell = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var includeHeader = label || title || description || headerActions || navigation || effectiveHasCloseIcon;
 
     // Include an ActionSet if and only if one or more actions is given.
-    var includeActions = actions && (actions === null || actions === undefined ? undefined : actions.length) > 0;
+    var includeActions = actions && (actions === null || actions === void 0 ? void 0 : actions.length) > 0;
     var _areAllSameSizeVariant = function _areAllSameSizeVariant() {
       return new Set(stack.sizes).size === 1;
     };
@@ -231,7 +231,7 @@ var TearsheetShell = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       "aria-label": ariaLabel || getNodeTextContent.getNodeTextContent(title),
       className: cx(bc, className, _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(bc, "--stacked-").concat(position, "-of-").concat(depth),
       // Don't apply this on the initial open of a single tearsheet.
-      depth > 1 || depth === 1 && ((_prevDepth$current = prevDepth === null || prevDepth === undefined ? undefined : prevDepth.current) !== null && _prevDepth$current !== undefined ? _prevDepth$current : 0) > 1), "".concat(bc, "--wide"), wide), "".concat(bc, "--narrow"), !wide), "".concat(bc, "--has-slug"), deprecated_slug), "".concat(bc, "--has-ai-label"), !!decorator && ((_decorator$type = decorator['type']) === null || _decorator$type === undefined ? undefined : _decorator$type.displayName) === 'AILabel'), "".concat(bc, "--has-decorator"), !!decorator && ((_decorator$type2 = decorator['type']) === null || _decorator$type2 === undefined ? undefined : _decorator$type2.displayName) !== 'AILabel'), "".concat(bc, "--has-close"), effectiveHasCloseIcon)),
+      depth > 1 || depth === 1 && ((_prevDepth$current = prevDepth === null || prevDepth === void 0 ? void 0 : prevDepth.current) !== null && _prevDepth$current !== void 0 ? _prevDepth$current : 0) > 1), "".concat(bc, "--wide"), wide), "".concat(bc, "--narrow"), !wide), "".concat(bc, "--has-slug"), deprecated_slug), "".concat(bc, "--has-ai-label"), !!decorator && ((_decorator$type = decorator['type']) === null || _decorator$type === void 0 ? void 0 : _decorator$type.displayName) === 'AILabel'), "".concat(bc, "--has-decorator"), !!decorator && ((_decorator$type2 = decorator['type']) === null || _decorator$type2 === void 0 ? void 0 : _decorator$type2.displayName) !== 'AILabel'), "".concat(bc, "--has-close"), effectiveHasCloseIcon)),
       decorator: decorator || deprecated_slug,
       containerClassName: cx("".concat(bc, "__container"), _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(bc, "__container--lower"), verticalPosition === 'lower'), "".concat(bc, "__container--mixed-size-stacking"), !_areAllSameSizeVariant())),
       onClose: onClose,

package/lib/components/Toolbar/Toolbar.js

@@ -38,10 +38,10 @@ exports.Toolbar = /*#__PURE__*/React.forwardRef(function (_ref, r) {
     focus = _useState2[0],
     setFocus = _useState2[1];
   React.useEffect(function () {
-    focusableElements.current = getFocusableElements.getFocusableElements(ref === null || ref === undefined ? undefined : ref['current']);
+    focusableElements.current = getFocusableElements.getFocusableElements(ref === null || ref === void 0 ? void 0 : ref['current']);
     if (focus !== -1) {
       var _getFocusableElements2;
-      (_getFocusableElements2 = getFocusableElements$1()) === null || _getFocusableElements2 === undefined || _getFocusableElements2.forEach(function (element, index) {
+      (_getFocusableElements2 = getFocusableElements$1()) === null || _getFocusableElements2 === void 0 || _getFocusableElements2.forEach(function (element, index) {
         element[index !== focus ? 'setAttribute' : 'removeAttribute']('tabindex', '-1');
       });
     }
@@ -49,7 +49,7 @@ exports.Toolbar = /*#__PURE__*/React.forwardRef(function (_ref, r) {
   React.useEffect(function () {
     if (focus !== -1) {
       var _getFocusableElements3;
-      (_getFocusableElements3 = getFocusableElements$1()) === null || _getFocusableElements3 === undefined || _getFocusableElements3[focus].focus();
+      (_getFocusableElements3 = getFocusableElements$1()) === null || _getFocusableElements3 === void 0 || _getFocusableElements3[focus].focus();
     }
   }, [focus, getFocusableElements$1]);
   var _ref2 = !vertical ? ['ArrowRight', 'ArrowLeft'] : ['ArrowDown', 'ArrowUp'],
@@ -59,14 +59,14 @@ exports.Toolbar = /*#__PURE__*/React.forwardRef(function (_ref, r) {
   function onArrowDown(increment) {
     var _getFocusableElements4;
     var nextFocus = focus + increment;
-    if ((_getFocusableElements4 = getFocusableElements$1()) !== null && _getFocusableElements4 !== undefined && _getFocusableElements4[nextFocus]) {
+    if ((_getFocusableElements4 = getFocusableElements$1()) !== null && _getFocusableElements4 !== void 0 && _getFocusableElements4[nextFocus]) {
       setFocus(nextFocus);
     }
   }
   function onFocus(_ref4) {
     var target = _ref4.target;
     var elements = getFocusableElements$1();
-    if (elements !== null && elements !== undefined && elements.includes(target)) {
+    if (elements !== null && elements !== void 0 && elements.includes(target)) {
       setFocus(elements.indexOf(target));
     }
   }
@@ -74,7 +74,7 @@ exports.Toolbar = /*#__PURE__*/React.forwardRef(function (_ref, r) {
     var _getFocusableElements5;
     var key = _ref5.key,
       target = _ref5.target;
-    if ((_getFocusableElements5 = getFocusableElements$1()) !== null && _getFocusableElements5 !== undefined && _getFocusableElements5.includes(target)) {
+    if ((_getFocusableElements5 = getFocusableElements$1()) !== null && _getFocusableElements5 !== void 0 && _getFocusableElements5.includes(target)) {
       switch (key) {
         case arrowNext:
           onArrowDown(1);

package/lib/components/Toolbar/ToolbarButton.js

@@ -21,19 +21,19 @@ var blockClass = "".concat(Toolbar.blockClass, "__button");
 exports.ToolbarButton = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var _useContext;
   var _ref$caret = _ref.caret,
-    caret = _ref$caret === undefined ? false : _ref$caret,
+    caret = _ref$caret === void 0 ? false : _ref$caret,
     children = _ref.children,
     className = _ref.className,
     renderIcon = _ref.renderIcon,
     _ref$iconDescription = _ref.iconDescription,
-    deprecated_iconDescription = _ref$iconDescription === undefined ? '' : _ref$iconDescription,
+    deprecated_iconDescription = _ref$iconDescription === void 0 ? '' : _ref$iconDescription,
     label = _ref.label,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
   var Icon = renderIcon;
   return /*#__PURE__*/React.createElement(react.IconButton, _rollupPluginBabelHelpers.extends({
-    align: (_useContext = React.useContext(Toolbar.ToolbarContext)) !== null && _useContext !== undefined && _useContext.vertical ? 'right' : 'top'
+    align: (_useContext = React.useContext(Toolbar.ToolbarContext)) !== null && _useContext !== void 0 && _useContext.vertical ? 'right' : 'top'
   }, rest, {
-    label: label !== null && label !== undefined ? label : deprecated_iconDescription,
+    label: label !== null && label !== void 0 ? label : deprecated_iconDescription,
     ref: ref,
     className: cx(className, _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "--caret"), caret)),
     kind: "ghost",

package/lib/components/TruncatedList/TruncatedList.js

@@ -40,18 +40,18 @@ exports.TruncatedList = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     _ref$as = _ref.as,
-    List = _ref$as === undefined ? defaults.as : _ref$as,
+    List = _ref$as === void 0 ? defaults.as : _ref$as,
     buttonClassName = _ref.buttonClassName,
     _ref$collapsedItemsLi = _ref.collapsedItemsLimit,
-    collapsedItemsLimit = _ref$collapsedItemsLi === undefined ? defaults.collapsedItemsLimit : _ref$collapsedItemsLi,
+    collapsedItemsLimit = _ref$collapsedItemsLi === void 0 ? defaults.collapsedItemsLimit : _ref$collapsedItemsLi,
     _ref$expandedItemsLim = _ref.expandedItemsLimit,
-    expandedItemsLimit = _ref$expandedItemsLim === undefined ? defaults.expandedItemsLimit : _ref$expandedItemsLim,
+    expandedItemsLimit = _ref$expandedItemsLim === void 0 ? defaults.expandedItemsLimit : _ref$expandedItemsLim,
     _ref$onClick = _ref.onClick,
-    onClick = _ref$onClick === undefined ? defaults.onClick : _ref$onClick,
+    onClick = _ref$onClick === void 0 ? defaults.onClick : _ref$onClick,
     _ref$viewLessLabel = _ref.viewLessLabel,
-    viewLessLabel = _ref$viewLessLabel === undefined ? defaults.viewLessLabel : _ref$viewLessLabel,
+    viewLessLabel = _ref$viewLessLabel === void 0 ? defaults.viewLessLabel : _ref$viewLessLabel,
     _ref$viewMoreLabel = _ref.viewMoreLabel,
-    viewMoreLabel = _ref$viewMoreLabel === undefined ? defaults.viewMoreLabel : _ref$viewMoreLabel,
+    viewMoreLabel = _ref$viewMoreLabel === void 0 ? defaults.viewMoreLabel : _ref$viewMoreLabel,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
   var childrenArray = React.Children.toArray(children);
   // Exception handling: minimum number of items is 1.
@@ -88,13 +88,13 @@ exports.TruncatedList = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     if (listRef && childrenArray.length > 0) {
       var _listRef$current;
       var numItemsToShow = isCollapsed ? minItems : maxItems;
-      var items = (_listRef$current = listRef.current) === null || _listRef$current === undefined ? undefined : _listRef$current.childNodes;
+      var items = (_listRef$current = listRef.current) === null || _listRef$current === void 0 ? void 0 : _listRef$current.childNodes;
       var _listHeight = 0;
       for (var index = 0; index < numItemsToShow; index++) {
         if (items && items[index]) {
           var _window;
           var itemElement = items[index];
-          var height = ((_window = window) === null || _window === undefined || (_window = _window.getComputedStyle(itemElement)) === null || _window === undefined ? undefined : _window.height) || '16';
+          var height = ((_window = window) === null || _window === void 0 || (_window = _window.getComputedStyle(itemElement)) === null || _window === void 0 ? void 0 : _window.height) || '16';
           _listHeight += parseInt(height);
         }
       }

package/lib/components/UserAvatar/UserAvatar.js

@@ -34,17 +34,17 @@ var componentName = 'UserAvatar';
 
 exports.UserAvatar = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var _ref$backgroundColor = _ref.backgroundColor,
-    backgroundColor = _ref$backgroundColor === undefined ? 'order-1-cyan' : _ref$backgroundColor,
+    backgroundColor = _ref$backgroundColor === void 0 ? 'order-1-cyan' : _ref$backgroundColor,
     className = _ref.className,
     image = _ref.image,
     imageDescription = _ref.imageDescription,
     name = _ref.name,
     RenderIcon = _ref.renderIcon,
     _ref$size = _ref.size,
-    size = _ref$size === undefined ? 'md' : _ref$size,
+    size = _ref$size === void 0 ? 'md' : _ref$size,
     tooltipText = _ref.tooltipText,
     _ref$tooltipAlignment = _ref.tooltipAlignment,
-    tooltipAlignment = _ref$tooltipAlignment === undefined ? 'bottom' : _ref$tooltipAlignment,
+    tooltipAlignment = _ref$tooltipAlignment === void 0 ? 'bottom' : _ref$tooltipAlignment,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
   var carbonPrefix = react.usePrefix();
   var iconSize = {
@@ -55,7 +55,7 @@ exports.UserAvatar = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   };
   var formatInitials = function formatInitials() {
     var _ref2;
-    var parts = (name === null || name === undefined ? undefined : name.split(' ')) || [];
+    var parts = (name === null || name === void 0 ? void 0 : name.split(' ')) || [];
     var firstChar = parts[0].charAt(0).toUpperCase();
     var secondChar = parts[0].charAt(1).toUpperCase();
     if (parts.length === 1) {

package/lib/components/UserProfileImage/UserProfileImage.js

@@ -42,7 +42,7 @@ exports.UserProfileImage = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     theme = _ref.theme,
     tooltipText = _ref.tooltipText,
     _ref$tooltipAlignment = _ref.tooltipAlignment,
-    tooltipAlignment = _ref$tooltipAlignment === undefined ? 'bottom' : _ref$tooltipAlignment,
+    tooltipAlignment = _ref$tooltipAlignment === void 0 ? 'bottom' : _ref$tooltipAlignment,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
   var carbonPrefix = react.usePrefix();
   var icons$1 = {
@@ -88,7 +88,7 @@ exports.UserProfileImage = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     }
     // RegEx takes in the display name and returns the first and last initials. Thomas Watson and Thomas J. Watson
     // both return JW.
-    return ((_match = (initials || '').match(/(^\S\S?|\b\S)?/g)) === null || _match === undefined || (_match = _match.join('').match(/(^\S|\S$)?/g)) === null || _match === undefined ? undefined : _match.join('').toUpperCase()) || '';
+    return ((_match = (initials || '').match(/(^\S\S?|\b\S)?/g)) === null || _match === void 0 || (_match = _match.join('').match(/(^\S|\S$)?/g)) === null || _match === void 0 ? void 0 : _match.join('').toUpperCase()) || '';
   };
   var getFillItem = function getFillItem() {
     if (image) {

package/lib/components/WebTerminal/WebTerminal.js

@@ -37,21 +37,21 @@ var defaults = {
  */
 exports.WebTerminal = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var _ref$actions = _ref.actions,
-    actions = _ref$actions === undefined ? defaults.actions : _ref$actions,
+    actions = _ref$actions === void 0 ? defaults.actions : _ref$actions,
     children = _ref.children,
     className = _ref.className,
     closeIconDescription = _ref.closeIconDescription,
     _ref$documentationLin = _ref.documentationLinks,
-    documentationLinks = _ref$documentationLin === undefined ? defaults.documentationLinks : _ref$documentationLin,
+    documentationLinks = _ref$documentationLin === void 0 ? defaults.documentationLinks : _ref$documentationLin,
     _ref$documentationLin2 = _ref.documentationLinksIconDescription,
-    documentationLinksIconDescription = _ref$documentationLin2 === undefined ? defaults.documentationLinksIconDescription : _ref$documentationLin2,
+    documentationLinksIconDescription = _ref$documentationLin2 === void 0 ? defaults.documentationLinksIconDescription : _ref$documentationLin2,
     _ref$isInitiallyOpen = _ref.isInitiallyOpen,
-    isInitiallyOpen = _ref$isInitiallyOpen === undefined ? defaults.isInitiallyOpen : _ref$isInitiallyOpen,
+    isInitiallyOpen = _ref$isInitiallyOpen === void 0 ? defaults.isInitiallyOpen : _ref$isInitiallyOpen,
     _ref$webTerminalAriaL = _ref.webTerminalAriaLabel,
-    webTerminalAriaLabel = _ref$webTerminalAriaL === undefined ? defaults.webTerminalAriaLabel : _ref$webTerminalAriaL,
+    webTerminalAriaLabel = _ref$webTerminalAriaL === void 0 ? defaults.webTerminalAriaLabel : _ref$webTerminalAriaL,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
   var localRef = React.useRef(null);
-  var webTerminalRef = ref !== null && ref !== undefined ? ref : localRef;
+  var webTerminalRef = ref !== null && ref !== void 0 ? ref : localRef;
   var _useWebTerminal = index$1.useWebTerminal(),
     open = _useWebTerminal.open,
     closeWebTerminal = _useWebTerminal.closeWebTerminal,
@@ -75,7 +75,7 @@ exports.WebTerminal = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   */
   React.useEffect(function () {
     if (isInitiallyOpen) {
-      openWebTerminal === null || openWebTerminal === undefined || openWebTerminal();
+      openWebTerminal === null || openWebTerminal === void 0 || openWebTerminal();
     }
   }, []); // eslint-disable-line
 
@@ -95,7 +95,7 @@ exports.WebTerminal = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     if (shouldReduceMotion) {
       setRender(false);
     }
-    closeWebTerminal === null || closeWebTerminal === undefined || closeWebTerminal();
+    closeWebTerminal === null || closeWebTerminal === void 0 || closeWebTerminal();
   };
   return shouldRender ? /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({}, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, rest), devtools.getDevtoolsProps(componentName)), {
     ref: webTerminalRef,

package/lib/global/js/hooks/useControllableState.js

@@ -25,7 +25,7 @@ function useControllableState(value, onChange) {
     uncontrolledValue = _useState2[0],
     setUncontrolledValue = _useState2[1];
   var onControlledChange = React.useCallback(function (controlledValue) {
-    onChange === null || onChange === undefined || onChange(controlledValue);
+    onChange === null || onChange === void 0 || onChange(controlledValue);
   }, [onChange]);
   if (typeof onChange === 'function') {
     return [value, onControlledChange];

package/lib/global/js/hooks/useCreateComponentFocus.js

@@ -44,7 +44,7 @@ var useCreateComponentFocus = function useCreateComponentFocus(_ref) {
         return _ref2.apply(this, arguments);
       };
     }();
-    if ((previousState === null || previousState === undefined ? undefined : previousState.currentStep) !== currentStep && currentStep > 0) {
+    if ((previousState === null || previousState === void 0 ? void 0 : previousState.currentStep) !== currentStep && currentStep > 0) {
       if (firstFocusElement) {
         var elm = document.querySelector(firstFocusElement);
         if (elm) {

package/lib/global/js/hooks/useCreateComponentStepChange.js

@@ -20,9 +20,9 @@ var useCreateComponentStepChange = function useCreateComponentStepChange(_ref) {
     setCurrentStep = _ref.setCurrentStep,
     setIsSubmitting = _ref.setIsSubmitting,
     _ref$setLoadingPrevio = _ref.setLoadingPrevious,
-    setLoadingPrevious = _ref$setLoadingPrevio === undefined ? null : _ref$setLoadingPrevio,
+    setLoadingPrevious = _ref$setLoadingPrevio === void 0 ? null : _ref$setLoadingPrevio,
     _ref$loadingPrevious = _ref.loadingPrevious,
-    loadingPrevious = _ref$loadingPrevious === undefined ? false : _ref$loadingPrevious,
+    loadingPrevious = _ref$loadingPrevious === void 0 ? false : _ref$loadingPrevious,
     onClose = _ref.onClose,
     onRequestSubmit = _ref.onRequestSubmit,
     componentName = _ref.componentName,
@@ -46,7 +46,7 @@ var useCreateComponentStepChange = function useCreateComponentStepChange(_ref) {
       do {
         var _stepData;
         prev++;
-      } while (!((_stepData = stepData[prev - 1]) !== null && _stepData !== undefined && _stepData.shouldIncludeStep));
+      } while (!((_stepData = stepData[prev - 1]) !== null && _stepData !== void 0 && _stepData.shouldIncludeStep));
       return prev;
     });
   }, [setCurrentStep, setIsSubmitting, stepData]);
@@ -61,7 +61,7 @@ var useCreateComponentStepChange = function useCreateComponentStepChange(_ref) {
       do {
         var _stepData2;
         prev--;
-      } while (!((_stepData2 = stepData[prev - 1]) !== null && _stepData2 !== undefined && _stepData2.shouldIncludeStep));
+      } while (!((_stepData2 = stepData[prev - 1]) !== null && _stepData2 !== void 0 && _stepData2.shouldIncludeStep));
       return prev;
     });
   }, [setCurrentStep, stepData, setLoadingPrevious, componentName]);
@@ -107,7 +107,7 @@ var useCreateComponentStepChange = function useCreateComponentStepChange(_ref) {
         return _rollupPluginBabelHelpers.regeneratorRuntime().wrap(function _callee2$(_context2) {
           while (1) switch (_context2.prev = _context2.next) {
             case 0:
-              setLoadingPrevious === null || setLoadingPrevious === undefined || setLoadingPrevious(true);
+              setLoadingPrevious === null || setLoadingPrevious === void 0 || setLoadingPrevious(true);
               if (!(typeof onPrevious === 'function')) {
                 _context2.next = 13;
                 break;
@@ -217,13 +217,13 @@ var useCreateComponentStepChange = function useCreateComponentStepChange(_ref) {
       };
     }();
     var handleExperimentalSecondarySubmit = function handleExperimentalSecondarySubmit() {
-      if (typeof (experimentalSecondarySubmit === null || experimentalSecondarySubmit === undefined ? undefined : experimentalSecondarySubmit.onClick) === 'function') {
+      if (typeof (experimentalSecondarySubmit === null || experimentalSecondarySubmit === void 0 ? void 0 : experimentalSecondarySubmit.onClick) === 'function') {
         experimentalSecondarySubmit.onClick();
       }
     };
-    if ((stepData === null || stepData === undefined ? undefined : stepData.length) > 0) {
+    if ((stepData === null || stepData === void 0 ? void 0 : stepData.length) > 0) {
       var buttons = [];
-      if ((stepData === null || stepData === undefined ? undefined : stepData.length) > 1) {
+      if ((stepData === null || stepData === void 0 ? void 0 : stepData.length) > 1) {
         buttons.push({
           key: 'create-action-button-back',
           label: backButtonText,
@@ -241,13 +241,13 @@ var useCreateComponentStepChange = function useCreateComponentStepChange(_ref) {
         } : onUnmount,
         kind: 'ghost'
       });
-      if (experimentalSecondarySubmitText && !(experimentalSecondarySubmit !== null && experimentalSecondarySubmit !== undefined && experimentalSecondarySubmit.hideSecondarySubmit)) {
+      if (experimentalSecondarySubmitText && !(experimentalSecondarySubmit !== null && experimentalSecondarySubmit !== void 0 && experimentalSecondarySubmit.hideSecondarySubmit)) {
         buttons.push({
           key: 'create-action-button-experimentalSecondarySubmit',
           label: experimentalSecondarySubmitText,
           onClick: handleExperimentalSecondarySubmit,
           kind: 'secondary',
-          disabled: experimentalSecondarySubmit === null || experimentalSecondarySubmit === undefined ? undefined : experimentalSecondarySubmit.disabled
+          disabled: experimentalSecondarySubmit === null || experimentalSecondarySubmit === void 0 ? void 0 : experimentalSecondarySubmit.disabled
         });
       }
       buttons.push({