@carbon/react 1.65.0 → 1.66.0

package/es/index.js

@@ -159,6 +159,8 @@ export { default as SideNavMenuItem } from './components/UIShell/SideNavMenuItem
 export { default as SideNavSwitcher } from './components/UIShell/SideNavSwitcher.js';
 export { default as UnorderedList } from './components/UnorderedList/UnorderedList.js';
 export { FeatureFlags as unstable_FeatureFlags, useFeatureFlag as unstable_useFeatureFlag, useFeatureFlags as unstable_useFeatureFlags } from './components/FeatureFlags/index.js';
+export { default as unstable__FluidTextArea } from './components/FluidTextArea/FluidTextArea.js';
+export { default as unstable__FluidTextAreaSkeleton } from './components/FluidTextArea/FluidTextArea.Skeleton.js';
 export { Heading, Section } from './components/Heading/index.js';
 export { IconButton, IconButtonKinds } from './components/IconButton/index.js';
 export { Layer, useLayer } from './components/Layer/index.js';
@@ -167,6 +169,8 @@ export { OverflowMenuV2 as unstable_OverflowMenuV2 } from './components/Overflow
 export { Popover, PopoverContent } from './components/Popover/index.js';
 export { default as ProgressBar } from './components/ProgressBar/ProgressBar.js';
 export { AILabel, AILabelActions, AILabelContent, AILabel as unstable__Slug, AILabelActions as unstable__SlugActions, AILabelContent as unstable__SlugContent } from './components/AILabel/index.js';
+export { default as unstable__ChatButton } from './components/ChatButton/ChatButton.js';
+export { default as unstable__ChatButtonSkeleton } from './components/ChatButton/ChatButton.Skeleton.js';
 export { default as AISkeletonPlaceholder, default as unstable__AiSkeletonPlaceholder } from './components/AISkeleton/AISkeletonPlaceholder.js';
 export { default as AISkeletonIcon, default as unstable__AiSkeletonIcon } from './components/AISkeleton/AISkeletonIcon.js';
 export { default as AISkeletonText, default as unstable__AiSkeletonText } from './components/AISkeleton/AISkeletonText.js';
@@ -178,8 +182,6 @@ export { PrefixContext, usePrefix } from './internal/usePrefix.js';
 export { useIdPrefix } from './internal/useIdPrefix.js';
 export { default as unstable__FluidDatePickerSkeleton } from './components/FluidDatePicker/FluidDatePicker.Skeleton.js';
 export { default as unstable__FluidSearchSkeleton } from './components/FluidSearch/FluidSearch.Skeleton.js';
-export { default as unstable__FluidTextArea } from './components/FluidTextArea/FluidTextArea.js';
-export { default as unstable__FluidTextAreaSkeleton } from './components/FluidTextArea/FluidTextArea.Skeleton.js';
 export { default as unstable__FluidTextInput } from './components/FluidTextInput/FluidTextInput.js';
 export { default as unstable__FluidTextInputSkeleton } from './components/FluidTextInput/FluidTextInput.Skeleton.js';
 export { default as unstable_PageSelector } from './components/Pagination/experimental/PageSelector.js';
@@ -206,8 +208,6 @@ export { default as unstable__FluidTimePickerSkeleton } from './components/Fluid
 export { default as unstable__FluidTimePickerSelect } from './components/FluidTimePickerSelect/FluidTimePickerSelect.js';
 export { LayoutDirection as unstable_LayoutDirection } from './components/LayoutDirection/LayoutDirection.js';
 export { useLayoutDirection as unstable_useLayoutDirection } from './components/LayoutDirection/useLayoutDirection.js';
-export { default as unstable__ChatButton } from './components/ChatButton/ChatButton.js';
-export { default as unstable__ChatButtonSkeleton } from './components/ChatButton/ChatButton.Skeleton.js';
 export { Text as unstable_Text } from './components/Text/Text.js';
 export { TextDirection as unstable_TextDirection } from './components/Text/TextDirection.js';
 export { default as CheckboxGroup } from './components/CheckboxGroup/CheckboxGroup.js';

package/es/internal/Selection.js

@@ -33,7 +33,9 @@ function useSelection(_ref2) {
     disabled,
     onChange,
     initialSelectedItems = [],
-    selectedItems: controlledItems
+    selectedItems: controlledItems,
+    selectAll = false,
+    filteredItems = []
   } = _ref2;
   const isMounted = useRef(false);
   const savedOnChange = useRef(onChange);
@@ -44,25 +46,35 @@ function useSelection(_ref2) {
     if (disabled) {
       return;
     }
-    let selectedIndex;
-    selectedItems.forEach((selectedItem, index) => {
-      if (isEqual(selectedItem, item)) {
-        selectedIndex = index;
-      }
-    });
+    const allSelectableItems = filteredItems.filter(item => !item.disabled);
+    const disabledItemCount = filteredItems.filter(item => item.disabled).length;
     let newSelectedItems;
-    if (selectedIndex === undefined) {
-      newSelectedItems = selectedItems.concat(item);
-      callOnChangeHandler({
-        isControlled,
-        isMounted: isMounted.current,
-        onChangeHandlerControlled: savedOnChange.current,
-        onChangeHandlerUncontrolled: setUncontrolledItems,
-        selectedItems: newSelectedItems
+
+    //deselect all on click to All/indeterminate option
+    if (item && item.isSelectAll && selectedItems.length > 0) {
+      newSelectedItems = [];
+    }
+    //select all option
+    else if (item && item.isSelectAll && selectedItems.length == 0) {
+      newSelectedItems = allSelectableItems;
+    } else {
+      let selectedIndex;
+      selectedItems.forEach((selectedItem, index) => {
+        if (isEqual(selectedItem, item)) {
+          selectedIndex = index;
+        }
       });
-      return;
+      if (selectedIndex === undefined) {
+        newSelectedItems = selectedItems.concat(item);
+        // checking if all items are selected then We should select mark the 'select All' option as well
+        if (selectAll && filteredItems.length - 1 === newSelectedItems.length + disabledItemCount) {
+          newSelectedItems = allSelectableItems;
+        }
+      } else {
+        newSelectedItems = removeAtIndex(selectedItems, selectedIndex);
+        newSelectedItems = newSelectedItems.filter(item => !item.isSelectAll);
+      }
     }
-    newSelectedItems = removeAtIndex(selectedItems, selectedIndex);
     callOnChangeHandler({
       isControlled,
       isMounted: isMounted.current,
@@ -70,7 +82,7 @@ function useSelection(_ref2) {
       onChangeHandlerUncontrolled: setUncontrolledItems,
       selectedItems: newSelectedItems
     });
-  }, [disabled, isControlled, selectedItems]);
+  }, [disabled, selectedItems, filteredItems, selectAll, isControlled]);
   const clearSelection = useCallback(() => {
     if (disabled) {
       return;

package/es/internal/useMergedRefs.d.ts

@@ -10,4 +10,4 @@ import { Ref, ForwardedRef } from 'react';
  * refs from both `React.forwardRef` and `useRef` that you would like to add to
  * the same node.
  */
-export declare const useMergedRefs: <T>(refs: ForwardedRef<T>[]) => Ref<T>;
+export declare const useMergedRefs: <T extends unknown>(refs: ForwardedRef<T>[]) => Ref<T>;

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

@@ -0,0 +1,37 @@
+/**
+ * Copyright IBM Corp. 2016, 2024
+ *
+ * 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';
+export type AILabelContentProps = React.HTMLAttributes<HTMLSpanElement>;
+export declare const AILabelContent: React.ForwardRefExoticComponent<AILabelContentProps & React.RefAttributes<unknown>>;
+export type AILabelActionsProps = React.HTMLAttributes<HTMLSpanElement>;
+export declare const AILabelActions: React.ForwardRefExoticComponent<AILabelActionsProps & React.RefAttributes<unknown>>;
+/**
+ * Deprecated popover alignment values.
+ * @deprecated Use NewPopoverAlignment instead.
+ */
+export type DeprecatedAlignment = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'left-bottom' | 'left-top' | 'right-bottom' | 'right-top';
+export type NewAlignment = 'top' | 'bottom' | 'left' | 'right' | 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end' | 'left-end' | 'left-start' | 'right-end' | 'right-start';
+export type Alignment = DeprecatedAlignment | NewAlignment;
+interface AILabelProps {
+    AILabelContent?: React.ReactNode;
+    aiText?: string;
+    aiTextLabel?: string;
+    textLabel?: string;
+    align?: Alignment;
+    autoAlign?: boolean;
+    children?: React.ReactNode;
+    className?: string;
+    kind?: 'default' | 'inline';
+    onRevertClick?: (evt: React.MouseEvent<HTMLButtonElement>) => void;
+    revertActive?: boolean;
+    revertLabel?: string;
+    size?: 'mini' | '2xs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    'aria-label'?: string;
+    slugLabel?: string;
+}
+export declare const AILabel: React.ForwardRefExoticComponent<AILabelProps & React.RefAttributes<HTMLDivElement>>;
+export {};

package/lib/components/AILabel/index.js

@@ -12,10 +12,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var cx = require('classnames');
 var PropTypes = require('prop-types');
+var deprecateValuesWithin = require('../../prop-types/deprecateValuesWithin.js');
 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 iconsReact = require('@carbon/icons-react');
 var useId = require('../../internal/useId.js');
 var deprecate = require('../../prop-types/deprecate.js');
@@ -29,11 +31,15 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var _Undo;
 const AILabelContent = /*#__PURE__*/React__default["default"].forwardRef(function AILabelContent(_ref, ref) {
   let {
+    className,
     children,
-    className
+    ...rest
   } = _ref;
   const prefix = usePrefix.usePrefix();
-  const hasAILabelActions = React__default["default"].Children.toArray(children).some(child => child.type?.displayName === 'AILabelActions');
+  const hasAILabelActions = React__default["default"].Children.toArray(children).some(child => {
+    const item = child;
+    item.type?.displayName === 'AILabelActions';
+  });
   const aiLabelContentClasses = cx__default["default"](className, {
     [`${prefix}--slug-content`]: true,
     [`${prefix}--slug-content--with-actions`]: hasAILabelActions
@@ -55,16 +61,16 @@ AILabelContent.propTypes = {
 };
 const AILabelActions = /*#__PURE__*/React__default["default"].forwardRef(function AILabelActions(_ref2, ref) {
   let {
+    className,
     children,
-    className
+    ...rest
   } = _ref2;
   const prefix = usePrefix.usePrefix();
   const aiLabelActionsClasses = cx__default["default"](className, {
     [`${prefix}--slug-actions`]: true
   });
   return /*#__PURE__*/React__default["default"].createElement(index.ToggletipActions, {
-    className: aiLabelActionsClasses,
-    ref: ref
+    className: aiLabelActionsClasses
   }, children);
 });
 AILabelActions.displayName = 'AILabelActions';
@@ -78,6 +84,15 @@ AILabelActions.propTypes = {
    */
   className: PropTypes__default["default"].string
 };
+
+/**
+ * Deprecated popover alignment values.
+ * @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',
@@ -153,23 +168,32 @@ AILabel.propTypes = {
   /**
    * Specify how the popover should align with the button
    */
-  align: PropTypes__default["default"].oneOf(['top', 'top-left',
+  align: deprecateValuesWithin["default"](PropTypes__default["default"].oneOf(['top', 'top-left',
   // deprecated use top-start instead
-  'top-start', 'top-right',
+  'top-right',
   // deprecated use top-end instead
-  'top-end', 'bottom', 'bottom-left',
+
+  'bottom', 'bottom-left',
   // deprecated use bottom-start instead
-  'bottom-start', 'bottom-right',
+  'bottom-right',
   // deprecated use bottom-end instead
-  'bottom-end', 'left', 'left-bottom',
+
+  'left', 'left-bottom',
   // deprecated use left-end instead
-  'left-end', 'left-top',
+  'left-top',
   // deprecated use left-start instead
-  'left-start', 'right', 'right-bottom',
+
+  'right', 'right-bottom',
   // deprecated use right-end instead
-  'right-end', 'right-top',
+  'right-top',
   // deprecated use right-start instead
-  'right-start']),
+
+  // 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),
   /**
    * Specify the text that will be provided to the aria-label of the `AILabel` button
    */

package/lib/components/Accordion/Accordion.d.ts

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 import PropTypes from 'prop-types';
-import { PropsWithChildren } from 'react';
+import { PropsWithChildren, ReactNode } from 'react';
 export interface AccordionProps {
     /**
      * Specify the alignment of the accordion heading
@@ -17,6 +17,10 @@ export interface AccordionProps {
      * the container node.
      */
     className?: string;
+    /**
+     * Pass in the children that will be rendered within the Accordion
+     */
+    children?: ReactNode;
     /**
      * Specify whether an individual AccordionItem
      * should be disabled.

package/lib/components/Breadcrumb/BreadcrumbItem.js

@@ -64,7 +64,7 @@ const BreadcrumbItem = /*#__PURE__*/React__default["default"].forwardRef(functio
       ref: ref
     }, rest), href ? /*#__PURE__*/React__default["default"].createElement(Link["default"], {
       href: href,
-      "aria-current": ariaCurrent
+      "aria-current": ariaCurrent || isCurrentPage
     }, children) : /*#__PURE__*/React__default["default"].createElement(Text.Text, {
       className: `${prefix}--link`
     }, children));

package/lib/components/Button/Button.d.ts

@@ -5,6 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 import React from 'react';
+import { IconButtonKind } from '../IconButton';
 import { PolymorphicProps } from '../../types/common';
 export declare const ButtonKinds: readonly ["primary", "secondary", "danger", "ghost", "danger--primary", "danger--ghost", "danger--tertiary", "tertiary"];
 export type ButtonKind = (typeof ButtonKinds)[number];
@@ -43,7 +44,7 @@ export interface ButtonBaseProps extends React.ButtonHTMLAttributes<HTMLButtonEl
     /**
      * Specify the kind of Button you want to create
      */
-    kind?: ButtonKind;
+    kind?: ButtonBaseProps['hasIconOnly'] extends true ? IconButtonKind : ButtonKind;
     /**
      * Optional prop to allow overriding the icon rendering.
      * Can be a React component class

package/lib/components/Button/Button.js

@@ -150,8 +150,19 @@ Button.propTypes = {
   /**
    * Specify the kind of Button you want to create
    */
-  // TODO: this should be either ButtonKinds or IconButtonKinds based on the value of "hasIconOnly"
-  kind: PropTypes__default["default"].oneOf(ButtonKinds),
+  kind: (props, propName, componentName) => {
+    const {
+      hasIconOnly
+    } = props;
+    const validKinds = hasIconOnly ? index.IconButtonKinds : ButtonKinds;
+    if (props[propName] === undefined) {
+      return null;
+    }
+    if (!validKinds.includes(props[propName])) {
+      return new Error(`Invalid prop \`${propName}\` supplied to \`${componentName}\`. Expected one of ${validKinds.join(', ')}.`);
+    }
+    return null;
+  },
   /**
    * Provide an optional function to be called when the button element
    * loses focus

package/lib/components/ChatButton/ChatButton.Skeleton.d.ts

@@ -0,0 +1,31 @@
+/**
+ * Copyright IBM Corp. 2024
+ *
+ * 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 PropTypes from 'prop-types';
+export interface ChatButtonSkeletonProps {
+    /**
+     * Specify an optional className to add.
+     */
+    className?: string;
+    /**
+     * Specify the size of the `ChatButtonSkeleton`, from the following list of sizes:
+     */
+    size?: 'sm' | 'md' | 'lg';
+}
+declare const ChatButtonSkeleton: {
+    ({ className, size, ...rest }: ChatButtonSkeletonProps): import("react/jsx-runtime").JSX.Element;
+    propTypes: {
+        /**
+         * Specify an optional className to add.
+         */
+        className: PropTypes.Requireable<string>;
+        /**
+         * Specify the size of the `ChatButtonSkeleton`, from the following list of sizes:
+         */
+        size: PropTypes.Requireable<string>;
+    };
+};
+export default ChatButtonSkeleton;

package/lib/components/ChatButton/ChatButton.Skeleton.js

@@ -45,6 +45,5 @@ ChatButtonSkeleton.propTypes = {
    */
   size: PropTypes__default["default"].oneOf(['sm', 'md', 'lg'])
 };
-var ChatButtonSkeleton$1 = ChatButtonSkeleton;
 
-exports["default"] = ChatButtonSkeleton$1;
+exports["default"] = ChatButtonSkeleton;

package/lib/components/ChatButton/ChatButton.d.ts

@@ -0,0 +1,46 @@
+/**
+ * Copyright IBM Corp. 2024
+ *
+ * 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, { type ComponentType, type FunctionComponent } from 'react';
+export type ChatButtonKind = 'primary' | 'secondary' | 'danger' | 'ghost' | 'tertiary';
+export type ChatButtonSize = 'sm' | 'md' | 'lg';
+export interface ChatButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    /**
+     * Provide the contents of your Select
+     */
+    children?: React.ReactNode;
+    /**
+     * Specify an optional className to be applied to the node containing the label and the select box
+     */
+    className?: string;
+    /**
+     * Specify whether the `ChatButton` should be disabled
+     */
+    disabled?: boolean;
+    /**
+     * Specify whether the `ChatButton` should be rendered as a quick action button
+     */
+    isQuickAction?: boolean;
+    /**
+     * Specify whether the quick action `ChatButton` should be rendered as selected. This disables the input
+     */
+    isSelected?: boolean;
+    /**
+     * Specify the kind of `ChatButton` you want to create
+     */
+    kind?: ChatButtonKind;
+    /**
+     * Optional prop to specify an icon to be rendered.
+     * Can be a React component class
+     */
+    renderIcon?: ComponentType | FunctionComponent;
+    /**
+     * Specify the size of the `ChatButton`, from the following list of sizes:
+     */
+    size?: ChatButtonSize;
+}
+declare const ChatButton: React.ForwardRefExoticComponent<ChatButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export default ChatButton;

package/lib/components/ChatButton/ChatButton.js

@@ -10,8 +10,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
-var PropTypes = require('prop-types');
 var React = require('react');
+var PropTypes = require('prop-types');
 var cx = require('classnames');
 var Button = require('../Button/Button.js');
 require('../Button/Button.Skeleton.js');
@@ -19,8 +19,8 @@ var usePrefix = require('../../internal/usePrefix.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 
 const ChatButton = /*#__PURE__*/React__default["default"].forwardRef(function ChatButton(_ref, ref) {
@@ -88,12 +88,12 @@ ChatButton.propTypes = {
    * Optional prop to specify an icon to be rendered.
    * Can be a React component class
    */
+  // @ts-expect-error: PropTypes are not expressive enough to cover this case
   renderIcon: PropTypes__default["default"].oneOfType([PropTypes__default["default"].func, PropTypes__default["default"].object]),
   /**
    * Specify the size of the `ChatButton`, from the following list of sizes:
    */
   size: PropTypes__default["default"].oneOf(['sm', 'md', 'lg'])
 };
-var ChatButton$1 = ChatButton;
 
-exports["default"] = ChatButton$1;
+exports["default"] = ChatButton;

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

@@ -0,0 +1,12 @@
+/**
+ * Copyright IBM Corp. 2024
+ *
+ * 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 ChatButton from './ChatButton';
+import { type ChatButtonProps } from './ChatButton';
+import { type ChatButtonSkeletonProps } from './ChatButton.Skeleton';
+export default ChatButton;
+export { ChatButton, type ChatButtonProps, type ChatButtonSkeletonProps };
+export { default as ChatButtonSkeleton } from './ChatButton.Skeleton';

package/lib/components/Checkbox/index.js

@@ -0,0 +1,19 @@
+/**
+ * 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.
+ */
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Checkbox = require('./Checkbox.js');
+var Checkbox_Skeleton = require('./Checkbox.Skeleton.js');
+
+
+
+exports.Checkbox = Checkbox["default"];
+exports["default"] = Checkbox["default"];
+exports.CheckboxSkeleton = Checkbox_Skeleton["default"];

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

@@ -11,6 +11,10 @@ export interface CodeSnippetProps {
      * Specify how the trigger should align with the tooltip
      */
     align?: 'top' | 'top-left' | 'top-right' | 'bottom' | 'bottom-left' | 'bottom-right' | 'left' | 'right';
+    /**
+     * **Experimental**: Will attempt to automatically align the tooltip
+     */
+    autoAlign?: boolean;
     /**
      * Specify a label to be read by screen readers on the containing textbox
      * node
@@ -96,7 +100,7 @@ export interface CodeSnippetProps {
      */
     wrapText?: boolean;
 }
-declare function CodeSnippet({ align, className, type, children, disabled, feedback, feedbackTimeout, onClick, ['aria-label']: ariaLabel, ariaLabel: deprecatedAriaLabel, copyText, copyButtonDescription, light, showMoreText, showLessText, hideCopyButton, wrapText, maxCollapsedNumberOfRows, maxExpandedNumberOfRows, minCollapsedNumberOfRows, minExpandedNumberOfRows, ...rest }: PropsWithChildren<CodeSnippetProps>): import("react/jsx-runtime").JSX.Element;
+declare function CodeSnippet({ align, autoAlign, className, type, children, disabled, feedback, feedbackTimeout, onClick, ['aria-label']: ariaLabel, ariaLabel: deprecatedAriaLabel, copyText, copyButtonDescription, light, showMoreText, showLessText, hideCopyButton, wrapText, maxCollapsedNumberOfRows, maxExpandedNumberOfRows, minCollapsedNumberOfRows, minExpandedNumberOfRows, ...rest }: PropsWithChildren<CodeSnippetProps>): import("react/jsx-runtime").JSX.Element;
 declare namespace CodeSnippet {
     var propTypes: {
         /**
@@ -114,6 +118,10 @@ declare namespace CodeSnippet {
          * node
          */
         ariaLabel: (props: any, propName: any, componentName: any, ...rest: any[]) => any;
+        /**
+         * **Experimental**: Will attempt to automatically align the tooltip
+         */
+        autoAlign: PropTypes.Requireable<boolean>;
         /**
          * Provide the content of your CodeSnippet as a node or string
          */

package/lib/components/CodeSnippet/CodeSnippet.js

@@ -40,6 +40,7 @@ const defaultMinExpandedNumberOfRows = 16;
 function CodeSnippet(_ref) {
   let {
     align = 'bottom',
+    autoAlign = false,
     className,
     type = 'single',
     children,
@@ -162,6 +163,7 @@ function CodeSnippet(_ref) {
     }
     return /*#__PURE__*/React__default["default"].createElement(Copy["default"], _rollupPluginBabelHelpers["extends"]({}, rest, {
       align: align,
+      autoAlign: autoAlign,
       onClick: handleCopyClick,
       "aria-label": deprecatedAriaLabel || ariaLabel,
       "aria-describedby": uid,
@@ -217,6 +219,7 @@ function CodeSnippet(_ref) {
     className: `${prefix}--snippet__overflow-indicator--right`
   }), !hideCopyButton && /*#__PURE__*/React__default["default"].createElement(CopyButton["default"], {
     align: align,
+    autoAlign: autoAlign,
     size: type === 'multi' ? 'sm' : 'md',
     disabled: disabled,
     onClick: handleCopyClick,
@@ -253,6 +256,10 @@ CodeSnippet.propTypes = {
    * node
    */
   ariaLabel: deprecate["default"](PropTypes__default["default"].string, 'This prop syntax has been deprecated. Please use the new `aria-label`.'),
+  /**
+   * **Experimental**: Will attempt to automatically align the tooltip
+   */
+  autoAlign: PropTypes__default["default"].bool,
   /**
    * Provide the content of your CodeSnippet as a node or string
    */