carbon-react 162.10.0 → 162.12.0-beta.1

package/lib/components/radio-button/radio-button.component.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("./___internal___/radio-button-svg.component.js"),n=require("../../__internal__/utils/helpers/tags/tags.js"),l=require("../../__internal__/checkable-input/checkable-input.component.js"),i=require("./radio-button.style.js"),o=require("./___internal___/radio-button-group.context.js");function a(e){return e&&e.__esModule?e:{default:e}}function u(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function s(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){u(e,r,t[r])}))}return e}function c(e,r){return r=null!=r?r:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})),e}const d=a(r).default.forwardRef(((a,u)=>{var{autoFocus:d,disabled:p,id:b,label:f,inputHint:O,name:g,onChange:y,onBlur:j,value:_,progressiveDisclosure:v,size:h,"data-element":m,"data-role":w,tooltipPosition:P,helpAriaLabel:x,error:q,info:H,warning:k,reverse:D,fieldHelp:S,inputWidth:B,labelHelp:C,labelSpacing:z,labelWidth:L,validationOnLabel:R,fieldHelpInline:W}=a,E=function(e,r){if(null==e)return{};var t,n,l=function(e,r){if(null==e)return{};var t,n,l={},i=Object.keys(e);for(n=0;n<i.length;n++)t=i[n],r.indexOf(t)>=0||(l[t]=e[t]);return l}(e,r);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)t=i[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(l[t]=e[t])}return l}(a,["autoFocus","disabled","id","label","inputHint","name","onChange","onBlur","value","progressiveDisclosure","size","data-element","data-role","tooltipPosition","helpAriaLabel","error","info","warning","reverse","fieldHelp","inputWidth","labelHelp","labelSpacing","labelWidth","validationOnLabel","fieldHelpInline"]);const{error:F,warning:I,inline:$,onBlur:A,onChange:M,value:G,name:N,size:J,disabled:K,required:Q}=o.useRadioButtonGroupContext(),T=G===_,U=r.useCallback((e=>{null==y||y(e),null==M||M(e)}),[y,M]),V=r.useCallback((e=>{null==j||j(e),null==A||A(e)}),[j,A]);return e.jsx(i.default,c(s({$size:h||J,$error:F,$isDisabled:K||p},n.default("radio-button",{"data-element":m,"data-role":w})),{children:e.jsx(l.default,c(s({type:"radio",id:b,name:g||N,value:_,label:f,inputHint:O||C||S,disabled:K||p,required:Q,checked:T,ref:u,autoFocus:d,onChange:U,onBlur:V,size:h||J,error:F,warning:I},!$&&{progressiveDisclosure:v},E),{children:e.jsx(t.default,{})}))}))}));d.displayName="RadioButton",exports.RadioButton=d,exports.default=d;
+import{jsx as e}from"react/jsx-runtime";import r,{useCallback as t}from"react";import n from"./___internal___/radio-button-svg.component.js";import o from"../../__internal__/utils/helpers/tags/tags.js";import i from"../../__internal__/checkable-input/checkable-input.component.js";import l from"./radio-button.style.js";import{useRadioButtonGroupContext as a}from"./___internal___/radio-button-group.context.js";function u(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function s(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){u(e,r,t[r])}))}return e}function c(e,r){return r=null!=r?r:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})),e}const p=r.forwardRef(((r,u)=>{var{autoFocus:p,disabled:b,id:d,label:f,inputHint:m,name:O,onChange:g,onBlur:y,value:j,progressiveDisclosure:h,size:v,"data-element":_,"data-role":w,tooltipPosition:P,helpAriaLabel:H,error:D,info:S,warning:k,reverse:x,fieldHelp:z,inputWidth:B,labelHelp:C,labelSpacing:L,labelWidth:W,validationOnLabel:E,fieldHelpInline:F}=r,I=function(e,r){if(null==e)return{};var t,n,o=function(e,r){if(null==e)return{};var t,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)t=i[n],r.indexOf(t)>=0||(o[t]=e[t]);return o}(e,r);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)t=i[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}(r,["autoFocus","disabled","id","label","inputHint","name","onChange","onBlur","value","progressiveDisclosure","size","data-element","data-role","tooltipPosition","helpAriaLabel","error","info","warning","reverse","fieldHelp","inputWidth","labelHelp","labelSpacing","labelWidth","validationOnLabel","fieldHelpInline"]);const{error:$,warning:q,inline:A,onBlur:R,onChange:N,value:G,name:J,size:K,disabled:M,required:Q}=a(),T=G===j,U=t((e=>{null==g||g(e),null==N||N(e)}),[g,N]),V=t((e=>{null==y||y(e),null==R||R(e)}),[y,R]);return e(l,c(s({$size:v||K,$error:$,$isDisabled:M||b},o("radio-button",{"data-element":_,"data-role":w})),{children:e(i,c(s({type:"radio",id:d,name:O||J,value:j,label:f,inputHint:m||C||z,disabled:M||b,required:Q,checked:T,ref:u,autoFocus:p,onChange:U,onBlur:V,size:v||K,error:$,warning:q},!A&&{progressiveDisclosure:h},I),{children:e(n,{})}))}))}));p.displayName="RadioButton";export{p as RadioButton,p as default};

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),a=require("styled-system"),l=require("../../__internal__/checkable-input/hidden-checkable-input.style.js"),r=require("../../style/themes/apply-base-theme.js"),t=require("../../style/utils/add-focus-styling.js");function i(e){return e&&e.__esModule?e:{default:e}}const o={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=i(e).default.div.attrs(r.default).withConfig({displayName:"radio-button.style__RadioButtonStyle",componentId:"carbon_v162_9_1__sc-366f4294-0"})([""," ",";"],(({$isDisabled:a,$size:r,$error:i})=>e.css([".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"]{',"}}",""],o[r].labelFont,l.default,l.default,o[r].svgSize,o[r].svgSize,!a&&i&&e.css(["border:var(--global-borderwidth-s) solid var(--input-validation-border-error);"]),l.default,l.default,t.default(),a&&e.css(["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);}'],l.default))),a.margin);exports.default=s;
+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_12_0__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/lib/components/search/__internal__/results-announcement.component.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("styled-components"),n=require("../../../style/utils/visually-hidden.js"),u=require("../../../hooks/__internal__/useDebounce/useDebounce.js");function s(e){return e&&e.__esModule?e:{default:e}}const a=s(r).default.div.withConfig({displayName:"results-announcement.component__ResultsAnnouncementContainer",componentId:"carbon_v162_9_1__sc-acf99c7b-0"})(["",""],n.default);exports.default=({announcement:r,searchValue:n,delay:s=1500})=>{const[i,o]=t.useState(""),[c,l]=t.useState(!1),d=t.useRef(!1),_=u.default((e=>{o(e),l((e=>!e))}),s);return t.useEffect((()=>r?d.current?void _(r):(o(r),l((e=>!e)),void(d.current=!0)):(_.cancel(),o(""),void(d.current=!1))),[r,n,_]),e.jsxs(a,{children:[e.jsx("div",{role:"status","aria-live":"polite","aria-atomic":"true",children:c?i:""}),e.jsx("div",{role:"status","aria-live":"polite","aria-atomic":"true",children:c?"":i})]})};
+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_12_0__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/lib/components/search/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./search.component.js");exports.default=e.Search;
+export{Search as default}from"./search.component.js";

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

@@ -36,6 +36,7 @@ export interface SearchListGroup {
     heading: string;
     /** Optional icon rendered before the heading text */
     icon?: React.ReactNode;
+    /** The list of items within the group. */
     items: SearchListData[];
 }
 export interface SearchPopoverProps {

package/lib/components/search/search.component.js

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./list-action-button.component.js");exports.default=e.default;
+export{default}from"./list-action-button.component.js";

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),n=require("./list-action-button.style.js"),o=require("../../../../hooks/__internal__/useLocale/useLocale.js"),r=require("../../../button/button.component.js");function i(e){return e&&e.__esModule?e:{default:e}}var u=i(t);const l=u.default.forwardRef((({listActionButton:t,onListAction:i},l)=>{const s=o.default();return e.jsx(n.default,{children:t&&!0!==t?u.default.isValidElement(t)?u.default.cloneElement(t,{ref:l,onClick:i}):t:e.jsx(r.default,{ref:l,onClick:i,iconType:"add",iconPosition:"after",children:s.select.actionButtonText()})})}));l.displayName="ListActionButton",exports.default=l;
+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/lib/components/select/__internal__/list-action-button/list-action-button.style.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("styled-components"),o=require("../../../button/button.style.js");function e(t){return t&&t.__esModule?t:{default:t}}const r=e(t).default.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.default);exports.default=r;
+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_12_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/lib/components/select/__internal__/select-list/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./select-list.component.js");exports.default=e.default;
+export{default}from"./select-list.component.js";

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

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

@@ -1 +1 @@
-"use strict";function e(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(exports,"__esModule",{value:!0});const t=e(require("react")).default.createContext({});exports.default=t;
+import t from"react";const e=t.createContext({});export{e as default};

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

@@ -1 +1 @@
-"use strict";var t=require("styled-components"),e=require("../../../../style/themes/apply-base-theme.js");function o(t){return t&&t.__esModule?t:{default:t}}var i=o(t);const a=i.default.ul.withConfig({displayName:"select-list.style__StyledSelectList",componentId:"carbon_v162_9_1__sc-cd99fc43-0"})(["",""],(({listHeight:e})=>t.css(["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===e?"":`height: ${e}px;`))),l=i.default.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;"]),d=i.default.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=i.default.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)`)),s=i.default.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`)),n=i.default.div.attrs(e.default).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")),c=i.default.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:e})=>!e&&t.css(["border-bottom-left-radius:var(--borderRadius050);border-bottom-right-radius:var(--borderRadius050);"])));exports.StyledScrollableContainer=c,exports.StyledSelectList=a,exports.StyledSelectListContainer=n,exports.StyledSelectListTable=d,exports.StyledSelectListTableBody=s,exports.StyledSelectListTableHeader=r,exports.StyledSelectLoaderContainer=l;
+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_12_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_12_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_12_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_12_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_12_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_12_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_12_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/lib/components/select/__internal__/select-textbox/__internal__/select-textbox.context.js

@@ -1 +1 @@
-"use strict";function e(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(exports,"__esModule",{value:!0});var t=e(require("react")).default.createContext({});exports.default=t;
+import t from"react";var e=t.createContext({});export{e as default};

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./select-textbox.component.js");exports.default=e.default;
+export{default}from"./select-textbox.component.js";

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

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

@@ -1 +1 @@
-"use strict";var e=require("styled-components"),t=require("../../../../__internal__/legacy-input/input-sizes.style.js");function l(e){return e&&e.__esModule?e:{default:e}}var o=l(e);const s=o.default.span.withConfig({displayName:"select-textbox.style__StyledSelectText",componentId:"carbon_v162_9_1__sc-216771d5-0"})(["",""],(({$disabled:l,$hasPlaceholder:o,$readOnly:s,$transparent:n,$size:i})=>e.css(["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:",";"," "," "," ",""],t.default[i].horizontalPadding,n&&e.css(["font-weight:500;text-align:right;"]),o&&e.css(['& > *:not([data-element="textbox-prefix"]){color:',";font-weight:",";user-select:none;}"],n?"var(--colorsUtilityYin100)":"var(--colorsUtilityYin055)",n?500:"normal"),l&&e.css(["cursor:not-allowed;color:var(--colorsUtilityYin030);text-shadow:none;"]),s&&e.css(["cursor:default;color:var(--colorsUtilityYin065);text-shadow:none;"])))),n=o.default.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:t})=>t&&e.css(["cursor:not-allowed;"])),(({$readOnly:t})=>t&&e.css(["cursor:default;"])));exports.StyledSelectText=s,exports.StyledSelectTextChildrenWrapper=n;
+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_12_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_12_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/lib/components/select/__internal__/utils/are-objects-equal.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=function(e,t){if("object"!=typeof e||"object"!=typeof t||null===e||null===t)return!1;const r=Object.keys(e),o=Object.keys(t);if(r.length!==o.length)return!1;for(const o of r)if(!Object.prototype.hasOwnProperty.call(t,o)||e[o]!==t[o])return!1;return!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/lib/components/select/__internal__/utils/get-next-child-by-text.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),require("react"),exports.default=function(e,t,r=-1){const o=e.slice(-1),n=e.split("").every((e=>e===o));let s=function(e,t){return t.findIndex((t=>{var r;return null===(r=t.props.text)||void 0===r?void 0:r.toLowerCase().startsWith(e.toLowerCase())}))}(e,t);const u=function(e,t){return e.reduce(((e,r,o)=>(r.props.text&&r.props.text.toLowerCase().startsWith(t.toLowerCase())&&e.push(o),e)),[])}(t,o);return n&&u.length>1&&(s=function(e,t){return t===e[e.length-1]?e[0]:e[e.indexOf(t)+1]}(u,r)),t[s]};
+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/lib/components/select/__internal__/utils/get-next-index-by-key.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.PAGE_SIZE=4,exports.default=function(e,a,r,t){const s=-1===a;let o=a;switch(e){case"Home":o=0;break;case"End":o=r;break;case"ArrowDown":if(t&&a===r)return r;o=a===r||s?0:a+1;break;case"ArrowUp":o=0===a||s?r:a-1;break;case"PageDown":o=s?Math.min(3,r):Math.min(a+4,r);break;case"PageUp":o=s?Math.max(r+1-4,0):Math.max(a-4,0)}return o};
+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/lib/components/select/__internal__/utils/highlight-part-of-text.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("./matching-text.style.js");function n(e){return e&&e.__esModule?e:{default:e}}var l=n(t);function i(t,n){if(!n||!n.length||!t)return t;const l=t.toLowerCase(),s=n.toLowerCase(),u=l.indexOf(s);if(-1===u)return t;const c=t.slice(0,u),a=t.slice(u,u+n.length),o=t.slice(u+n.length,t.length);let d=o;return o.length>=n.length&&(d=i(o,n)),[e.jsx("span",{children:c},"preceding"),e.jsx(r.default,{"data-role":"matching-text",children:a},"match"),e.jsx("span",{children:d},"following")]}exports.default=function e(t,r){if("string"==typeof t)return i(t,r);if(!l.default.isValidElement(t))return t;const n=l.default.Children.map(t.props.children,(t=>e(t,r)));return l.default.cloneElement(t,{children:n})};
+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/lib/components/select/__internal__/utils/is-expected-option.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../option/option.component.js"),t=require("../../option-row/option-row.component.js"),o=require("./is-expected-value.js");exports.default=function(r,n){if(r.type!==e.default&&r.type!==t.default)return!1;if(null==n)return!1;const{length:u}="string"==typeof n?n:Object.keys(n);return!!u&&o.default(r.props.value,n)};
+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/lib/components/select/__internal__/utils/is-expected-value.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=function(e,t){return"object"==typeof e&&null!==e.id&&void 0!==e.id&&"object"==typeof t?e.id===t.id:e===t};
+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/lib/components/select/__internal__/utils/is-navigation-key.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=function(e){return["ArrowDown","ArrowUp","Home","End","PageUp","PageDown"].includes(e)};
+function e(e){return["ArrowDown","ArrowUp","Home","End","PageUp","PageDown"].includes(e)}export{e as default};

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

@@ -1 +1 @@
-"use strict";function e(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(exports,"__esModule",{value:!0});const t=e(require("styled-components")).default.span.withConfig({displayName:"matching-text.style__MatchingText",componentId:"carbon_v162_9_1__sc-cf2d1a9f-0"})(["font-weight:500;text-decoration:underline;"]);exports.default=t;
+import t from"styled-components";const e=t.span.withConfig({displayName:"matching-text.style__MatchingText",componentId:"carbon_v162_12_0__sc-cf2d1a9f-0"})(["font-weight:500;text-decoration:underline;"]);export{e as default};

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

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),n=require("invariant");require("../../../style/utils/filter-styled-system-padding-props.js");var r=require("../../../style/utils/filter-styled-system-margin-props.js"),l=require("../../../style/utils/filter-out-styled-system-spacing-props.js"),o=require("../__internal__/select-textbox/select-textbox.component.js"),i=require("../../../__internal__/utils/helpers/guid/index.js"),a=require("../__internal__/utils/with-filter.hoc.js"),s=require("../select.style.js"),u=require("../__internal__/select-list/select-list.component.js"),c=require("../__internal__/utils/is-expected-option.js"),d=require("../__internal__/utils/are-objects-equal.js"),f=require("../__internal__/utils/is-navigation-key.js"),p=require("../../../hooks/__internal__/useStableCallback/useStableCallback.js"),b=require("../../../hooks/__internal__/useInputAccessibility/useInputAccessibility.js"),v=require("../../../hooks/__internal__/useAdaptiveSidebarModalFocus/useAdaptiveSidebarModalFocus.js");function y(e){return e&&e.__esModule?e:{default:e}}var m=y(t),g=y(n);function h(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function O(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),r.forEach((function(t){h(e,t,n[t])}))}return e}function _(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t.push.apply(t,n)}return t}(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))})),e}const j=a.default(u.default),C=m.default.forwardRef(((n,a)=>{var{"aria-label":y,"aria-labelledby":h,value:C,id:w,name:S,label:x,children:k,onOpen:L,onChange:q,onFilterChange:E,onClick:P,onKeyDown:D,onFocus:A,onBlur:R,openOnFocus:F,noResultsMessage:M,listActionButton:B,listMaxHeight:T,onListAction:I,isLoading:V,disabled:H,readOnly:W,onListScrollBottom:K,tableHeader:N,multiColumn:z,"data-element":G,"data-role":J,tooltipPosition:Q,listPlacement:U="bottom",flipEnabled:X=!0,enableVirtualScroll:Y,virtualScrollOverscan:Z,disableDefaultFiltering:$=!1,required:ee,listWidth:te}=n,ne=function(e,t){if(null==e)return{};var n,r,l=function(e,t){if(null==e)return{};var n,r,l={},o=Object.keys(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||(l[n]=e[n]);return l}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}(n,["aria-label","aria-labelledby","value","id","name","label","children","onOpen","onChange","onFilterChange","onClick","onKeyDown","onFocus","onBlur","openOnFocus","noResultsMessage","listActionButton","listMaxHeight","onListAction","isLoading","disabled","readOnly","onListScrollBottom","tableHeader","multiColumn","data-element","data-role","tooltipPosition","listPlacement","flipEnabled","enableVirtualScroll","virtualScrollOverscan","disableDefaultFiltering","required","listWidth"]);const[re,le]=t.useState(""),oe=t.useRef(i.default()),ie=t.useRef(null),ae=t.useRef(null),se=t.useRef(!1),ue=t.useRef(!1),[ce,de]=t.useState(),[fe,pe]=t.useState(!1),[be,ve]=t.useState(""),[ye,me]=t.useState(C||""),ge=t.useRef(C),[he,Oe]=t.useState(""),[_e,je]=t.useState(""),Ce=t.useRef(w||i.default()),{labelId:we}=b.default({id:Ce.current,label:x}),Se=t.useRef(null),xe=t.useRef(!1),ke=t.useCallback(((e,t)=>({target:_(O({},S&&{name:S},w&&{id:w}),{value:e}),selectionConfirmed:t})),[S,w]),Le=t.useCallback(((e,t)=>{q&&q(ke(e,t))}),[q,ke]),qe=t.useCallback(((e,t)=>{me((()=>{var n;const r=e.trimStart(),l=(o=r,i=k,m.default.Children.toArray(i).find((e=>{const{text:t}=e.props;return-1!==(null==t?void 0:t.toLowerCase().indexOf(null==o?void 0:o.toLowerCase()))})));var o,i;const a=t&&!e.length;return!l||a||l.props.disabled?(ve(e),Le("",!1),""):(r.length&&Le(l.props.value,!1),t?(ve(e),l.props.value):(r.length&&(null===(n=l.props.text)||void 0===n?void 0:n.toLowerCase().startsWith(r.toLowerCase()))?ve(l.props.text):ve(e),Oe(l.props.value),l.props.value))}))}),[k,Le]),Ee=t.useCallback(((e,t=!1)=>{var n;const r=m.default.Children.toArray(k).find((t=>m.default.isValidElement(t)&&c.default(t,e)));r&&void 0!==r.props.text?(t||(null===(n=r.props.text)||void 0===n?void 0:n.toLowerCase().startsWith(null==_e?void 0:_e.toLowerCase().trim())))&&ve(r.props.text):ve(_e||"")}),[k,_e]),Pe=t.useCallback((e=>{const t=e.target.value,{inputType:n}=e.nativeEvent;qe(t,"deleteContentBackward"===n||"deleteContentForward"===n||"delete"===n),je(t),pe(!0)}),[qe]),De=t.useCallback((e=>{je((t=>(null==t?void 0:t.length)===(null==be?void 0:be.length)-1&&e===be.slice(-1)?be:t))}),[be]),Ae=t.useCallback((e=>{const{key:t}=e;D&&D(e),W||(!e.defaultPrevented&&f.default(t)&&(e.preventDefault(),pe(!0)),De(t))}),[De,D,W]),Re=t.useCallback((e=>{const t=ie.current&&!ie.current.contains(e.target),n=ae.current&&!ae.current.contains(e.target);se.current=!1,t&&n&&(Ee(C,!0),pe(!1))}),[Ee,C]);t.useEffect((()=>{me((e=>(C&&e!==C&&Ee(C),C))),Oe(C)}),[C,q,k]);const Fe=p.default(L);t.useEffect((()=>{fe?Fe&&Fe():je("")}),[Fe,fe]),t.useEffect((()=>{const e=void 0!==B;g.default(!e||e&&I,"onListAction prop required when using listActionButton prop")}),[B,I]);const Me=t.useRef(!0);t.useEffect((()=>{Me.current&&Ee(ye),"object"==typeof C&&"object"==typeof ge.current?d.default(C,ge.current)||(Ee(C),ge.current=C):Ee(C)}),[C,k]);const Be=p.default(E);t.useEffect((()=>{Be&&!Me.current&&Be(_e)}),[Be,_e]),t.useEffect((()=>{Me.current=!1}),[]),t.useEffect((()=>{const e="click";return window.addEventListener(e,Re),function(){window.removeEventListener(e,Re)}}),[Re]),t.useEffect((()=>{const e=null==_e?void 0:_e.trimStart(),t=null==be?void 0:be.toLowerCase().startsWith(e.toLowerCase());!H&&!W&&ce&&e.length&&(null==be?void 0:be.length)>e.length&&t&&(ce.selectionStart=e.length)}),[be,_e,ce,H,W]);const Te=t.useCallback((e=>{const{id:t,text:n,value:r,selectionType:l,selectionConfirmed:o}=e;ve(n),Le(r,!!o),le(t),"navigationKey"!==l&&(xe.current=!!F,pe(!1),null==ce||ce.focus(),null==ce||ce.select(),xe.current=!1)}),[ce,Le,F]),Ie=t.useCallback((()=>{pe(!1),Ee(ye,!0)}),[ye,Ee]);function Ve(e){var t;se.current=!0,"input"!==(null===(t=e.target.dataset)||void 0===t?void 0:t.element)&&e.preventDefault()}t.useEffect((()=>()=>{Se.current&&clearTimeout(Se.current)}),[]),v.default((()=>pe(!1)));const He=t.useCallback((e=>{e&&(de(e),a&&("function"==typeof a?a(e):a.current=e))}),[a]);let We;switch(U){case"top":We="top-end";break;case"bottom":We="bottom-end";break;default:We=U}const Ke={ref:ae,id:oe.current,labelId:we,anchorElement:(null==ce?void 0:ce.parentElement)||void 0,onSelect:Te,onSelectListClose:Ie,onMouseDown:function(){se.current=!0},filterText:_e.trim(),highlightedValue:he,noResultsMessage:M,listActionButton:B,listMaxHeight:T,onListAction:function(){pe(!1),null==I||I()},isLoading:V,onListScrollBottom:K,tableHeader:N,multiColumn:z,listPlacement:void 0!==te?We:U,flipEnabled:X,isOpen:fe,enableVirtualScroll:Y,virtualScrollOverscan:Z,listWidth:te},Ne=$?e.jsx(u.default,_(O({},Ke),{children:k})):e.jsx(j,_(O({},Ke),{children:k})),ze=r.default(ne);return e.jsxs(s.default,_(O({hasTextCursor:!0,readOnly:W,disabled:H,"data-component":"filterable-select","data-role":J,"data-element":G,isOpen:fe,className:"filterable-select"},ze),{children:[e.jsx("div",{ref:ie,children:e.jsx(o.default,_(O({ref:He,activeDescendantId:re,ariaLabel:y,ariaLabelledby:h,labelId:x?we:void 0,"aria-controls":oe.current,isOpen:fe,selectType:"filterable"},_(O({id:Ce.current,name:S,label:x,disabled:H,readOnly:W,selectedValue:ye,formattedValue:be,onClick:function(e){se.current=!1,P&&P(e),pe(!0)},iconOnClick:function(e){se.current=!1,P&&P(e),pe((e=>(xe.current=e,!e)))},iconOnMouseDown:Ve,onFocus:function(e){const t=()=>null==A?void 0:A(e);if(F){if(Se.current&&clearTimeout(Se.current),xe.current)return;Se.current=setTimeout((()=>{pe((e=>(e||A&&!ue.current&&(t(),ue.current=!0),!0)))}))}else A&&!ue.current&&(t(),ue.current=!0)},onBlur:function(e){se.current||(ue.current=!1,R&&R(e))},onKeyDown:Ae,onChange:Pe,onMouseDown:Ve,tooltipPosition:Q,required:ee},l.default(ne)),{"data-component":void 0})),{onChange:Pe,value:be}))}),Ne]}))}));exports.FilterableSelect=C,exports.default=C;
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import n,{useState as r,useRef as o,useCallback as l,useEffect as i}from"react";import a from"invariant";import"../../../style/utils/filter-styled-system-padding-props.js";import s from"../../../style/utils/filter-styled-system-margin-props.js";import c from"../../../style/utils/filter-out-styled-system-spacing-props.js";import u from"../__internal__/select-textbox/select-textbox.component.js";import d from"../../../__internal__/utils/helpers/guid/index.js";import p from"../__internal__/utils/with-filter.hoc.js";import m from"../select.style.js";import f from"../__internal__/select-list/select-list.component.js";import b from"../__internal__/utils/is-expected-option.js";import v from"../__internal__/utils/are-objects-equal.js";import y from"../__internal__/utils/is-navigation-key.js";import g from"../../../hooks/__internal__/useStableCallback/useStableCallback.js";import h from"../../../hooks/__internal__/useInputAccessibility/useInputAccessibility.js";import O from"../../../hooks/__internal__/useAdaptiveSidebarModalFocus/useAdaptiveSidebarModalFocus.js";function _(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function j(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),r.forEach((function(t){_(e,t,n[t])}))}return e}function w(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t.push.apply(t,n)}return t}(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))})),e}const C=p(f),S=n.forwardRef(((p,_)=>{var{"aria-label":S,"aria-labelledby":x,value:L,id:P,name:k,label:D,children:A,onOpen:E,onChange:F,onFilterChange:B,onClick:M,onKeyDown:T,onFocus:I,onBlur:V,openOnFocus:H,noResultsMessage:W,listActionButton:q,listMaxHeight:K,onListAction:R,isLoading:N,disabled:z,readOnly:G,onListScrollBottom:J,tableHeader:Q,multiColumn:U,"data-element":X,"data-role":Y,tooltipPosition:Z,listPlacement:$="bottom",flipEnabled:ee=!0,enableVirtualScroll:te,virtualScrollOverscan:ne,disableDefaultFiltering:re=!1,required:oe,listWidth:le}=p,ie=function(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},l=Object.keys(e);for(r=0;r<l.length;r++)n=l[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r<l.length;r++)n=l[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}(p,["aria-label","aria-labelledby","value","id","name","label","children","onOpen","onChange","onFilterChange","onClick","onKeyDown","onFocus","onBlur","openOnFocus","noResultsMessage","listActionButton","listMaxHeight","onListAction","isLoading","disabled","readOnly","onListScrollBottom","tableHeader","multiColumn","data-element","data-role","tooltipPosition","listPlacement","flipEnabled","enableVirtualScroll","virtualScrollOverscan","disableDefaultFiltering","required","listWidth"]);const[ae,se]=r(""),ce=o(d()),ue=o(null),de=o(null),pe=o(!1),me=o(!1),[fe,be]=r(),[ve,ye]=r(!1),[ge,he]=r(""),[Oe,_e]=r(L||""),je=o(L),[we,Ce]=r(""),[Se,xe]=r(""),Le=o(P||d()),{labelId:Pe}=h({id:Le.current,label:D}),ke=o(null),De=o(!1),Ae=l(((e,t)=>({target:w(j({},k&&{name:k},P&&{id:P}),{value:e}),selectionConfirmed:t})),[k,P]),Ee=l(((e,t)=>{F&&F(Ae(e,t))}),[F,Ae]),Fe=l(((e,t)=>{_e((()=>{var r;const o=e.trimStart(),l=(i=o,a=A,n.Children.toArray(a).find((e=>{const{text:t}=e.props;return-1!==(null==t?void 0:t.toLowerCase().indexOf(null==i?void 0:i.toLowerCase()))})));var i,a;const s=t&&!e.length;return!l||s||l.props.disabled?(he(e),Ee("",!1),""):(o.length&&Ee(l.props.value,!1),t?(he(e),l.props.value):(o.length&&(null===(r=l.props.text)||void 0===r?void 0:r.toLowerCase().startsWith(o.toLowerCase()))?he(l.props.text):he(e),Ce(l.props.value),l.props.value))}))}),[A,Ee]),Be=l(((e,t=!1)=>{var r;const o=n.Children.toArray(A).find((t=>n.isValidElement(t)&&b(t,e)));o&&void 0!==o.props.text?(t||(null===(r=o.props.text)||void 0===r?void 0:r.toLowerCase().startsWith(null==Se?void 0:Se.toLowerCase().trim())))&&he(o.props.text):he(Se||"")}),[A,Se]),Me=l((e=>{const t=e.target.value,{inputType:n}=e.nativeEvent;Fe(t,"deleteContentBackward"===n||"deleteContentForward"===n||"delete"===n),xe(t),ye(!0)}),[Fe]),Te=l((e=>{xe((t=>(null==t?void 0:t.length)===(null==ge?void 0:ge.length)-1&&e===ge.slice(-1)?ge:t))}),[ge]),Ie=l((e=>{const{key:t}=e;T&&T(e),G||(!e.defaultPrevented&&y(t)&&(e.preventDefault(),ye(!0)),Te(t))}),[Te,T,G]),Ve=l((e=>{const t=ue.current&&!ue.current.contains(e.target),n=de.current&&!de.current.contains(e.target);pe.current=!1,t&&n&&(Be(L,!0),ye(!1))}),[Be,L]);i((()=>{_e((e=>(L&&e!==L&&Be(L),L))),Ce(L)}),[L,F,A]);const He=g(E);i((()=>{ve?He&&He():xe("")}),[He,ve]),i((()=>{const e=void 0!==q;a(!e||e&&R,"onListAction prop required when using listActionButton prop")}),[q,R]);const We=o(!0);i((()=>{We.current&&Be(Oe),"object"==typeof L&&"object"==typeof je.current?v(L,je.current)||(Be(L),je.current=L):Be(L)}),[L,A]);const qe=g(B);i((()=>{qe&&!We.current&&qe(Se)}),[qe,Se]),i((()=>{We.current=!1}),[]),i((()=>{const e="click";return window.addEventListener(e,Ve),function(){window.removeEventListener(e,Ve)}}),[Ve]),i((()=>{const e=null==Se?void 0:Se.trimStart(),t=null==ge?void 0:ge.toLowerCase().startsWith(e.toLowerCase());!z&&!G&&fe&&e.length&&(null==ge?void 0:ge.length)>e.length&&t&&(fe.selectionStart=e.length)}),[ge,Se,fe,z,G]);const Ke=l((e=>{const{id:t,text:n,value:r,selectionType:o,selectionConfirmed:l}=e;he(n),Ee(r,!!l),se(t),"navigationKey"!==o&&(De.current=!!H,ye(!1),null==fe||fe.focus(),null==fe||fe.select(),De.current=!1)}),[fe,Ee,H]),Re=l((()=>{ye(!1),Be(Oe,!0)}),[Oe,Be]);function Ne(e){var t;pe.current=!0,"input"!==(null===(t=e.target.dataset)||void 0===t?void 0:t.element)&&e.preventDefault()}i((()=>()=>{ke.current&&clearTimeout(ke.current)}),[]),O((()=>ye(!1)));const ze=l((e=>{e&&(be(e),_&&("function"==typeof _?_(e):_.current=e))}),[_]);let Ge;switch($){case"top":Ge="top-end";break;case"bottom":Ge="bottom-end";break;default:Ge=$}const Je={ref:de,id:ce.current,labelId:Pe,anchorElement:(null==fe?void 0:fe.parentElement)||void 0,onSelect:Ke,onSelectListClose:Re,onMouseDown:function(){pe.current=!0},filterText:Se.trim(),highlightedValue:we,noResultsMessage:W,listActionButton:q,listMaxHeight:K,onListAction:function(){ye(!1),null==R||R()},isLoading:N,onListScrollBottom:J,tableHeader:Q,multiColumn:U,listPlacement:void 0!==le?Ge:$,flipEnabled:ee,isOpen:ve,enableVirtualScroll:te,virtualScrollOverscan:ne,listWidth:le},Qe=e(re?f:C,w(j({},Je),{children:A})),Ue=s(ie);return t(m,w(j({hasTextCursor:!0,readOnly:G,disabled:z,"data-component":"filterable-select","data-role":Y,"data-element":X,isOpen:ve,className:"filterable-select"},Ue),{children:[e("div",{ref:ue,children:e(u,w(j({ref:ze,activeDescendantId:ae,ariaLabel:S,ariaLabelledby:x,labelId:D?Pe:void 0,"aria-controls":ce.current,isOpen:ve,selectType:"filterable"},w(j({id:Le.current,name:k,label:D,disabled:z,readOnly:G,selectedValue:Oe,formattedValue:ge,onClick:function(e){pe.current=!1,M&&M(e),ye(!0)},iconOnClick:function(e){pe.current=!1,M&&M(e),ye((e=>(De.current=e,!e)))},iconOnMouseDown:Ne,onFocus:function(e){const t=()=>null==I?void 0:I(e);if(H){if(ke.current&&clearTimeout(ke.current),De.current)return;ke.current=setTimeout((()=>{ye((e=>(e||I&&!me.current&&(t(),me.current=!0),!0)))}))}else I&&!me.current&&(t(),me.current=!0)},onBlur:function(e){pe.current||(me.current=!1,V&&V(e))},onKeyDown:Ie,onChange:Me,onMouseDown:Ne,tooltipPosition:Z,required:oe},c(ie)),{"data-component":void 0})),{onChange:Me,value:ge}))}),Qe]}))}));export{S as FilterableSelect,S as default};

package/lib/components/select/filterable-select/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./filterable-select.component.js");exports.default=e.FilterableSelect;
+export{FilterableSelect as default}from"./filterable-select.component.js";

package/lib/components/select/index.js

@@ -1 +1 @@
-"use strict";var e=require("./option/option.component.js"),t=require("./option-row/option-row.component.js"),o=require("./option-group-header/option-group-header.component.js"),r=require("./simple-select/simple-select.component.js"),l=require("./filterable-select/filterable-select.component.js"),p=require("./multi-select/multi-select.component.js"),s=require("./setup-select-mocks.js");exports.Option=e.default,exports.OptionRow=t.default,exports.OptionGroupHeader=o.default,exports.Select=r.SimpleSelect,exports.FilterableSelect=l.FilterableSelect,exports.MultiSelect=p.MultiSelect,exports.setupSelectMocks=s.default;
+export{default as Option}from"./option/option.component.js";export{default as OptionRow}from"./option-row/option-row.component.js";export{default as OptionGroupHeader}from"./option-group-header/option-group-header.component.js";export{SimpleSelect as Select}from"./simple-select/simple-select.component.js";export{FilterableSelect}from"./filterable-select/filterable-select.component.js";export{MultiSelect}from"./multi-select/multi-select.component.js";export{default as setupSelectMocks}from"./setup-select-mocks.js";

package/lib/components/select/multi-select/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./multi-select.component.js");exports.default=e.MultiSelect;
+export{MultiSelect as default}from"./multi-select.component.js";

package/lib/components/select/multi-select/multi-select.component.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react");require("../../../style/utils/filter-styled-system-padding-props.js");var l=require("../../../style/utils/filter-styled-system-margin-props.js"),r=require("../../../style/utils/filter-out-styled-system-spacing-props.js"),n=require("../__internal__/select-textbox/select-textbox.component.js"),i=require("../../../__internal__/utils/helpers/guid/index.js"),a=require("../__internal__/utils/with-filter.hoc.js"),u=require("../__internal__/select-list/select-list.component.js"),o=require("./multi-select.style.js"),s=require("../../pill/pill.component.js"),c=require("../__internal__/utils/is-expected-option.js"),d=require("../__internal__/utils/is-expected-value.js"),f=require("../__internal__/utils/is-navigation-key.js"),p=require("../../../hooks/__internal__/useStableCallback/useStableCallback.js"),b=require("../../../hooks/__internal__/useInputAccessibility/useInputAccessibility.js"),v=require("../../../hooks/__internal__/useAdaptiveSidebarModalFocus/useAdaptiveSidebarModalFocus.js");function m(e){return e&&e.__esModule?e:{default:e}}var y=m(t);function h(e,t,l){return t in e?Object.defineProperty(e,t,{value:l,enumerable:!0,configurable:!0,writable:!0}):e[t]=l,e}function O(e){for(var t=1;t<arguments.length;t++){var l=null!=arguments[t]?arguments[t]:{},r=Object.keys(l);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(l).filter((function(e){return Object.getOwnPropertyDescriptor(l,e).enumerable})))),r.forEach((function(t){h(e,t,l[t])}))}return e}function g(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);t.push.apply(t,l)}return t}(Object(t)).forEach((function(l){Object.defineProperty(e,l,Object.getOwnPropertyDescriptor(t,l))})),e}const _=a.default(u.default),j=y.default.forwardRef(((a,u)=>{var{"aria-label":m,"aria-labelledby":h,value:j,id:C,label:S,name:x,disabled:k,readOnly:w,children:P,onOpen:q,onFilterChange:E,onChange:M,onClick:R,onFocus:D,onBlur:L,onKeyDown:V,openOnFocus:F=!1,noResultsMessage:I,placeholder:T,isLoading:A,onListScrollBottom:B,tableHeader:H,multiColumn:z,tooltipPosition:K,size:W="medium","data-element":$,"data-role":N,listPlacement:G="bottom",listMaxHeight:J,flipEnabled:Q=!0,wrapPillText:U=!0,enableVirtualScroll:X,virtualScrollOverscan:Y,required:Z,listWidth:ee}=a,te=function(e,t){if(null==e)return{};var l,r,n=function(e,t){if(null==e)return{};var l,r,n={},i=Object.keys(e);for(r=0;r<i.length;r++)l=i[r],t.indexOf(l)>=0||(n[l]=e[l]);return n}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r<i.length;r++)l=i[r],t.indexOf(l)>=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(n[l]=e[l])}return n}(a,["aria-label","aria-labelledby","value","id","label","name","disabled","readOnly","children","onOpen","onFilterChange","onChange","onClick","onFocus","onBlur","onKeyDown","openOnFocus","noResultsMessage","placeholder","isLoading","onListScrollBottom","tableHeader","multiColumn","tooltipPosition","size","data-element","data-role","listPlacement","listMaxHeight","flipEnabled","wrapPillText","enableVirtualScroll","virtualScrollOverscan","required","listWidth"]);const[le,re]=t.useState(""),ne=t.useRef(i.default()),ie=t.useRef(i.default()),ae=t.useRef(null),ue=t.useRef(null),oe=t.useRef(!1),se=t.useRef(!1),ce=t.useRef(!1),de=t.useRef(!1),fe=t.useRef(!1),[pe,be]=t.useState(),[ve,me]=t.useState(!1),[ye,he]=t.useState(""),[Oe,ge]=t.useState(""),[_e,je]=t.useState(""),[Ce,Se]=t.useState(),xe=t.useRef(C||i.default()),{labelId:ke}=b.default({id:xe.current,label:S}),we=t.useRef(null),Pe=t.useCallback((()=>{me((e=>(!e&&q&&q(),!0)))}),[q]),qe=t.useCallback(((e,t)=>({target:g(O({},x&&{name:x},C&&{id:C}),{value:e}),selectionConfirmed:t})),[x,C]),Ee=t.useCallback(((e,t)=>{const l=e(j).filter((e=>""!==e));l.length!==(null==j?void 0:j.length)&&M(qe(l,t))}),[qe,M,j]),Me=t.useCallback((e=>{const t=e.target.value,l=(r=t,n=P,y.default.Children.toArray(n).find((e=>{const{text:t}=e.props;return-1!==(null==t?void 0:t.toLowerCase().indexOf(null==r?void 0:r.toLowerCase()))})));var r,n;l&&ge(l.props.value),je(t),he(t),Pe()}),[P,Pe]),Re=t.useCallback((e=>{se.current=!0,Ee((t=>{if(!t.length)return t;const l=t.slice();return l.splice(e,1),l}),!0)}),[Ee]),De=t.useCallback((e=>{const{key:t}=e,l="Backspace"===t||"Delete"===t;V&&V(e),w||(!e.defaultPrevented&&f.default(t)&&(e.preventDefault(),Pe()),!l||""!==_e&&""!==ye||Re(-1))}),[V,w,_e,ye,Pe,Re]),Le=t.useMemo((()=>{var e;return j&&j.length?null===(e=y.default.Children.map(P,(e=>!(!y.default.isValidElement(e)||!j.includes(e.props.value))&&e.props.text)))||void 0===e?void 0:e.filter((e=>e)).reduce(((e,t)=>e?`${e}, ${t}`:t),""):null}),[P,j]),Ve=t.useCallback((e=>{if(ce.current=!1,!ve)return;const t=ae.current&&!ae.current.contains(e.target),l=ue.current&&!ue.current.contains(e.target);t&&l&&!se.current&&(he(""),je(""),ge(""),me(!1)),se.current=!1}),[ve]),Fe=t.useMemo((()=>{const t=!k&&!w;let l;return(null==j?void 0:j.length)?j.map(((r,n)=>{const i=y.default.Children.toArray(P).find((e=>y.default.isValidElement(e)&&c.default(e,r)));let a={};if(!i)return null;var u,d;y.default.isValidElement(i)&&(l=void 0!==(null==i||null===(u=i.props.value)||void 0===u?void 0:u.value)?null==i||null===(d=i.props.value)||void 0===d?void 0:d.value:null==i?void 0:i.props.value,a={title:i.props.text,borderColor:i.props.borderColor,variant:i.props.variant,fill:i.props.fill});const f=a.title||"",p=f+l||n;return e.jsx(o.StyledSelectPillContainer,{children:e.jsx(s.Pill,g(O({onDelete:t?()=>Re(n):void 0,wrapText:U},a),{children:f}))},p)})):""}),[P,k,w,j]);t.useEffect((()=>{const e=null==j?void 0:j.length;Se(e?" ":T)}),[j,T]),t.useEffect((()=>{const e="click";return window.addEventListener(e,Ve),function(){window.removeEventListener(e,Ve)}}),[Ve]);const Ie=p.default(E),Te=t.useRef(!0);function Ae(e){if(ce.current=!1,R&&R(e),!F||F&&!fe.current){if(ve)return je(""),void me(!1);null==q||q(),me(!0)}else fe.current=!1}function Be(e){ce.current=!1,R&&R(e),me((e=>e?(je(""),!1):(q&&q(),!0)))}function He(e){de.current=!1,ce.current||(oe.current=!1,L&&L(e))}function ze(e){var t;ce.current=!0;const l=e.target;"input"!==(null===(t=l.dataset)||void 0===t?void 0:t.element)&&e.preventDefault(),"input"===l.dataset.element&&(de.current=!0)}function Ke(e){const t=()=>null==D?void 0:D(e);F?(we.current&&clearTimeout(we.current),we.current=setTimeout((()=>{me((e=>(e||(q&&q(),D&&!oe.current&&(t(),oe.current=!0),fe.current=de.current),!0)))}))):D&&!oe.current&&(t(),oe.current=!0)}t.useEffect((()=>{Ie&&!Te.current&&Ie(_e)}),[Ie,_e]),t.useEffect((()=>{Te.current=!1}),[]),v.default((()=>me(!1)));const We=t.useCallback((e=>{const{value:t,selectionType:l,id:r,selectionConfirmed:n}=e;if("navigationKey"===l)return ge(t),void re(r);"click"===l&&(se.current=!0),he("");const i=-1!==(null==j?void 0:j.findIndex((e=>d.default(e,t))));null==pe||pe.focus(),ce.current=!1,Ee((e=>i?e:[...e,t]),n)}),[pe,j,Ee]),$e=t.useCallback((()=>{me(!1),je("")}),[]),Ne=t.useCallback((e=>{e&&(be(e),u&&("function"==typeof u?u(e):u.current=e))}),[u]);function Ge(){return g(O({id:xe.current,name:x,disabled:k,label:S,readOnly:w,placeholder:Ce,leftChildren:Fe,formattedValue:ye,selectedValue:j,onClick:Ae,onMouseDown:ze,onFocus:Ke,onBlur:He,iconOnClick:Be,iconOnMouseDown:ze,onKeyDown:De,onChange:Me,tooltipPosition:K,size:W,required:Z},r.default(te)),{"data-component":void 0})}let Je;switch(G){case"top":Je="top-end";break;case"bottom":Je="bottom-end";break;default:Je=G}const Qe=e.jsx(_,{ref:ue,id:ne.current,labelId:ke,anchorElement:(null==pe?void 0:pe.parentElement)||void 0,onSelect:We,onSelectListClose:$e,onMouseDown:function(){ce.current=!0},filterText:_e.trim(),highlightedValue:Oe,noResultsMessage:I,isLoading:A,onListScrollBottom:B,tableHeader:H,multiColumn:z,listPlacement:void 0!==ee?Je:G,listMaxHeight:J,flipEnabled:Q,multiselectValues:j,isOpen:ve,enableVirtualScroll:X,virtualScrollOverscan:Y,listWidth:ee,children:P}),Ue=l.default(te);return e.jsxs(o.StyledSelectMultiSelect,g(O({disabled:k,readOnly:w,hasTextCursor:!0,size:W,"data-component":"multiselect","data-role":N,"data-element":$,isOpen:ve,className:"multi-select"},Ue),{children:[e.jsxs("div",{ref:ae,children:[e.jsx(o.StyledAccessibilityLabelContainer,{"data-element":"accessibility-label",id:ie.current,children:Le}),e.jsx(n.default,O({ref:Ne,accessibilityLabelId:ie.current,activeDescendantId:le,"aria-controls":ne.current,ariaLabel:m,ariaLabelledby:h,isOpen:ve,labelId:ke,value:Ge().formattedValue,selectType:"multi"},Ge()))]}),Qe]}))}));exports.MultiSelect=j,exports.default=j;
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import r,{useState as n,useRef as l,useCallback as o,useMemo as i,useEffect as a}from"react";import"../../../style/utils/filter-styled-system-padding-props.js";import s from"../../../style/utils/filter-styled-system-margin-props.js";import c from"../../../style/utils/filter-out-styled-system-spacing-props.js";import u from"../__internal__/select-textbox/select-textbox.component.js";import d from"../../../__internal__/utils/helpers/guid/index.js";import p from"../__internal__/utils/with-filter.hoc.js";import m from"../__internal__/select-list/select-list.component.js";import{StyledSelectPillContainer as f,StyledSelectMultiSelect as b,StyledAccessibilityLabelContainer as v}from"./multi-select.style.js";import{Pill as y}from"../../pill/pill.component.js";import h from"../__internal__/utils/is-expected-option.js";import g from"../__internal__/utils/is-expected-value.js";import O from"../__internal__/utils/is-navigation-key.js";import _ from"../../../hooks/__internal__/useStableCallback/useStableCallback.js";import j from"../../../hooks/__internal__/useInputAccessibility/useInputAccessibility.js";import w from"../../../hooks/__internal__/useAdaptiveSidebarModalFocus/useAdaptiveSidebarModalFocus.js";function C(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function x(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){C(e,t,r[t])}))}return e}function P(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 S=p(m),k=r.forwardRef(((p,m)=>{var{"aria-label":C,"aria-labelledby":k,value:D,id:L,label:E,name:M,disabled:V,readOnly:F,children:I,onOpen:T,onFilterChange:B,onChange:A,onClick:H,onFocus:z,onBlur:K,onKeyDown:R,openOnFocus:q=!1,noResultsMessage:W,placeholder:$,isLoading:N,onListScrollBottom:G,tableHeader:J,multiColumn:Q,tooltipPosition:U,size:X="medium","data-element":Y,"data-role":Z,listPlacement:ee="bottom",listMaxHeight:te,flipEnabled:re=!0,wrapPillText:ne=!0,enableVirtualScroll:le,virtualScrollOverscan:oe,required:ie,listWidth:ae}=p,se=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}(p,["aria-label","aria-labelledby","value","id","label","name","disabled","readOnly","children","onOpen","onFilterChange","onChange","onClick","onFocus","onBlur","onKeyDown","openOnFocus","noResultsMessage","placeholder","isLoading","onListScrollBottom","tableHeader","multiColumn","tooltipPosition","size","data-element","data-role","listPlacement","listMaxHeight","flipEnabled","wrapPillText","enableVirtualScroll","virtualScrollOverscan","required","listWidth"]);const[ce,ue]=n(""),de=l(d()),pe=l(d()),me=l(null),fe=l(null),be=l(!1),ve=l(!1),ye=l(!1),he=l(!1),ge=l(!1),[Oe,_e]=n(),[je,we]=n(!1),[Ce,xe]=n(""),[Pe,Se]=n(""),[ke,De]=n(""),[Le,Ee]=n(),Me=l(L||d()),{labelId:Ve}=j({id:Me.current,label:E}),Fe=l(null),Ie=o((()=>{we((e=>(!e&&T&&T(),!0)))}),[T]),Te=o(((e,t)=>({target:P(x({},M&&{name:M},L&&{id:L}),{value:e}),selectionConfirmed:t})),[M,L]),Be=o(((e,t)=>{const r=e(D).filter((e=>""!==e));r.length!==(null==D?void 0:D.length)&&A(Te(r,t))}),[Te,A,D]),Ae=o((e=>{const t=e.target.value,n=(l=t,o=I,r.Children.toArray(o).find((e=>{const{text:t}=e.props;return-1!==(null==t?void 0:t.toLowerCase().indexOf(null==l?void 0:l.toLowerCase()))})));var l,o;n&&Se(n.props.value),De(t),xe(t),Ie()}),[I,Ie]),He=o((e=>{ve.current=!0,Be((t=>{if(!t.length)return t;const r=t.slice();return r.splice(e,1),r}),!0)}),[Be]),ze=o((e=>{const{key:t}=e,r="Backspace"===t||"Delete"===t;R&&R(e),F||(!e.defaultPrevented&&O(t)&&(e.preventDefault(),Ie()),!r||""!==ke&&""!==Ce||He(-1))}),[R,F,ke,Ce,Ie,He]),Ke=i((()=>{var e;return D&&D.length?null===(e=r.Children.map(I,(e=>!(!r.isValidElement(e)||!D.includes(e.props.value))&&e.props.text)))||void 0===e?void 0:e.filter((e=>e)).reduce(((e,t)=>e?`${e}, ${t}`:t),""):null}),[I,D]),Re=o((e=>{if(ye.current=!1,!je)return;const t=me.current&&!me.current.contains(e.target),r=fe.current&&!fe.current.contains(e.target);t&&r&&!ve.current&&(xe(""),De(""),Se(""),we(!1)),ve.current=!1}),[je]),qe=i((()=>{const t=!V&&!F;let n;return(null==D?void 0:D.length)?D.map(((l,o)=>{const i=r.Children.toArray(I).find((e=>r.isValidElement(e)&&h(e,l)));let a={};if(!i)return null;var s,c;r.isValidElement(i)&&(n=void 0!==(null==i||null===(s=i.props.value)||void 0===s?void 0:s.value)?null==i||null===(c=i.props.value)||void 0===c?void 0:c.value:null==i?void 0:i.props.value,a={title:i.props.text,borderColor:i.props.borderColor,variant:i.props.variant,fill:i.props.fill});const u=a.title||"",d=u+n||o;return e(f,{children:e(y,P(x({onDelete:t?()=>He(o):void 0,wrapText:ne},a),{children:u}))},d)})):""}),[I,V,F,D]);a((()=>{const e=null==D?void 0:D.length;Ee(e?" ":$)}),[D,$]),a((()=>{const e="click";return window.addEventListener(e,Re),function(){window.removeEventListener(e,Re)}}),[Re]);const We=_(B),$e=l(!0);function Ne(e){if(ye.current=!1,H&&H(e),!q||q&&!ge.current){if(je)return De(""),void we(!1);null==T||T(),we(!0)}else ge.current=!1}function Ge(e){ye.current=!1,H&&H(e),we((e=>e?(De(""),!1):(T&&T(),!0)))}function Je(e){he.current=!1,ye.current||(be.current=!1,K&&K(e))}function Qe(e){var t;ye.current=!0;const r=e.target;"input"!==(null===(t=r.dataset)||void 0===t?void 0:t.element)&&e.preventDefault(),"input"===r.dataset.element&&(he.current=!0)}function Ue(e){const t=()=>null==z?void 0:z(e);q?(Fe.current&&clearTimeout(Fe.current),Fe.current=setTimeout((()=>{we((e=>(e||(T&&T(),z&&!be.current&&(t(),be.current=!0),ge.current=he.current),!0)))}))):z&&!be.current&&(t(),be.current=!0)}a((()=>{We&&!$e.current&&We(ke)}),[We,ke]),a((()=>{$e.current=!1}),[]),w((()=>we(!1)));const Xe=o((e=>{const{value:t,selectionType:r,id:n,selectionConfirmed:l}=e;if("navigationKey"===r)return Se(t),void ue(n);"click"===r&&(ve.current=!0),xe("");const o=-1!==(null==D?void 0:D.findIndex((e=>g(e,t))));null==Oe||Oe.focus(),ye.current=!1,Be((e=>o?e:[...e,t]),l)}),[Oe,D,Be]),Ye=o((()=>{we(!1),De("")}),[]),Ze=o((e=>{e&&(_e(e),m&&("function"==typeof m?m(e):m.current=e))}),[m]);function et(){return P(x({id:Me.current,name:M,disabled:V,label:E,readOnly:F,placeholder:Le,leftChildren:qe,formattedValue:Ce,selectedValue:D,onClick:Ne,onMouseDown:Qe,onFocus:Ue,onBlur:Je,iconOnClick:Ge,iconOnMouseDown:Qe,onKeyDown:ze,onChange:Ae,tooltipPosition:U,size:X,required:ie},c(se)),{"data-component":void 0})}let tt;switch(ee){case"top":tt="top-end";break;case"bottom":tt="bottom-end";break;default:tt=ee}const rt=e(S,{ref:fe,id:de.current,labelId:Ve,anchorElement:(null==Oe?void 0:Oe.parentElement)||void 0,onSelect:Xe,onSelectListClose:Ye,onMouseDown:function(){ye.current=!0},filterText:ke.trim(),highlightedValue:Pe,noResultsMessage:W,isLoading:N,onListScrollBottom:G,tableHeader:J,multiColumn:Q,listPlacement:void 0!==ae?tt:ee,listMaxHeight:te,flipEnabled:re,multiselectValues:D,isOpen:je,enableVirtualScroll:le,virtualScrollOverscan:oe,listWidth:ae,children:I}),nt=s(se);return t(b,P(x({disabled:V,readOnly:F,hasTextCursor:!0,size:X,"data-component":"multiselect","data-role":Z,"data-element":Y,isOpen:je,className:"multi-select"},nt),{children:[t("div",{ref:me,children:[e(v,{"data-element":"accessibility-label",id:pe.current,children:Ke}),e(u,x({ref:Ze,accessibilityLabelId:pe.current,activeDescendantId:ce,"aria-controls":de.current,ariaLabel:C,ariaLabelledby:k,isOpen:je,labelId:Ve,value:et().formattedValue,selectType:"multi"},et()))]}),rt]}))}));export{k as MultiSelect,k as default};