carbon-react 162.11.0 → 162.12.0-beta.1

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

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

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

@@ -1 +0,0 @@
-function t(t,e){if("object"!=typeof t||"object"!=typeof e||null===t||null===e)return!1;const n=Object.keys(t),o=Object.keys(e);if(n.length!==o.length)return!1;for(const o of n)if(!Object.prototype.hasOwnProperty.call(e,o)||t[o]!==e[o])return!1;return!0}export{t as default};

package/esm/components/select/__internal__/utils/get-next-child-by-text.d.ts

@@ -1,5 +0,0 @@
-import React from "react";
-/**
- * Recreates HTML Select element functionality of finding first match based on typed characters
- * */
-export default function getNextChildByText(textToMatch: string, arrayOfChildren: React.ReactElement[], previousIndex?: number): React.ReactElement<any, string | React.JSXElementConstructor<any>>;

package/esm/components/select/__internal__/utils/get-next-child-by-text.js

@@ -1 +0,0 @@
-import"react";function t(t,e,r=-1){const n=t.slice(-1),o=t.split("").every((t=>t===n));let s=function(t,e){return e.findIndex((e=>{var r;return null===(r=e.props.text)||void 0===r?void 0:r.toLowerCase().startsWith(t.toLowerCase())}))}(t,e);const i=function(t,e){return t.reduce(((t,r,n)=>(r.props.text&&r.props.text.toLowerCase().startsWith(e.toLowerCase())&&t.push(n),t)),[])}(e,n);return o&&i.length>1&&(s=function(t,e){return e===t[t.length-1]?t[0]:t[t.indexOf(e)+1]}(i,r)),e[s]}export{t as default};

package/esm/components/select/__internal__/utils/get-next-index-by-key.d.ts

@@ -1,2 +0,0 @@
-export declare const PAGE_SIZE = 4;
-export default function getNextIndexByKey(key: string, currentIndex: number, lastIndex: number, isLoading?: boolean): number;

package/esm/components/select/__internal__/utils/get-next-index-by-key.js

@@ -1 +0,0 @@
-const a=4;function e(a,e,r,t){const n=-1===e;let c=e;switch(a){case"Home":c=0;break;case"End":c=r;break;case"ArrowDown":if(t&&e===r)return r;c=e===r||n?0:e+1;break;case"ArrowUp":c=0===e||n?r:e-1;break;case"PageDown":c=n?Math.min(3,r):Math.min(e+4,r);break;case"PageUp":c=n?Math.max(r+1-4,0):Math.max(e-4,0)}return c}export{a as PAGE_SIZE,e as default};

package/esm/components/select/__internal__/utils/highlight-part-of-text.d.ts

@@ -1,2 +0,0 @@
-import React from "react";
-export default function highlightPartOfTextRecursive(child: React.ReactNode, partToHighlight: string): React.ReactNode;

package/esm/components/select/__internal__/utils/highlight-part-of-text.js

@@ -1 +0,0 @@
-import{jsx as e}from"react/jsx-runtime";import t from"react";import n from"./matching-text.style.js";function r(t,i){if(!i||!i.length||!t)return t;const l=t.toLowerCase(),o=i.toLowerCase(),c=l.indexOf(o);if(-1===c)return t;const s=t.slice(0,c),a=t.slice(c,c+i.length),h=t.slice(c+i.length,t.length);let f=h;return h.length>=i.length&&(f=r(h,i)),[e("span",{children:s},"preceding"),e(n,{"data-role":"matching-text",children:a},"match"),e("span",{children:f},"following")]}function i(e,n){if("string"==typeof e)return r(e,n);if(!t.isValidElement(e))return e;const l=t.Children.map(e.props.children,(e=>i(e,n)));return t.cloneElement(e,{children:l})}export{i as default};

package/esm/components/select/__internal__/utils/is-expected-option.d.ts

@@ -1 +0,0 @@
-export default function isExpectedOption(element: React.ReactElement, expectedValue?: string | Record<string, unknown> | null): boolean;

package/esm/components/select/__internal__/utils/is-expected-option.js

@@ -1 +0,0 @@
-import o from"../../option/option.component.js";import t from"../../option-row/option-row.component.js";import e from"./is-expected-value.js";function n(n,r){if(n.type!==o&&n.type!==t)return!1;if(null==r)return!1;const{length:p}="string"==typeof r?r:Object.keys(r);return!!p&&e(n.props.value,r)}export{n as default};

package/esm/components/select/__internal__/utils/is-expected-value.d.ts

@@ -1 +0,0 @@
-export default function isExpectedValue(currentValue: string | Record<string, unknown>, expectedValue: string | Record<string, unknown>): boolean;

package/esm/components/select/__internal__/utils/is-expected-value.js

@@ -1 +0,0 @@
-function t(t,e){return"object"==typeof t&&null!==t.id&&void 0!==t.id&&"object"==typeof e?t.id===e.id:t===e}export{t as default};

package/esm/components/select/__internal__/utils/is-navigation-key.d.ts

@@ -1 +0,0 @@
-export default function isNavigationKey(key: string): boolean;

package/esm/components/select/__internal__/utils/is-navigation-key.js

@@ -1 +0,0 @@
-function e(e){return["ArrowDown","ArrowUp","Home","End","PageUp","PageDown"].includes(e)}export{e as default};

package/esm/components/select/__internal__/utils/matching-text.style.d.ts

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

package/esm/components/select/__internal__/utils/matching-text.style.js

@@ -1 +0,0 @@
-import t from"styled-components";const e=t.span.withConfig({displayName:"matching-text.style__MatchingText",componentId:"carbon_v162_10_0__sc-cf2d1a9f-0"})(["font-weight:500;text-decoration:underline;"]);export{e as default};

package/esm/components/select/__internal__/utils/with-filter.hoc.d.ts

@@ -1,14 +0,0 @@
-import React from "react";
-interface WrappedComponentProps {
-    filterText?: string;
-    isLoading?: boolean;
-    multiColumn?: boolean;
-    tableHeader?: React.ReactNode;
-    children?: React.ReactNode;
-}
-export interface FilteredComponentProps extends WrappedComponentProps {
-    noResultsMessage?: string;
-}
-/** Filters wrapped component children based on provided filter text and highlights matching content */
-declare const withFilter: <T extends WrappedComponentProps>(WrappedComponent: React.ComponentType<T>) => React.ForwardRefExoticComponent<React.PropsWithoutRef<FilteredComponentProps & T> & React.RefAttributes<HTMLDivElement>>;
-export default withFilter;

package/esm/components/select/__internal__/utils/with-filter.hoc.js

@@ -1 +0,0 @@
-import{jsx as e}from"react/jsx-runtime";import r,{useCallback as t}from"react";import n from"../../../../hooks/__internal__/useLocale/useLocale.js";import o from"../../option-row/option-row.style.js";import l from"../../option/option.style.js";import i from"../../option/option.component.js";import s from"../../option-row/option-row.component.js";import c from"./highlight-part-of-text.js";function p(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function u(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},n=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),n.forEach((function(r){p(e,r,t[r])}))}return e}const a=(e,t)=>r.Children.toArray(e.props.children).find((e=>{if(!r.isValidElement(e))return!1;if("string"==typeof e.props.children){const r=e.props.children.toLowerCase(),n=t.toLowerCase();return r.includes(n)}return a(e,t)}))?e:null,f=p=>{const f=r.forwardRef(((f,d)=>{var{children:m,filterText:y,noResultsMessage:b,isLoading:h,multiColumn:O,tableHeader:j}=f,g=function(e,r){if(null==e)return{};var t,n,o=function(e,r){if(null==e)return{};var t,n,o={},l=Object.keys(e);for(n=0;n<l.length;n++)t=l[n],r.indexOf(t)>=0||(o[t]=e[t]);return o}(e,r);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(n=0;n<l.length;n++)t=l[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}(f,["children","filterText","noResultsMessage","isLoading","multiColumn","tableHeader"]);const w=n(),v=t((()=>{let t=m;if(y&&!h){if(t=(e=>t=>{const n=r.Children.map(t,(t=>r.isValidElement(t)?t.type===i?((e,r)=>{var t;const n=null===(t=e.props.text)||void 0===t?void 0:t.toLowerCase(),o=r.toLowerCase();return n.includes(o)?e:null})(t,e):t.type===s?a(t,e):null:null));return r.Children.count(n)?n:null})(y)(m),!t){const t=w.select.noResultsForTerm(y);if(O){var n;const l=r.isValidElement(j)?r.Children.count(null==j||null===(n=j.props)||void 0===n?void 0:n.children):1;return e(o,{children:e("td",{style:{fontWeight:"normal"},colSpan:l,children:b||t})})}return e(l,{isInteractive:!0,children:b||t})}return function(e,t){return r.Children.map(e,(e=>{let n;return r.isValidElement(e)?(e.type===i&&(n=c(e.props.text,t)),e.type===s&&(n=r.Children.map(e.props.children,(e=>r.isValidElement(e)?r.cloneElement(e,{children:c(e.props.children,t)}):e))),r.cloneElement(e,{children:n})):e}))}(t,y)}return m}),[m,y,h,O,b,j,w]),C=u({filterText:y,isLoading:h,multiColumn:O,tableHeader:j},g);return e(p,(P=u({},C),x=null!=(x={ref:d,children:v()})?x:{},Object.getOwnPropertyDescriptors?Object.defineProperties(P,Object.getOwnPropertyDescriptors(x)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(x)).forEach((function(e){Object.defineProperty(P,e,Object.getOwnPropertyDescriptor(x,e))})),P));var P,x}));return f.displayName="FilteredComponent",f};export{f as default};

package/esm/components/select/filterable-select/filterable-select.component.d.ts

@@ -1,65 +0,0 @@
-import React from "react";
-import { ButtonProps } from "../../button";
-import { FormInputPropTypes } from "../__internal__/select-textbox";
-import { ListPlacement } from "../__internal__/select-list/select-list.component";
-import { CustomSelectChangeEvent } from "../simple-select";
-export interface FilterableSelectProps extends Omit<FormInputPropTypes, "defaultValue" | "value"> {
-    /** Prop to specify the aria-label attribute of the component input */
-    "aria-label"?: string;
-    /** Prop to specify the aria-labelledby property of the component input */
-    "aria-labelledby"?: string;
-    /** Child components (such as Option or OptionRow) for the SelectList */
-    children: React.ReactNode;
-    /** If true the loader animation is displayed in the option list */
-    isLoading?: boolean;
-    /** True for default text button or a Button Component to be rendered */
-    listActionButton?: boolean | React.ReactElement<ButtonProps>;
-    /** When true component will work in multi column mode.
-     * Children should consist of OptionRow components in this mode
-     */
-    multiColumn?: boolean;
-    /** A custom message to be displayed when any option does not match the filter text */
-    noResultsMessage?: string;
-    /** A custom callback for when the input text changes */
-    onFilterChange?: (filterText: string) => void;
-    /** A custom callback for when the dropdown menu opens */
-    onOpen?: () => void;
-    /** A callback for when the Action Button is triggered */
-    onListAction?: () => void;
-    /** A callback that is triggered when a user scrolls to the bottom of the list */
-    onListScrollBottom?: () => void;
-    /** If true the Component opens on focus */
-    openOnFocus?: boolean;
-    /** SelectList table header, should consist of multiple th elements.
-     * Works only in multiColumn mode
-     */
-    tableHeader?: React.ReactNode;
-    /** The selected value(s) */
-    value: string | Record<string, unknown>;
-    /** [Legacy] Overrides the default tooltip position */
-    tooltipPosition?: "top" | "bottom" | "left" | "right";
-    /** Maximum list height - defaults to 180 */
-    listMaxHeight?: number;
-    /** Placement of the select list in relation to the input element */
-    listPlacement?: ListPlacement;
-    /** Use the opposite list placement if the set placement does not fit */
-    flipEnabled?: boolean;
-    /** 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;
-    /** Boolean to disable automatic filtering and highlighting of options.
-     * This allows custom filtering and option styling to be performed outside of the component when the filter text changes. */
-    disableDefaultFiltering?: boolean;
-    /** Flag to configure component as mandatory */
-    required?: boolean;
-    /** Specify a callback triggered on change */
-    onChange: (ev: CustomSelectChangeEvent | React.ChangeEvent<HTMLInputElement>) => void;
-    /** Override the default width of the list element. Number passed is converted into pixel value */
-    listWidth?: number;
-}
-export declare const FilterableSelect: React.ForwardRefExoticComponent<FilterableSelectProps & React.RefAttributes<HTMLInputElement>>;
-export default FilterableSelect;