carbon-react 162.10.0 → 162.12.0-beta.1

package/esm/components/radio-button/radio-button.style.d.ts

@@ -1,9 +0,0 @@
-interface RadioButtonStyleProps {
-    $isDisabled?: boolean;
-    $size: "small" | "medium" | "large";
-    $error?: boolean;
-}
-declare const RadioButtonStyle: import("styled-components").StyledComponent<"div", any, {
-    theme: object;
-} & RadioButtonStyleProps, "theme">;
-export default RadioButtonStyle;

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

@@ -1 +0,0 @@
-import a,{css as e}from"styled-components";import{margin as l}from"styled-system";import r from"../../__internal__/checkable-input/hidden-checkable-input.style.js";import i from"../../style/themes/apply-base-theme.js";import o from"../../style/utils/add-focus-styling.js";const t={small:{svgSize:"var(--global-size-3-xs)",labelFont:"var(--global-font-static-comp-regular-s)"},medium:{svgSize:"var(--global-size-xs)",labelFont:"var(--global-font-static-comp-regular-m)"},large:{svgSize:"var(--global-size-s)",labelFont:"var(--global-font-static-comp-regular-l)"}},s=a.div.attrs(i).withConfig({displayName:"radio-button.style__RadioButtonStyle",componentId:"carbon_v162_9_1__sc-366f4294-0"})([""," ",";"],(({$isDisabled:a,$size:l,$error:i})=>e([".checkable-label{font:",';}[data-role="checkable-input-svg-wrapper"],svg{border-radius:var(--global-radius-action-circle);}',"{position:absolute;box-sizing:border-box;min-height:var(--global-size-xs);}",',[data-role="checkable-input-svg-wrapper"],svg{height:',";width:",";}svg{box-sizing:border-box;background-color:var(--input-typical-bg-default);border:var(--global-borderwidth-xs) solid var(--input-typical-border-default);","}",':checked + [data-role="checkable-input-svg-wrapper"] circle{fill:var(--input-typical-icon-active);}',':not([disabled]){&:focus + [data-role="checkable-input-svg-wrapper"]{',"}}",""],t[l].labelFont,r,r,t[l].svgSize,t[l].svgSize,!a&&i&&e(["border:var(--global-borderwidth-s) solid var(--input-validation-border-error);"]),r,r,o(),a&&e(["svg{border-color:var(--input-typical-border-disabled);background-color:var(--input-typical-bg-disabled);}circle{fill:var(--input-typical-bg-disabled);}",':checked + [data-role="checkable-input-svg-wrapper"] circle{fill:var(--input-typical-icon-disabled);}'],r))),l);export{s as default};

package/esm/components/search/__internal__/legacy/search-button.style.d.ts

@@ -1,5 +0,0 @@
-export declare const StyledButtonIcon: import("styled-components").StyledComponent<"div", any, {}, never>;
-declare const StyledSearchButton: import("styled-components").StyledComponent<"div", any, {
-    theme: object;
-}, "theme">;
-export default StyledSearchButton;

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

@@ -1 +0,0 @@
-import o from"styled-components";import r from"../../../button/button.style.js";import t from"../../../icon/icon.style.js";import a from"../../../../style/themes/apply-base-theme.js";const e=o.div.withConfig({displayName:"search-button.style__StyledButtonIcon",componentId:"carbon_v162_9_1__sc-232ba56c-0"})(["&&& ","{color:var(--colorsActionMajorYang100);margin-right:0px;}"],t),n=o.div.attrs(a).withConfig({displayName:"search-button.style__StyledSearchButton",componentId:"carbon_v162_9_1__sc-232ba56c-1"})(["display:flex;align-self:end;border-bottom:none;min-width:fit-content;&&& ","{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:1;}}"],r,t,t);export{e as StyledButtonIcon,n as default};

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

@@ -1,71 +0,0 @@
-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: {
-        name?: string;
-        id?: string;
-        value: string;
-    };
-}
-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 */
-    searchButtonAriaLabel?: string;
-    /** Prop for `id` */
-    id?: string;
-    /** Prop for `name` */
-    name?: string;
-    /** Prop for `onBlur` events */
-    onBlur?: (ev: React.FocusEvent<HTMLInputElement>) => void;
-    /** Prop for `onChange` events */
-    onChange: (ev: SearchEvent) => void;
-    /** Prop for `onClick` events.
-     *  `onClick` events are triggered when the `searchButton` is clicked
-     */
-    onClick?: (ev: SearchEvent) => void;
-    /**
-     * Sets whether the onClick action should be triggered when the Search cross icon is clicked.
-     */
-    triggerOnClear?: boolean;
-    /** Prop for `onFocus` events */
-    onFocus?: (ev: React.FocusEvent<HTMLInputElement>) => void;
-    /** Prop for `onKeyDown` events */
-    onKeyDown?: (ev: React.KeyboardEvent<HTMLInputElement>) => void;
-    /** Prop for a placeholder */
-    placeholder?: string;
-    /**
-     * Pass a boolean to render a search Button with default text.
-     * Pass a string to override the text in the search Button
-     * */
-    searchButton?: boolean | string;
-    /** Data tag prop bag for searchButton */
-    searchButtonDataProps?: TagProps;
-    /**
-     * Prop for specifying an input width length.
-     * Leaving the `searchWidth` prop with no value will default the width to '100%'
-     */
-    searchWidth?: string;
-    /**
-     * Prop for specifying the max-width of the input.
-     * Leaving the `maxWidth` prop with no value will default the width to '100%'
-     */
-    maxWidth?: string;
-    /** Current value */
-    value: string;
-    /** Prop to specify the styling of the search component */
-    variant?: "default" | "dark";
-    /** Input tabindex */
-    tabIndex?: number;
-    /** [Legacy] Overrides the default tooltip position */
-    tooltipPosition?: "top" | "bottom" | "left" | "right";
-}
-export type SearchHandle = {
-    /** Programmatically focus on root container of Dialog. */
-    focus: () => void;
-} | null;
-export declare const Search: React.ForwardRefExoticComponent<SearchProps & React.RefAttributes<SearchHandle>>;
-export default Search;

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

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

package/esm/components/search/__internal__/legacy/search.style.d.ts

@@ -1,13 +0,0 @@
-interface StyledSearchProps {
-    name?: string;
-    isFocused?: boolean;
-    searchHasValue?: boolean;
-    searchWidth?: string;
-    maxWidth?: string;
-    showSearchButton?: boolean;
-    variant?: string;
-}
-declare const StyledSearch: import("styled-components").StyledComponent<"div", any, {
-    theme: object;
-} & StyledSearchProps, "theme">;
-export default StyledSearch;

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

@@ -1 +0,0 @@
-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 e from"../../../icon/icon.style.js";import i from"../../../../style/themes/apply-base-theme.js";import n from"../../../../__internal__/form-field/form-field.style.js";const s=r.div.attrs(i).withConfig({displayName:"search.style__StyledSearch",componentId:"carbon_v162_9_1__sc-a8478a22-0"})(["",""],(({isFocused:r,searchWidth:i,maxWidth:s,searchHasValue:l,showSearchButton:c,variant:m})=>{const d="dark"===m;return t(["margin-bottom:var(--fieldSpacing);"," width:",";max-width:",";padding-bottom:var(--spacing025);background-color:transparent;display:inline-flex;align-items:center;font-size:var(--fontSize100);"," ","{flex:1;}",'{:not([data-element="search"]){'," ","}cursor:pointer;}","{","}"],o,i?`${i}`:"100%",s?`${s}`:"100%",!c&&t(["border-bottom:var(--spacing025) solid ",";:hover{border-bottom-color:",";cursor:pointer;}",""],d?"var(--colorsUtilityYang080)":"var(--colorsUtilityMajor300)",d?"var(--colorsUtilityYang100)":"var(--colorsUtilityMajor400)",(l||r)&&t(["border-bottom-color:transparent;:hover{border-bottom-color:transparent;cursor:default;}"])),n,e,d&&!c&&t(["color:var(--colorsUtilityYang080);:hover{color:var(--colorsUtilityYang100);}"]),!d&&t(["color:var(--colorsActionMinor500);:hover{color:var(--colorsActionMinor600);}"]),a,l&&t(["margin-bottom:-1px;"]))}));export{s as default};

package/esm/components/search/__internal__/results-announcement.component.d.ts

@@ -1,8 +0,0 @@
-import React from "react";
-export type ResultsAnnouncementProps = {
-    announcement?: string;
-    searchValue?: string;
-    delay?: number;
-};
-declare const ResultsAnnouncement: ({ announcement, searchValue, delay, }: ResultsAnnouncementProps) => React.JSX.Element;
-export default ResultsAnnouncement;

package/esm/components/search/__internal__/results-announcement.component.js

@@ -1 +0,0 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useState as n,useRef as o,useEffect as r}from"react";import i from"styled-components";import a from"../../../style/utils/visually-hidden.js";import c from"../../../hooks/__internal__/useDebounce/useDebounce.js";const s=i.div.withConfig({displayName:"results-announcement.component__ResultsAnnouncementContainer",componentId:"carbon_v162_9_1__sc-acf99c7b-0"})(["",""],a),l=({announcement:i,searchValue:a,delay:l=1500})=>{const[u,m]=n(""),[d,p]=n(!1),_=o(!1),v=c((e=>{m(e),p((e=>!e))}),l);return r((()=>i?_.current?void v(i):(m(i),p((e=>!e)),void(_.current=!0)):(v.cancel(),m(""),void(_.current=!1))),[i,a,v]),e(s,{children:[t("div",{role:"status","aria-live":"polite","aria-atomic":"true",children:d?u:""}),t("div",{role:"status","aria-live":"polite","aria-atomic":"true",children:d?"":u})]})};export{l as default};

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

@@ -1,2 +0,0 @@
-export { default } from "./search.component";
-export type { SearchProps, SearchEvent, SearchHandle, SearchListGroup, SearchListData, } from "./search.component";

package/esm/components/search/index.js

@@ -1 +0,0 @@
-export{Search as default}from"./search.component.js";

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

@@ -1,110 +0,0 @@
-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: {
-        name?: string;
-        id?: string;
-        value: string;
-    };
-}
-export type SearchTextboxProps = Pick<CommonTextboxProps, "validationMessagePositionTop" | "tooltipPosition" | "name" | "id" | "onFocus" | "onKeyDown" | "onBlur" | "label" | "inputHint" | "size" | "inputWidth" | "className" | "labelInline" | "required">;
-export interface SearchListData {
-    /** The value identifying this item */
-    value: string;
-    /** The display label text */
-    label: string;
-    /** Optional prefix shown before the label */
-    labelPrefix?: string;
-    /** Optional subtext shown below the label */
-    subtext?: string;
-    /** Whether the selected tick icon should be shown for this item. Defaults to false. */
-    selectedIcon?: boolean;
-    /** Optional leading slot content (e.g. an icon) */
-    leading?: React.ReactNode;
-    /** Whether the item is disabled */
-    disabled?: boolean;
-    /** Optional id for the list item element */
-    id?: string;
-    /** Optional click handler for the item. Receives the mouse event and the item's value. */
-    onClick?: (event: React.MouseEvent<HTMLElement>, value: string) => void;
-}
-export interface SearchListGroup {
-    /** The heading label for this group, e.g. "Recent" | "Suggested" */
-    heading: string;
-    /** Optional icon rendered before the heading text */
-    icon?: React.ReactNode;
-    items: SearchListData[];
-}
-export interface SearchPopoverProps {
-    /** When `true`, renders the new popover menu anchored to the Search input. */
-    open?: boolean;
-    /** Optional max-height for the dropdown list. Overrides size-based defaults when provided. */
-    maxHeight?: string;
-    /** Minimum number of characters required before announcing available results. */
-    minQueryLength?: number;
-    /** Structured list data to render as grouped menu items in the popover. */
-    listData?: SearchListGroup[];
-    /** Callback fired when a list item is selected. Receives the item's value. */
-    onListItemSelect?: (value: string) => void;
-    /** Callback fired when the popover requests to close. */
-    onClose?: (event?: Event, value?: string) => void;
-}
-export interface SearchProps extends Omit<ValidationProps, "info">, MarginProps, TagProps, SearchTextboxProps, SearchPopoverProps {
-    /** Prop to specify the accessible name of the Search input. To be used when no visible label is provided */
-    "aria-label"?: string;
-    /** Prop to specify the accessible name of the Search button */
-    searchButtonAriaLabel?: string;
-    /** Prop for `onChange` events on the Search input */
-    onChange: (ev: SearchEvent) => void;
-    /** Prop for `onClick` events on the Search button.
-     *  `onClick` events are triggered when the Search button is clicked
-     *  or when the Search input's cross icon is clicked if the `triggerOnClear` prop is set to `true`.
-     */
-    onClick?: (ev: SearchEvent) => void;
-    /** Sets whether the `onClick` action should be triggered when the Search cross icon is clicked. */
-    triggerOnClear?: boolean;
-    /**
-     * @deprecated This prop no longer has any effect. This prop will eventually be removed.
-     * Pass a boolean to render a search Button with default text.
-     * Pass a string to override the text in the search Button
-     * */
-    searchButton?: boolean | string;
-    /** Data tag prop bag for searchButton */
-    searchButtonDataProps?: TagProps;
-    /**
-     * @deprecated This prop no longer has any effect. This prop will eventually be removed. Use `inputWidth` instead.
-     * Prop for specifying the width of the Search container. This value is mapped to `inputWidth`.
-     * Leaving the `searchWidth` prop with no value will default the width to '100%'
-     */
-    searchWidth?: string;
-    /**
-     * Prop for specifying the max-width of the Search input.
-     * Leaving the `maxWidth` prop with no value will default the width to '100%'
-     */
-    maxWidth?: string;
-    /** @deprecated This prop no longer has any effect. This prop will eventually be removed. */
-    placeholder?: CommonTextboxProps["placeholder"];
-    /** Current value */
-    value: string;
-    /** @deprecated This prop no longer has any effect. This prop will eventually be removed. `variant="dark"` is mapped to `inverse={true}` to preserve legacy behavior. */
-    variant?: "default" | "dark";
-    /** @deprecated This prop no longer has any effect. This prop will eventually be removed. Input tabindex */
-    tabIndex?: number;
-    /** When set to `true`, inverts the Search input and button styling for use on darker backgrounds. */
-    inverse?: boolean;
-    /** @deprecated This prop no longer has any effect. This prop will eventually be removed. */
-    warning?: CommonTextboxProps["warning"];
-    /** @deprecated This prop no longer has any effect. This prop will eventually be removed. */
-    info?: CommonTextboxProps["info"];
-}
-export type SearchHandle = {
-    /** Programmatically focus the search input. */
-    focus: () => void;
-    /** Programmatically focus the search button. */
-    focusButton: () => void;
-} | null;
-export declare const Search: React.ForwardRefExoticComponent<SearchProps & React.RefAttributes<SearchHandle>>;
-export default Search;

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

@@ -1 +0,0 @@
-import{jsx as e,jsxs as n,Fragment as t}from"react/jsx-runtime";import r,{useRef as o,useState as i,useContext as a,useImperativeHandle as l,useEffect as c,useMemo as s,useCallback as u}from"react";import m from"styled-components";import p from"invariant";import d from"../../__internal__/utils/helpers/tags/tags.js";import{Button as h}from"../button/__next__/button.component.js";import v from"../../hooks/__internal__/useLocale/useLocale.js";import{Divider as f}from"../divider/divider.component.js";import{TextInput as _}from"../textbox/__internal__/__next__/text-input.component.js";import b from"../menu/__internal__/menu.context.js";import g from"../../__internal__/popover-menu/popover-menu.component.js";import y from"../../__internal__/popover-menu/menu-item/menu-item.component.js";import j from"../../__internal__/popover-menu/menu-item/menu-item-content/menu-item-leading.component.js";import O from"../../__internal__/popover-menu/menu-item/menu-item-content/menu-item-label.component.js";import x from"../../__internal__/popover-menu/menu-item/menu-item-content/menu-item-subtext.component.js";import w from"../../__internal__/popover-menu/menu-item/menu-item-divider/menu-item-divider.component.js";import P from"../../__internal__/popover-menu/menu-item/menu-item-heading/menu-item-heading.component.js";import C from"../../__internal__/utils/helpers/combine-refs/index.js";import{Search as k}from"./__internal__/legacy/search.component.js";import L from"./__internal__/results-announcement.component.js";import D from"../../__internal__/utils/helpers/guid/index.js";function B(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function I(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{},r=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),r.forEach((function(n){B(e,n,t[n])}))}return e}function W(e,n){return n=null!=n?n:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):function(e){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n.push.apply(n,t)}return n}(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})),e}const S=m.span.withConfig({displayName:"search.component__AssistiveHint",componentId:"carbon_v162_9_1__sc-837ccfa7-0"})(["display:none;"]),N=m.strong.withConfig({displayName:"search.component__HighlightedMatch",componentId:"carbon_v162_9_1__sc-837ccfa7-1"})(["&&&&{","}"],(({$size:e})=>`font: var(--global-font-static-comp-medium-${(null==e?void 0:e.charAt(0))||"m"});`)),A=r.forwardRef(((m,B)=>{var{onChange:A,onClick:E,triggerOnClear:T,value:z,id:H,name:$,label:M,placeholder:R,searchButtonDataProps:K,open:F,maxHeight:Q,minQueryLength:q,listData:U,onListItemSelect:V,onClose:G,searchButtonAriaLabel:J,"aria-label":X,variant:Y,inverse:Z,error:ee,size:ne,inputWidth:te,searchButton:re,searchWidth:oe,maxWidth:ie,tabIndex:ae,validationMessagePositionTop:le=!0,tooltipPosition:ce,warning:se,className:ue,onKeyDown:me}=m,pe=function(e,n){if(null==e)return{};var t,r,o=function(e,n){if(null==e)return{};var t,r,o={},i=Object.keys(e);for(r=0;r<i.length;r++)t=i[r],n.indexOf(t)>=0||(o[t]=e[t]);return o}(e,n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r<i.length;r++)t=i[r],n.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}(m,["onChange","onClick","triggerOnClear","value","id","name","label","placeholder","searchButtonDataProps","open","maxHeight","minQueryLength","listData","onListItemSelect","onClose","searchButtonAriaLabel","aria-label","variant","inverse","error","size","inputWidth","searchButton","searchWidth","maxWidth","tabIndex","validationMessagePositionTop","tooltipPosition","warning","className","onKeyDown"]);const de=v(),he=o(D()),ve=o(null),fe=o(null),_e=o(null),be=o(null),[ge,ye]=i(),{inMenu:je}=a(b);l(B,(()=>({focus(){var e,n;je?null===(n=be.current)||void 0===n||n.focus():null===(e=ve.current)||void 0===e||e.focus()},focusButton(){var e;null===(e=_e.current)||void 0===e||e.focus()}})),[je]),p("string"==typeof z,"This component has no initial value");const Oe=de.search.searchButtonText();c((()=>{if(!T||!E)return;const e=ve.current;if(!e)return;const n={current:!1},t=e=>{n.current="Enter"===e.key},r=e=>{const t=e.target;t.value||n.current||E({target:W(I({},$&&{name:$},H&&{id:H}),{value:t.value})}),n.current=!1};return e.addEventListener("keydown",t),e.addEventListener("search",r),()=>{e.removeEventListener("keydown",t),e.removeEventListener("search",r)}}),[T,E,$,H]);const xe=null!=te?te:(e=>{if(!e)return;const n=Number.parseFloat(e);return Number.isNaN(n)?void 0:n})(oe),we={searchButton:re,searchWidth:oe,tabIndex:ae,tooltipPosition:ce,warning:se},Pe=s((()=>["search",Z||"dark"===Y?"inverse":void 0,ee?"error":void 0,ue].filter(Boolean).join(" ")),[Z,Y,ue,ee]),Ce=s((()=>{var e;return null!==(e=null==U?void 0:U.flatMap((e=>e.items.filter((e=>!e.disabled)))))&&void 0!==e?e:[]}),[U]),ke=u((e=>{if(null==me||me(e),!F||0===Ce.length)return;const n=Ce.findIndex((e=>e.value===ge));if("ArrowDown"!==e.key)if("ArrowUp"!==e.key)"Home"!==e.key?"End"===e.key&&ye(Ce[Ce.length-1].value):ye(Ce[0].value);else{const e=-1===n?Ce.length-1:(n-1+Ce.length)%Ce.length;ye(Ce[e].value)}else{const e=-1===n?0:(n+1)%Ce.length;ye(Ce[e].value)}}),[Ce,ge,me,F]);c((()=>{F||ye(void 0)}),[F]),c((()=>{ge&&!Ce.some((e=>e.value===ge))&&ye(void 0)}),[Ce,ge]);const Le=({ref:r,containerRef:o,popoverControlProps:i,inputWidthOverride:a}={})=>e(_,W(I(W(I({},pe,d("search",pe)),{validationMessagePositionTop:le,className:Pe,id:H,name:$,type:"search",label:M||"",onChange:A,onKeyDown:ke,value:z,size:ne,inputWidth:null!=a?a:xe,maxWidth:ie,error:ee,"aria-label":X||(M?void 0:de.search.searchButtonText()),ref:C(r,ve),containerRef:o}),i,i&&{"aria-describedby":he.current}),{inputIcon:n(t,{children:[e(f,{"aria-hidden":!0,"data-role":"search-divider",height:`calc(100% - var(--global-space-comp-${(null==ne?void 0:ne.charAt(0))||"m"}))`,p:0,type:"vertical"}),e(h,I({ref:_e,"aria-label":J||Oe,className:"search-button",iconType:"search",inverse:Z,size:ne,variant:"default",variantType:"subtle"},d(`${Oe}-button`,I({"data-element":`${Oe}-button`},K)),E&&{onClick:()=>E({target:{name:$,id:H,value:z}})}))]})})),De=Le(),Be=(r,o)=>{if(!o)return r;const i=r.toLowerCase(),a=o.toLowerCase(),l=i.indexOf(a);if(-1===l)return r;const c=l+o.length;return n(t,{children:[r.slice(0,l),e(N,{$size:ne,children:r.slice(l,c)}),r.slice(c)]})},Ie=s((()=>(null==U?void 0:U.reduce(((e,n)=>e+n.items.length),0))||0),[U]),We=s((()=>{var e,n;const t=null!=q?q:3;return 0===z.length?"":z.length<t?null===(r=(o=de.search).queryTooShort)||void 0===r?void 0:r.call(o,t):0===Ie?null===(i=(a=de.search).noResults)||void 0===i?void 0:i.call(a):null===(e=(n=de.search).results)||void 0===e?void 0:e.call(n,Ie);var r,o,i,a}),[de,q,Ie,z]);return je?e(k,W(I({},pe,we),{onChange:A,onKeyDown:me,value:z,id:H,error:ee,placeholder:R,name:$,label:M,variant:Y,"aria-label":X,searchButtonAriaLabel:J,searchButtonDataProps:K,triggerOnClear:T,onClick:E,ref:be})):void 0===F?De:e(g,{open:F,maxHeight:Q,size:ne,controlReference:fe,listboxAriaLabel:null!=X?X:"string"==typeof M?M:void 0,controlWrapperStyle:void 0!==xe?{width:`${xe}%`}:{width:"100%"},onClose:(e,n)=>null==G?void 0:G(e,n),popoverControl:(r,o)=>{var i,a;return n(t,{children:[Le({ref:r,containerRef:fe,popoverControlProps:o,inputWidthOverride:100}),e(S,{id:he.current,children:null===(i=(a=de.search).assistiveHint)||void 0===i?void 0:i.call(a)}),e(L,{announcement:We,searchValue:z})]})},children:null==U?void 0:U.map(((t,o)=>n(r.Fragment,{children:[o>0&&e(w,{}),e(P,{text:t.heading,icon:t.icon,children:t.items.map((t=>{const{value:r,id:o,disabled:i,label:a,labelPrefix:l,subtext:c,selectedIcon:s,leading:u,onClick:m}=t,p=ge===r;return n(y,{id:o,disabled:i,selected:p,onClick:e=>{null==V||V(r),null==m||m(e,r),null==G||G(void 0,r)},children:[e(j,{selectedIcon:!!s&&p,children:u}),e(O,{prefix:l,children:Be(a,z)}),c&&e(x,{children:c})]},r)}))})]},t.heading)))})}));export{A as Search,A as default};

package/esm/components/select/__internal__/list-action-button/index.d.ts

@@ -1,2 +0,0 @@
-export { default } from "./list-action-button.component";
-export type { ListActionButtonProps } from "./list-action-button.component";

package/esm/components/select/__internal__/list-action-button/index.js

@@ -1 +0,0 @@
-export{default}from"./list-action-button.component.js";

package/esm/components/select/__internal__/list-action-button/list-action-button.component.d.ts

@@ -1,7 +0,0 @@
-import React from "react";
-export interface ListActionButtonProps {
-    listActionButton?: boolean | React.ReactNode;
-    onListAction?: (ev: React.MouseEvent<HTMLButtonElement | HTMLAnchorElement>) => void;
-}
-declare const ListActionButton: React.ForwardRefExoticComponent<ListActionButtonProps & React.RefAttributes<HTMLButtonElement>>;
-export default ListActionButton;

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

@@ -1 +0,0 @@
-import{jsx as t}from"react/jsx-runtime";import o from"react";import n from"./list-action-button.style.js";import e from"../../../../hooks/__internal__/useLocale/useLocale.js";import i from"../../../button/button.component.js";const r=o.forwardRef((({listActionButton:r,onListAction:c},s)=>{const l=e();return t(n,{children:r&&!0!==r?o.isValidElement(r)?o.cloneElement(r,{ref:s,onClick:c}):r:t(i,{ref:s,onClick:c,iconType:"add",iconPosition:"after",children:l.select.actionButtonText()})})}));r.displayName="ListActionButton";export{r as default};

package/esm/components/select/__internal__/list-action-button/list-action-button.style.d.ts

@@ -1,2 +0,0 @@
-declare const StyledListActionButtonWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export default StyledListActionButtonWrapper;

package/esm/components/select/__internal__/list-action-button/list-action-button.style.js

@@ -1 +0,0 @@
-import t from"styled-components";import o from"../../../button/button.style.js";const r=t.div.withConfig({displayName:"list-action-button.style__StyledListActionButtonWrapper",componentId:"carbon_v162_9_1__sc-7af8ee4c-0"})(["padding-top:var(--spacing100);padding-bottom:var(--spacing100);border-top:1px solid var(--colorsUtilityDisabled600);box-shadow:0 0px 0 0 rgba(0,0,0,0),0 -8px 8px 0 rgba(0,0,0,0.03);width:100%;position:sticky;bottom:0;background-color:inherit;border-bottom-left-radius:var(--borderRadius050);border-bottom-right-radius:var(--borderRadius050);","{border:none;justify-content:left;padding-left:var(--spacing200);padding-right:var(--spacing200);}"],o);export{r as default};

package/esm/components/select/__internal__/select-list/index.d.ts

@@ -1,2 +0,0 @@
-export { default } from "./select-list.component";
-export type { SelectListProps } from "./select-list.component";

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

@@ -1 +0,0 @@
-export{default}from"./select-list.component.js";

package/esm/components/select/__internal__/select-list/select-list.component.d.ts

@@ -1,65 +0,0 @@
-import React from "react";
-type OnSelectData = {
-    id: string;
-    text: string;
-    value: string | Record<string, unknown>;
-    selectionType: "click" | "navigationKey" | "enterKey";
-    selectionConfirmed: boolean;
-};
-export type ListPlacement = "top" | "bottom" | "top-start" | "bottom-start" | "top-end" | "bottom-end";
-export interface SelectListProps {
-    /** The ID for the parent <div> */
-    id?: string;
-    /** The Id of the label */
-    labelId?: string;
-    /** Child components (such as <Option>) */
-    children?: React.ReactNode;
-    /** DOM element to position the dropdown menu list relative to */
-    anchorElement?: HTMLElement;
-    /** A callback for when a child is selected */
-    onSelect: (data: OnSelectData) => void;
-    /** A callback for when the list should be closed */
-    onSelectListClose: () => void;
-    /** Text value to highlight an option */
-    filterText?: string;
-    /** Value of option to be highlighted on component render */
-    highlightedValue?: string | Record<string, unknown>;
-    /** True for default text button or a Button Component to be rendered */
-    listActionButton?: boolean | React.ReactNode;
-    /** Maximum list height - defaults to 180 */
-    listMaxHeight?: number;
-    /** A callback for when the Action Button is triggered */
-    onListAction?: (ev?: React.MouseEvent<HTMLButtonElement | HTMLAnchorElement>) => void;
-    /** If true the loader animation is displayed below the last option */
-    isLoading?: boolean;
-    /** A callback that is triggered when a user scrolls to the bottom of the list */
-    onListScrollBottom?: () => void;
-    /** SelectList table header, should consist of multiple th elements. Works only in multiColumn mode */
-    tableHeader?: React.ReactNode;
-    /** When true component will work in multi column mode, children should consist of OptionRow components in this mode */
-    multiColumn?: boolean;
-    /** Placement of the select list relative to the input element */
-    listPlacement?: ListPlacement;
-    /** Use the opposite list placement if the set placement does not fit */
-    flipEnabled?: boolean;
-    /**
-     * @private @ignore
-     * Flag to determine if the list is open.
-     */
-    isOpen?: boolean;
-    /** array of selected values, if rendered as part of a MultiSelect */
-    multiselectValues?: (string | Record<string, unknown>)[];
-    /** Set this prop to enable a virtualised list of options. If it is not used then all options will be in the
-     * DOM at all times, which may cause performance problems on very large lists */
-    enableVirtualScroll?: boolean;
-    /** The number of options to render into the DOM at once, either side of the currently-visible ones.
-     * Higher values make for smoother scrolling but may impact performance.
-     * Only used if the `enableVirtualScroll` prop is set. */
-    virtualScrollOverscan?: number;
-    /** @private @ignore A callback for when a mouseDown event occurs on the component */
-    onMouseDown?: () => void;
-    /** Override the default width of the list element. Number passed is converted into pixel value */
-    listWidth?: number;
-}
-declare const SelectList: React.ForwardRefExoticComponent<SelectListProps & React.RefAttributes<HTMLDivElement>>;
-export default SelectList;

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

@@ -1 +0,0 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import r,{useState as n,useRef as l,useEffect as o,useMemo as i,useCallback as c,useLayoutEffect as s}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 h from"../../../../hooks/__internal__/useModalManager/useModalManager.js";import{StyledSelectListTable as y,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,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function A(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){B(e,t,r[t])}))}return e}function H(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 M={behavior:"auto",align:"end"},D=r.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:re,multiselectValues:ne,enableVirtualScroll:le,virtualScrollOverscan:oe=5,listWidth:ie}=B,ce=function(e,t){if(null==e)return{};var r,n,l=function(e,t){if(null==e)return{};var r,n,l={},o=Object.keys(e);for(n=0;n<o.length;n++)r=o[n],t.indexOf(r)>=0||(l[r]=e[r]);return l}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)r=o[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(l[r]=e[r])}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[se,ae]=n(-1),ue=l(-1),[de,pe]=n(0),me=l(""),fe=l(null),ve=l(null),be=l(null),he=l(null),{blockScroll:ye,allowScroll:ge}=b(),Oe=l(0),xe=le?oe:r.Children.count($),je=p({count:r.Children.toArray($).filter((e=>Boolean(e))).length,getScrollElement:()=>re?D.current:null,estimateSize:()=>40,overscan:xe,paddingStart:X?48:0,scrollPaddingEnd:Oe.current,rangeExtractor:e=>{const t=m(e);return-1===se||t.includes(se)||t.push(se),t}});o((()=>{if(!re)return;const e=se>-1?se:0;je.scrollToIndex(e,M)}),[se,re,je]);const we=je.getVirtualItems(),Ee=i((()=>r.Children.toArray($)),[$]),Se=c((e=>Ee.findIndex((t=>{return t.props.value&&"object"==typeof e?(n=t.props.value,l=e,Object.keys(n).every((e=>n[e]===l[e]))):r.isValidElement(t)&&t.props.value===e;var n,l}))),[Ee]);if(0===we.length){const e=q?Se(q):se;e>-1&&we.push({index:e})}const ke=je.getTotalSize(),Pe=0===ke?1:ke;o((()=>(re&&ye(),()=>{re&&ge()})),[ge,ye,re]),s((()=>{X&&pe(ve.current?ve.current.offsetWidth-ve.current.clientWidth:0)}),[X]);const Le=i((()=>({current:Y||null})),[Y]),Te=c((e=>{var t,r,n;F({id:null!==(t=e.id)&&void 0!==t?t:"",text:null!==(r=e.text)&&void 0!==r?r:"",value:null!==(n=e.value)&&void 0!==n?n:"",selectionType:"click",selectionConfirmed:!0})}),[F]),Ce=l(Array.from({length:r.Children.count($)})),Ve=i((()=>Ee.filter((e=>r.isValidElement(e)&&(e.type===I||e.type===k)))),[Ee]),{measureElement:Ie}=je,_e=we.filter((e=>void 0!==e)).map((({index:e,start:t})=>{const n=Ee[e],l=Ve.indexOf(n),o=l>-1,i={index:e,onSelect:Te,hidden:J&&1===Ee.length,style:{transform:`translateY(${t}px)`},"aria-setsize":o?Ve.length:void 0,"aria-posinset":o?l+1:void 0,ref:t=>{re&&Ie(t),Ce.current[e]=t},"data-index":e};return void 0!==n?r.cloneElement(n,i):null})).filter((e=>null!==e)),Be=f(Ee,(e=>r.isValidElement(e)&&(e.type===I||e.type===k))),Ae=c(((e,t)=>{if(-1===Be)return-1;let n=L(e,t,Be,J);const l=Ee[n];return(r.isValidElement(l)&&l.type!==I&&l.type!==k||l.props.disabled)&&(n=Ae(e,n)),n}),[Ee,Be,J]),He=c((e=>{var t;let r=ue.current;q&&(r=Se(q));const n=Ae(e,r);if(-1===n||r===n)return;const{text:l,value:o}=Ee[n].props;ue.current=n,F({id:null===(t=Ce.current[n])||void 0===t?void 0:t.id,text:null!=l?l:"",value:null!=o?o:"",selectionType:"navigationKey",selectionConfirmed:!1})}),[Ee,Se,Ae,q,F]),Me=c(((e,t)=>{var r;t?N():(e.preventDefault(),null===(r=he.current)||void 0===r||r.focus())}),[N]),De=c((()=>{Y&&Y.getElementsByTagName("input")[0].focus()}),[Y]),We=c((e=>{if(!re)return;const{key:t}=e,n=document.activeElement===he.current;if("Tab"===t&&z)Me(e,n);else if("Tab"===t)N();else if("Enter"!==t||n)T(t)&&(De(),He(t));else{var l;e.preventDefault();const t=Ee[ue.current];if(!r.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===(l=Ce.current[ue.current])||void 0===l?void 0:l.id,text:null!=n?n:"",value:null!=o?o:"",selectionType:"enterKey",selectionConfirmed:!0})}}),[Ee,z,Me,N,F,He,De,re]),ze=c((e=>{"Escape"===e.key&&N()}),[N]);h({open:!!re,closeModal:ze,modalRef:fe,triggerRefocusOnClose:!1}),o((()=>{const e=D.current,t=v((e=>{const t=e.target;re&&t.scrollHeight-t.scrollTop===t.clientHeight&&(null==Q||Q())}),300);return null==e||e.addEventListener("scroll",t),()=>{null==e||e.removeEventListener("scroll",t)}}),[re,D,Q]),o((()=>(window.addEventListener("keydown",We),function(){window.removeEventListener("keydown",We)})),[We,D]),o((()=>{U&&U!==me.current?(me.current=U,ae((e=>{const t=P(U,Ee,e);if(!t)return-1;const r=Se(t.props.value);return je.scrollToIndex(r,M),r}))):me.current=U||""}),[Ee,U,Se,je]),o((()=>{if(!(q&&0!==Object.keys(q).length||re))return ue.current=-1,void ae(-1);const e=Se(q);-1!==e&&(ue.current=e,ae(e))}),[Se,q,re]),o((()=>{J&&se===Be&&Be>-1&&je.scrollToIndex(Be,H(A({},M),{align:"start"}))}),[$,se,J,Be,D,je]);const Ke=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]),Re=J?t(E,{children:t(V,{"data-role":"select-list-loader"})},"loader"):void 0;let $e=_e;const Fe={role:"listbox",id:K,"aria-labelledby":R,"aria-multiselectable":!!ne||void 0};return s((()=>{var e,t;z&&re&&(Oe.current=(null===(t=he.current)||void 0===t||null===(e=t.parentElement)||void 0===e?void 0:e.offsetHeight)||0)}),[z,re]),X&&($e=e(y,{children:[t(g,{scrollbarWidth:de,children:Z}),t(O,H(A({},Fe),{"aria-labelledby":R,ref:ve,listHeight:Pe-48,children:_e}))]})),t(_.Provider,{value:{currentOptionsListIndex:se,multiselectValues:ne},children:t(S,{placement:ee,disablePortal:!0,reference:Le,middleware:Ke,isOpen:re,hide:!re,disableBackgroundUI:!0,animationFrame:!0,children:e(x,H(A({ref:be,"data-element":"select-list-wrapper","data-role":"select-list-wrapper",isLoading:J},ce),{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,H(A({as:X?"div":"ul","data-element":"select-list"},X?{}:Fe),{ref:fe,tabIndex:-1,listHeight:X?void 0:Pe,children:$e})),Re]}),z&&t(C,{ref:he,listActionButton:z,onListAction:G})]}))})})}));export{D as default};

package/esm/components/select/__internal__/select-list/select-list.context.d.ts

@@ -1,7 +0,0 @@
-import React from "react";
-type SelectListContextProps = {
-    currentOptionsListIndex?: number;
-    multiselectValues?: (string | Record<string, unknown>)[];
-};
-declare const SelectListContext: React.Context<SelectListContextProps>;
-export default SelectListContext;

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

@@ -1 +0,0 @@
-import t from"react";const e=t.createContext({});export{e as default};

package/esm/components/select/__internal__/select-list/select-list.style.d.ts

@@ -1,23 +0,0 @@
-interface StyledSelectListProps {
-    listHeight?: number;
-}
-declare const StyledSelectList: import("styled-components").StyledComponent<"ul", any, StyledSelectListProps, never>;
-declare const StyledSelectLoaderContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-declare const StyledSelectListTable: import("styled-components").StyledComponent<"table", any, {}, never>;
-interface StyledSelectListTableHeaderProps {
-    scrollbarWidth: number;
-}
-declare const StyledSelectListTableHeader: import("styled-components").StyledComponent<"thead", any, StyledSelectListTableHeaderProps, never>;
-declare const StyledSelectListTableBody: import("styled-components").StyledComponent<"tbody", any, StyledSelectListProps, never>;
-interface StyledSelectListContainerProps {
-    isLoading?: boolean;
-    placement?: string;
-}
-declare const StyledSelectListContainer: import("styled-components").StyledComponent<"div", any, {
-    theme: object;
-} & StyledSelectListContainerProps, "theme">;
-declare const StyledScrollableContainer: import("styled-components").StyledComponent<"div", any, {
-    maxHeight: number;
-    hasActionButton: boolean;
-}, never>;
-export { StyledSelectList, StyledSelectLoaderContainer, StyledSelectListTable, StyledSelectListTableHeader, StyledSelectListTableBody, StyledSelectListContainer, StyledScrollableContainer, };

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

@@ -1 +0,0 @@
-import t,{css as e}from"styled-components";import o from"../../../../style/themes/apply-base-theme.js";const i=t.ul.withConfig({displayName:"select-list.style__StyledSelectList",componentId:"carbon_v162_9_1__sc-cd99fc43-0"})(["",""],(({listHeight:t})=>e(["box-sizing:border-box;display:flex;align-items:flex-start;flex-direction:column;list-style-type:none;margin:0;outline:none;padding:0;position:relative;width:100%;",""],void 0===t?"":`height: ${t}px;`))),a=t.div.withConfig({displayName:"select-list.style__StyledSelectLoaderContainer",componentId:"carbon_v162_9_1__sc-cd99fc43-1"})(["display:flex;align-items:center;justify-content:center;padding-top:24px;padding-bottom:24px;width:100%;flex-grow:1;"]),l=t.table.withConfig({displayName:"select-list.style__StyledSelectListTable",componentId:"carbon_v162_9_1__sc-cd99fc43-2"})(["background-color:var(--colorsUtilityYang100);border-collapse:collapse;border-radius:0px;border-spacing:0;min-width:100%;white-space:nowrap;height:180px;overflow-y:auto;thead,tr{display:table;width:100%;table-layout:fixed;}"]),r=t.thead.withConfig({displayName:"select-list.style__StyledSelectListTableHeader",componentId:"carbon_v162_9_1__sc-cd99fc43-3"})(["border-bottom:1px solid var(--colorsUtilityMajor050);position:sticky;top:0;left:0;z-index:1;tr{width:",';}th{position:sticky;top:0;padding:var(--spacing200);background-color:white;text-align:left;font-weight:500;font-size:12px;text-transform:uppercase;color:var(--colorsUtilityYin055);:after{content:"";display:block;position:absolute;bottom:-8px;left:0px;background-image:linear-gradient( var(--colorsUtilityMajor800),var(--colorsUtilityYang100) );opacity:0.03;height:8px;width:100%;}}'],(({scrollbarWidth:t})=>`calc(100% - ${t}px)`)),d=t.tbody.withConfig({displayName:"select-list.style__StyledSelectListTableBody",componentId:"carbon_v162_9_1__sc-cd99fc43-4"})(["display:block;width:100%;table-layout:fixed;width:100%;height:",";"],(({listHeight:t})=>`${t}px`)),s=t.div.attrs(o).withConfig({displayName:"select-list.style__StyledSelectListContainer",componentId:"carbon_v162_9_1__sc-cd99fc43-5"})(['background-color:white;box-shadow:var(--boxShadow100);&[data-floating-placement^="top"]{box-shadow:0 -5px 5px 0 #00141e33,0 -10px 10px 0 #00141e1a;}animation:fadeIn 250ms ease-out;position:absolute;z-index:',";display:flex;flex-wrap:wrap;align-items:flex-start;border-radius:var(--borderRadius050);",";@keyframes fadeIn{0%{opacity:0;}100%{opacity:1;}}"],(({theme:t})=>t.zIndex.popover),(({isLoading:t})=>t&&"min-height: 150px")),n=t.div.withConfig({displayName:"select-list.style__StyledScrollableContainer",componentId:"carbon_v162_9_1__sc-cd99fc43-6"})(["max-height:",";width:100%;border-top-left-radius:var(--borderRadius050);border-top-right-radius:var(--borderRadius050);overflow-y:auto;",""],(({maxHeight:t})=>`${t}px`),(({hasActionButton:t})=>!t&&e(["border-bottom-left-radius:var(--borderRadius050);border-bottom-right-radius:var(--borderRadius050);"])));export{n as StyledScrollableContainer,i as StyledSelectList,s as StyledSelectListContainer,l as StyledSelectListTable,d as StyledSelectListTableBody,r as StyledSelectListTableHeader,a as StyledSelectLoaderContainer};

package/esm/components/select/__internal__/select-textbox/__internal__/select-textbox.context.d.ts

@@ -1,7 +0,0 @@
-import React from "react";
-interface SelectTextboxContextType {
-    prefixId?: string;
-    selectType?: "simple" | "filterable" | "multi";
-}
-declare const _default: React.Context<SelectTextboxContextType>;
-export default _default;

package/esm/components/select/__internal__/select-textbox/__internal__/select-textbox.context.js

@@ -1 +0,0 @@
-import t from"react";var e=t.createContext({});export{e as default};

package/esm/components/select/__internal__/select-textbox/index.d.ts

@@ -1,2 +0,0 @@
-export { default } from "./select-textbox.component";
-export type { SelectTextboxProps, FormInputPropTypes, } from "./select-textbox.component";

package/esm/components/select/__internal__/select-textbox/index.js

@@ -1 +0,0 @@
-export{default}from"./select-textbox.component.js";

package/esm/components/select/__internal__/select-textbox/select-textbox.component.d.ts

@@ -1,88 +0,0 @@
-import React from "react";
-import { CommonTextboxProps } from "../../../textbox";
-import { ValidationProps } from "../../../../__internal__/validations";
-export interface FormInputPropTypes extends ValidationProps, Omit<CommonTextboxProps, "onClick" | "onChange" | "data-component"> {
-    /**
-     * @deprecated `adaptiveLabelBreakpoint` has been deprecated.
-     * It is recommended to use `useMediaQuery` hook to implement adaptive behaviour.
-     * Breakpoint for adaptive label (inline labels change to top aligned). Enables the adaptive behaviour when set
-     **/
-    adaptiveLabelBreakpoint?: number;
-    /** Prop to specify the aria-label attribute of the component input */
-    ariaLabel?: string;
-    /** Prop to specify the aria-labelledby property of the component input */
-    ariaLabelledby?: string;
-    /** If true the Component will be focused when rendered */
-    autoFocus?: boolean;
-    /** If true, the component will be disabled */
-    disabled?: boolean;
-    /** Id attribute of the input element */
-    id?: string;
-    /** The width of the input as a percentage */
-    inputWidth?: number;
-    /** Label content */
-    label?: string;
-    /** [Legacy] A message that the Help component will display */
-    labelHelp?: React.ReactNode;
-    /** [Legacy] When true label is inline */
-    labelInline?: boolean;
-    /** [Legacy] Label width */
-    labelWidth?: number;
-    /** Name attribute of the input element */
-    name?: string;
-    /** Specify a callback triggered on blur */
-    onBlur?: (ev: React.FocusEvent<HTMLInputElement>) => void;
-    /** Specify a callback triggered on click */
-    onClick?: (ev: React.MouseEvent<HTMLInputElement>) => void;
-    /** Specify a callback triggered on focus */
-    onFocus?: (ev: React.FocusEvent<HTMLInputElement>) => void;
-    /** Specify a callback triggered onKeyDown */
-    onKeyDown?: (ev: React.KeyboardEvent<HTMLInputElement>) => void;
-    /** Placeholder string to be displayed in input */
-    placeholder?: string;
-    /** Flag to configure component as mandatory */
-    required?: boolean;
-    /** If true, the component will be read-only */
-    readOnly?: boolean;
-    /** Size of an input */
-    size?: "small" | "medium" | "large";
-    /**
-     * Id of the element containing the currently displayed value
-     * to be read by voice readers
-     * @private
-     * @ignore
-     */
-    accessibilityLabelId?: string;
-    /**
-     * Label id passed from Select component
-     * @private
-     * @ignore
-     *
-     */
-    labelId?: string;
-}
-export interface SelectTextboxProps extends FormInputPropTypes {
-    /** Id attribute of the select list */
-    "aria-controls"?: string;
-    /** Value to be displayed in the Textbox */
-    formattedValue?: string;
-    /** If true, the list is displayed */
-    isOpen?: boolean;
-    /** Value of the Select Input */
-    selectedValue?: string | Record<string, unknown> | (string | Record<string, unknown>)[];
-    /** @private @ignore */
-    transparent?: boolean;
-    /** @private @ignore */
-    activeDescendantId?: string;
-    /** Specify a callback triggered on change */
-    onChange: (ev: React.ChangeEvent<HTMLInputElement>) => void;
-    /**
-     * Sets the type of select, which determines the behaviour of the textbox.
-     * If "simple", the textbox does not allow typing and functions as a standard select.
-     * If "filterable", the textbox allows typing and filters the options based on the input value.
-     * If "multi", the textbox allows typing and is used for multi-selects, displaying selected options as comma-separated values.
-     */
-    selectType?: "simple" | "filterable" | "multi";
-}
-declare const SelectTextbox: React.ForwardRefExoticComponent<SelectTextboxProps & React.RefAttributes<HTMLInputElement>>;
-export default SelectTextbox;

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

@@ -1 +0,0 @@
-import{jsx as e,jsxs as t}from"react/jsx-runtime";import r,{useRef as n}from"react";import{StyledSelectText as l,StyledSelectTextChildrenWrapper as a}from"./select-textbox.style.js";import{Textbox as o}from"../../../textbox/textbox.component.js";import i from"../../../../hooks/__internal__/useLocale/useLocale.js";import c from"../../../../__internal__/utils/helpers/combine-refs/index.js";import s from"./__internal__/select-textbox.context.js";import d from"../../../../__internal__/utils/helpers/guid/index.js";function u(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function p(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){u(e,t,r[t])}))}return e}function b(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}function f(e,t){if(null==e)return{};var r,n,l=function(e,t){if(null==e)return{};var r,n,l={},a=Object.keys(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||(l[r]=e[r]);return l}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(l[r]=e[r])}return l}const y=r.forwardRef(((r,u)=>{var{ariaLabel:y,ariaLabelledby:m,accessibilityLabelId:O,labelId:x,"aria-controls":h,disabled:j=!1,isOpen:v,id:g,readOnly:w=!1,placeholder:_,size:P="medium",onClick:$,onFocus:C,onBlur:D,formattedValue:I="",selectedValue:k,required:L,selectType:S,transparent:V=!1,activeDescendantId:z,onKeyDown:B,onChange:E,prefix:T}=r,q=f(r,["ariaLabel","ariaLabelledby","accessibilityLabelId","labelId","aria-controls","disabled","isOpen","id","readOnly","placeholder","size","onClick","onFocus","onBlur","formattedValue","selectedValue","required","selectType","transparent","activeDescendantId","onKeyDown","onChange","prefix"]);const F=i(),K=n(null),N=_||F.select.placeholder(),A=!j&&!w&&!I,M="filterable"===S||"multi"===S,R=c(u,K);function G(e){j||(K.current&&document.activeElement!==K.current&&K.current.focus(),w||null==$||$(e))}const H=p({disabled:j,id:g,readOnly:w,required:L,onClick:G,onFocus:function(e){j||w||null==C||C(e)},onBlur:D,labelId:x,type:"text",ref:R,onKeyDown:B},q),{"aria-describedby":J,leftChildren:Q}=q,U=f(q,["aria-describedby","leftChildren"]),W={"aria-expanded":w?void 0:v,"aria-labelledby":O?`${m||x} ${O}`:m,"aria-activedescendant":z,"aria-controls":h,"aria-autocomplete":"filterable"===S||"multi"===S?"both":void 0,role:w?void 0:"combobox"},X="string"==typeof k||Array.isArray(k)&&"string"==typeof k[0],Y=[M?"select-allows-typing":void 0].filter(Boolean).join(" "),Z=n(d()),ee="simple"===S&&T?Z.current:void 0;return e(s.Provider,{value:{prefixId:ee,selectType:S},children:e(o,b(p(b(p(b(p({"aria-describedby":J,"aria-label":y,"data-element":`${null!=S?S:""}-select-input`,"data-role":"select-textbox",inputIcon:"dropdown"},"simple"===S&&{inputMode:"none"}),{autoComplete:"off",size:P,formattedValue:I,placeholder:M?N:void 0}),W,H),{className:Y,"data-is-transparent":V,"data-is-open":v,onChange:E,value:X?k:void 0,my:0}),"simple"!==S&&{prefix:T}),{leftChildren:M?Q:t(l,b(p({"aria-hidden":!0,"aria-disabled":j||void 0,"data-element":"select-text","data-role":"select-text",$disabled:j,$hasPlaceholder:A,onClick:G,$readOnly:w,$size:P,$transparent:V,className:`select-text ${j?"disabled":""} ${w?"read-only":""}`},U),{children:[T&&e("span",{id:Z.current,"data-element":"textbox-prefix",children:T}),e(a,{$isDisabled:j,$readOnly:w,children:A?N:I})]}))}))})}));y.displayName="SelectTextbox";export{y as default};

package/esm/components/select/__internal__/select-textbox/select-textbox.style.d.ts

@@ -1,14 +0,0 @@
-import { SelectTextboxProps } from "./select-textbox.component";
-interface StyledSelectTextProps {
-    $hasPlaceholder: boolean;
-    $disabled: boolean;
-    $readOnly: boolean;
-    $transparent: boolean;
-    $size: NonNullable<SelectTextboxProps["size"]>;
-}
-declare const StyledSelectText: import("styled-components").StyledComponent<"span", any, StyledSelectTextProps, never>;
-declare const StyledSelectTextChildrenWrapper: import("styled-components").StyledComponent<"span", any, {
-    $isDisabled: boolean;
-    $readOnly: boolean;
-}, never>;
-export { StyledSelectText, StyledSelectTextChildrenWrapper };

package/esm/components/select/__internal__/select-textbox/select-textbox.style.js

@@ -1 +0,0 @@
-import e,{css as t}from"styled-components";import o from"../../../../__internal__/legacy-input/input-sizes.style.js";const l=e.span.withConfig({displayName:"select-textbox.style__StyledSelectText",componentId:"carbon_v162_9_1__sc-216771d5-0"})(["",""],(({$disabled:e,$hasPlaceholder:l,$readOnly:n,$transparent:i,$size:r})=>t(["align-items:center;align-self:stretch;display:inline-flex;flex-grow:1;font-size:14px;height:auto;outline:none;width:30px;z-index:1;padding-left:",";"," "," "," ",""],o[r].horizontalPadding,i&&t(["font-weight:500;text-align:right;"]),l&&t(['& > *:not([data-element="textbox-prefix"]){color:',";font-weight:",";user-select:none;}"],i?"var(--colorsUtilityYin100)":"var(--colorsUtilityYin055)",i?500:"normal"),e&&t(["cursor:not-allowed;color:var(--colorsUtilityYin030);text-shadow:none;"]),n&&t(["cursor:default;color:var(--colorsUtilityYin065);text-shadow:none;"])))),n=e.span.withConfig({displayName:"select-textbox.style__StyledSelectTextChildrenWrapper",componentId:"carbon_v162_9_1__sc-216771d5-1"})(["display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;"," ",""],(({$isDisabled:e})=>e&&t(["cursor:not-allowed;"])),(({$readOnly:e})=>e&&t(["cursor:default;"])));export{l as StyledSelectText,n as StyledSelectTextChildrenWrapper};

package/esm/components/select/__internal__/utils/are-objects-equal.d.ts

@@ -1 +0,0 @@
-export default function areObjectsEqual(obj1: Record<string, unknown>, obj2: Record<string, unknown>): boolean;