@carbon/ibm-products 2.61.0 → 2.62.0-rc.0

package/es/components/TagSet/TagSet.js

@@ -31,33 +31,33 @@ var defaults = {
 };
 var TagSet = /*#__PURE__*/React__default.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 = _objectWithoutProperties(_ref, _excluded);
   var _useState = useState(3),
     _useState2 = _slicedToArray(_useState, 2),
@@ -96,7 +96,7 @@ var TagSet = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
     setShowAllModalOpen(true);
   };
   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]);
   useEffect(function () {
@@ -127,7 +127,7 @@ var TagSet = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
     setSizingTags(newSizingTags);
   }, [tags]);
   var handleTagOnClose = useCallback(function (onClose, index) {
-    onClose === null || onClose === undefined || onClose();
+    onClose === null || onClose === void 0 || onClose();
     if (index <= displayCount - 1) {
       setPopoverOpen(false);
     }
@@ -183,7 +183,7 @@ var TagSet = /*#__PURE__*/React__default.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 = useCallback(function () {
@@ -194,12 +194,12 @@ var TagSet = /*#__PURE__*/React__default.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/es/components/TagSet/TagSetModal.js

@@ -31,12 +31,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 = _objectWithoutProperties(_ref, _excluded);
   var _useState = useState([]),
@@ -52,13 +52,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/es/components/TagSet/TagSetOverflow.js

@@ -23,18 +23,18 @@ var defaults = {
 };
 var TagSetOverflow = /*#__PURE__*/React__default.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 = _objectWithoutProperties(_ref, _excluded);

package/es/components/Tearsheet/Tearsheet.js

@@ -40,9 +40,9 @@ var componentName = 'Tearsheet';
  */
 var Tearsheet = /*#__PURE__*/React__default.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 = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/React__default.createElement(TearsheetShell, _objectSpread2(_objectSpread2(_objectSpread2({}, getDevtoolsProps(componentName)), rest), {}, {
     influencerPosition: influencerPosition,

package/es/components/Tearsheet/TearsheetNarrow.js

@@ -36,7 +36,7 @@ var defaults = {
 
 var TearsheetNarrow = /*#__PURE__*/React__default.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 = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/React__default.createElement(TearsheetShell, _objectSpread2(_objectSpread2(_objectSpread2({}, getDevtoolsProps(componentName)), prepareProps(rest, tearsheetShellWideProps)), {}, {
     verticalPosition: verticalPosition,

package/es/components/Tearsheet/TearsheetShell.js

@@ -50,10 +50,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);
 };
 
 /**
@@ -70,7 +70,7 @@ var TearsheetShell = /*#__PURE__*/React__default.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,
@@ -86,7 +86,7 @@ var TearsheetShell = /*#__PURE__*/React__default.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,
@@ -219,7 +219,7 @@ var TearsheetShell = /*#__PURE__*/React__default.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;
     };
@@ -229,7 +229,7 @@ var TearsheetShell = /*#__PURE__*/React__default.forwardRef(function (_ref, ref)
       "aria-label": ariaLabel || _getNodeTextContent(title),
       className: cx(bc, className, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_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"), _defineProperty(_defineProperty({}, "".concat(bc, "__container--lower"), verticalPosition === 'lower'), "".concat(bc, "__container--mixed-size-stacking"), !_areAllSameSizeVariant())),
       onClose: onClose,

package/es/components/Toolbar/Toolbar.js

@@ -36,10 +36,10 @@ var Toolbar = /*#__PURE__*/forwardRef(function (_ref, r) {
     focus = _useState2[0],
     setFocus = _useState2[1];
   useEffect(function () {
-    focusableElements.current = getFocusableElements(ref === null || ref === undefined ? undefined : ref['current']);
+    focusableElements.current = 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');
       });
     }
@@ -47,7 +47,7 @@ var Toolbar = /*#__PURE__*/forwardRef(function (_ref, r) {
   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'],
@@ -57,14 +57,14 @@ var Toolbar = /*#__PURE__*/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));
     }
   }
@@ -72,7 +72,7 @@ var Toolbar = /*#__PURE__*/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/es/components/Toolbar/ToolbarButton.js

@@ -19,19 +19,19 @@ var blockClass = "".concat(blockClass$1, "__button");
 var ToolbarButton = /*#__PURE__*/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 = _objectWithoutProperties(_ref, _excluded);
   var Icon = renderIcon;
   return /*#__PURE__*/React__default.createElement(IconButton, _extends({
-    align: (_useContext = useContext(ToolbarContext)) !== null && _useContext !== undefined && _useContext.vertical ? 'right' : 'top'
+    align: (_useContext = useContext(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, _defineProperty({}, "".concat(blockClass, "--caret"), caret)),
     kind: "ghost",

package/es/components/TruncatedList/TruncatedList.js

@@ -38,18 +38,18 @@ var TruncatedList = /*#__PURE__*/React__default.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 = _objectWithoutProperties(_ref, _excluded);
   var childrenArray = Children.toArray(children);
   // Exception handling: minimum number of items is 1.
@@ -86,13 +86,13 @@ var TruncatedList = /*#__PURE__*/React__default.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/es/components/UserAvatar/UserAvatar.js

@@ -32,17 +32,17 @@ var componentName = 'UserAvatar';
 
 var UserAvatar = /*#__PURE__*/React__default.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 = _objectWithoutProperties(_ref, _excluded);
   var carbonPrefix = usePrefix();
   var iconSize = {
@@ -53,7 +53,7 @@ var UserAvatar = /*#__PURE__*/React__default.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/es/components/UserProfileImage/UserProfileImage.js

@@ -40,7 +40,7 @@ var UserProfileImage = /*#__PURE__*/React__default.forwardRef(function (_ref, re
     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 = _objectWithoutProperties(_ref, _excluded);
   var carbonPrefix = usePrefix();
   var icons = {
@@ -86,7 +86,7 @@ var UserProfileImage = /*#__PURE__*/React__default.forwardRef(function (_ref, re
     }
     // 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/es/components/WebTerminal/WebTerminal.js

@@ -35,21 +35,21 @@ var defaults = {
  */
 var WebTerminal = /*#__PURE__*/React__default.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 = _objectWithoutProperties(_ref, _excluded);
   var localRef = useRef(null);
-  var webTerminalRef = ref !== null && ref !== undefined ? ref : localRef;
+  var webTerminalRef = ref !== null && ref !== void 0 ? ref : localRef;
   var _useWebTerminal = useWebTerminal(),
     open = _useWebTerminal.open,
     closeWebTerminal = _useWebTerminal.closeWebTerminal,
@@ -73,7 +73,7 @@ var WebTerminal = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
   */
   useEffect(function () {
     if (isInitiallyOpen) {
-      openWebTerminal === null || openWebTerminal === undefined || openWebTerminal();
+      openWebTerminal === null || openWebTerminal === void 0 || openWebTerminal();
     }
   }, []); // eslint-disable-line
 
@@ -93,7 +93,7 @@ var WebTerminal = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
     if (shouldReduceMotion) {
       setRender(false);
     }
-    closeWebTerminal === null || closeWebTerminal === undefined || closeWebTerminal();
+    closeWebTerminal === null || closeWebTerminal === void 0 || closeWebTerminal();
   };
   return shouldRender ? /*#__PURE__*/React__default.createElement("div", _extends({}, _objectSpread2(_objectSpread2({}, rest), getDevtoolsProps(componentName)), {
     ref: webTerminalRef,

package/es/global/js/hooks/useControllableState.js

@@ -23,7 +23,7 @@ function useControllableState(value, onChange) {
     uncontrolledValue = _useState2[0],
     setUncontrolledValue = _useState2[1];
   var onControlledChange = 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/es/global/js/hooks/useCreateComponentFocus.js

@@ -42,7 +42,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/es/global/js/hooks/useCreateComponentStepChange.js

@@ -18,9 +18,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,
@@ -44,7 +44,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]);
@@ -59,7 +59,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]);
@@ -105,7 +105,7 @@ var useCreateComponentStepChange = function useCreateComponentStepChange(_ref) {
         return _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;
@@ -215,13 +215,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,
@@ -239,13 +239,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({

package/es/global/js/hooks/useFocus.js

@@ -11,8 +11,8 @@ import { pkg } from '../../../settings.js';
 import { useCallback, useEffect } from 'react';
 
 var getSpecificElement = function getSpecificElement(parentEl, elementId) {
-  var element = parentEl === null || parentEl === undefined ? undefined : parentEl.querySelector(elementId);
-  return elementId && !(element !== null && element !== undefined && element.disabled) ? element : null;
+  var element = parentEl === null || parentEl === void 0 ? void 0 : parentEl.querySelector(elementId);
+  return elementId && !(element !== null && element !== void 0 && element.disabled) ? element : null;
 };
 var useFocus = function useFocus(modalRef, selectorPrimaryFocus) {
   var _getFocusable2, _getFocusable3, _getFocusable4, _getFocusable5;
@@ -37,17 +37,17 @@ var useFocus = function useFocus(modalRef, selectorPrimaryFocus) {
   var getFocusable = useCallback(function () {
     var _modalRef$current, _focusableElements, _focusableElements2, _focusableElements3, _focusableElements4;
     // Selecting all focusable elements based on the above conditions
-    var focusableElements = modalRef === null || modalRef === undefined || (_modalRef$current = modalRef.current) === null || _modalRef$current === undefined ? undefined : _modalRef$current.querySelectorAll("".concat(query));
-    if ((_focusableElements = focusableElements) !== null && _focusableElements !== undefined && _focusableElements.length) {
+    var focusableElements = modalRef === null || modalRef === void 0 || (_modalRef$current = modalRef.current) === null || _modalRef$current === void 0 ? void 0 : _modalRef$current.querySelectorAll("".concat(query));
+    if ((_focusableElements = focusableElements) !== null && _focusableElements !== void 0 && _focusableElements.length) {
       focusableElements = Array.prototype.filter.call(focusableElements, function (el) {
         var _window;
-        return ((_window = window) === null || _window === undefined || (_window = _window.getComputedStyle(el)) === null || _window === undefined ? undefined : _window.display) !== 'none';
+        return ((_window = window) === null || _window === void 0 || (_window = _window.getComputedStyle(el)) === null || _window === void 0 ? void 0 : _window.display) !== 'none';
       });
     }
-    var first = (_focusableElements2 = focusableElements) === null || _focusableElements2 === undefined ? undefined : _focusableElements2[0];
-    var last = (_focusableElements3 = focusableElements) === null || _focusableElements3 === undefined ? undefined : _focusableElements3[((_focusableElements4 = focusableElements) === null || _focusableElements4 === undefined ? undefined : _focusableElements4.length) - 1];
+    var first = (_focusableElements2 = focusableElements) === null || _focusableElements2 === void 0 ? void 0 : _focusableElements2[0];
+    var last = (_focusableElements3 = focusableElements) === null || _focusableElements3 === void 0 ? void 0 : _focusableElements3[((_focusableElements4 = focusableElements) === null || _focusableElements4 === void 0 ? void 0 : _focusableElements4.length) - 1];
     var all = focusableElements;
-    var specified = getSpecificElement(modalRef === null || modalRef === undefined ? undefined : modalRef.current, selectorPrimaryFocus);
+    var specified = getSpecificElement(modalRef === null || modalRef === void 0 ? void 0 : modalRef.current, selectorPrimaryFocus);
     return {
       first: first,
       last: last,
@@ -68,16 +68,16 @@ var useFocus = function useFocus(modalRef, selectorPrimaryFocus) {
             if (event.key === 'Tab') {
               // updating the focusable elements list
               _getFocusable = getFocusable(), first = _getFocusable.first, last = _getFocusable.last;
-              if (event.shiftKey && ((_document = document) === null || _document === undefined ? undefined : _document.activeElement) === first) {
+              if (event.shiftKey && ((_document = document) === null || _document === void 0 ? void 0 : _document.activeElement) === first) {
                 // Prevents the default "Tab" behavior
                 event.preventDefault();
                 // if the user press shift+tab and the current element not in focusable items
-                last === null || last === undefined || last.focus();
-              } else if (!event.shiftKey && ((_document2 = document) === null || _document2 === undefined ? undefined : _document2.activeElement) === last) {
+                last === null || last === void 0 || last.focus();
+              } else if (!event.shiftKey && ((_document2 = document) === null || _document2 === void 0 ? void 0 : _document2.activeElement) === last) {
                 event.preventDefault();
                 // user pressing tab key only then
                 // focusing the first element if the current element is not in focusable items
-                first === null || first === undefined || first.focus();
+                first === null || first === void 0 || first.focus();
               }
             }
           case 1:
@@ -91,10 +91,10 @@ var useFocus = function useFocus(modalRef, selectorPrimaryFocus) {
     };
   }();
   return {
-    firstElement: (_getFocusable2 = getFocusable()) === null || _getFocusable2 === undefined ? undefined : _getFocusable2.first,
-    lastElement: (_getFocusable3 = getFocusable()) === null || _getFocusable3 === undefined ? undefined : _getFocusable3.last,
-    allElements: (_getFocusable4 = getFocusable()) === null || _getFocusable4 === undefined ? undefined : _getFocusable4.all,
-    specifiedElement: (_getFocusable5 = getFocusable()) === null || _getFocusable5 === undefined ? undefined : _getFocusable5.specified,
+    firstElement: (_getFocusable2 = getFocusable()) === null || _getFocusable2 === void 0 ? void 0 : _getFocusable2.first,
+    lastElement: (_getFocusable3 = getFocusable()) === null || _getFocusable3 === void 0 ? void 0 : _getFocusable3.last,
+    allElements: (_getFocusable4 = getFocusable()) === null || _getFocusable4 === void 0 ? void 0 : _getFocusable4.all,
+    specifiedElement: (_getFocusable5 = getFocusable()) === null || _getFocusable5 === void 0 ? void 0 : _getFocusable5.specified,
     keyDownListener: handleKeyDown,
     getFocusable: getFocusable
   };
@@ -111,15 +111,15 @@ var claimFocus = function claimFocus(firstElement, modalRef) {
   var selectorPrimaryFocus = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : undefined;
   var specifiedEl;
   if (selectorPrimaryFocus) {
-    specifiedEl = getSpecificElement(modalRef === null || modalRef === undefined ? undefined : modalRef.current, selectorPrimaryFocus);
+    specifiedEl = getSpecificElement(modalRef === null || modalRef === void 0 ? void 0 : modalRef.current, selectorPrimaryFocus);
   }
-  if (specifiedEl && ((_window2 = window) === null || _window2 === undefined || (_window2 = _window2.getComputedStyle(specifiedEl)) === null || _window2 === undefined ? undefined : _window2.display) !== 'none' && ((_specifiedEl = specifiedEl) === null || _specifiedEl === undefined ? undefined : _specifiedEl.tabIndex) !== -1) {
+  if (specifiedEl && ((_window2 = window) === null || _window2 === void 0 || (_window2 = _window2.getComputedStyle(specifiedEl)) === null || _window2 === void 0 ? void 0 : _window2.display) !== 'none' && ((_specifiedEl = specifiedEl) === null || _specifiedEl === void 0 ? void 0 : _specifiedEl.tabIndex) !== -1) {
     setTimeout(function () {
       return specifiedEl.focus();
     }, 0);
   } else {
     setTimeout(function () {
-      return firstElement === null || firstElement === undefined ? undefined : firstElement.focus();
+      return firstElement === null || firstElement === void 0 ? void 0 : firstElement.focus();
     }, 0);
   }
 };