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

package/lib/global/js/hooks/useFocus.js

@@ -13,8 +13,8 @@ var settings = require('../../../settings.js');
 var React = require('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;
@@ -39,17 +39,17 @@ var useFocus = function useFocus(modalRef, selectorPrimaryFocus) {
   var getFocusable = React.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,
@@ -70,16 +70,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:
@@ -93,10 +93,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
   };
@@ -113,15 +113,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);
   }
 };

package/lib/global/js/hooks/useOverflowItems/index.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Copyright IBM Corp. 2025
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+export { useOverflowItems } from './useOverflowItems';

package/lib/global/js/hooks/{useOverflowItems.js → useOverflowItems/useOverflowItems.js}

@@ -7,9 +7,9 @@
 
 'use strict';
 
-var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
+var _rollupPluginBabelHelpers = require('../../../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
-var useResizeObserver = require('./useResizeObserver.js');
+var useResizeObserver = require('../useResizeObserver.js');
 
 function useOverflowItems() {
   var _items$slice;
@@ -28,15 +28,15 @@ function useOverflowItems() {
   var minWidthRef = React.useRef(0);
   var requiredWidthRef = React.useRef(0);
   var handleResize = function handleResize() {
-    if (containerRef !== null && containerRef !== undefined && containerRef.current) {
+    if (containerRef !== null && containerRef !== void 0 && containerRef.current) {
       var _offsetRef$current;
-      offsetWidthRef.current = (offsetRef === null || offsetRef === undefined || (_offsetRef$current = offsetRef.current) === null || _offsetRef$current === undefined ? undefined : _offsetRef$current.offsetWidth) || 0;
+      offsetWidthRef.current = (offsetRef === null || offsetRef === void 0 || (_offsetRef$current = offsetRef.current) === null || _offsetRef$current === void 0 ? void 0 : _offsetRef$current.offsetWidth) || 0;
       var usableWidth = containerRef.current.offsetWidth - offsetWidthRef.current;
       setRemainingWidth(usableWidth);
     }
   };
   var offsetRefHandler = function offsetRefHandler(node) {
-    if (node && containerRef !== null && containerRef !== undefined && containerRef.current) {
+    if (node && containerRef !== null && containerRef !== void 0 && containerRef.current) {
       offsetWidthRef.current = node.offsetWidth;
       var usableWidth = containerRef.current.offsetWidth - offsetWidthRef.current;
       setRemainingWidth(usableWidth);
@@ -50,14 +50,14 @@ function useOverflowItems() {
     }
     return itemsRef.current;
   };
-  var requiredWidth = items === null || items === undefined || (_items$slice = items.slice(0, maxItems)) === null || _items$slice === undefined ? undefined : _items$slice.reduce(function (acc, item) {
+  var requiredWidth = items === null || items === void 0 || (_items$slice = items.slice(0, maxItems)) === null || _items$slice === void 0 ? void 0 : _items$slice.reduce(function (acc, item) {
     return acc + (getMap().get(item.id) || 0);
   }, 0);
   var itemRefHandler = function itemRefHandler(id, node) {
     var map = getMap();
     if (node) {
       var _getComputedStyle;
-      var style = (_getComputedStyle = getComputedStyle) === null || _getComputedStyle === undefined ? undefined : _getComputedStyle(node);
+      var style = (_getComputedStyle = getComputedStyle) === null || _getComputedStyle === void 0 ? void 0 : _getComputedStyle(node);
       var totalWidth = node.offsetWidth + parseInt(style.marginLeft) + parseInt(style.marginRight);
       map.set(id, totalWidth);
     }
@@ -74,9 +74,9 @@ function useOverflowItems() {
     var accumulatedWidth = 0;
     var includeOffset = false;
     if (maxItems) {
-      includeOffset = requiredWidth + (offsetWidthRef === null || offsetWidthRef === undefined ? undefined : offsetWidthRef.current) > requiredWidth;
+      includeOffset = requiredWidth + (offsetWidthRef === null || offsetWidthRef === void 0 ? void 0 : offsetWidthRef.current) > requiredWidth;
     } else {
-      includeOffset = requiredWidth > remainingWidth + (offsetWidthRef === null || offsetWidthRef === undefined ? undefined : offsetWidthRef.current);
+      includeOffset = requiredWidth > remainingWidth + (offsetWidthRef === null || offsetWidthRef === void 0 ? void 0 : offsetWidthRef.current);
     }
     return items.slice(0, maxItems).reduce(function (prev, cur) {
       if (maxReached) {
@@ -85,7 +85,7 @@ function useOverflowItems() {
       var itemWidth = map.get(cur.id) || 0;
       var willFit = accumulatedWidth + itemWidth <= remainingWidth;
       if (!includeOffset) {
-        willFit = accumulatedWidth + itemWidth <= remainingWidth + (offsetWidthRef === null || offsetWidthRef === undefined ? undefined : offsetWidthRef.current);
+        willFit = accumulatedWidth + itemWidth <= remainingWidth + (offsetWidthRef === null || offsetWidthRef === void 0 ? void 0 : offsetWidthRef.current);
       }
       if (willFit) {
         accumulatedWidth += itemWidth;
@@ -97,16 +97,16 @@ function useOverflowItems() {
     }, []);
   };
   var visibleItems = getVisibleItems();
-  var hiddenItems = items.slice(visibleItems === null || visibleItems === undefined ? undefined : visibleItems.length);
+  var hiddenItems = items.slice(visibleItems === null || visibleItems === void 0 ? void 0 : visibleItems.length);
   // only call the change handler when the number of visible items has changed
-  if ((visibleItems === null || visibleItems === undefined ? undefined : visibleItems.length) !== visibleItemCount.current || remainingWidth !== minWidthRef.current || requiredWidth !== requiredWidthRef.current) {
+  if ((visibleItems === null || visibleItems === void 0 ? void 0 : visibleItems.length) !== visibleItemCount.current || remainingWidth !== minWidthRef.current || requiredWidth !== requiredWidthRef.current) {
     var _getMap, _getMap2;
-    visibleItemCount.current = visibleItems === null || visibleItems === undefined ? undefined : visibleItems.length;
+    visibleItemCount.current = visibleItems === null || visibleItems === void 0 ? void 0 : visibleItems.length;
     minWidthRef.current = remainingWidth;
     requiredWidthRef.current = requiredWidth;
-    var firstItemKey = ((_getMap = getMap()) === null || _getMap === undefined || (_getMap = _getMap.keys()) === null || _getMap === undefined || (_getMap = _getMap.next()) === null || _getMap === undefined ? undefined : _getMap.value) || '';
-    var firstItemWidth = ((_getMap2 = getMap()) === null || _getMap2 === undefined ? undefined : _getMap2.get(firstItemKey)) || 0;
-    onChange === null || onChange === undefined || onChange({
+    var firstItemKey = ((_getMap = getMap()) === null || _getMap === void 0 || (_getMap = _getMap.keys()) === null || _getMap === void 0 || (_getMap = _getMap.next()) === null || _getMap === void 0 ? void 0 : _getMap.value) || '';
+    var firstItemWidth = ((_getMap2 = getMap()) === null || _getMap2 === void 0 ? void 0 : _getMap2.get(firstItemKey)) || 0;
+    onChange === null || onChange === void 0 || onChange({
       hiddenItems: hiddenItems,
       minWidth: remainingWidth,
       maxWidth: requiredWidth + firstItemWidth

package/lib/global/js/hooks/useOverflowString.js

@@ -12,15 +12,15 @@ var React = require('react');
 
 function useOverflowStringWidth(elementRef) {
   var _elementRef$current;
-  var innerText = elementRef === null || elementRef === undefined || (_elementRef$current = elementRef.current) === null || _elementRef$current === undefined ? undefined : _elementRef$current.innerText;
+  var innerText = elementRef === null || elementRef === void 0 || (_elementRef$current = elementRef.current) === null || _elementRef$current === void 0 ? void 0 : _elementRef$current.innerText;
   var _useState = React.useState(),
     _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
     isOverflowing = _useState2[0],
     setIsOverflowing = _useState2[1];
   var checkWidthOverflow = React.useCallback(function () {
     var _elementRef$current2, _elementRef$current3;
-    var offsetWidth = elementRef === null || elementRef === undefined || (_elementRef$current2 = elementRef.current) === null || _elementRef$current2 === undefined ? undefined : _elementRef$current2.offsetWidth;
-    var scrollWidth = elementRef === null || elementRef === undefined || (_elementRef$current3 = elementRef.current) === null || _elementRef$current3 === undefined ? undefined : _elementRef$current3.scrollWidth;
+    var offsetWidth = elementRef === null || elementRef === void 0 || (_elementRef$current2 = elementRef.current) === null || _elementRef$current2 === void 0 ? void 0 : _elementRef$current2.offsetWidth;
+    var scrollWidth = elementRef === null || elementRef === void 0 || (_elementRef$current3 = elementRef.current) === null || _elementRef$current3 === void 0 ? void 0 : _elementRef$current3.scrollWidth;
     if (offsetWidth && scrollWidth) {
       setIsOverflowing(offsetWidth < scrollWidth);
     }
@@ -32,15 +32,15 @@ function useOverflowStringWidth(elementRef) {
 }
 var useOverflowStringHeight = function useOverflowStringHeight(elementRef) {
   var _elementRef$current4;
-  var innerText = elementRef === null || elementRef === undefined || (_elementRef$current4 = elementRef.current) === null || _elementRef$current4 === undefined ? undefined : _elementRef$current4.innerText;
+  var innerText = elementRef === null || elementRef === void 0 || (_elementRef$current4 = elementRef.current) === null || _elementRef$current4 === void 0 ? void 0 : _elementRef$current4.innerText;
   var _useState3 = React.useState(),
     _useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
     isOverflowing = _useState4[0],
     setIsOverflowing = _useState4[1];
   var checkHeightOverflow = React.useCallback(function () {
     var _elementRef$current5, _elementRef$current6;
-    var offsetHeight = elementRef === null || elementRef === undefined || (_elementRef$current5 = elementRef.current) === null || _elementRef$current5 === undefined ? undefined : _elementRef$current5.offsetHeight;
-    var scrollHeight = elementRef === null || elementRef === undefined || (_elementRef$current6 = elementRef.current) === null || _elementRef$current6 === undefined ? undefined : _elementRef$current6.scrollHeight;
+    var offsetHeight = elementRef === null || elementRef === void 0 || (_elementRef$current5 = elementRef.current) === null || _elementRef$current5 === void 0 ? void 0 : _elementRef$current5.offsetHeight;
+    var scrollHeight = elementRef === null || elementRef === void 0 || (_elementRef$current6 = elementRef.current) === null || _elementRef$current6 === void 0 ? void 0 : _elementRef$current6.scrollHeight;
     if (offsetHeight && scrollHeight) {
       setIsOverflowing(offsetHeight < scrollHeight);
     }

package/lib/global/js/hooks/usePresence.d.ts

@@ -5,6 +5,29 @@
  * LICENSE file in the root directory of this source tree.
  */
 import { RefObject } from 'react';
+/**
+ * Used as a replacement for AnimatePresence from framer-motion,
+ * this hook will return a boolean value to let the component
+ * calling this hook to know whether it should render or not.
+ * This solves a pain point around handling unmounting of components
+ * in React that should also include an exit animation.
+ *
+ * @param open The open value to the component using this hook
+ * @param ref The ref to the element that contains the animation this hook will be listening for
+ * @param animationName The animation that will be listened for, if event.animationName equals the
+ * animationName value provided it means that the exit animation has completed and shouldRender
+ * should be updated to false. If a separate animation is used for reduced motion cases, it should
+ * be conditionally passed as the `animationName`.
+ * @returns A boolean value so the component using this hook knows when it should render it's contents
+ *
+ * @example
+ * ```typescript
+ * const exitAnimationName = shouldReduceMotion
+    ? 'reduced-animation-name'
+    : 'standard-animation-name';
+ * const { shouldRender } = usePresence(open, componentRef, exitAnimationName);
+ * ```
+ */
 export declare function usePresence(open: boolean, ref: RefObject<HTMLElement>, animationName: string): {
     shouldRender: boolean;
 };

package/lib/global/js/hooks/usePresence.js

@@ -10,9 +10,29 @@
 var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
 
-// Used as a replacement for AnimatePresence from framer-motion,
-// this hook will return a boolean value to let the component
-// calling this hook to know whether it should render or not
+/**
+ * Used as a replacement for AnimatePresence from framer-motion,
+ * this hook will return a boolean value to let the component
+ * calling this hook to know whether it should render or not.
+ * This solves a pain point around handling unmounting of components
+ * in React that should also include an exit animation.
+ *
+ * @param open The open value to the component using this hook
+ * @param ref The ref to the element that contains the animation this hook will be listening for
+ * @param animationName The animation that will be listened for, if event.animationName equals the 
+ * animationName value provided it means that the exit animation has completed and shouldRender
+ * should be updated to false. If a separate animation is used for reduced motion cases, it should
+ * be conditionally passed as the `animationName`.
+ * @returns A boolean value so the component using this hook knows when it should render it's contents
+ * 
+ * @example
+ * ```typescript
+ * const exitAnimationName = shouldReduceMotion
+    ? 'reduced-animation-name'
+    : 'standard-animation-name';
+ * const { shouldRender } = usePresence(open, componentRef, exitAnimationName);
+ * ```
+ */
 function usePresence(open, ref, animationName) {
   var _useState = React.useState(open),
     _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
@@ -27,10 +47,10 @@ function usePresence(open, ref, animationName) {
     if (open) {
       setShouldRender(true);
     }
-    if (ref !== null && ref !== undefined && ref.current) {
-      ref === null || ref === undefined || ref.current.addEventListener('animationend', handleAnimationEnd);
+    if (ref !== null && ref !== void 0 && ref.current) {
+      ref === null || ref === void 0 || ref.current.addEventListener('animationend', handleAnimationEnd);
     }
-    var animatedRef = ref === null || ref === undefined ? undefined : ref.current;
+    var animatedRef = ref === null || ref === void 0 ? void 0 : ref.current;
     return function () {
       if (animatedRef) {
         animatedRef.removeEventListener('animationend', handleAnimationEnd);

package/lib/global/js/hooks/useResetCreateComponent.js

@@ -32,7 +32,7 @@ var useResetCreateComponent = function useResetCreateComponent(_ref) {
     totalSteps = _ref.totalSteps,
     componentName = _ref.componentName;
   React.useEffect(function () {
-    if (!(previousState !== null && previousState !== undefined && previousState.open) && open) {
+    if (!(previousState !== null && previousState !== void 0 && previousState.open) && open) {
       if (initialStep && totalSteps && Number(initialStep) <= Number(totalSteps) && Number(initialStep) > 0) {
         var numberOfHiddenSteps = getNumberOfHiddenSteps.getNumberOfHiddenSteps(stepData, initialStep);
         setCurrentStep(Number(initialStep + numberOfHiddenSteps));

package/lib/global/js/hooks/useResizeObserver.js

@@ -33,24 +33,24 @@ var useResizeObserver = function useResizeObserver(ref, callback) {
       if (ref.current) {
         var _ref$current, _ref$current2;
         var refComputedStyle = window.getComputedStyle(ref.current);
-        var initialWidth = (((_ref$current = ref.current) === null || _ref$current === undefined ? undefined : _ref$current.offsetWidth) || 0) - (parseFloat((refComputedStyle === null || refComputedStyle === undefined ? undefined : refComputedStyle.paddingLeft) || 0), parseFloat((refComputedStyle === null || refComputedStyle === undefined ? undefined : refComputedStyle.paddingRight) || 0));
-        var initialHeight = (((_ref$current2 = ref.current) === null || _ref$current2 === undefined ? undefined : _ref$current2.offsetHeight) || 0) - (parseFloat((refComputedStyle === null || refComputedStyle === undefined ? undefined : refComputedStyle.paddingTop) || 0), parseFloat((refComputedStyle === null || refComputedStyle === undefined ? undefined : refComputedStyle.paddingLeft) || 0));
+        var initialWidth = (((_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.offsetWidth) || 0) - (parseFloat((refComputedStyle === null || refComputedStyle === void 0 ? void 0 : refComputedStyle.paddingLeft) || 0), parseFloat((refComputedStyle === null || refComputedStyle === void 0 ? void 0 : refComputedStyle.paddingRight) || 0));
+        var initialHeight = (((_ref$current2 = ref.current) === null || _ref$current2 === void 0 ? void 0 : _ref$current2.offsetHeight) || 0) - (parseFloat((refComputedStyle === null || refComputedStyle === void 0 ? void 0 : refComputedStyle.paddingTop) || 0), parseFloat((refComputedStyle === null || refComputedStyle === void 0 ? void 0 : refComputedStyle.paddingLeft) || 0));
         setWidth(initialWidth);
         setHeight(initialHeight);
       }
     };
-    if (!(ref !== null && ref !== undefined && ref.current) || width >= 0 && height >= 0) {
+    if (!(ref !== null && ref !== void 0 && ref.current) || width >= 0 && height >= 0) {
       return;
     }
     getInitialSize();
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [width, height, ref.current].concat(_rollupPluginBabelHelpers.toConsumableArray(deps)));
   React.useLayoutEffect(function () {
-    if (!(ref !== null && ref !== undefined && ref.current)) {
+    if (!(ref !== null && ref !== void 0 && ref.current)) {
       return;
     }
     var doCallbacks = function doCallbacks() {
-      if (!(ref !== null && ref !== undefined && ref.current) || !Array.isArray(entriesToHandle === null || entriesToHandle === undefined ? undefined : entriesToHandle.current)) {
+      if (!(ref !== null && ref !== void 0 && ref.current) || !Array.isArray(entriesToHandle === null || entriesToHandle === void 0 ? void 0 : entriesToHandle.current)) {
         return;
       }
       var entry = entriesToHandle.current[0];

package/lib/global/js/hooks/useRetrieveStepData.js

@@ -41,7 +41,7 @@ var useRetrieveStepData = function useRetrieveStepData(_ref) {
           shouldIncludeStep: shouldIncludeStep
         };
         var previousItem = prev[stepNumber - 1];
-        if ((previousItem === null || previousItem === undefined ? undefined : previousItem.title) !== stepItem.title || (previousItem === null || previousItem === undefined ? undefined : previousItem.secondaryLabel) !== stepItem.secondaryLabel || (previousItem === null || previousItem === undefined ? undefined : previousItem.introStep) !== stepItem.introStep || (previousItem === null || previousItem === undefined ? undefined : previousItem.shouldIncludeStep) !== stepItem.shouldIncludeStep || (previousItem === null || previousItem === undefined ? undefined : previousItem.invalid) !== stepItem.invalid) {
+        if ((previousItem === null || previousItem === void 0 ? void 0 : previousItem.title) !== stepItem.title || (previousItem === null || previousItem === void 0 ? void 0 : previousItem.secondaryLabel) !== stepItem.secondaryLabel || (previousItem === null || previousItem === void 0 ? void 0 : previousItem.introStep) !== stepItem.introStep || (previousItem === null || previousItem === void 0 ? void 0 : previousItem.shouldIncludeStep) !== stepItem.shouldIncludeStep || (previousItem === null || previousItem === void 0 ? void 0 : previousItem.invalid) !== stepItem.invalid) {
           var clone = _rollupPluginBabelHelpers.toConsumableArray(prev);
           clone[stepNumber - 1] = stepItem;
           return clone;

package/lib/global/js/package-settings.js

@@ -187,7 +187,7 @@ var component = new Proxy(_rollupPluginBabelHelpers.objectSpread2({}, defaults.c
   },
   get: function get(target, property) {
     var _target$property;
-    return allComponents((_target$property = target[property]) !== null && _target$property !== undefined ? _target$property : false);
+    return allComponents((_target$property = target[property]) !== null && _target$property !== void 0 ? _target$property : false);
   }
 });
 var feature = new Proxy(_rollupPluginBabelHelpers.objectSpread2({}, defaults.feature), {
@@ -206,7 +206,7 @@ var feature = new Proxy(_rollupPluginBabelHelpers.objectSpread2({}, defaults.fea
   },
   get: function get(target, property) {
     var _target$property2;
-    return allFeatures((_target$property2 = target[property]) !== null && _target$property2 !== undefined ? _target$property2 : false);
+    return allFeatures((_target$property2 = target[property]) !== null && _target$property2 !== void 0 ? _target$property2 : false);
   }
 });
 var devtoolsAttribute = 'data-carbon-devtools-id';
@@ -221,12 +221,12 @@ var pkg = {
   feature: feature,
   isComponentEnabled: function isComponentEnabled(componentOrName) {
     var byDefault = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-    var componentName = (componentOrName === null || componentOrName === undefined ? undefined : componentOrName.displayName) || (componentOrName === null || componentOrName === undefined ? undefined : componentOrName.name) || componentOrName;
+    var componentName = (componentOrName === null || componentOrName === void 0 ? void 0 : componentOrName.displayName) || (componentOrName === null || componentOrName === void 0 ? void 0 : componentOrName.name) || componentOrName;
     return byDefault ? defaults.component[componentName] : component[componentName];
   },
   isComponentPublic: function isComponentPublic(componentOrName) {
     var byDefault = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-    var componentName = (componentOrName === null || componentOrName === undefined ? undefined : componentOrName.displayName) || (componentOrName === null || componentOrName === undefined ? undefined : componentOrName.name) || componentOrName;
+    var componentName = (componentOrName === null || componentOrName === void 0 ? void 0 : componentOrName.displayName) || (componentOrName === null || componentOrName === void 0 ? void 0 : componentOrName.name) || componentOrName;
     return Object.prototype.hasOwnProperty.call(byDefault ? defaults.component : component, componentName);
   },
   isFeatureEnabled: function isFeatureEnabled(featureName) {

package/lib/global/js/utils/Wrap.js

@@ -21,7 +21,7 @@ var _isEmpty = function isEmpty(children) {
   React.Children.forEach(children, function (child) {
     if (child) {
       var _child$type, _child$props;
-      result && (result = (child === null || child === undefined || (_child$type = child.type) === null || _child$type === undefined ? undefined : _child$type.displayName) === 'Wrap' && _isEmpty(child === null || child === undefined || (_child$props = child.props) === null || _child$props === undefined ? undefined : _child$props.children));
+      result && (result = (child === null || child === void 0 || (_child$type = child.type) === null || _child$type === void 0 ? void 0 : _child$type.displayName) === 'Wrap' && _isEmpty(child === null || child === void 0 || (_child$props = child.props) === null || _child$props === void 0 ? void 0 : _child$props.children));
     }
   });
   return result;
@@ -40,7 +40,7 @@ var Wrap = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var alwaysRender = _ref.alwaysRender,
     children = _ref.children,
     _ref$element = _ref.element,
-    Wrapper = _ref$element === undefined ? 'div' : _ref$element,
+    Wrapper = _ref$element === void 0 ? 'div' : _ref$element,
     neverRender = _ref.neverRender,
     className = _ref.className,
     title = _ref.title,

package/lib/global/js/utils/checkForOverflow.js

@@ -15,7 +15,7 @@
 
 var checkHeightOverflow = function checkHeightOverflow(el) {
   if (el) {
-    return (el === null || el === undefined ? undefined : el.offsetHeight) < (el === null || el === undefined ? undefined : el.scrollHeight);
+    return (el === null || el === void 0 ? void 0 : el.offsetHeight) < (el === null || el === void 0 ? void 0 : el.scrollHeight);
   }
   return false;
 };

package/lib/global/js/utils/debounce.d.ts

@@ -4,4 +4,4 @@
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
-export declare const debounce: (func: any, delay: number, leading?: boolean) => () => void;
+export declare const debounce: (func: any, delay: number, leading?: boolean) => (...args: []) => void;

package/lib/global/js/utils/debounce.js

@@ -18,12 +18,12 @@ var debounce = function debounce(func, delay) {
       clearTimeout(timeout);
     }
     if (leading && !timeout) {
-      func.apply(undefined, args);
+      func.apply(void 0, args);
     }
     timeout = setTimeout(function () {
       timeout = null;
       if (!leading) {
-        func.apply(undefined, args);
+        func.apply(void 0, args);
       }
     }, delay);
   };

package/lib/global/js/utils/getSupportedLocale.d.ts

@@ -5,6 +5,8 @@
  * LICENSE file in the root directory of this source tree.
  */
 /**
+ * Ensures the requested `locale` is valid, else returns the default locale.
+ *
  * Reference: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat/NumberFormat#locales
  */
 export declare const getSupportedLocale: (locale: Intl.LocalesArgument, defaultLocale?: string) => Intl.LocalesArgument;

package/lib/global/js/utils/getSupportedLocale.js

@@ -8,6 +8,8 @@
 'use strict';
 
 /**
+ * Ensures the requested `locale` is valid, else returns the default locale.
+ *
  * Reference: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat/NumberFormat#locales
  */
 

package/lib/global/js/utils/lastIndexInArray.js

@@ -18,7 +18,7 @@
 var lastIndexInArray = function lastIndexInArray(array, key, value) {
   for (var i = array.length - 1; i >= 0; i--) {
     var _array$i;
-    if (((_array$i = array[i]) === null || _array$i === undefined ? undefined : _array$i[key]) === value) {
+    if (((_array$i = array[i]) === null || _array$i === void 0 ? void 0 : _array$i[key]) === value) {
       return i + 1;
     }
   }

package/lib/global/js/utils/props-helper.js

@@ -142,7 +142,7 @@ var allPropTypes = pconsole.default.shimIfProduction(function (arrayOfTypeChecke
     }
     var error = null;
     arrayOfTypeCheckers.some(function (checker) {
-      return error = checker.apply(undefined, args);
+      return error = checker.apply(void 0, args);
     });
     return error;
   };

package/lib/node_modules/@carbon/icon-helpers/es/index.js

@@ -61,7 +61,7 @@ function _objectWithoutPropertiesLoose(r, e) {
 function _toPrimitive(t, r) {
   if ("object" != _rollupPluginBabelHelpers.typeof(t) || !t) return t;
   var e = t[Symbol.toPrimitive];
-  if (undefined !== e) {
+  if (void 0 !== e) {
     var i = e.call(t, r);
     if ("object" != _rollupPluginBabelHelpers.typeof(i)) return i;
     throw new TypeError("@@toPrimitive must return a primitive value.");
@@ -99,7 +99,7 @@ function getAttributes() {
     width = _ref.width,
     height = _ref.height,
     _ref$viewBox = _ref.viewBox,
-    viewBox = _ref$viewBox === undefined ? "0 0 ".concat(width, " ").concat(height) : _ref$viewBox,
+    viewBox = _ref$viewBox === void 0 ? "0 0 ".concat(width, " ").concat(height) : _ref$viewBox,
     attributes = _objectWithoutProperties(_ref, _excluded);
   var tabindex = attributes.tabindex,
     rest = _objectWithoutProperties(attributes, _excluded2);

package/lib/node_modules/@carbon/icons-react/es/Icon.js

@@ -28,9 +28,9 @@ var Icon = /*#__PURE__*/React.forwardRef(function Icon(_ref, ref) {
     children = _ref.children,
     tabIndex = _ref.tabIndex,
     _ref$xmlns = _ref.xmlns,
-    xmlns = _ref$xmlns === undefined ? 'http://www.w3.org/2000/svg' : _ref$xmlns,
+    xmlns = _ref$xmlns === void 0 ? 'http://www.w3.org/2000/svg' : _ref$xmlns,
     _ref$preserveAspectRa = _ref.preserveAspectRatio,
-    preserveAspectRatio = _ref$preserveAspectRa === undefined ? 'xMidYMid meet' : _ref$preserveAspectRa,
+    preserveAspectRatio = _ref$preserveAspectRa === void 0 ? 'xMidYMid meet' : _ref$preserveAspectRa,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
   var _getAttributes = index.getAttributes(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, rest), {}, {
       tabindex: tabIndex