@carbon/react 1.81.0-rc.0 → 1.82.0-rc.0

package/lib/components/AILabel/index.js

@@ -17,7 +17,7 @@ var React = require('react');
 var usePrefix = require('../../internal/usePrefix.js');
 var index = require('../Toggletip/index.js');
 var index$1 = require('../IconButton/index.js');
-var createPropAdapter = require('../../tools/createPropAdapter.js');
+var mapPopoverAlign = require('../../tools/mapPopoverAlign.js');
 var iconsReact = require('@carbon/icons-react');
 var useId = require('../../internal/useId.js');
 var deprecate = require('../../prop-types/deprecate.js');
@@ -90,9 +90,6 @@ AILabelActions.propTypes = {
  * @deprecated Use NewPopoverAlignment instead.
  */
 
-const propMappingFunction = deprecatedValue => {
-  return createPropAdapter.mapPopoverAlignProp(deprecatedValue);
-};
 const AILabel = /*#__PURE__*/React__default["default"].forwardRef(function AILabel(_ref3, ref) {
   let {
     aiText = 'AI',
@@ -191,11 +188,7 @@ AILabel.propTypes = {
   // deprecated use right-start instead
 
   // new values to match floating-ui
-  'top-start', 'top-end', 'bottom-start', 'bottom-end', 'left-end', 'left-start', 'right-end', 'right-start']),
-  //allowed prop values
-  ['top', 'top-start', 'top-end', 'bottom', 'bottom-start', 'bottom-end', 'left', 'left-start', 'left-end', 'right', 'right-start', 'right-end'],
-  //optional mapper function
-  propMappingFunction),
+  'top-start', 'top-end', 'bottom-start', 'bottom-end', 'left-end', 'left-start', 'right-end', 'right-start']), ['top', 'top-start', 'top-end', 'bottom', 'bottom-start', 'bottom-end', 'left', 'left-start', 'left-end', 'right', 'right-start', 'right-end'], mapPopoverAlign.mapPopoverAlign),
   /**
    * Specify the text that will be provided to the aria-label of the `AILabel` button
    */

package/lib/components/Breadcrumb/Breadcrumb.d.ts

@@ -1,11 +1,10 @@
 /**
- * Copyright IBM Corp. 2016, 2023
+ * Copyright IBM Corp. 2016, 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.
  */
 import React from 'react';
-import { ForwardRefReturn } from '../../types/common';
 export interface BreadcrumbProps extends React.HTMLAttributes<HTMLElement> {
     /**
      * Specify the label for the breadcrumb container
@@ -25,5 +24,5 @@ export interface BreadcrumbProps extends React.HTMLAttributes<HTMLElement> {
      */
     size?: 'sm' | 'md';
 }
-declare const Breadcrumb: ForwardRefReturn<HTMLElement, BreadcrumbProps>;
+declare const Breadcrumb: React.ForwardRefExoticComponent<BreadcrumbProps & React.RefAttributes<HTMLElement>>;
 export default Breadcrumb;

package/lib/components/Breadcrumb/Breadcrumb.js

@@ -21,15 +21,15 @@ var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 
-const Breadcrumb = /*#__PURE__*/React__default["default"].forwardRef(function Breadcrumb(_ref, ref) {
-  let {
+const Breadcrumb = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const {
     'aria-label': ariaLabel,
     children,
     className: customClassNameNav,
     noTrailingSlash,
     size,
     ...rest
-  } = _ref;
+  } = props;
   const prefix = usePrefix.usePrefix();
   const className = cx__default["default"]({
     [`${prefix}--breadcrumb`]: true,

package/lib/components/Breadcrumb/BreadcrumbItem.d.ts

@@ -1,11 +1,10 @@
 /**
- * Copyright IBM Corp. 2016, 2023
+ * Copyright IBM Corp. 2016, 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.
  */
-import React, { AriaAttributes } from 'react';
-import { ForwardRefReturn } from '../../types/common';
+import React, { type AriaAttributes } from 'react';
 export interface BreadcrumbItemProps extends React.HTMLAttributes<HTMLLIElement> {
     'aria-current'?: AriaAttributes['aria-current'];
     /**
@@ -21,5 +20,5 @@ export interface BreadcrumbItemProps extends React.HTMLAttributes<HTMLLIElement>
      */
     isCurrentPage?: boolean;
 }
-declare const BreadcrumbItem: ForwardRefReturn<HTMLLIElement, BreadcrumbItemProps>;
+declare const BreadcrumbItem: React.ForwardRefExoticComponent<BreadcrumbItemProps & React.RefAttributes<HTMLLIElement>>;
 export default BreadcrumbItem;

package/lib/components/Breadcrumb/BreadcrumbItem.js

@@ -25,15 +25,16 @@ var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 
-const BreadcrumbItem = /*#__PURE__*/React__default["default"].forwardRef(function BreadcrumbItem(_ref, ref) {
-  let {
+const frFn = React.forwardRef;
+const BreadcrumbItem = frFn((props, ref) => {
+  const {
     'aria-current': ariaCurrent,
     children,
     className: customClassName = '',
     href,
     isCurrentPage,
     ...rest
-  } = _ref;
+  } = props;
   const prefix = usePrefix.usePrefix();
   const className = cx__default["default"]({
     [`${prefix}--breadcrumb-item`]: true,

package/lib/components/Button/Button.js

@@ -13,7 +13,6 @@ var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelper
 var PropTypes = require('prop-types');
 var React = require('react');
 var index = require('../IconButton/index.js');
-var events = require('../../tools/events.js');
 var ButtonBase = require('./ButtonBase.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -32,7 +31,6 @@ function isIconOnlyButton(hasIconOnly, _kind) {
   return false;
 }
 const Button = /*#__PURE__*/React__default["default"].forwardRef((props, ref) => {
-  const tooltipRef = React.useRef(null);
   const {
     as,
     autoAlign = false,
@@ -56,12 +54,6 @@ const Button = /*#__PURE__*/React__default["default"].forwardRef((props, ref) =>
   if (ButtonImageElement && !children && !iconDescription) {
     console.error('Button: renderIcon property specified without also providing an iconDescription property. ' + 'This may impact accessibility for screen reader users.');
   }
-  const handleClick = evt => {
-    // Prevent clicks on the tooltip from triggering the button click event
-    if (evt.target === tooltipRef.current) {
-      evt.preventDefault();
-    }
-  };
   const iconOnlyImage = !ButtonImageElement ? null : /*#__PURE__*/React__default["default"].createElement(ButtonImageElement, null);
   if (!isIconOnlyButton(hasIconOnly)) {
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
@@ -112,7 +104,7 @@ const Button = /*#__PURE__*/React__default["default"].forwardRef((props, ref) =>
         onFocus: onFocus,
         onBlur: onBlur,
         autoAlign: autoAlign,
-        onClick: events.composeEventHandlers([onClick, handleClick]),
+        onClick: onClick,
         renderIcon: iconOnlyImage ? null : ButtonImageElement // avoid doubling the icon.
       }), iconOnlyImage ?? children)
     );

package/lib/components/ButtonSet/ButtonSet.d.ts

@@ -1,11 +1,10 @@
 /**
- * Copyright IBM Corp. 2016, 2023
+ * Copyright IBM Corp. 2016, 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.
  */
 import React from 'react';
-import { ForwardRefReturn } from '../../types/common';
 export interface ButtonSetProps extends React.HTMLAttributes<HTMLDivElement> {
     /**
      * Specify the button arrangement of the set (vertically stacked or
@@ -13,5 +12,5 @@ export interface ButtonSetProps extends React.HTMLAttributes<HTMLDivElement> {
      */
     stacked?: boolean;
 }
-declare const ButtonSet: ForwardRefReturn<HTMLDivElement, ButtonSetProps>;
+declare const ButtonSet: React.ForwardRefExoticComponent<ButtonSetProps & React.RefAttributes<HTMLDivElement>>;
 export default ButtonSet;

package/lib/components/ButtonSet/ButtonSet.js

@@ -21,13 +21,13 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 
-const ButtonSet = /*#__PURE__*/React__default["default"].forwardRef(function ButtonSet(_ref, ref) {
-  let {
+const ButtonSet = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const {
     children,
     className,
     stacked,
     ...rest
-  } = _ref;
+  } = props;
   const prefix = usePrefix.usePrefix();
   const buttonSetClasses = cx__default["default"](className, `${prefix}--btn-set`, {
     [`${prefix}--btn-set--stacked`]: stacked

package/lib/components/CodeSnippet/CodeSnippet.d.ts

@@ -1,5 +1,5 @@
 /**
- * Copyright IBM Corp. 2016, 2023
+ * Copyright IBM Corp. 2016, 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.

package/lib/components/CodeSnippet/CodeSnippet.js

@@ -24,6 +24,7 @@ var copy = require('copy-to-clipboard');
 var deprecate = require('../../prop-types/deprecate.js');
 var usePrefix = require('../../internal/usePrefix.js');
 var deprecateValuesWithin = require('../../prop-types/deprecateValuesWithin.js');
+var mapPopoverAlign = require('../../tools/mapPopoverAlign.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -38,19 +39,6 @@ const defaultMaxCollapsedNumberOfRows = 15;
 const defaultMaxExpandedNumberOfRows = 0;
 const defaultMinCollapsedNumberOfRows = 3;
 const defaultMinExpandedNumberOfRows = 16;
-const propMappingFunction = deprecatedValue => {
-  const mapping = {
-    'top-left': 'top-start',
-    'top-right': 'top-end',
-    'bottom-left': 'bottom-start',
-    'bottom-right': 'bottom-end',
-    'left-bottom': 'left-end',
-    'left-top': 'left-start',
-    'right-bottom': 'right-end',
-    'right-top': 'right-start'
-  };
-  return mapping[deprecatedValue];
-};
 function CodeSnippet(_ref) {
   let {
     align = 'bottom',
@@ -81,7 +69,7 @@ function CodeSnippet(_ref) {
   const [shouldShowMoreLessBtn, setShouldShowMoreLessBtn] = React.useState(false);
   const {
     current: uid
-  } = React.useRef(uniqueId["default"]());
+  } = React.useRef(uniqueId.uniqueId());
   const codeContentRef = React.useRef(null);
   const codeContainerRef = React.useRef(null);
   const innerCodeRef = React.useRef(null);
@@ -281,11 +269,7 @@ CodeSnippet.propTypes = {
   // deprecated use right-start instead
 
   // new values to match floating-ui
-  'top-start', 'top-end', 'bottom-start', 'bottom-end', 'left-end', 'left-start', 'right-end', 'right-start']),
-  //allowed prop values
-  ['top', 'top-start', 'top-end', 'bottom', 'bottom-start', 'bottom-end', 'left', 'left-start', 'left-end', 'right', 'right-start', 'right-end'],
-  //optional mapper function
-  propMappingFunction),
+  'top-start', 'top-end', 'bottom-start', 'bottom-end', 'left-end', 'left-start', 'right-end', 'right-start']), ['top', 'top-start', 'top-end', 'bottom', 'bottom-start', 'bottom-end', 'left', 'left-start', 'left-end', 'right', 'right-start', 'right-end'], mapPopoverAlign.mapPopoverAlign),
   /**
    * Specify a label to be read by screen readers on the containing textbox
    * node

package/lib/components/ComboBox/ComboBox.d.ts

@@ -6,7 +6,7 @@
  */
 import { UseComboboxProps, UseComboboxActions } from 'downshift';
 import React, { type ReactNode, type ComponentType, type ReactElement, type RefAttributes, type PropsWithChildren, type PropsWithRef, type InputHTMLAttributes, type MouseEvent } from 'react';
-import { ListBoxSize } from '../ListBox';
+import { type ListBoxSize } from '../ListBox';
 import { TranslateWithId } from '../../types/common';
 type ExcludedAttributes = 'id' | 'onChange' | 'onClick' | 'type' | 'size';
 export interface OnChangeData<ItemType> {

package/lib/components/ComboBox/ComboBox.js

@@ -48,7 +48,9 @@ const {
   ItemMouseMove,
   InputKeyDownArrowUp,
   InputKeyDownArrowDown,
-  MenuMouseLeave
+  MenuMouseLeave,
+  ItemClick,
+  FunctionSelectItem
 } = Downshift.useCombobox.stateChangeTypes;
 const defaultItemToString = item => {
   if (typeof item === 'string') {
@@ -219,6 +221,8 @@ const ComboBox = /*#__PURE__*/React.forwardRef((props, ref) => {
       prevInputLengthRef.current = inputValue.length;
     }
   }, [typeahead, inputValue, items, itemToString, autocompleteCustomFilter]);
+  const isManualClearingRef = React.useRef(false);
+  const [isClearing, setIsClearing] = React.useState(false);
   const prefix = usePrefix.usePrefix();
   const {
     isFluid
@@ -228,6 +232,14 @@ const ComboBox = /*#__PURE__*/React.forwardRef((props, ref) => {
   const [isFocused, setIsFocused] = React.useState(false);
   const prevInputValue = React.useRef(inputValue);
   const prevSelectedItemProp = React.useRef(selectedItemProp);
+  React.useEffect(() => {
+    isManualClearingRef.current = isClearing;
+
+    // Reset flag after render cycle
+    if (isClearing) {
+      setIsClearing(false);
+    }
+  }, [isClearing]);
 
   // fully controlled combobox: handle changes to selectedItemProp
   React.useEffect(() => {
@@ -313,31 +325,38 @@ const ComboBox = /*#__PURE__*/React.forwardRef((props, ref) => {
         }
       case InputKeyDownEnter:
         if (!allowCustomValue) {
-          const highlightedIndex = indexToHighlight(inputValue);
-          const matchingItem = items[highlightedIndex];
-          if (matchingItem) {
-            // Prevent matching items that are marked as `disabled` from
-            // being selected.
-            if (matchingItem.disabled) {
-              return state;
+          if (state.highlightedIndex !== -1) {
+            const filteredList = filterItems(items, itemToString, inputValue);
+            const highlightedItem = filteredList[state.highlightedIndex];
+            if (highlightedItem && !highlightedItem.disabled) {
+              return {
+                ...changes,
+                selectedItem: highlightedItem,
+                inputValue: itemToString(highlightedItem)
+              };
+            }
+          } else {
+            const autoIndex = indexToHighlight(inputValue);
+            if (autoIndex !== -1) {
+              const matchingItem = items[autoIndex];
+              if (matchingItem && !matchingItem.disabled) {
+                return {
+                  ...changes,
+                  selectedItem: matchingItem,
+                  inputValue: itemToString(matchingItem)
+                };
+              }
             }
 
-            // Select the matching item.
-            return {
-              ...changes,
-              selectedItem: matchingItem,
-              inputValue: itemToString(matchingItem)
-            };
-          }
-
-          // If no matching item is found and there is an existing
-          // selection, clear the selection.
-          if (state.selectedItem !== null) {
-            return {
-              ...changes,
-              selectedItem: null,
-              inputValue
-            };
+            // If no matching item is found and there is an existing
+            // selection, clear the selection.
+            if (state.selectedItem !== null) {
+              return {
+                ...changes,
+                selectedItem: null,
+                inputValue
+              };
+            }
           }
         }
 
@@ -502,13 +521,10 @@ const ComboBox = /*#__PURE__*/React.forwardRef((props, ref) => {
         type,
         selectedItem: newSelectedItem
       });
-      if (type === Downshift.useCombobox.stateChangeTypes.ItemClick && !isEqual__default["default"](selectedItemProp, newSelectedItem)) {
-        onChange({
-          selectedItem: newSelectedItem
-        });
+      if (isManualClearingRef.current) {
+        return;
       }
-      if ((type === Downshift.useCombobox.stateChangeTypes.FunctionSelectItem || type === Downshift.useCombobox.stateChangeTypes.InputKeyDownEnter) && !isEqual__default["default"](selectedItemProp, newSelectedItem) // Only fire if there's an actual change
-      ) {
+      if ((type === ItemClick || type === FunctionSelectItem || type === InputKeyDownEnter) && typeof newSelectedItem !== 'undefined' && !isEqual__default["default"](selectedItemProp, newSelectedItem)) {
         onChange({
           selectedItem: newSelectedItem
         });
@@ -701,7 +717,13 @@ const ComboBox = /*#__PURE__*/React.forwardRef((props, ref) => {
     className: `${prefix}--list-box__invalid-icon ${prefix}--list-box__invalid-icon--warning`
   }), inputValue && /*#__PURE__*/React__default["default"].createElement(ListBoxSelection["default"], {
     clearSelection: () => {
+      setIsClearing(true); // This updates the state which syncs to the ref
+      setInputValue('');
+      onChange({
+        selectedItem: null
+      });
       selectItem(null);
+      handleSelectionClear();
     },
     translateWithId: translateWithId,
     disabled: disabled || readOnly,
@@ -895,7 +917,7 @@ ComboBox.propTypes = {
   /**
    * Specify the size of the ListBox. Currently supports either `sm`, `md` or `lg` as an option.
    */
-  size: ListBoxPropTypes.ListBoxSize,
+  size: ListBoxPropTypes.ListBoxSizePropType,
   slug: deprecate["default"](PropTypes__default["default"].node, 'The `slug` prop has been deprecated and will be removed in the next major version. Use the decorator prop instead.'),
   /**
    * Provide text to be used in a `<label>` element that is tied to the

package/lib/components/ComboButton/index.d.ts

@@ -1,5 +1,5 @@
 /**
- * Copyright IBM Corp. 2023
+ * Copyright IBM Corp. 2023, 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.

package/lib/components/ComboButton/index.js

@@ -26,6 +26,7 @@ var react = require('@floating-ui/react');
 var index = require('../FeatureFlags/index.js');
 var mergeRefs = require('../../tools/mergeRefs.js');
 var deprecateValuesWithin = require('../../prop-types/deprecateValuesWithin.js');
+var mapPopoverAlign = require('../../tools/mapPopoverAlign.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -42,19 +43,6 @@ const defaultTranslations = {
  * Message ids that will be passed to translateWithId().
  */
 
-const propMappingFunction = deprecatedValue => {
-  const mapping = {
-    'top-left': 'top-start',
-    'top-right': 'top-end',
-    'bottom-left': 'bottom-start',
-    'bottom-right': 'bottom-end',
-    'left-bottom': 'left-end',
-    'left-top': 'left-start',
-    'right-bottom': 'right-end',
-    'right-top': 'right-start'
-  };
-  return mapping[deprecatedValue];
-};
 function defaultTranslateWithId(messageId) {
   return defaultTranslations[messageId];
 }
@@ -234,11 +222,7 @@ ComboButton.propTypes = {
   // deprecated use right-start instead
 
   // new values to match floating-ui
-  'top-start', 'top-end', 'bottom-start', 'bottom-end', 'left-end', 'left-start', 'right-end', 'right-start']),
-  //allowed prop values
-  ['top', 'top-start', 'top-end', 'bottom', 'bottom-start', 'bottom-end', 'left', 'left-start', 'left-end', 'right', 'right-start', 'right-end'],
-  //optional mapper function
-  propMappingFunction),
+  'top-start', 'top-end', 'bottom-start', 'bottom-end', 'left-end', 'left-start', 'right-end', 'right-start']), ['top', 'top-start', 'top-end', 'bottom', 'bottom-start', 'bottom-end', 'left', 'left-start', 'left-end', 'right', 'right-start', 'right-end'], mapPopoverAlign.mapPopoverAlign),
   /**
    * Optional method that takes in a message id and returns an
    * internationalized string.

package/lib/components/ComposedModal/ComposedModal.js

@@ -175,10 +175,12 @@ const ComposedModal = /*#__PURE__*/React__default["default"].forwardRef(function
     onMouseDownTarget.current = target;
   }
   function handleOnClick(evt) {
-    const target = evt.target;
+    const {
+      target
+    } = evt;
     const mouseDownTarget = onMouseDownTarget.current;
     evt.stopPropagation();
-    if (!preventCloseOnClickOutside && !wrapFocus.elementOrParentIsFloatingMenu(target, selectorsFloatingMenus) && innerModal.current && !innerModal.current.contains(target) && !innerModal.current.contains(mouseDownTarget)) {
+    if (!preventCloseOnClickOutside && target instanceof Node && !wrapFocus.elementOrParentIsFloatingMenu(target, selectorsFloatingMenus) && innerModal.current && !innerModal.current.contains(target) && !innerModal.current.contains(mouseDownTarget)) {
       closeModal(evt);
     }
   }
@@ -197,7 +199,7 @@ const ComposedModal = /*#__PURE__*/React__default["default"].forwardRef(function
       const {
         current: endSentinelNode
       } = endSentinel;
-      wrapFocus["default"]({
+      wrapFocus.wrapFocus({
         bodyNode,
         startTrapNode: startSentinelNode,
         endTrapNode: endSentinelNode,

package/lib/components/Copy/Copy.d.ts

@@ -1,5 +1,5 @@
 /**
- * Copyright IBM Corp. 2016, 2023
+ * Copyright IBM Corp. 2016, 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.

package/lib/components/Copy/Copy.js

@@ -18,6 +18,7 @@ var usePrefix = require('../../internal/usePrefix.js');
 var index = require('../IconButton/index.js');
 var noopFn = require('../../internal/noopFn.js');
 var deprecateValuesWithin = require('../../prop-types/deprecateValuesWithin.js');
+var mapPopoverAlign = require('../../tools/mapPopoverAlign.js');
 var debounce = require('../../node_modules/es-toolkit/dist/compat/function/debounce.mjs.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -26,19 +27,6 @@ var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 
-const propMappingFunction = deprecatedValue => {
-  const mapping = {
-    'top-left': 'top-start',
-    'top-right': 'top-end',
-    'bottom-left': 'bottom-start',
-    'bottom-right': 'bottom-end',
-    'left-bottom': 'left-end',
-    'left-top': 'left-start',
-    'right-bottom': 'right-end',
-    'right-top': 'right-start'
-  };
-  return mapping[deprecatedValue];
-};
 function Copy(_ref) {
   let {
     align = 'bottom',
@@ -111,11 +99,7 @@ Copy.propTypes = {
   // deprecated use right-start instead
 
   // new values to match floating-ui
-  'top-start', 'top-end', 'bottom-start', 'bottom-end', 'left-end', 'left-start', 'right-end', 'right-start']),
-  //allowed prop values
-  ['top', 'top-start', 'top-end', 'bottom', 'bottom-start', 'bottom-end', 'left', 'left-start', 'left-end', 'right', 'right-start', 'right-end'],
-  //optional mapper function
-  propMappingFunction),
+  'top-start', 'top-end', 'bottom-start', 'bottom-end', 'left-end', 'left-start', 'right-end', 'right-start']), ['top', 'top-start', 'top-end', 'bottom', 'bottom-start', 'bottom-end', 'left', 'left-start', 'left-end', 'right', 'right-start', 'right-end'], mapPopoverAlign.mapPopoverAlign),
   /**
    * **Experimental**: Will attempt to automatically align the tooltip
    */

package/lib/components/CopyButton/CopyButton.d.ts

@@ -1,5 +1,5 @@
 /**
- * Copyright IBM Corp. 2016, 2023
+ * Copyright IBM Corp. 2016, 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.

package/lib/components/CopyButton/CopyButton.js

@@ -19,6 +19,7 @@ var index = require('../Layout/index.js');
 var usePrefix = require('../../internal/usePrefix.js');
 var noopFn = require('../../internal/noopFn.js');
 var deprecateValuesWithin = require('../../prop-types/deprecateValuesWithin.js');
+var mapPopoverAlign = require('../../tools/mapPopoverAlign.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -26,19 +27,6 @@ var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 
-const propMappingFunction = deprecatedValue => {
-  const mapping = {
-    'top-left': 'top-start',
-    'top-right': 'top-end',
-    'bottom-left': 'bottom-start',
-    'bottom-right': 'bottom-end',
-    'left-bottom': 'left-end',
-    'left-top': 'left-start',
-    'right-bottom': 'right-end',
-    'right-top': 'right-start'
-  };
-  return mapping[deprecatedValue];
-};
 function CopyButton(_ref) {
   let {
     align = 'bottom',
@@ -93,11 +81,7 @@ CopyButton.propTypes = {
   // deprecated use right-start instead
 
   // new values to match floating-ui
-  'top-start', 'top-end', 'bottom-start', 'bottom-end', 'left-end', 'left-start', 'right-end', 'right-start']),
-  //allowed prop values
-  ['top', 'top-start', 'top-end', 'bottom', 'bottom-start', 'bottom-end', 'left', 'left-start', 'left-end', 'right', 'right-start', 'right-end'],
-  //optional mapper function
-  propMappingFunction),
+  'top-start', 'top-end', 'bottom-start', 'bottom-end', 'left-end', 'left-start', 'right-end', 'right-start']), ['top', 'top-start', 'top-end', 'bottom', 'bottom-start', 'bottom-end', 'left', 'left-start', 'left-end', 'right', 'right-start', 'right-end'], mapPopoverAlign.mapPopoverAlign),
   /**
    * **Experimental**: Will attempt to automatically align the tooltip
    */

package/lib/components/DataTable/DataTable.d.ts

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 import PropTypes from 'prop-types';
-import React from 'react';
+import React, { type MouseEvent } from 'react';
 import type { DataTableSortState } from './state/sortStates';
 import Table from './Table';
 import TableActionList from './TableActionList';
@@ -125,7 +125,7 @@ export interface DataTableRenderProps<RowType, ColTypes extends any[]> {
         [key: string]: unknown;
     };
     getSelectionProps: (getSelectionPropsArgs?: {
-        onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
+        onClick?: (e: MouseEvent<HTMLInputElement, globalThis.MouseEvent>) => void;
         row: DataTableRow<ColTypes>;
         [key: string]: unknown;
     }) => {
@@ -381,7 +381,7 @@ declare class DataTable<RowType, ColTypes extends any[]> extends React.Component
         'aria-label': any;
         'aria-controls': string;
         isExpanded: boolean;
-        onExpand: any;
+        onExpand: (event: React.MouseEvent<HTMLButtonElement, globalThis.MouseEvent>, ...args: any[]) => void;
     };
     /**
      * Decorate consumer's `onClick` event handler with sort parameters
@@ -413,7 +413,7 @@ declare class DataTable<RowType, ColTypes extends any[]> extends React.Component
         [key: string]: unknown;
     }) => {
         key: string;
-        onExpand: any;
+        onExpand: (event: React.MouseEvent<HTMLButtonElement, globalThis.MouseEvent>, ...args: any[]) => void;
         isExpanded: boolean | undefined;
         'aria-label': any;
         'aria-controls': string;
@@ -437,19 +437,14 @@ declare class DataTable<RowType, ColTypes extends any[]> extends React.Component
      * Gets the props associated with selection for a header or a row, where
      * applicable. Most often used to indicate selection status of the table or
      * for a specific row.
-     *
-     * @param {object} [row] an optional row that we want to access the props for
-     * @param {Function} row.onClick
-     * @param {object} row.row
-     * @returns {object}
      */
     getSelectionProps: ({ onClick, row, ...rest }?: {
         [key: string]: unknown;
-        onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
+        onClick?: (e: MouseEvent<HTMLInputElement, globalThis.MouseEvent>) => void;
         row: DataTableRow<ColTypes>;
     }) => {
         checked: boolean | undefined;
-        onSelect: any;
+        onSelect: (event: React.MouseEvent<HTMLInputElement, globalThis.MouseEvent>, ...args: any[]) => void;
         id: string;
         name: string;
         'aria-label': any;
@@ -461,7 +456,7 @@ declare class DataTable<RowType, ColTypes extends any[]> extends React.Component
         id: string;
         indeterminate: boolean;
         name: string;
-        onSelect: any;
+        onSelect: (event: React.MouseEvent<HTMLInputElement, globalThis.MouseEvent>, ...args: any[]) => void;
     };
     getToolbarProps: (props?: {}) => {
         size: "sm" | undefined;

package/lib/components/DataTable/DataTable.js

@@ -243,11 +243,6 @@ class DataTable extends React__default["default"].Component {
      * Gets the props associated with selection for a header or a row, where
      * applicable. Most often used to indicate selection status of the table or
      * for a specific row.
-     *
-     * @param {object} [row] an optional row that we want to access the props for
-     * @param {Function} row.onClick
-     * @param {object} row.row
-     * @returns {object}
      */
     _rollupPluginBabelHelpers.defineProperty(this, "getSelectionProps", function () {
       let {