carbon-react 158.4.0 → 158.6.0

package/esm/components/alert/alert.component.d.ts

@@ -1,4 +1,7 @@
 import React from "react";
 import { DialogProps } from "../dialog";
+/**
+ * @deprecated Alert has been deprecated. See the Carbon documentation for migration details.
+ */
 export declare const Alert: ({ children, size, topModalOverride, closeButtonDataProps, ...rest }: Omit<DialogProps, "data-component">) => React.JSX.Element;
 export default Alert;

package/esm/components/alert/index.d.ts

@@ -1,2 +1,6 @@
 export { default } from "./alert.component";
-export type { DialogProps as AlertProps } from "../dialog";
+export type { 
+/**
+ * @deprecated `Alert` has been deprecated. See the Carbon documentation for migration details.
+ */
+DialogProps as AlertProps, } from "../dialog";

package/esm/components/button-bar/button-bar.component.d.ts

@@ -2,10 +2,16 @@ import React from "react";
 import { SpaceProps } from "styled-system";
 import { ButtonBarContextProps } from "./__internal__/button-bar.context";
 import { TagProps } from "../../__internal__/utils/helpers/tags";
+/**
+ * @deprecated `ButtonBar` has been deprecated. See the Carbon documentation for migration details.
+ */
 export interface ButtonBarProps extends ButtonBarContextProps, SpaceProps, TagProps {
     /** Button or IconButton Elements, to be rendered inside the component */
     children: React.ReactNode;
 }
+/**
+ * @deprecated `ButtonBar` has been deprecated. See the Carbon documentation for migration details.
+ */
 export declare const ButtonBar: {
     ({ children, size, iconPosition, fullWidth, ...rest }: ButtonBarProps): React.JSX.Element;
     displayName: string;

package/esm/components/button-minor/button-minor.component.d.ts

@@ -1,8 +1,14 @@
 import React from "react";
 import { ButtonProps } from "../button";
+/**
+ * @deprecated `ButtonMinor` has been deprecated. See the Carbon documentation for migration details.
+ */
 export interface ButtonMinorProps extends ButtonProps {
     /** @private @ignore */
     isInPassword?: boolean;
 }
+/**
+ * @deprecated `ButtonMinor` has been deprecated. See the Carbon documentation for migration details.
+ */
 export declare const ButtonMinor: React.ForwardRefExoticComponent<ButtonMinorProps & React.RefAttributes<HTMLButtonElement>>;
 export default ButtonMinor;

package/esm/components/confirm/confirm.component.d.ts

@@ -2,6 +2,9 @@ import React from "react";
 import { DialogProps } from "../dialog";
 import { IconType } from "../icon";
 import { TagProps } from "../../__internal__/utils/helpers/tags";
+/**
+ * @deprecated `Confirm` has been deprecated. See the Carbon documentation for migration details.
+ */
 export interface ConfirmProps extends Omit<DialogProps, "className" | "disableFocusTrap" | "bespokeFocusTrap" | "focusableSelectors" | "help" | "role" | "contentPadding" | "focusableContainers" | "ariaRole" | "timeout" | "enableBackgroundUI" | "disableClose" | "data-component"> {
     /** Color variants for new business themes: "primary" | "secondary" | "tertiary" | "darkBackground" */
     cancelButtonType?: "primary" | "secondary" | "tertiary" | "darkBackground";
@@ -38,5 +41,8 @@ export interface ConfirmProps extends Omit<DialogProps, "className" | "disableFo
     /** A custom event handler when a confirmation takes place */
     onConfirm: (ev: React.MouseEvent<HTMLButtonElement>) => void;
 }
+/**
+ * @deprecated See the Carbon documentation for migration details.
+ */
 export declare const Confirm: ({ "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, "aria-label": ariaLabel, open, children, cancelButtonDestructive, confirmButtonDestructive, cancelButtonType, confirmButtonType, cancelButtonIconType, cancelButtonIconPosition, confirmButtonIconType, confirmButtonIconPosition, cancelButtonDataProps, confirmButtonDataProps, cancelLabel, onCancel, disableCancel, onConfirm, isLoadingConfirm, disableConfirm, confirmLabel, iconType, subtitle, title, size, showCloseIcon, topModalOverride, ...rest }: ConfirmProps) => React.JSX.Element;
 export default Confirm;

package/esm/components/content/content.component.d.ts

@@ -1,12 +1,18 @@
 import React from "react";
 import { StyledContentProps, StyledContentTitleProps, StyledContentBodyProps } from "./content.style";
 import { TagProps } from "../../__internal__/utils/helpers/tags";
+/**
+ * @deprecated `Content` has been deprecated. See the Carbon documentation for migration details.
+ */
 export interface ContentProps extends StyledContentProps, StyledContentTitleProps, StyledContentBodyProps, TagProps {
     /** The body of the content component */
     children?: React.ReactNode;
     /** The title of the content component */
     title?: React.ReactNode;
 }
+/**
+ * @deprecated `Content` has been deprecated. See the Carbon documentation for migration details.
+ */
 export declare const Content: {
     ({ variant, children, title, inline, align, titleWidth, bodyFullWidth, ...rest }: ContentProps): React.JSX.Element;
     displayName: string;

package/esm/components/detail/detail.component.d.ts

@@ -2,6 +2,9 @@ import React from "react";
 import { MarginProps } from "styled-system";
 import { IconType } from "../icon";
 import { TagProps } from "../../__internal__/utils/helpers/tags/tags";
+/**
+ * @deprecated `Detail` has been deprecated. See the Carbon documentation for migration details.
+ */
 export interface DetailProps extends MarginProps, TagProps {
     /**
      * @private
@@ -16,6 +19,9 @@ export interface DetailProps extends MarginProps, TagProps {
     /** The rendered children of the component. */
     children?: React.ReactNode;
 }
+/**
+ * @deprecated `Detail` has been deprecated. See the Carbon documentation for migration details.
+ */
 export declare const Detail: {
     ({ className, icon, footnote, children, ...rest }: DetailProps): React.JSX.Element;
     displayName: string;

package/esm/components/dismissible-box/dismissible-box.component.d.ts

@@ -3,6 +3,9 @@ import { SpaceProps } from "styled-system";
 import { StyledDismissibleBoxProps } from "./dismissible-box.style";
 import { BoxProps } from "../box";
 import { TagProps } from "../../__internal__/utils/helpers/tags";
+/**
+ * @deprecated `DimissibleBox` has been deprecated. See the Carbon documentation for migration details.
+ */
 export interface DismissibleBoxProps extends SpaceProps, StyledDismissibleBoxProps, Omit<BoxProps, "display" | "justifyContent" | "bg" | "backgroundColor">, TagProps {
     /** The content to render in the component */
     children?: React.ReactNode;
@@ -16,5 +19,8 @@ export interface DismissibleBoxProps extends SpaceProps, StyledDismissibleBoxPro
      * Please note this component has a minWidth of 600px */
     width?: number | string;
 }
+/**
+ * @deprecated `DismissibleBox` has been deprecated. See the Carbon documentation for migration details.
+ */
 export declare const DismissibleBox: ({ children, closeButtonDataProps, onClose, borderRadius, ...rest }: DismissibleBoxProps) => React.JSX.Element;
 export default DismissibleBox;

package/esm/components/duelling-picklist/duelling-picklist.component.d.ts

@@ -1,6 +1,9 @@
 import React from "react";
 import { MarginProps } from "styled-system";
 import { TagProps } from "../../__internal__/utils/helpers/tags";
+/**
+ * @deprecated `DuellingPicklist` has been deprecated. See the Carbon documentation for migration details.
+ */
 export interface DuellingPicklistProps extends MarginProps, TagProps {
     /**
      * Content of the component, should contain two Picklist children
@@ -18,5 +21,8 @@ export interface DuellingPicklistProps extends MarginProps, TagProps {
     /** Right list label */
     rightLabel?: string;
 }
+/**
+ * @deprecated `DuellingPicklist` has been deprecated. See the Carbon documentation for migration details.
+ */
 export declare const DuellingPicklist: ({ children, disabled, leftControls, rightControls, leftLabel, rightLabel, ...rest }: DuellingPicklistProps) => React.JSX.Element;
 export default DuellingPicklist;

package/esm/components/duelling-picklist/picklist/picklist.component.d.ts

@@ -1,4 +1,7 @@
 import React from "react";
+/**
+ * @deprecated `Picklist` has been deprecated. See the Carbon documentation for migration details.
+ */
 export interface PicklistProps {
     /** List of PicklistItem elements */
     children?: React.ReactNode;
@@ -9,6 +12,9 @@ export interface PicklistProps {
     /** @private @ignore */
     index?: number;
 }
+/**
+ * @deprecated `Picklist` has been deprecated. See the Carbon documentation for migration details.
+ */
 export declare const Picklist: {
     ({ disabled, children, placeholder, index, }: PicklistProps): React.JSX.Element;
     displayName: string;

package/esm/components/duelling-picklist/picklist-divider/picklist-divider.component.d.ts

@@ -1,5 +1,11 @@
 import React from "react";
 import { StyledComponentProps } from "styled-components";
+/**
+ * @deprecated `PicklistDivider` has been deprecated. See the Carbon documentation for migration details.
+ */
 export type PicklistDividerProps = StyledComponentProps<"div", Record<string, unknown>, Record<string, unknown>, "">;
+/**
+ * @deprecated `PicklistDivider` has been deprecated. See the Carbon documentation for migration details.
+ */
 declare const PicklistDivider: (props: PicklistDividerProps) => React.JSX.Element;
 export default PicklistDivider;

package/esm/components/duelling-picklist/picklist-group/picklist-group.component.d.ts

@@ -1,4 +1,7 @@
 import React from "react";
+/**
+ * @deprecated `PicklistGroup` has been deprecated. See the Carbon documentation for migration details.
+ */
 export interface PicklistGroupProps {
     /** Group title */
     title: React.ReactNode;
@@ -15,5 +18,8 @@ export interface PicklistGroupProps {
     /** @private @ignore */
     isLastGroup?: boolean;
 }
+/**
+ * @deprecated `PicklistGroup` has been deprecated. See the Carbon documentation for migration details.
+ */
 export declare const PicklistGroup: React.ForwardRefExoticComponent<PicklistGroupProps & React.RefAttributes<HTMLButtonElement>>;
 export default PicklistGroup;

package/esm/components/duelling-picklist/picklist-item/picklist-item.component.d.ts

@@ -1,5 +1,8 @@
 import React from "react";
 type Item = Record<string, unknown> | string | number;
+/**
+ * @deprecated `PicklistItem` has been deprecated. See the Carbon documentation for migration details.
+ */
 export interface PicklistItemProps {
     /** Item content */
     children: React.ReactNode;
@@ -24,5 +27,8 @@ export interface PicklistItemProps {
     /** @private @ignore */
     isLastGroup?: boolean;
 }
+/**
+ * @deprecated `PicklistItem` has been deprecated. See the Carbon documentation for migration details.
+ */
 export declare const PicklistItem: React.ForwardRefExoticComponent<PicklistItemProps & React.RefAttributes<HTMLButtonElement>>;
 export default PicklistItem;

package/esm/components/duelling-picklist/picklist-placeholder/picklist-placeholder.component.d.ts

@@ -1,7 +1,13 @@
 import React from "react";
+/**
+ * @deprecated `PicklistPlaceholder` has been deprecated. See the Carbon documentation for migration details.
+ */
 export interface PicklistPlaceholderProps {
     /** Text to be displayed when list is empty */
     text: string;
 }
+/**
+ * @deprecated `PicklistPlaceholder` has been deprecated. See the Carbon documentation for migration details.
+ */
 export declare const PicklistPlaceholder: ({ text }: PicklistPlaceholderProps) => React.JSX.Element;
 export default PicklistPlaceholder;

package/esm/components/grid/grid-container/grid-container.component.d.ts

@@ -1,9 +1,15 @@
 import React from "react";
 import { SpaceProps, GridProps } from "styled-system";
 import { TagProps } from "../../../__internal__/utils/helpers/tags/tags";
+/**
+ * @deprecated `GridContainer` has been deprecated. See the Carbon documentation for migration details.
+ */
 export interface GridContainerProps extends SpaceProps, GridProps, React.HTMLAttributes<HTMLDivElement>, TagProps {
     /** Defines the Components to be rendered within the GridContainer. Requires GridItemProps */
     children?: React.ReactNode;
 }
+/**
+ * @deprecated `GridContainer` has been deprecated. See the Carbon documentation for migration details.
+ */
 export declare const GridContainer: (props: GridContainerProps) => React.JSX.Element;
 export default GridContainer;

package/esm/components/grid/grid-item/grid-item.component.d.ts

@@ -1,10 +1,16 @@
 import React from "react";
 import { TagProps } from "../../../__internal__/utils/helpers/tags/tags";
 import { StyledGridItemProps } from "./grid-item.style";
+/**
+ * @deprecated `GridItem` has been deprecated. See the Carbon documentation for migration details.
+ */
 export interface GridItemProps extends StyledGridItemProps, React.HTMLAttributes<HTMLDivElement>, TagProps {
     /** Defines the Component(s) to be rendered within the GridItem */
     children?: React.ReactNode;
 }
+/**
+ * @deprecated `GridItem` has been deprecated. See the Carbon documentation for migration details.
+ */
 export declare const GridItem: {
     (props: GridItemProps): React.JSX.Element;
     displayName: string;

package/esm/components/grouped-character/grouped-character.component.d.ts

@@ -9,9 +9,15 @@ type CustomTarget = {
     id?: string;
     value: EventValue;
 };
+/**
+ * @deprecated `GroupedCharacter` has been deprecated. See the Carbon documentation for migration details.
+ */
 export interface CustomEvent extends Omit<React.ChangeEvent<HTMLInputElement>, "target"> {
     target: CustomTarget;
 }
+/**
+ * @deprecated `GroupedCharacter` has been deprecated. See the Carbon documentation for migration details.
+ */
 export interface GroupedCharacterProps extends Omit<TextboxProps, "onChange" | "onBlur" | "data-component"> {
     /** pattern by which input value should be grouped */
     groups: number[];
@@ -24,5 +30,8 @@ export interface GroupedCharacterProps extends Omit<TextboxProps, "onChange" | "
     /** Input value */
     value: string;
 }
+/**
+ * @deprecated `GroupedCharacter` has been deprecated. See the Carbon documentation for migration details.
+ */
 export declare const GroupedCharacter: React.ForwardRefExoticComponent<GroupedCharacterProps & React.RefAttributes<HTMLInputElement>>;
 export default GroupedCharacter;

package/esm/components/heading/heading.component.d.ts

@@ -1,7 +1,13 @@
 import React from "react";
 import { MarginProps } from "styled-system";
 import { TagProps } from "../../__internal__/utils/helpers/tags/tags";
+/**
+ * @deprecated `Heading` has been deprecated. See the Carbon documentation for migration details.
+ */
 export type HeadingType = "h1" | "h2" | "h3" | "h4" | "h5";
+/**
+ * @deprecated `Heading` has been deprecated. See the Carbon documentation for migration details.
+ */
 export interface HeadingProps extends MarginProps, TagProps {
     /** Child elements */
     children?: React.ReactNode;
@@ -30,5 +36,8 @@ export interface HeadingProps extends MarginProps, TagProps {
     /** Aria label for rendered help component */
     helpAriaLabel?: string;
 }
+/**
+ * @deprecated `Heading` has been deprecated. See the Carbon documentation for migration details.
+ */
 export declare const Heading: ({ children, backLink, divider, help, helpAriaLabel, helpLink, pills, separator, subheader, subtitleId, headingType, title, titleId, ...rest }: HeadingProps) => React.JSX.Element | null;
 export default Heading;

package/esm/components/hr/hr.component.d.ts

@@ -1,5 +1,8 @@
 import { MarginProps } from "styled-system";
 import { TagProps } from "../../__internal__/utils/helpers/tags";
+/**
+ * @deprecated `Hr` has been deprecated. See the Carbon documentation for migration details.
+ */
 export interface HrProps extends MarginProps, TagProps {
     /** Set whether the component should be recognised by assistive technologies */
     "aria-hidden"?: "true" | "false";
@@ -11,5 +14,8 @@ export interface HrProps extends MarginProps, TagProps {
     /** Set the color variant of the horizontal rule. Use "typical" for standard styling or "inverse" for use in darker backgrounds */
     type?: "typical" | "inverse";
 }
+/**
+ * @deprecated `Hr` has been deprecated. See the Carbon documentation for migration details.
+ */
 export declare const Hr: ({ adaptiveMxBreakpoint, ml, mr, "aria-hidden": ariaHidden, type, height, ...rest }: HrProps) => JSX.Element;
 export default Hr;

package/esm/components/icon-button/icon-button.component.d.ts

@@ -2,6 +2,9 @@ import React from "react";
 import { SpaceProps } from "styled-system";
 import { TagProps } from "../../__internal__/utils/helpers/tags";
 import { IconProps } from "../icon";
+/**
+ * @deprecated `IconButton` has been deprecated. See the Carbon documentation for migration details.
+ */
 export interface IconButtonProps extends SpaceProps, TagProps {
     /** Prop to specify the aria-label of the icon-button component */
     "aria-label"?: string;
@@ -22,5 +25,8 @@ export interface IconButtonProps extends SpaceProps, TagProps {
     /** @private @internal @ignore */
     "data-component"?: string;
 }
+/**
+ * @deprecated `IconButton` has been deprecated. See the Carbon documentation for migration details.
+ */
 declare const IconButton: React.ForwardRefExoticComponent<IconButtonProps & React.RefAttributes<HTMLButtonElement>>;
 export default IconButton;

package/esm/components/inline-inputs/inline-inputs.component.d.ts

@@ -2,6 +2,9 @@ import React from "react";
 import { MarginProps } from "styled-system";
 import { StyledContentContainerProps, StyledInlineInputsProps } from "./inline-inputs.style";
 import { TagProps } from "../../__internal__/utils/helpers/tags";
+/**
+ * @deprecated `InlineInputs` has been deprecated. See the Carbon documentation for migration details.
+ */
 export interface InlineInputsProps extends MarginProps, StyledContentContainerProps, StyledInlineInputsProps, TagProps {
     /** Breakpoint for adaptive label (inline label change to top aligned). Enables the adaptive behaviour when set */
     adaptiveLabelBreakpoint?: number;
@@ -27,6 +30,9 @@ export interface InlineInputsProps extends MarginProps, StyledContentContainerPr
     /** Flag to configure component as mandatory. */
     required?: boolean;
 }
+/**
+ * @deprecated `InlineInputs` has been deprecated. See the Carbon documentation for migration details.
+ */
 declare const InlineInputs: {
     ({ adaptiveLabelBreakpoint, label, labelAlign, labelId, htmlFor, children, gutter, inputWidth, labelInline, labelWidth, required, ...rest }: InlineInputsProps): React.JSX.Element;
     displayName: string;

package/esm/components/loader/loader.component.d.ts

@@ -2,6 +2,9 @@ import React from "react";
 import { MarginProps } from "styled-system";
 import { TagProps } from "../../__internal__/utils/helpers/tags/tags";
 import { StyledLoaderSquareProps } from "./loader-square.style";
+/**
+ * @deprecated `Loader` has been deprecated. See the Carbon documentation for migration details.
+ */
 export interface LoaderProps extends Omit<StyledLoaderSquareProps, "backgroundColor">, MarginProps, TagProps {
     /** Toggle between the default variant and gradient variant */
     variant?: string;
@@ -11,5 +14,8 @@ export interface LoaderProps extends Omit<StyledLoaderSquareProps, "backgroundCo
      */
     loaderLabel?: string;
 }
+/**
+ * @deprecated `Loader` has been deprecated. See the Carbon documentation for migration details.
+ */
 export declare const Loader: ({ variant, size, isInsideButton, isActive, loaderLabel, ...rest }: LoaderProps) => React.JSX.Element;
 export default Loader;

package/esm/components/number/number.component.d.ts

@@ -1,8 +1,14 @@
 import React from "react";
 import { TextboxProps } from "../textbox";
+/**
+ * @deprecated `Number` has been deprecated. See the Carbon documentation for migration details.
+ */
 export interface NumberProps extends Omit<TextboxProps, "value"> {
     /** Value passed to the input */
     value: string;
 }
+/**
+ * @deprecated `Number` has been deprecated. See the Carbon documentation for migration details.
+ */
 export declare const Number: React.ForwardRefExoticComponent<NumberProps & React.RefAttributes<HTMLInputElement>>;
 export default Number;

package/esm/components/pages/page/page.component.d.ts

@@ -1,6 +1,9 @@
 import React from "react";
 import { PaddingProps } from "styled-system";
 import { TagProps } from "../../../__internal__/utils/helpers/tags/tags";
+/**
+ * @deprecated `Page` has been deprecated. See the Carbon documentation for migration details.
+ */
 export interface PageProps extends PaddingProps, TagProps {
     /** The title for the page, normally a Heading component. */
     title?: React.ReactNode;
@@ -11,6 +14,9 @@ export interface PageProps extends PaddingProps, TagProps {
     /** @ignore @private */
     transitionName?: () => string;
 }
+/**
+ * @deprecated `Page` has been deprecated. See the Carbon documentation for migration details.
+ */
 declare const Page: {
     ({ role, title, children, ...rest }: PageProps): React.JSX.Element;
     displayName: string;

package/esm/components/pages/pages.component.d.ts

@@ -2,6 +2,9 @@ import React from "react";
 import { TagProps } from "../../__internal__/utils/helpers/tags/tags";
 import Page from "./page";
 import type { ThemeObject } from "../../style/themes/theme.types";
+/**
+ * @deprecated `Pages` has been deprecated. See the Carbon documentation for migration details.
+ */
 export interface PagesProps extends TagProps {
     /** The selected tab on page load */
     initialpageIndex?: number | string;
@@ -14,6 +17,9 @@ export interface PagesProps extends TagProps {
     /** @ignore @private */
     theme?: Partial<ThemeObject>;
 }
+/**
+ * @deprecated `Pages` has been deprecated. See the Carbon documentation for migration details.
+ */
 declare const Pages: {
     ({ pageIndex: incomingPageIndex, initialpageIndex, transition, children, ...props }: PagesProps): React.JSX.Element;
     displayName: string;

package/esm/components/pod/pod.component.d.ts

@@ -2,6 +2,9 @@ import React from "react";
 import { MarginProps } from "styled-system";
 import { TagProps } from "../../__internal__/utils/helpers/tags";
 import { PodAlignment, PodSize, PodVariant } from "./pod.config";
+/**
+ * @deprecated `Pod` has been deprecated. See the Carbon documentation for migration details.
+ */
 export interface PodProps extends MarginProps, TagProps {
     /** Aligns the title to left, right or center */
     alignTitle?: PodAlignment;
@@ -38,5 +41,8 @@ export interface PodProps extends MarginProps, TagProps {
     /** Renders edit button inside the pod if it exists. */
     internalEditButton?: boolean;
 }
+/**
+ * @deprecated `Pod` has been deprecated. See the Carbon documentation for migration details.
+ */
 declare const Pod: React.ForwardRefExoticComponent<PodProps & React.RefAttributes<HTMLDivElement>>;
 export default Pod;

package/esm/components/search/search-button.style.js

@@ -1 +1 @@
-import o from"styled-components";import r from"../button/button.style.js";import t from"../icon/icon.style.js";import e from"../../style/themes/apply-base-theme.js";const a=o.div.withConfig({displayName:"search-button.style__StyledButtonIcon",componentId:"sc-e747d4c-0"})(["&&& ","{color:var(--colorsActionMajorYang100);margin-right:0px;}"],t),n=o.div.attrs(e).withConfig({displayName:"search-button.style__StyledSearchButton",componentId:"sc-e747d4c-1"})(["display:inline-flex;border-bottom:none;& ","{color:var(--colorsActionMajorYang100);border-color:var(--colorsActionMajorTransparent);border-bottom-left-radius:var(--borderRadius000);border-top-left-radius:var(--borderRadius000);border-bottom-right-radius:var(--borderRadius050);border-top-right-radius:var(--borderRadius050);:hover{border-color:var(--colorsActionMajorTransparent);}width:fit-content;","","{color:var(--colorsActionMajorYang100);}margin:0px 0px;padding-bottom:3px;:focus{z-index:",";}}"],r,t,t,(({theme:o})=>o.zIndex.smallOverlay));export{a as StyledButtonIcon,n as default};
+import o from"styled-components";import r from"../button/button.style.js";import t from"../icon/icon.style.js";import e from"../../style/themes/apply-base-theme.js";const a=o.div.withConfig({displayName:"search-button.style__StyledButtonIcon",componentId:"sc-52ea0e19-0"})(["&&& ","{color:var(--colorsActionMajorYang100);margin-right:0px;}"],t),n=o.div.attrs(e).withConfig({displayName:"search-button.style__StyledSearchButton",componentId:"sc-52ea0e19-1"})(["display:flex;align-self:end;border-bottom:none;& ","{color:var(--colorsActionMajorYang100);border-color:var(--colorsActionMajorTransparent);border-bottom-left-radius:var(--borderRadius000);border-top-left-radius:var(--borderRadius000);border-bottom-right-radius:var(--borderRadius050);border-top-right-radius:var(--borderRadius050);:hover{border-color:var(--colorsActionMajorTransparent);}width:fit-content;","","{color:var(--colorsActionMajorYang100);}margin:0px 0px;padding-bottom:3px;:focus{z-index:",";}}"],r,t,t,(({theme:o})=>o.zIndex.smallOverlay));export{a as StyledButtonIcon,n as default};

package/esm/components/search/search.component.d.ts

@@ -1,6 +1,7 @@
 import React from "react";
 import { MarginProps } from "styled-system";
 import { TagProps } from "../../__internal__/utils/helpers/tags";
+import { CommonTextboxProps } from "../textbox";
 import { ValidationProps } from "../../__internal__/validations";
 export interface SearchEvent {
     target: {
@@ -9,7 +10,7 @@ export interface SearchEvent {
         value: string;
     };
 }
-export interface SearchProps extends ValidationProps, MarginProps, TagProps {
+export interface SearchProps extends ValidationProps, MarginProps, TagProps, Pick<CommonTextboxProps, "label" | "inputHint"> {
     /** Prop to specify the aria-label of the search component */
     "aria-label"?: string;
     /** Prop to specify the aria-label of the search button */

package/esm/components/search/search.component.js

@@ -1 +1 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import r,{useRef as n,useImperativeHandle as o,useState as i}from"react";import a from"invariant";import l from"../../__internal__/utils/helpers/tags/tags.js";import"../../style/utils/filter-styled-system-padding-props.js";import s from"../../style/utils/filter-styled-system-margin-props.js";import c from"./search.style.js";import u from"./search-button.style.js";import p from"../icon/icon.component.js";import{Textbox as f}from"../textbox/textbox.component.js";import m from"../button/button.component.js";import h from"../../hooks/__internal__/useLocale/useLocale.js";import b from"../../__internal__/utils/helpers/events/events.js";function y(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function d(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){y(e,t,r[t])}))}return e}function g(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})),e}const O=r.forwardRef(((r,y)=>{var{onChange:O,onClick:v,onFocus:j,onBlur:w,onKeyDown:P,value:x,id:_,name:C,searchWidth:k,maxWidth:B,searchButton:D,searchButtonAriaLabel:S,placeholder:I,variant:W="default","aria-label":T="search",tabIndex:E,error:F,warning:K,info:L,tooltipPosition:A,triggerOnClear:z}=r,H=function(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(r,["onChange","onClick","onFocus","onBlur","onKeyDown","value","id","name","searchWidth","maxWidth","searchButton","searchButtonAriaLabel","placeholder","variant","aria-label","tabIndex","error","warning","info","tooltipPosition","triggerOnClear"]);const M=h(),N=n(null),R=n(null);o(y,(()=>({focus(){var e;null===(e=R.current)||void 0===e||e.focus()}})),[]),a("string"==typeof x,"This component has no initial value");const[V,q]=i(!1),G=0===x.length;let J={};D&&v&&(J={onClick:()=>{v({target:{name:C,id:_,value:x}})}});const Q="string"==typeof D?D:M.search.searchButtonText(),U=!!(null==x?void 0:x.length);return e(c,g(d(g(d({ref:N,isFocused:V,searchWidth:k,maxWidth:B,searchHasValue:U,showSearchButton:!!D,variant:W},s(H)),{id:_,name:C}),H,l("search",H)),{children:[t(f,{placeholder:I,value:x,inputIcon:G?void 0:"cross",iconTabIndex:G?-1:0,iconOnClick:()=>{var e;null==O||O({target:g(d({},C&&{name:C},_&&{id:_}),{value:""})}),z&&(null==v||v({target:g(d({},C&&{name:C},_&&{id:_}),{value:""})})),null===(e=R.current)||void 0===e||e.focus()},iconOnMouseDown:e=>{e.preventDefault()},"aria-label":T,onFocus:e=>{q(!0),j&&j(e)},onBlur:e=>{q(!1),w&&w(e)},onChange:e=>{O(e)},onKeyDown:e=>{1===e.key.length&&e.stopPropagation(),b.isEscKey(e)&&!G&&(e.stopPropagation(),null==O||O({target:g(d({},C&&{name:C},_&&{id:_}),{value:""})})),P&&P(e)},ref:R,tabIndex:E,error:F,warning:K,info:L,leftChildren:D?void 0:t(p,{type:"search",ml:1}),tooltipPosition:A,my:0}),D&&t(u,{children:t(m,g(d({"aria-label":S||Q,size:"medium",px:2,buttonType:"primary",iconPosition:"before",iconType:"search",className:"search-button"},J),{children:Q}))})]}))}));export{O as Search,O as default};
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import r,{useRef as n,useImperativeHandle as o,useState as i}from"react";import a from"invariant";import l from"../../__internal__/utils/helpers/tags/tags.js";import"../../style/utils/filter-styled-system-padding-props.js";import s from"../../style/utils/filter-styled-system-margin-props.js";import c from"./search.style.js";import u from"./search-button.style.js";import p from"../icon/icon.component.js";import{Textbox as f}from"../textbox/textbox.component.js";import m from"../button/button.component.js";import b from"../../hooks/__internal__/useLocale/useLocale.js";import h from"../../__internal__/utils/helpers/events/events.js";function y(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function d(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){y(e,t,r[t])}))}return e}function g(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})),e}const O=r.forwardRef(((r,y)=>{var{onChange:O,onClick:v,onFocus:j,onBlur:w,onKeyDown:P,value:x,id:_,name:B,label:C,inputHint:k,searchWidth:D,maxWidth:S,searchButton:I,searchButtonAriaLabel:T,placeholder:W,variant:E="default","aria-label":F,tabIndex:H,error:K,warning:L,info:A,tooltipPosition:z,triggerOnClear:M}=r,N=function(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(r,["onChange","onClick","onFocus","onBlur","onKeyDown","value","id","name","label","inputHint","searchWidth","maxWidth","searchButton","searchButtonAriaLabel","placeholder","variant","aria-label","tabIndex","error","warning","info","tooltipPosition","triggerOnClear"]);const R=b(),V=n(null),q=n(null);o(y,(()=>({focus(){var e;null===(e=q.current)||void 0===e||e.focus()}})),[]),a("string"==typeof x,"This component has no initial value");const[G,J]=i(!1),Q=0===x.length;let U={};I&&v&&(U={onClick:()=>{v({target:{name:B,id:_,value:x}})}});const X="string"==typeof I?I:R.search.searchButtonText(),Y=!!(null==x?void 0:x.length);return e(c,g(d(g(d({ref:V,isFocused:G,searchWidth:D,maxWidth:S,searchHasValue:Y,showSearchButton:!!I,variant:E},s(N)),{id:_,name:B}),N,l("search",N)),{children:[t(f,{placeholder:W,value:x,inputIcon:Q?void 0:"cross",iconTabIndex:Q?-1:0,iconOnClick:()=>{var e;null==O||O({target:g(d({},B&&{name:B},_&&{id:_}),{value:""})}),M&&(null==v||v({target:g(d({},B&&{name:B},_&&{id:_}),{value:""})})),null===(e=q.current)||void 0===e||e.focus()},iconOnMouseDown:e=>{e.preventDefault()},"aria-label":F||(C?void 0:R.search.searchButtonText()),label:C,inputHint:k,onFocus:e=>{J(!0),j&&j(e)},onBlur:e=>{J(!1),w&&w(e)},onChange:e=>{O(e)},onKeyDown:e=>{1===e.key.length&&e.stopPropagation(),h.isEscKey(e)&&!Q&&(e.stopPropagation(),null==O||O({target:g(d({},B&&{name:B},_&&{id:_}),{value:""})})),P&&P(e)},ref:q,tabIndex:H,error:K,warning:L,info:A,leftChildren:I?void 0:t(p,{type:"search",ml:1}),tooltipPosition:z,my:0}),I&&t(u,{children:t(m,g(d({"aria-label":T||X,size:"medium",px:2,buttonType:"primary",iconPosition:"before",iconType:"search",className:"search-button"},U),{children:X}))})]}))}));export{O as Search,O as default};

package/esm/components/search/search.style.js

@@ -1 +1 @@
-import{margin as o}from"styled-system";import r,{css as t}from"styled-components";import a from"../../__internal__/input-icon-toggle/input-icon-toggle.style.js";import i from"../../__internal__/input/input-presentation.style.js";import l from"../../__internal__/input/input.style.js";import e from"../icon/icon.style.js";import n from"../../style/themes/apply-base-theme.js";import s from"../../__internal__/form-field/form-field.style.js";const c=r.div.attrs(n).withConfig({displayName:"search.style__StyledSearch",componentId:"sc-f5d4c4a7-0"})(["",""],(({isFocused:r,searchWidth:n,maxWidth:c,searchHasValue:d,showSearchButton:p,theme:m,variant:v})=>{const g="dark"===v;return t(["margin-bottom:var(--fieldSpacing);"," width:",";max-width:",";padding-bottom:var(--spacing025);background-color:transparent;display:inline-flex;font-size:var(--fontSize100);font-weight:500;"," ","{::-moz-placeholder{color:var(--colorsUtilityYin055);opacity:1;}::placeholder{color:var(--colorsUtilityYin055);}"," ","}",'{[data-element="search"]{height:auto;'," ","}"," "," "," flex:1;font-size:var(--fontSize100);font-weight:500;padding-bottom:var(--spacing025);padding-top:1px;cursor:pointer;"," ","}","{flex:1;z-index:",";}",'{:not([data-element="search"]){'," ","}cursor:pointer;}","{","}"],o,n?`${n}`:"100%",c?`${c}`:"100%",!p&&t(["border-bottom:var(--spacing025) solid ",";:hover{border-bottom-color:",";cursor:pointer;}",""],g?"var(--colorsUtilityYang080)":"var(--colorsUtilityMajor300)",g?"var(--colorsUtilityYang100)":"var(--colorsUtilityMajor400)",(d||r)&&t(["border-bottom-color:transparent;:hover{border-bottom-color:transparent;cursor:default;}"])),l,g&&t(["::-moz-placeholder{color:var(--colorsUtilityYang080);opacity:1;}::placeholder{color:var(--colorsUtilityYang080);}"]),g&&d&&!p&&t(["color:var(--colorsUtilityYang100);"]),i,!g&&t(["color:var(--colorsUtilityYin065);:hover{color:var(--colorsUtilityYin100);}"]),g&&t(["color:var(--colorsUtilityYang080);:hover{color:var(--colorsUtilityYang100);}"]),g&&!p&&t(["background-color:transparent;border-color:var(--colorsUtilityYang080);"]),!g&&t(["background-color:",";"],d||r||p?"var(--colorsUtilityYang100)":"transparent"),p&&t(["border-top-right-radius:var(--borderRadius000);border-bottom-right-radius:var(--borderRadius000);"]),!r&&!d&&!p&&t(["border:1px solid transparent;"]),!r&&d&&!p&&t(["background-color:",";"],g?"transparent":"var(--colorsUtilityYang100)"),s,m.zIndex.smallOverlay,e,g&&!p&&t(["color:var(--colorsUtilityYang080);:hover{color:var(--colorsUtilityYang100);}"]),!g&&t(["color:var(--colorsActionMinor500);:hover{color:var(--colorsActionMinor600);}"]),a,d&&t(["margin-bottom:-1px;"]))}));export{c as default};
+import{margin as o}from"styled-system";import r,{css as t}from"styled-components";import a from"../../__internal__/input-icon-toggle/input-icon-toggle.style.js";import i from"../../__internal__/input/input-presentation.style.js";import l from"../../__internal__/input/input.style.js";import e from"../icon/icon.style.js";import n from"../../style/themes/apply-base-theme.js";import s from"../../__internal__/form-field/form-field.style.js";const c=r.div.attrs(n).withConfig({displayName:"search.style__StyledSearch",componentId:"sc-e6eafad8-0"})(["",""],(({isFocused:r,searchWidth:n,maxWidth:c,searchHasValue:d,showSearchButton:p,theme:m,variant:v})=>{const y="dark"===v;return t(["margin-bottom:var(--fieldSpacing);"," width:",";max-width:",";padding-bottom:var(--spacing025);background-color:transparent;display:inline-flex;font-size:var(--fontSize100);"," ","{::-moz-placeholder{color:var(--colorsUtilityYin055);opacity:1;}::placeholder{color:var(--colorsUtilityYin055);}"," ","}",'{[data-element="search"]{height:auto;'," ","}"," "," "," flex:1;font-size:var(--fontSize100);font-weight:500;padding-bottom:var(--spacing025);padding-top:1px;cursor:pointer;"," ","}","{flex:1;z-index:",";}",'{:not([data-element="search"]){'," ","}cursor:pointer;}","{","}"],o,n?`${n}`:"100%",c?`${c}`:"100%",!p&&t(["border-bottom:var(--spacing025) solid ",";:hover{border-bottom-color:",";cursor:pointer;}",""],y?"var(--colorsUtilityYang080)":"var(--colorsUtilityMajor300)",y?"var(--colorsUtilityYang100)":"var(--colorsUtilityMajor400)",(d||r)&&t(["border-bottom-color:transparent;:hover{border-bottom-color:transparent;cursor:default;}"])),l,y&&t(["::-moz-placeholder{color:var(--colorsUtilityYang080);opacity:1;}::placeholder{color:var(--colorsUtilityYang080);}"]),y&&d&&!p&&t(["color:var(--colorsUtilityYang100);"]),i,!y&&t(["color:var(--colorsUtilityYin065);:hover{color:var(--colorsUtilityYin100);}"]),y&&t(["color:var(--colorsUtilityYang080);:hover{color:var(--colorsUtilityYang100);}"]),y&&!p&&t(["background-color:transparent;border-color:var(--colorsUtilityYang080);"]),!y&&t(["background-color:",";"],d||r||p?"var(--colorsUtilityYang100)":"transparent"),p&&t(["border-top-right-radius:var(--borderRadius000);border-bottom-right-radius:var(--borderRadius000);"]),!r&&!d&&!p&&t(["border:1px solid transparent;"]),!r&&d&&!p&&t(["background-color:",";"],y?"transparent":"var(--colorsUtilityYang100)"),s,m.zIndex.smallOverlay,e,y&&!p&&t(["color:var(--colorsUtilityYang080);:hover{color:var(--colorsUtilityYang100);}"]),!y&&t(["color:var(--colorsActionMinor500);:hover{color:var(--colorsActionMinor600);}"]),a,d&&t(["margin-bottom:-1px;"]))}));export{c as default};

package/esm/components/select/__internal__/select-list/select-list.component.js

@@ -1 +1 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import n,{useState as r,useRef as l,useEffect as o,useMemo as i,useCallback as s,useLayoutEffect as c}from"react";import{offset as a,size as u,flip as d}from"@floating-ui/dom";import{useVirtualizer as p,defaultRangeExtractor as m}from"@tanstack/react-virtual";import f from"lodash/findLastIndex";import v from"lodash/debounce";import b from"../../../../hooks/__internal__/useScrollBlock/useScrollBlock.js";import y from"../../../../hooks/__internal__/useModalManager/useModalManager.js";import{StyledSelectListTable as h,StyledSelectListTableHeader as g,StyledSelectListTableBody as O,StyledSelectListContainer as x,StyledScrollableContainer as j,StyledSelectList as w,StyledSelectLoaderContainer as E}from"./select-list.style.js";import S from"../../../../__internal__/popover/popover.component.js";import k from"../../option-row/option-row.component.js";import P from"../utils/get-next-child-by-text.js";import L from"../utils/get-next-index-by-key.js";import T from"../utils/is-navigation-key.js";import C from"../list-action-button/list-action-button.component.js";import{Loader as V}from"../../../loader/loader.component.js";import I from"../../option/option.component.js";import _ from"./select-list.context.js";function B(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function H(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),r.forEach((function(t){B(e,t,n[t])}))}return e}function A(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t.push.apply(t,n)}return t}(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))})),e}const M={behavior:"auto",align:"end"},D=n.forwardRef(((B,D)=>{var{listMaxHeight:W=180,listActionButton:z,id:K,labelId:R,children:$,onSelect:F,onSelectListClose:N,filterText:U,anchorElement:Y,highlightedValue:q,onListAction:G,isLoading:J,onListScrollBottom:Q,multiColumn:X,tableHeader:Z,listPlacement:ee="bottom",flipEnabled:te=!0,isOpen:ne,multiselectValues:re,enableVirtualScroll:le,virtualScrollOverscan:oe=5,listWidth:ie}=B,se=function(e,t){if(null==e)return{};var n,r,l=function(e,t){if(null==e)return{};var n,r,l={},o=Object.keys(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||(l[n]=e[n]);return l}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}(B,["listMaxHeight","listActionButton","id","labelId","children","onSelect","onSelectListClose","filterText","anchorElement","highlightedValue","onListAction","isLoading","onListScrollBottom","multiColumn","tableHeader","listPlacement","flipEnabled","isOpen","multiselectValues","enableVirtualScroll","virtualScrollOverscan","listWidth"]);const[ce,ae]=r(-1),[ue,de]=r(0),pe=l(""),me=l(null),fe=l(null),ve=l(null),be=l(null),{blockScroll:ye,allowScroll:he}=b(),ge=l(0),Oe=le?oe:n.Children.count($),xe=p({count:n.Children.count($),getScrollElement:()=>ne?D.current:null,estimateSize:()=>40,overscan:Oe,paddingStart:X?48:0,scrollPaddingEnd:ge.current,rangeExtractor:e=>{const t=m(e);return-1===ce||t.includes(ce)||t.push(ce),t}});o((()=>{if(!ne)return;const e=ce>-1?ce:0;xe.scrollToIndex(e,M)}),[ce,ne,xe]);const je=xe.getVirtualItems(),we=i((()=>n.Children.toArray($)),[$]),Ee=s((e=>we.findIndex((t=>{return t.props.value&&"object"==typeof e?(r=t.props.value,l=e,Object.keys(r).every((e=>r[e]===l[e]))):n.isValidElement(t)&&t.props.value===e;var r,l}))),[we]);if(0===je.length){const e=q?Ee(q):ce;e>-1&&je.push({index:e})}const Se=xe.getTotalSize(),ke=0===Se?1:Se;o((()=>(ne&&ye(),()=>{ne&&he()})),[he,ye,ne]),c((()=>{X&&de(fe.current?fe.current.offsetWidth-fe.current.clientWidth:0)}),[X]);const Pe=i((()=>({current:Y||null})),[Y]),Le=s((e=>{var t,n,r;F({id:null!==(t=e.id)&&void 0!==t?t:"",text:null!==(n=e.text)&&void 0!==n?n:"",value:null!==(r=e.value)&&void 0!==r?r:"",selectionType:"click",selectionConfirmed:!0})}),[F]),Te=l(Array.from({length:n.Children.count($)})),Ce=i((()=>we.filter((e=>n.isValidElement(e)&&(e.type===I||e.type===k)))),[we]),{measureElement:Ve}=xe,Ie=je.filter((e=>void 0!==e)).map((({index:e,start:t})=>{const r=we[e],l=Ce.indexOf(r),o=l>-1,i={index:e,onSelect:Le,hidden:J&&1===we.length,style:{transform:`translateY(${t}px)`},"aria-setsize":o?Ce.length:void 0,"aria-posinset":o?l+1:void 0,ref:t=>{ne&&Ve(t),Te.current[e]=t},"data-index":e};return void 0!==r?n.cloneElement(r,i):null})).filter((e=>null!==e)),_e=f(we,(e=>n.isValidElement(e)&&(e.type===I||e.type===k))),Be=s(((e,t)=>{if(-1===_e)return-1;let r=L(e,t,_e,J);const l=we[r];return(n.isValidElement(l)&&l.type!==I&&l.type!==k||l.props.disabled)&&(r=Be(e,r)),r}),[we,_e,J]),He=s((e=>{var t;let n=ce;q&&(n=Ee(q));const r=Be(e,n);if(-1===r||n===r)return;const{text:l,value:o}=we[r].props;F({id:null===(t=Te.current[r])||void 0===t?void 0:t.id,text:null!=l?l:"",value:null!=o?o:"",selectionType:"navigationKey",selectionConfirmed:!1})}),[we,ce,Ee,Be,q,F]),Ae=s(((e,t)=>{var n;t?N():(e.preventDefault(),null===(n=be.current)||void 0===n||n.focus())}),[N]),Me=s((()=>{Y&&Y.getElementsByTagName("input")[0].focus()}),[Y]),De=s((e=>{if(!ne)return;const{key:t}=e,r=document.activeElement===be.current;if("Tab"===t&&z)Ae(e,r);else if("Tab"===t)N();else if("Enter"!==t||r)T(t)&&(Me(),He(t));else{var l;e.preventDefault();const t=we[ce];if(!n.isValidElement(t))return N(),void F({id:"",text:"",value:"",selectionType:"enterKey",selectionConfirmed:!1});if(t.props.disabled)return;const{text:r,value:o}=t.props;F({id:null===(l=Te.current[ce])||void 0===l?void 0:l.id,text:null!=r?r:"",value:null!=o?o:"",selectionType:"enterKey",selectionConfirmed:!0})}}),[we,z,Ae,N,ce,F,He,Me,ne]),We=s((e=>{"Escape"===e.key&&N()}),[N]);y({open:!!ne,closeModal:We,modalRef:me,triggerRefocusOnClose:!1}),o((()=>{const e=D.current,t=v((e=>{const t=e.target;ne&&t.scrollHeight-t.scrollTop===t.clientHeight&&(null==Q||Q())}),300);return null==e||e.addEventListener("scroll",t),()=>{null==e||e.removeEventListener("scroll",t)}}),[ne,D,Q]),o((()=>(window.addEventListener("keydown",De),function(){window.removeEventListener("keydown",De)})),[De,D]),o((()=>{U&&U!==pe.current?(pe.current=U,ae((e=>{const t=P(U,we,e);if(!t)return-1;const n=Ee(t.props.value);return xe.scrollToIndex(n,M),n}))):pe.current=U||""}),[we,U,Ee,xe]),o((()=>{if(!(q&&0!==Object.keys(q).length||ne))return void ae(-1);const e=Ee(q);-1!==e&&ae(e)}),[Ee,q,ne]),o((()=>{J&&ce===_e&&_e>-1&&xe.scrollToIndex(_e,A(H({},M),{align:"start"}))}),[$,ce,J,_e,D,xe]);const ze=i((()=>[a(3),u({apply({rects:e,elements:t}){Object.assign(t.floating.style,{width:`${null!=ie?ie:e.reference.width}px`})}}),...te?[d({fallbackStrategy:"initialPlacement"})]:[]]),[ie,te]),Ke=J?t(E,{children:t(V,{"data-role":"select-list-loader"})},"loader"):void 0;let Re=Ie;const $e={role:"listbox",id:K,"aria-labelledby":R,"aria-multiselectable":!!re||void 0};return c((()=>{var e,t;z&&ne&&(ge.current=(null===(t=be.current)||void 0===t||null===(e=t.parentElement)||void 0===e?void 0:e.offsetHeight)||0)}),[z,ne]),X&&(Re=e(h,{children:[t(g,{scrollbarWidth:ue,children:Z}),t(O,A(H({},$e),{"aria-labelledby":R,ref:fe,listHeight:ke-48,children:Ie}))]})),t(_.Provider,{value:{currentOptionsListIndex:ce,multiselectValues:re},children:t(S,{placement:ee,disablePortal:!0,reference:Pe,middleware:ze,isOpen:ne,disableBackgroundUI:!0,animationFrame:!0,children:e(x,A(H({ref:ve,"data-element":"select-list-wrapper","data-role":"select-list-wrapper",isLoading:J},se),{children:[e(j,{ref:D,maxHeight:W,"data-component":"select-list-scrollable-container","data-role":"select-list-scrollable-container",hasActionButton:!!z,children:[t(w,A(H({as:X?"div":"ul","data-element":"select-list"},X?{}:$e),{ref:me,tabIndex:-1,listHeight:X?void 0:ke,children:Re})),Ke]}),z&&t(C,{ref:be,listActionButton:z,onListAction:G})]}))})})}));export{D as default};
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import l,{useState as n,useRef as r,useEffect as o,useMemo as i,useCallback as s,useLayoutEffect as c}from"react";import{offset as a,size as u,flip as d}from"@floating-ui/dom";import{useVirtualizer as p,defaultRangeExtractor as m}from"@tanstack/react-virtual";import f from"lodash/findLastIndex";import v from"lodash/debounce";import b from"../../../../hooks/__internal__/useScrollBlock/useScrollBlock.js";import y from"../../../../hooks/__internal__/useModalManager/useModalManager.js";import{StyledSelectListTable as h,StyledSelectListTableHeader as g,StyledSelectListTableBody as O,StyledSelectListContainer as x,StyledScrollableContainer as j,StyledSelectList as w,StyledSelectLoaderContainer as E}from"./select-list.style.js";import S from"../../../../__internal__/popover/popover.component.js";import k from"../../option-row/option-row.component.js";import P from"../utils/get-next-child-by-text.js";import L from"../utils/get-next-index-by-key.js";import T from"../utils/is-navigation-key.js";import C from"../list-action-button/list-action-button.component.js";import{Loader as V}from"../../../loader/loader.component.js";import I from"../../option/option.component.js";import _ from"./select-list.context.js";function B(e,t,l){return t in e?Object.defineProperty(e,t,{value:l,enumerable:!0,configurable:!0,writable:!0}):e[t]=l,e}function H(e){for(var t=1;t<arguments.length;t++){var l=null!=arguments[t]?arguments[t]:{},n=Object.keys(l);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(l).filter((function(e){return Object.getOwnPropertyDescriptor(l,e).enumerable})))),n.forEach((function(t){B(e,t,l[t])}))}return e}function A(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);t.push.apply(t,l)}return t}(Object(t)).forEach((function(l){Object.defineProperty(e,l,Object.getOwnPropertyDescriptor(t,l))})),e}const M={behavior:"auto",align:"end"},D=l.forwardRef(((B,D)=>{var{listMaxHeight:W=180,listActionButton:z,id:K,labelId:R,children:$,onSelect:F,onSelectListClose:N,filterText:U,anchorElement:Y,highlightedValue:q,onListAction:G,isLoading:J,onListScrollBottom:Q,multiColumn:X,tableHeader:Z,listPlacement:ee="bottom",flipEnabled:te=!0,isOpen:le,multiselectValues:ne,enableVirtualScroll:re,virtualScrollOverscan:oe=5,listWidth:ie}=B,se=function(e,t){if(null==e)return{};var l,n,r=function(e,t){if(null==e)return{};var l,n,r={},o=Object.keys(e);for(n=0;n<o.length;n++)l=o[n],t.indexOf(l)>=0||(r[l]=e[l]);return r}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)l=o[n],t.indexOf(l)>=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(r[l]=e[l])}return r}(B,["listMaxHeight","listActionButton","id","labelId","children","onSelect","onSelectListClose","filterText","anchorElement","highlightedValue","onListAction","isLoading","onListScrollBottom","multiColumn","tableHeader","listPlacement","flipEnabled","isOpen","multiselectValues","enableVirtualScroll","virtualScrollOverscan","listWidth"]);const[ce,ae]=n(-1),[ue,de]=n(0),pe=r(""),me=r(null),fe=r(null),ve=r(null),be=r(null),{blockScroll:ye,allowScroll:he}=b(),ge=r(0),Oe=re?oe:l.Children.count($),xe=p({count:l.Children.count($),getScrollElement:()=>le?D.current:null,estimateSize:()=>40,overscan:Oe,paddingStart:X?48:0,scrollPaddingEnd:ge.current,rangeExtractor:e=>{const t=m(e);return-1===ce||t.includes(ce)||t.push(ce),t}});o((()=>{if(!le)return;const e=ce>-1?ce:0;xe.scrollToIndex(e,M)}),[ce,le,xe]);const je=xe.getVirtualItems(),we=i((()=>l.Children.toArray($)),[$]),Ee=s((e=>we.findIndex((t=>{return t.props.value&&"object"==typeof e?(n=t.props.value,r=e,Object.keys(n).every((e=>n[e]===r[e]))):l.isValidElement(t)&&t.props.value===e;var n,r}))),[we]);if(0===je.length){const e=q?Ee(q):ce;e>-1&&je.push({index:e})}const Se=xe.getTotalSize(),ke=0===Se?1:Se;o((()=>(le&&ye(),()=>{le&&he()})),[he,ye,le]),c((()=>{X&&de(fe.current?fe.current.offsetWidth-fe.current.clientWidth:0)}),[X]);const Pe=i((()=>({current:Y||null})),[Y]),Le=s((e=>{var t,l,n;F({id:null!==(t=e.id)&&void 0!==t?t:"",text:null!==(l=e.text)&&void 0!==l?l:"",value:null!==(n=e.value)&&void 0!==n?n:"",selectionType:"click",selectionConfirmed:!0})}),[F]),Te=r(Array.from({length:l.Children.count($)})),Ce=i((()=>we.filter((e=>l.isValidElement(e)&&(e.type===I||e.type===k)))),[we]),{measureElement:Ve}=xe,Ie=je.filter((e=>void 0!==e)).map((({index:e,start:t})=>{const n=we[e],r=Ce.indexOf(n),o=r>-1,i={index:e,onSelect:Le,hidden:J&&1===we.length,style:{transform:`translateY(${t}px)`},"aria-setsize":o?Ce.length:void 0,"aria-posinset":o?r+1:void 0,ref:t=>{le&&Ve(t),Te.current[e]=t},"data-index":e};return void 0!==n?l.cloneElement(n,i):null})).filter((e=>null!==e)),_e=f(we,(e=>l.isValidElement(e)&&(e.type===I||e.type===k))),Be=s(((e,t)=>{if(-1===_e)return-1;let n=L(e,t,_e,J);const r=we[n];return(l.isValidElement(r)&&r.type!==I&&r.type!==k||r.props.disabled)&&(n=Be(e,n)),n}),[we,_e,J]),He=s((e=>{var t;let l=ce;q&&(l=Ee(q));const n=Be(e,l);if(-1===n||l===n)return;const{text:r,value:o}=we[n].props;F({id:null===(t=Te.current[n])||void 0===t?void 0:t.id,text:null!=r?r:"",value:null!=o?o:"",selectionType:"navigationKey",selectionConfirmed:!1})}),[we,ce,Ee,Be,q,F]),Ae=s(((e,t)=>{var l;t?N():(e.preventDefault(),null===(l=be.current)||void 0===l||l.focus())}),[N]),Me=s((()=>{Y&&Y.getElementsByTagName("input")[0].focus()}),[Y]),De=s((e=>{if(!le)return;const{key:t}=e,n=document.activeElement===be.current;if("Tab"===t&&z)Ae(e,n);else if("Tab"===t)N();else if("Enter"!==t||n)T(t)&&(Me(),He(t));else{var r;e.preventDefault();const t=we[ce];if(!l.isValidElement(t))return N(),void F({id:"",text:"",value:"",selectionType:"enterKey",selectionConfirmed:!1});if(t.props.disabled)return;const{text:n,value:o}=t.props;F({id:null===(r=Te.current[ce])||void 0===r?void 0:r.id,text:null!=n?n:"",value:null!=o?o:"",selectionType:"enterKey",selectionConfirmed:!0})}}),[we,z,Ae,N,ce,F,He,Me,le]),We=s((e=>{"Escape"===e.key&&N()}),[N]);y({open:!!le,closeModal:We,modalRef:me,triggerRefocusOnClose:!1}),o((()=>{const e=D.current,t=v((e=>{const t=e.target;le&&t.scrollHeight-t.scrollTop===t.clientHeight&&(null==Q||Q())}),300);return null==e||e.addEventListener("scroll",t),()=>{null==e||e.removeEventListener("scroll",t)}}),[le,D,Q]),o((()=>(window.addEventListener("keydown",De),function(){window.removeEventListener("keydown",De)})),[De,D]),o((()=>{U&&U!==pe.current?(pe.current=U,ae((e=>{const t=P(U,we,e);if(!t)return-1;const l=Ee(t.props.value);return xe.scrollToIndex(l,M),l}))):pe.current=U||""}),[we,U,Ee,xe]),o((()=>{if(!(q&&0!==Object.keys(q).length||le))return void ae(-1);const e=Ee(q);-1!==e&&ae(e)}),[Ee,q,le]),o((()=>{J&&ce===_e&&_e>-1&&xe.scrollToIndex(_e,A(H({},M),{align:"start"}))}),[$,ce,J,_e,D,xe]);const ze=i((()=>[a(3),u({apply({rects:e,elements:t}){Object.assign(t.floating.style,{width:`${null!=ie?ie:e.reference.width}px`})}}),...te?[d({fallbackStrategy:"initialPlacement"})]:[]]),[ie,te]),Ke=J?t(E,{children:t(V,{"data-role":"select-list-loader"})},"loader"):void 0;let Re=Ie;const $e={role:"listbox",id:K,"aria-labelledby":R,"aria-multiselectable":!!ne||void 0};return c((()=>{var e,t;z&&le&&(ge.current=(null===(t=be.current)||void 0===t||null===(e=t.parentElement)||void 0===e?void 0:e.offsetHeight)||0)}),[z,le]),X&&(Re=e(h,{children:[t(g,{scrollbarWidth:ue,children:Z}),t(O,A(H({},$e),{"aria-labelledby":R,ref:fe,listHeight:ke-48,children:Ie}))]})),t(_.Provider,{value:{currentOptionsListIndex:ce,multiselectValues:ne},children:t(S,{placement:ee,disablePortal:!0,reference:Pe,middleware:ze,isOpen:le,disableBackgroundUI:!0,animationFrame:!0,children:e(x,A(H({ref:ve,"data-element":"select-list-wrapper","data-role":"select-list-wrapper",isLoading:J},se),{children:[e(j,{ref:D,maxHeight:W,"data-component":"select-list-scrollable-container","data-element":"select-list-scrollable-container","data-role":"select-list-scrollable-container",hasActionButton:!!z,children:[t(w,A(H({as:X?"div":"ul","data-element":"select-list"},X?{}:$e),{ref:me,tabIndex:-1,listHeight:X?void 0:ke,children:Re})),Ke]}),z&&t(C,{ref:be,listActionButton:z,onListAction:G})]}))})})}));export{D as default};

package/esm/components/select/index.d.ts

@@ -10,3 +10,4 @@ export { default as FilterableSelect } from "./filterable-select";
 export type { FilterableSelectProps } from "./filterable-select";
 export { default as MultiSelect } from "./multi-select";
 export type { MultiSelectProps } from "./multi-select";
+export { default as setupSelectMocks } from "./setup-select-mocks";

package/esm/components/select/index.js

@@ -1 +1 @@
-export{default as Option}from"./option/option.component.js";export{default as OptionRow}from"./option-row/option-row.component.js";export{default as OptionGroupHeader}from"./option-group-header/option-group-header.component.js";export{SimpleSelect as Select}from"./simple-select/simple-select.component.js";export{FilterableSelect}from"./filterable-select/filterable-select.component.js";export{MultiSelect}from"./multi-select/multi-select.component.js";
+export{default as Option}from"./option/option.component.js";export{default as OptionRow}from"./option-row/option-row.component.js";export{default as OptionGroupHeader}from"./option-group-header/option-group-header.component.js";export{SimpleSelect as Select}from"./simple-select/simple-select.component.js";export{FilterableSelect}from"./filterable-select/filterable-select.component.js";export{MultiSelect}from"./multi-select/multi-select.component.js";export{default as setupSelectMocks}from"./setup-select-mocks.js";

package/esm/components/select/setup-select-mocks.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Utility function for setting up global mocks required when testing with `SimpleSelect`, `FilterableSelect` or `MultiSelect` in a non-browser environment like JSDOM.
+ */
+declare const setupSelectMocks: () => void;
+export default setupSelectMocks;