@carbon/react 1.86.0 → 1.87.0

package/es/components/Popover/index.js

@@ -9,13 +9,13 @@ import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js
 import cx from 'classnames';
 import PropTypes from 'prop-types';
 import deprecateValuesWithin from '../../prop-types/deprecateValuesWithin.js';
-import React, { useRef, useMemo, useEffect } from 'react';
+import React, { useRef, useEffect, useMemo } from 'react';
 import useIsomorphicEffect from '../../internal/useIsomorphicEffect.js';
 import { useMergedRefs } from '../../internal/useMergedRefs.js';
 import { usePrefix } from '../../internal/usePrefix.js';
-import { useWindowEvent } from '../../internal/useEvent.js';
+import { useEvent, useWindowEvent } from '../../internal/useEvent.js';
 import { mapPopoverAlign } from '../../tools/mapPopoverAlign.js';
-import { useFloating, offset, flip, arrow, hide, autoUpdate } from '@floating-ui/react';
+import { useFloating, autoUpdate, offset, flip, arrow, hide } from '@floating-ui/react';
 import { useFeatureFlag } from '../FeatureFlags/index.js';
 import { ToggletipButton } from '../Toggletip/index.js';
 
@@ -59,9 +59,10 @@ forwardRef) {
   const enableFloatingStyles = useFeatureFlag('enable-v12-dynamic-floating-styles') || autoAlign;
   let align = mapPopoverAlign(initialAlign);
 
-  // If the `Popover` is the last focusable item in the tab order, it should also close when the browser window loses focus  (#12922)
-  useWindowEvent('blur', () => {
-    if (open) {
+  // The `Popover` should close whenever it and its children loses focus
+  useEvent(popover, 'focusout', event => {
+    const relatedTarget = event.relatedTarget;
+    if (!popover.current?.contains(relatedTarget)) {
       onRequestClose?.();
     }
   });
@@ -350,12 +351,29 @@ function PopoverContentRenderFunction(
     caretRef,
     autoAlign
   } = React.useContext(PopoverContext);
-  const ref = useMergedRefs([setFloating, forwardRef]);
+  const textRef = useRef(null);
+  const [isMultiLine, setIsMultiLine] = React.useState(false);
+  const ref = useMergedRefs([setFloating, textRef, forwardRef]);
   const enableFloatingStyles = useFeatureFlag('enable-v12-dynamic-floating-styles') || autoAlign;
+  useEffect(() => {
+    checkIfMultiLine();
+  }, [children]);
+  const checkIfMultiLine = () => {
+    const el = textRef.current;
+    if (el) {
+      const style = getComputedStyle(el);
+      const lineHeight = parseFloat(style.lineHeight);
+      const height = el.offsetHeight;
+      const lines = Math.floor(height / lineHeight);
+      setIsMultiLine(lines > 1);
+    }
+  };
   return /*#__PURE__*/React.createElement("span", _extends({}, rest, {
     className: `${prefix}--popover`
   }), /*#__PURE__*/React.createElement("span", {
-    className: cx(`${prefix}--popover-content`, className),
+    className: cx(`${prefix}--popover-content`, className, {
+      [`${prefix}--tooltip-content--multiline`]: isMultiLine
+    }),
     ref: ref
   }, children, enableFloatingStyles && /*#__PURE__*/React.createElement("span", {
     className: cx({

package/es/components/RadioButton/index.js

@@ -6,4 +6,7 @@
  */
 
 import RadioButton from './RadioButton.js';
-export { default as RadioButton, default } from './RadioButton.js';
+
+
+
+export { RadioButton, RadioButton as default };

package/es/components/RadioTile/index.js

@@ -6,4 +6,7 @@
  */
 
 import RadioTile from './RadioTile.js';
-export { default as RadioTile, default } from './RadioTile.js';
+
+
+
+export { RadioTile, RadioTile as default };

package/es/components/Search/Search.js

@@ -10,7 +10,7 @@ import { Close, Search as Search$1 } from '@carbon/icons-react';
 import cx from 'classnames';
 import PropTypes from 'prop-types';
 import React, { useContext, useRef, useState } from 'react';
-import { Escape, Enter, Space } from '../../internal/keyboard/keys.js';
+import { Enter, Space, Escape } from '../../internal/keyboard/keys.js';
 import { match } from '../../internal/keyboard/match.js';
 import { useId } from '../../internal/useId.js';
 import { usePrefix } from '../../internal/usePrefix.js';

package/es/components/Search/index.js

@@ -6,5 +6,8 @@
  */
 
 import Search from './Search.js';
-export { default as Search, default } from './Search.js';
 export { default as SearchSkeleton } from './Search.Skeleton.js';
+
+
+
+export { Search, Search as default };

package/es/components/Select/index.js

@@ -6,5 +6,8 @@
  */
 
 import Select from './Select.js';
-export { default as Select, default } from './Select.js';
 export { default as SelectSkeleton } from './Select.Skeleton.js';
+
+
+
+export { Select, Select as default };

package/es/components/SelectItem/index.js

@@ -6,4 +6,7 @@
  */
 
 import SelectItem from './SelectItem.js';
-export { default as SelectItem, default } from './SelectItem.js';
+
+
+
+export { SelectItem, SelectItem as default };

package/es/components/ShapeIndicator/index.js

@@ -10,7 +10,7 @@ import PropTypes from 'prop-types';
 import React from 'react';
 import cx from 'classnames';
 import { usePrefix } from '../../internal/usePrefix.js';
-import { Critical, CriticalSeverity, Caution, DiamondFill, LowSeverity, CircleFill, CircleStroke } from '@carbon/icons-react';
+import { CircleStroke, LowSeverity, CircleFill, DiamondFill, Caution, CriticalSeverity, Critical } from '@carbon/icons-react';
 
 var _path;
 const ShapeIndicatorKinds = ['failed', 'critical', 'high', 'medium', 'low', 'cautious', 'undefined', 'stable', 'informative', 'incomplete', 'draft'];

package/es/components/SkeletonText/index.js

@@ -6,4 +6,7 @@
  */
 
 import SkeletonText from './SkeletonText.js';
-export { default as SkeletonText, default } from './SkeletonText.js';
+
+
+
+export { SkeletonText, SkeletonText as default };

package/es/components/Slider/Slider.js

@@ -20,7 +20,7 @@ import '../Tooltip/DefinitionTooltip.js';
 import { Tooltip } from '../Tooltip/Tooltip.js';
 import { LowerHandle, LowerHandleFocus, UpperHandle, UpperHandleFocus } from './SliderHandles.js';
 import { clamp } from '../../internal/clamp.js';
-import { throttle } from '../../node_modules/es-toolkit/dist/compat/function/throttle.mjs.js';
+import { throttle } from '../../node_modules/es-toolkit/dist/compat/function/throttle.js';
 import { Text } from '../Text/Text.js';
 
 const ThumbWrapper = ({

package/es/components/Switch/IconSwitch.d.ts

@@ -0,0 +1,3 @@
+export default IconSwitch;
+declare const IconSwitch: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+import React from 'react';

package/es/components/Switch/IconSwitch.js

@@ -145,6 +145,5 @@ IconSwitch.propTypes = {
    */
   text: PropTypes.string
 };
-var IconSwitch$1 = IconSwitch;
 
-export { IconSwitch$1 as default };
+export { IconSwitch as default };

package/es/components/TabContent/TabContent.js

@@ -7,26 +7,10 @@
 
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import PropTypes from 'prop-types';
-import React, { useRef, useState } from 'react';
+import React from 'react';
 import cx from 'classnames';
-import { selectorTabbable } from '../../internal/keyboard/navigation.js';
-import useIsomorphicEffect from '../../internal/useIsomorphicEffect.js';
 import { usePrefix } from '../../internal/usePrefix.js';
 
-/**
- * Determine if the node within the provided ref contains content that is tabbable.
- */
-function useTabbableContent(ref) {
-  const [hasTabbableContent, setHasTabbableContent] = useState(false);
-
-  // eslint-disable-next-line react-hooks/exhaustive-deps
-  useIsomorphicEffect(() => {
-    if (ref.current) {
-      setHasTabbableContent(!!ref.current.querySelector(selectorTabbable));
-    }
-  });
-  return hasTabbableContent;
-}
 function TabContent(props) {
   const {
     className,
@@ -36,16 +20,12 @@ function TabContent(props) {
   } = props;
   const prefix = usePrefix();
   const tabContentClasses = cx(`${prefix}--tab-content`, className);
-  const ref = useRef(null);
-  const hasTabbableContent = useTabbableContent(ref);
   return /*#__PURE__*/React.createElement("div", _extends({
     role: "tabpanel"
   }, other, {
     className: tabContentClasses,
     selected: selected,
-    hidden: !selected,
-    ref: ref,
-    tabIndex: hasTabbableContent ? undefined : 0
+    hidden: !selected
   }), children);
 }
 TabContent.propTypes = {

package/es/components/Tabs/Tabs.js

@@ -6,11 +6,11 @@
  */
 
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import { ChevronLeft, ChevronRight, Close } from '@carbon/icons-react';
+import { Close, ChevronLeft, ChevronRight } from '@carbon/icons-react';
 import { breakpoints } from '@carbon/layout';
 import cx from 'classnames';
 import PropTypes from 'prop-types';
-import React, { useState, useRef, useCallback, useEffect, forwardRef, createContext, useMemo, isValidElement } from 'react';
+import React, { forwardRef, createContext, useRef, useState, useMemo, isValidElement, useEffect, useCallback } from 'react';
 import '../Grid/FlexGrid.js';
 import { Grid as GridAsGridComponent } from '../Grid/Grid.js';
 import '../Grid/Row.js';
@@ -26,15 +26,15 @@ import useIsomorphicEffect from '../../internal/useIsomorphicEffect.js';
 import { useMergedRefs } from '../../internal/useMergedRefs.js';
 import { getInteractiveContent } from '../../internal/useNoInteractiveChildren.js';
 import { usePrefix } from '../../internal/usePrefix.js';
-import { ArrowRight, ArrowLeft, Home, End, ArrowDown, ArrowUp, Delete } from '../../internal/keyboard/keys.js';
-import { matches, match } from '../../internal/keyboard/match.js';
+import { Delete, ArrowRight, ArrowLeft, Home, End, ArrowDown, ArrowUp } from '../../internal/keyboard/keys.js';
+import { match, matches } from '../../internal/keyboard/match.js';
 import { usePressable } from './usePressable.js';
 import { deprecate } from '../../prop-types/deprecate.js';
 import { useEvent } from '../../internal/useEvent.js';
 import { useMatchMedia } from '../../internal/useMatchMedia.js';
 import '../Text/index.js';
 import { BadgeIndicator } from '../BadgeIndicator/index.js';
-import { debounce } from '../../node_modules/es-toolkit/dist/compat/function/debounce.mjs.js';
+import { debounce } from '../../node_modules/es-toolkit/dist/compat/function/debounce.js';
 import { Text } from '../Text/Text.js';
 
 var _ChevronLeft, _ChevronRight, _BadgeIndicator;

package/es/components/Tag/DismissibleTag.js

@@ -12,7 +12,7 @@ import cx from 'classnames';
 import { useId } from '../../internal/useId.js';
 import { usePrefix } from '../../internal/usePrefix.js';
 import { deprecate } from '../../prop-types/deprecate.js';
-import Tag, { SIZES, TYPES } from './Tag.js';
+import Tag, { TYPES, SIZES } from './Tag.js';
 import { Close } from '@carbon/icons-react';
 import '../Tooltip/DefinitionTooltip.js';
 import { Tooltip } from '../Tooltip/Tooltip.js';

package/es/components/TextArea/TextArea.js

@@ -7,7 +7,7 @@
 
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import PropTypes from 'prop-types';
-import React, { useContext, useRef, useState, useEffect, forwardRef, cloneElement } from 'react';
+import React, { forwardRef, useContext, useRef, useState, useEffect, cloneElement } from 'react';
 import cx from 'classnames';
 import { deprecate } from '../../prop-types/deprecate.js';
 import { WarningFilled, WarningAltFilled } from '@carbon/icons-react';

package/es/components/TextArea/index.js

@@ -6,5 +6,8 @@
  */
 
 import TextArea from './TextArea.js';
-export { default as TextArea, default } from './TextArea.js';
 export { default as TextAreaSkeleton } from './TextArea.Skeleton.js';
+
+
+
+export { TextArea, TextArea as default };

package/es/components/TextInput/index.js

@@ -6,5 +6,8 @@
  */
 
 import TextInput from './TextInput.js';
-export { default as TextInput, default } from './TextInput.js';
 export { default as TextInputSkeleton } from './TextInput.Skeleton.js';
+
+
+
+export { TextInput, TextInput as default };

package/es/components/TextInput/util.d.ts

@@ -0,0 +1,9 @@
+export function textInputProps({ sharedTextInputProps, invalid, invalidId, warn, warnId, hasHelper, helperId, }: {
+    sharedTextInputProps: object;
+    invalid?: boolean;
+    invalidId?: string;
+    warn?: boolean;
+    warnId?: string;
+    hasHelper?: boolean;
+    helperId?: string;
+}): object;

package/es/components/Toggletip/index.d.ts

@@ -58,7 +58,7 @@ export declare namespace Toggletip {
          */
         align: PropTypes.Requireable<string>;
         /**
-         * Provide an offset value for alignment axis.
+         * **Experimental:** Provide an offset value for alignment axis. Only takes effect when `autoalign` is enabled.
          */
         alignmentAxisOffset: PropTypes.Requireable<number>;
         /**

package/es/components/Toggletip/index.js

@@ -8,8 +8,8 @@
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import cx from 'classnames';
 import PropTypes from 'prop-types';
-import React, { useRef, useState, useContext } from 'react';
-import { Popover, PopoverContent } from '../Popover/index.js';
+import React, { useContext, useRef, useState } from 'react';
+import { PopoverContent, Popover } from '../Popover/index.js';
 import { Escape } from '../../internal/keyboard/keys.js';
 import { match } from '../../internal/keyboard/match.js';
 import { useWindowEvent } from '../../internal/useEvent.js';
@@ -176,7 +176,7 @@ Toggletip.propTypes = {
   // new values to match floating-ui
   'top-start', 'top-end', 'bottom-start', 'bottom-end', 'left-end', 'left-start', 'right-end', 'right-start']),
   /**
-   * Provide an offset value for alignment axis.
+   * **Experimental:** Provide an offset value for alignment axis. Only takes effect when `autoalign` is enabled.
    */
   alignmentAxisOffset: PropTypes.number,
   /**

package/es/components/UIShell/HeaderMenu.js

@@ -8,9 +8,9 @@
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import { ChevronDown } from '@carbon/icons-react';
 import cx from 'classnames';
-import React, { useContext, useState, useRef, Children, forwardRef, isValidElement, cloneElement } from 'react';
+import React, { forwardRef, useContext, useState, useRef, Children, isValidElement, cloneElement } from 'react';
 import PropTypes from 'prop-types';
-import { Enter, Space, Escape } from '../../internal/keyboard/keys.js';
+import { Escape, Enter, Space } from '../../internal/keyboard/keys.js';
 import { matches } from '../../internal/keyboard/match.js';
 import { AriaLabelPropType } from '../../prop-types/AriaPropTypes.js';
 import { PrefixContext } from '../../internal/usePrefix.js';

package/es/components/UIShell/SideNav.js

@@ -6,7 +6,7 @@
  */
 
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React, { createContext, useRef, isValidElement } from 'react';
+import React, { useRef, isValidElement, createContext } from 'react';
 import cx from 'classnames';
 import PropTypes from 'prop-types';
 import { AriaLabelPropType } from '../../prop-types/AriaPropTypes.js';

package/es/components/UIShell/_utils.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Copyright IBM Corp. 2021, 2023
+ *
+ * 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 const CARBON_SIDENAV_ITEMS: string[];

package/es/feature-flags.d.ts

@@ -0,0 +1 @@
+export {};

package/es/internal/FloatingMenu.js

@@ -15,7 +15,7 @@ import { selectorTabbable, selectorFocusable } from './keyboard/navigation.js';
 import { OptimizedResize } from './OptimizedResize.js';
 import { PrefixContext } from './usePrefix.js';
 import { warning } from './warning.js';
-import { wrapFocus, wrapFocusWithoutSentinels } from './wrapFocus.js';
+import { wrapFocusWithoutSentinels, wrapFocus } from './wrapFocus.js';
 
 const DIRECTION_LEFT = 'left';
 const DIRECTION_TOP = 'top';

package/es/internal/deprecateFieldOnObject.js

@@ -13,7 +13,7 @@ const deprecateFieldOnObject = (object, field, Component, message) => {
     enumerable: true,
     get: () => {
       if (!didWarnAboutDeprecation[field]) {
-        process.env.NODE_ENV !== "production" ? warning(false, message || `The ${field} field has been deprecated on the ${object.displayName} object. ` + `Please import and use ${Component.displayName || Component.name || 'the field'} directly.`) : void 0;
+        process.env.NODE_ENV !== "production" ? warning(false, `The ${field} field has been deprecated on the ${object.displayName} object. ` + `Please import and use ${Component.displayName || Component.name || 'the field'} directly.`) : void 0;
         didWarnAboutDeprecation[field] = true;
       }
       return Component;

package/es/internal/useEvent.d.ts

@@ -4,6 +4,6 @@
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
-import { type MutableRefObject } from 'react';
-export declare const useEvent: <E extends keyof GlobalEventHandlersEventMap>(elementOrRef: HTMLElement | MutableRefObject<HTMLElement | null>, eventName: E, callback: (event: GlobalEventHandlersEventMap[E]) => void) => void;
+import { RefObject } from 'react';
+export declare const useEvent: <E extends keyof GlobalEventHandlersEventMap>(elementOrRef: HTMLElement | RefObject<Element | null>, eventName: E, callback: (event: GlobalEventHandlersEventMap[E]) => void) => void;
 export declare const useWindowEvent: <E extends keyof WindowEventMap>(eventName: E, callback: (event: WindowEventMap[E]) => void) => void;

package/es/internal/useEvent.js

@@ -13,15 +13,16 @@ const useEvent = (elementOrRef, eventName, callback) => {
     savedCallback.current = callback;
   }, [callback]);
   useEffect(() => {
+    const element = 'current' in elementOrRef ? elementOrRef.current : elementOrRef;
+    if (!element) return;
     const handler = event => {
       if (savedCallback.current) {
         savedCallback.current(event);
       }
     };
-    const element = 'current' in elementOrRef ? elementOrRef.current : elementOrRef;
-    element?.addEventListener(eventName, handler);
+    element.addEventListener(eventName, handler);
     return () => {
-      element?.removeEventListener(eventName, handler);
+      element.removeEventListener(eventName, handler);
     };
   }, [elementOrRef, eventName]);
 };

package/es/internal/useId.d.ts

@@ -0,0 +1,21 @@
+/**
+ * Generate a unique ID for React <=17 with an optional prefix prepended to it.
+ * This is an internal utility, not intended for public usage.
+ * @param {string} [prefix]
+ * @returns {string}
+ */
+export function useCompatibleId(prefix?: string): string;
+/**
+ * Generate a unique id if a given `id` is not provided
+ * This is an internal utility, not intended for public usage.
+ * @param {string|undefined} id
+ * @returns {string}
+ */
+export function useFallbackId(id: string | undefined): string;
+/**
+ * Generate a unique ID for React >=18 with an optional prefix prepended to it.
+ * This is an internal utility, not intended for public usage.
+ * @param {string} [prefix]
+ * @returns {string}
+ */
+export function useId(prefix?: string): string;

package/es/internal/useId.js

@@ -5,12 +5,38 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import React, { useState, useEffect, useLayoutEffect } from 'react';
+import React, { useState, useLayoutEffect, useEffect } from 'react';
 import { setupGetInstanceId } from '../tools/setupGetInstanceId.js';
 import { canUseDOM } from './environment.js';
 import { useIdPrefix } from './useIdPrefix.js';
 
 // This file was heavily inspired by:
+//
+// 1. Reach UI and their work on their auto-id package:
+//    https://github.com/reach/reach-ui/blob/86a046f54d53b6420e392b3fa56dd991d9d4e458/packages/auto-id/src/index.ts
+//
+// 2. Floating UI and their work on react >=18 compatibility
+//    https://github.com/floating-ui/floating-ui/blob/%40floating-ui/utils%400.2.5/packages/react/src/hooks/useId.ts
+//
+// The problem that this solves is an id mismatch when auto-generating
+// ids on both the server and the client. When using server-side rendering,
+// there can be the chance of a mismatch between what the server renders and
+// what the client renders when the id value is auto-generated.
+//
+// To get around this, we set the initial value of the `id` to `null` and then
+// conditionally use `useLayoutEffect` on the client and `useEffect` on the
+// server. On the client, `useLayoutEffect` will patch up the id to the correct
+// value. On the server, `useEffect` will not run.
+//
+// This ensures that we won't encounter a mismatch in ids between server and
+// client, at the cost of runtime patching of the id value in
+// `useLayoutEffect`
+//
+// React 18 introduced a new hook called `useId` that takes care of hydration
+// mismatches. If the user is running React 18 or higher, the native hook is
+// used via the `useReactId` function. If the user is running React 17 or
+// lower, `useCompatibleId` is used.
+
 
 // This tricks bundlers so they can't statically analyze this and produce
 // compilation warnings/errors.

package/es/internal/useOverflowItems.js

@@ -105,12 +105,6 @@ const useOverflowItems = (items, containerRef, offsetRef, maxItems, onChange) =>
 
   // Only call onChange if hidden items actually changed
   useEffect(() => {
-    if (previousHiddenItems && onChange) {
-      const hasChanged = hiddenItems.length !== previousHiddenItems.length || hiddenItems.some((item, index) => item !== previousHiddenItems[index]);
-      if (hasChanged) {
-        onChange(hiddenItems);
-      }
-    }
   }, [hiddenItems, previousHiddenItems, onChange]);
   return {
     visibleItems,

package/es/node_modules/es-toolkit/dist/compat/function/{debounce.mjs.js → debounce.js}

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { debounce as debounce$1 } from '../../function/debounce.mjs.js';
+import { debounce as debounce$1 } from '../../function/debounce.js';
 
 function debounce(func, debounceMs = 0, options = {}) {
     if (typeof options !== 'object') {

package/es/node_modules/es-toolkit/dist/compat/function/{throttle.mjs.js → throttle.js}

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { debounce } from './debounce.mjs.js';
+import { debounce } from './debounce.js';
 
 function throttle(func, throttleMs = 0, options = {}) {
     if (typeof options !== 'object') {

package/es/prop-types/deprecateComponent.d.ts

@@ -0,0 +1 @@
+export default function deprecateComponent(componentName: any, message: any): any;

package/es/prop-types/deprecateComponent.js

@@ -9,12 +9,9 @@ import { warning } from '../internal/warning.js';
 
 const didWarnAboutDeprecation = {};
 function deprecateComponent(componentName, message) {
-  if (!componentName) {
-    return;
-  }
   if (!didWarnAboutDeprecation[componentName]) {
     didWarnAboutDeprecation[componentName] = true;
-    process.env.NODE_ENV !== "production" ? warning(false, message || `The ${componentName} component has been deprecated and will be removed in the next major release.`) : void 0;
+    process.env.NODE_ENV !== "production" ? warning(false, message) : void 0;
   }
   return componentName;
 }

package/es/prop-types/deprecateValuesWithin.d.ts

@@ -0,0 +1 @@
+export default function deprecateValuesWithin(propType: any, allowedValues: any, propMappingFunction: any): (props: any, propName: any, componentName: any, ...rest: any[]) => any;

package/es/prop-types/requiredIfGivenPropIsTruthy.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Copyright IBM Corp. 2016, 2023
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+/**
+ * @param {string} name The name of the prop that must exist to validate
+ * the current prop.
+ * @param {React.Validator} propType The original prop type checker.
+ * @returns {React.Validator} The new prop type checker for the current prop that
+ * becomes required if the prop corresponding to the provided prop name exists.
+ */
+export default function requiredIfGivenPropIsTruthy(name: string, propType: React.Validator): React.Validator;

package/es/tools/mergeRefs.d.ts

@@ -0,0 +1,12 @@
+export default mergeRefs;
+/**
+ * Copyright IBM Corp. 2016, 2023
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+/**
+ * @param {...Ref<Element>} refs List of React refs to merge.
+ * @returns {Ref<Element>} Merged React ref.
+ */
+declare function mergeRefs(...refs: Ref<Element>[]): Ref<Element>;

package/es/tools/mergeRefs.js

@@ -19,6 +19,5 @@ const mergeRefs = (...refs) => el => {
     }
   });
 };
-var mergeRefs$1 = mergeRefs;
 
-export { mergeRefs$1 as default };
+export { mergeRefs as default };

package/icons/index.js

@@ -7,14 +7,12 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var iconsReact = require('@carbon/icons-react');
 
 
 
 Object.keys(iconsReact).forEach(function (k) {
-	if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
+	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
 		enumerable: true,
 		get: function () { return iconsReact[k]; }
 	});

package/lib/_virtual/_rollupPluginBabelHelpers.js

@@ -7,14 +7,12 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 function _defineProperty(e, r, t) {
   return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
     value: t,
-    enumerable: !0,
-    configurable: !0,
-    writable: !0
+    enumerable: true,
+    configurable: true,
+    writable: true
   }) : e[r] = t, e;
 }
 function _extends() {
@@ -30,7 +28,7 @@ function _toPrimitive(t, r) {
   if ("object" != typeof t || !t) return t;
   var e = t[Symbol.toPrimitive];
   if (void 0 !== e) {
-    var i = e.call(t, r || "default");
+    var i = e.call(t, r);
     if ("object" != typeof i) return i;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
@@ -42,6 +40,6 @@ function _toPropertyKey(t) {
 }
 
 exports.defineProperty = _defineProperty;
-exports["extends"] = _extends;
+exports.extends = _extends;
 exports.toPrimitive = _toPrimitive;
 exports.toPropertyKey = _toPropertyKey;