carbon-react 158.50.0 → 159.0.1

package/esm/components/menu/menu-full-screen/menu-full-screen.style.js

@@ -1 +1 @@
-import o,{css as t}from"styled-components";import e from"../../../style/themes/apply-base-theme.js";import i from"../../icon-button/icon-button.style.js";import r from"../../box/box.style.js";import s from"../../search/search.style.js";import l from"../../icon/icon.style.js";import n from"../../button/button.style.js";import a from"../menu.config.js";import d from"../../../style/utils/add-focus-styling.js";import{StyledLink as m}from"../../link/link.style.js";const b=o.div.attrs(e).withConfig({displayName:"menu-full-screen.style__StyledMenuFullscreen",componentId:"sc-b7ff4ebf-0"})(["position:fixed;top:0;bottom:0;"," ",""],(({theme:o})=>t(["z-index:",";"],o.zIndex.fullScreenModal)),(({startPosition:o,transitionDuration:e})=>t(["&.enter{visibility:hidden;",":-100%;}&.enter-active{visibility:visible;",":0;transition:all ","ms ease;}&.exit{visibility:visible;",":0;}&.exit-active{visibility:hidden;",":-100%;transition:all ","ms ease;}"],o,o,e,o,o,e))),c=o.div.attrs(e).withConfig({displayName:"menu-full-screen.style__StyledMenuModal",componentId:"sc-b7ff4ebf-1"})(["height:100vh;width:100vw;outline:none;&&{","{max-width:100vw;}"," > a,"," > button,> div{font-size:var(--fontSizes200);}}",""],m,m,m,(({menuType:o})=>t(["background-color:",";&&{","{","{display:inline-flex;bottom:auto;}","{display:flex;line-height:normal;padding-bottom:0;&:focus{border-bottom-right-radius:var(--borderRadius050);border-top-right-radius:var(--borderRadius050);","}}}}","{scrollbar-color:",";&::-webkit-scrollbar{width:var(--sizing150);}&::-webkit-scrollbar-thumb{background-color:",";}&::-webkit-scrollbar-track{background-color:",";}}"],a[o].background,s,l,n,d(),r,a[o].scrollbarColor,a[o].scrollbarThumb,a[o].scrollbarTrack))),u=o.div.withConfig({displayName:"menu-full-screen.style__StyledMenuFullscreenHeader",componentId:"sc-b7ff4ebf-2"})(["height:40px;","{position:absolute;z-index:1;right:16px;top:8px;}",""],i,(({menuType:o})=>t(["background-color:",";"],a[o].submenuItemBackground)));export{b as StyledMenuFullscreen,u as StyledMenuFullscreenHeader,c as StyledMenuModal};
+import o,{css as t}from"styled-components";import i from"../../../style/themes/apply-base-theme.js";import e from"../../icon-button/icon-button.style.js";import r from"../../box/box.style.js";import s from"../../search/search.style.js";import l from"../../icon/icon.style.js";import n from"../../button/button.style.js";import a from"../menu.config.js";import d from"../../../style/utils/add-focus-styling.js";import{StyledLink as m}from"../../link/link.style.js";const c=o.div.attrs(i).withConfig({displayName:"menu-full-screen.style__StyledMenuFullscreen",componentId:"sc-28b344f8-0"})(["position:fixed;top:0;bottom:0;"," ",""],(({theme:o})=>t(["z-index:",";"],o.zIndex.fullScreenModal)),(({startPosition:o,transitionDuration:i})=>t(["&.enter{visibility:hidden;",":-100%;}&.enter-active{visibility:visible;",":0;transition:all ","ms ease;}&.exit{visibility:visible;",":0;}&.exit-active{visibility:hidden;",":-100%;transition:all ","ms ease;}"],o,o,i,o,o,i))),b=o.div.attrs(i).withConfig({displayName:"menu-full-screen.style__StyledMenuModal",componentId:"sc-28b344f8-1"})(["height:100vh;width:100vw;outline:none;&&{","{max-width:100vw;}"," > a,"," > button,> div{font-size:var(--fontSizes200);}}",""],m,m,m,(({menuType:o})=>t(["background-color:",";&&&{","{","{display:inline-flex;bottom:auto;}","{display:flex;line-height:normal;padding-bottom:0;&:focus{border-bottom-right-radius:var(--borderRadius050);border-top-right-radius:var(--borderRadius050);","}}}}","{scrollbar-color:",";&::-webkit-scrollbar{width:var(--sizing150);}&::-webkit-scrollbar-thumb{background-color:",";}&::-webkit-scrollbar-track{background-color:",";}}"],a[o].background,s,l,n,d(),r,a[o].scrollbarColor,a[o].scrollbarThumb,a[o].scrollbarTrack))),u=o.div.withConfig({displayName:"menu-full-screen.style__StyledMenuFullscreenHeader",componentId:"sc-28b344f8-2"})(["height:40px;","{position:absolute;z-index:1;right:16px;top:8px;}",""],e,(({menuType:o})=>t(["background-color:",";"],a[o].submenuItemBackground)));export{c as StyledMenuFullscreen,u as StyledMenuFullscreenHeader,b as StyledMenuModal};

package/esm/components/number/number.component.js

@@ -1 +1 @@
-import{jsx as e}from"react/jsx-runtime";import t,{useRef as r}from"react";import{LABEL_VALIDATION_DEFAULT as n,ALIGN_DEFAULT as o,LABEL_WIDTH_DEFAULT as a,SIZE_DEFAULT as l,Textbox as i}from"../textbox/textbox.component.js";import c from"../../__internal__/utils/helpers/tags/tags.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 b(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}const s=t.forwardRef(((t,u)=>{var{onChange:s,onKeyDown:f,value:p,align:O=o,labelWidth:g=a,size:y=l,validationOnLabel:m=n}=t,j=function(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},a=Object.keys(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(t,["onChange","onKeyDown","value","align","labelWidth","size","validationOnLabel"]);const v=r(null),d=r(null);var w,h,P;return e(i,b((h=b({},j),P=null!=(P={value:p,onChange:e=>{!function(e){return new RegExp("^[-]?[0-9]*$").test(e)}(e.target.value)?(e.target.value=p||"",e.target.setSelectionRange(v.current,d.current)):s(e)},onKeyDown:e=>{v.current=e.target.selectionStart,d.current=e.target.selectionEnd,f&&f(e)},ref:u,align:O,labelWidth:g,size:y,validationOnLabel:m})?P:{},Object.getOwnPropertyDescriptors?Object.defineProperties(h,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(h,e,Object.getOwnPropertyDescriptor(P,e))})),h),c(null!==(w=j["data-component"])&&void 0!==w?w:"number",j)))}));s.displayName="Number";export{s as Number,s as default};
+import{jsx as e}from"react/jsx-runtime";import t,{useRef as r}from"react";import{LABEL_VALIDATION_DEFAULT as n,LABEL_WIDTH_DEFAULT as o,SIZE_DEFAULT as a,Textbox as l}from"../textbox/textbox.component.js";import i from"../../__internal__/utils/helpers/tags/tags.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 u(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 b=t.forwardRef(((t,c)=>{var{onChange:b,onKeyDown:f,value:s,align:p="left",labelWidth:O=o,size:g=a,validationOnLabel:y=n}=t,m=function(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},a=Object.keys(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(t,["onChange","onKeyDown","value","align","labelWidth","size","validationOnLabel"]);const j=r(null),v=r(null);var d,w,h;return e(l,u((w=u({},m),h=null!=(h={value:s,onChange:e=>{!function(e){return new RegExp("^[-]?[0-9]*$").test(e)}(e.target.value)?(e.target.value=s||"",e.target.setSelectionRange(j.current,v.current)):b(e)},onKeyDown:e=>{j.current=e.target.selectionStart,v.current=e.target.selectionEnd,f&&f(e)},ref:c,align:p,labelWidth:O,size:g,validationOnLabel:y})?h:{},Object.getOwnPropertyDescriptors?Object.defineProperties(w,Object.getOwnPropertyDescriptors(h)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(h)).forEach((function(e){Object.defineProperty(w,e,Object.getOwnPropertyDescriptor(h,e))})),w),i(null!==(d=m["data-component"])&&void 0!==d?d:"number",m)))}));b.displayName="Number";export{b as Number,b as default};

package/esm/components/numeral-date/numeral-date.component.d.ts

@@ -21,7 +21,11 @@ export interface DateInputIds {
     year?: string;
 }
 export interface NumeralDateProps extends ValidationProps, MarginProps, TagProps {
-    /** Breakpoint for adaptive label (inline labels change to top aligned). Enables the adaptive behaviour when set */
+    /**
+     * @deprecated `adaptiveLabelBreakpoint` has been deprecated.
+     * It is recommended to use `useMediaQuery` hook to implement adaptive behaviour.
+     * Breakpoint for adaptive label (inline labels change to top aligned). Enables the adaptive behaviour when set
+     **/
     adaptiveLabelBreakpoint?: number;
     /** If true, the component will be disabled */
     disabled?: boolean;
@@ -47,8 +51,7 @@ export interface NumeralDateProps extends ValidationProps, MarginProps, TagProps
     /** Field labels alignment */
     fieldLabelsAlign?: "left" | "right";
     /**
-     * Text applied to label help tooltip, will be rendered as
-     * hint text when `validationRedesignOptIn` is true.
+     * [Legacy] Text applied to label help tooltip, will be rendered as hint text when `validationRedesignOptIn` is true.
      */
     labelHelp?: React.ReactNode;
     /** [Legacy] When true, label is placed in line with an input */

package/esm/components/numeral-date/numeral-date.component.js

@@ -1 +1 @@
-import{jsx as e}from"react/jsx-runtime";import{forwardRef as n,useContext as t,useRef as r,useImperativeHandle as l,useState as a,useMemo as i}from"react";import o from"invariant";import d from"../../__internal__/utils/helpers/tags/tags.js";import"../../style/utils/filter-styled-system-padding-props.js";import s from"../../style/utils/filter-styled-system-margin-props.js";import y from"../../__internal__/utils/helpers/events/events.js";import{StyledFieldset as m,StyledNumeralDate as u,StyledDateField as c}from"./numeral-date.style.js";import{Textbox as p}from"../textbox/textbox.component.js";import b from"../../__internal__/utils/helpers/guid/index.js";import f from"../../hooks/__internal__/useLocale/useLocale.js";import{TooltipProvider as g}from"../../__internal__/tooltip-provider/index.js";import v from"../carbon-provider/__internal__/new-validation.context.js";import O from"./__internal__/numeral-date.context.js";import h from"../../hooks/__internal__/useIsAboveBreakpoint/useIsAboveBreakpoint.js";function j(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function _(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){j(e,n,t[n])}))}return e}function w(e,n){return n=null!=n?n:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):function(e){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n.push.apply(n,t)}return n}(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})),e}const D=[["dd","mm","yyyy"],["mm","dd","yyyy"],["yyyy","mm","dd"],["dd","mm"],["mm","dd"],["mm","yyyy"]],P=e=>{const n=(new Date).getFullYear(),{format:t}=new Intl.DateTimeFormat(e,{month:"long"});return[...Array(12).keys()].map((e=>t(new Date(Date.UTC(n,e)))))},I=(e,n,t)=>({dd:e.numeralDate.validation.day(n?P(e.locale())[+n-1]:void 0,t),mm:e.numeralDate.validation.month(),yyyy:e.numeralDate.validation.year()}),k=(e,n)=>{switch(e){case"mm":return n.numeralDate.labels.month();case"yyyy":return n.numeralDate.labels.year();default:return n.numeralDate.labels.day()}},A=n(((n,j)=>{var{dateFormat:P=["dd","mm","yyyy"],disabled:A,error:x="",warning:S="",info:L,id:B,name:E,onBlur:R,onChange:F,value:H,validationOnLabel:T=!1,label:z,labelInline:N,labelWidth:W,labelAlign:q,fieldLabelsAlign:C,labelHelp:K,labelSpacing:M,fieldHelp:Y,adaptiveLabelBreakpoint:J,required:V,readOnly:$,size:U="medium",enableInternalError:G,enableInternalWarning:Q,tooltipPosition:X,helpAriaLabel:Z,dayRef:ee,monthRef:ne,yearRef:te,validationMessagePositionTop:re=!0,inputIds:le}=n,ae=function(e,n){if(null==e)return{};var t,r,l=function(e,n){if(null==e)return{};var t,r,l={},a=Object.keys(e);for(r=0;r<a.length;r++)t=a[r],n.indexOf(t)>=0||(l[t]=e[t]);return l}(e,n);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)t=a[r],n.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(l[t]=e[t])}return l}(n,["dateFormat","disabled","error","warning","info","id","name","onBlur","onChange","value","validationOnLabel","label","labelInline","labelWidth","labelAlign","fieldLabelsAlign","labelHelp","labelSpacing","fieldHelp","adaptiveLabelBreakpoint","required","readOnly","size","enableInternalError","enableInternalWarning","tooltipPosition","helpAriaLabel","dayRef","monthRef","yearRef","validationMessagePositionTop","inputIds"]);const ie=f(),{validationRedesignOptIn:oe}=t(v),{current:de}=r(B||b()),se=r({dd:b(),mm:b(),yyyy:b()});var ye,me,ue;const ce={dd:null!==(ye=null==le?void 0:le.day)&&void 0!==ye?ye:se.current.dd,mm:null!==(me=null==le?void 0:le.month)&&void 0!==me?me:se.current.mm,yyyy:null!==(ue=null==le?void 0:le.year)&&void 0!==ue?ue:se.current.yyyy},pe=r(P.map((()=>null)));l(j,(()=>({focus:()=>{var e;null===(e=pe.current[0])||void 0===e||e.focus()}})));const[be,fe]=a(_({},Object.fromEntries(P.map((e=>[e,""]))))),ge=i((()=>!P||D.find((e=>JSON.stringify(e)===JSON.stringify(P)))),[P]);o(ge,"Forbidden prop dateFormat supplied to NumeralDate. Only one of these date formats is allowed: ['dd', 'mm', 'yyyy'], ['mm', 'dd', 'yyyy'], ['yyyy', 'mm', 'dd'], ['dd', 'mm'], ['mm', 'dd'], ['mm', 'yyyy']");const ve=e=>({target:{name:E,id:de,value:e}}),Oe=e=>{y.isNumberKey(e)||y.isTabKey(e)||y.isEnterKey(e)||"Delete"===e.key||"Backspace"===e.key||e.preventDefault()},he=()=>{(G||Q)&&fe((e=>_({},e,((e,{dd:n,mm:t,yyyy:r})=>{const l={dd:"",mm:"",yyyy:""},a=((e,n)=>{if(!e||+e>12||+e<1)return 31;const t=new Date,r=+(n||t.getFullYear());return new Date(r,+e,0).getDate()})(t,r);return n&&(+n>a||+n<1)&&(l.dd=I(e,t,String(a)).dd),t&&(+t>12||+t<1)&&(l.mm=I(e).mm),r&&(+r<1800||+r>2200)&&(l.yyyy=I(e).yyyy),l})(ie,H)))),setTimeout((()=>{const e=!pe.current.find((e=>e===document.activeElement));R&&e&&R(ve(H))}),5)},je=Object.keys(be).reduce(((e,n)=>be[n]?`${e+be[n]}\n`:e),""),_e=G?je+x:x,we=Q?je+S:S,De=h(J);let Pe=N;J&&(Pe=De);const Ie=()=>e(u,{onKeyDown:Oe,children:P.map(((n,t)=>{const r=t===P.length-1;let l;const a=_e||we||L,i=!oe&&"string"==typeof a&&""!==a;switch(n.slice(0,2)){case"dd":l=ee;break;case"mm":l=ne;break;case"yy":l=te}return e(O.Provider,{value:{disableErrorBorder:!0},children:e(c,{size:U,isYearInput:4===n.length,hasValidationIconInField:!T&&r&&i,children:e(p,w(_({id:ce[n],label:k(n,ie),labelAlign:C,disabled:A,readOnly:$,error:!!_e,warning:!!we,info:!!L,size:U,value:H[n],onChange:e=>((e,n)=>{const{value:t}=e.target;if(t.length<=n.length){const e=w(_({},H),{[n]:t});F(ve(e))}})(e,n),onBlur:he,ref:e=>((e,n,t)=>{pe.current[n]=e,t&&("function"==typeof t?t(e):t.current=e)})(e,t,l)},r&&!T&&!oe&&{error:_e,warning:we,info:L}),{tooltipPosition:X,tooltipId:`${de}-validation`,my:0}))},n)},n)}))});return oe?e(m,w(_({applyNewValidation:!0,id:de,legend:z,inputHint:K,legendAlign:q,error:_e,warning:we,isRequired:V,isDisabled:A,validationMessagePositionTop:re,name:E},s(ae),d("numeral-date",ae)),{children:Ie()})):e(g,{helpAriaLabel:Z,children:e(m,w(_({id:de,legend:z,isRequired:V,isDisabled:A,name:E,error:T&&_e,warning:T&&we,info:T&&L,inline:Pe,size:U,labelHelp:K,legendAlign:q,legendWidth:W,legendSpacing:M,fieldHelp:Y},s(ae),d("numeral-date",ae)),{children:Ie()}))})}));export{D as ALLOWED_DATE_FORMATS,A as NumeralDate,A as default};
+import{jsx as e}from"react/jsx-runtime";import{forwardRef as t,useRef as r,useImperativeHandle as n,useState as a,useMemo as l}from"react";import i from"invariant";import o from"../../__internal__/utils/helpers/tags/tags.js";import"../../style/utils/filter-styled-system-padding-props.js";import d from"../../style/utils/filter-styled-system-margin-props.js";import y from"../../__internal__/utils/helpers/events/events.js";import m from"./numeral-date.style.js";import{Textbox as s}from"../textbox/textbox.component.js";import u from"../../__internal__/utils/helpers/guid/index.js";import c from"../../hooks/__internal__/useLocale/useLocale.js";import p from"../../__internal__/fieldset-validation-context/fieldset-validation-context.js";import f from"../../__internal__/fieldset/fieldset.component.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 g(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){b(e,t,r[t])}))}return e}function v(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})),e}const O=[["dd","mm","yyyy"],["mm","dd","yyyy"],["yyyy","mm","dd"],["dd","mm"],["mm","dd"],["mm","yyyy"]],h=e=>{const t=(new Date).getFullYear(),{format:r}=new Intl.DateTimeFormat(e,{month:"long"});return[...Array(12).keys()].map((e=>r(new Date(Date.UTC(t,e)))))},j=(e,t,r)=>({dd:e.numeralDate.validation.day(t?h(e.locale())[+t-1]:void 0,r),mm:e.numeralDate.validation.month(),yyyy:e.numeralDate.validation.year()}),w=(e,t)=>{switch(e){case"mm":return t.numeralDate.labels.month();case"yyyy":return t.numeralDate.labels.year();default:return t.numeralDate.labels.day()}},_={default:{small:"44px",medium:"50px",large:"64px"},year:{small:"66px",medium:"80px",large:"84px"}},D=t(((t,b)=>{var{dateFormat:h=["dd","mm","yyyy"],disabled:D,error:P="",warning:x="",info:k,id:I,name:S,onBlur:A,onChange:E,value:L,label:B,labelInline:F,labelWidth:R,labelAlign:T,fieldLabelsAlign:N,labelHelp:H,labelSpacing:W,fieldHelp:C,adaptiveLabelBreakpoint:K,required:q,readOnly:z,size:M="medium",enableInternalError:J,enableInternalWarning:Y,tooltipPosition:$,helpAriaLabel:U,dayRef:V,monthRef:G,yearRef:Q,validationMessagePositionTop:X=!0,inputIds:Z}=t,ee=function(e,t){if(null==e)return{};var r,n,a=function(e,t){if(null==e)return{};var r,n,a={},l=Object.keys(e);for(n=0;n<l.length;n++)r=l[n],t.indexOf(r)>=0||(a[r]=e[r]);return a}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(n=0;n<l.length;n++)r=l[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(a[r]=e[r])}return a}(t,["dateFormat","disabled","error","warning","info","id","name","onBlur","onChange","value","label","labelInline","labelWidth","labelAlign","fieldLabelsAlign","labelHelp","labelSpacing","fieldHelp","adaptiveLabelBreakpoint","required","readOnly","size","enableInternalError","enableInternalWarning","tooltipPosition","helpAriaLabel","dayRef","monthRef","yearRef","validationMessagePositionTop","inputIds"]);const te=c(),{current:re}=r(I||u()),ne=r({dd:u(),mm:u(),yyyy:u()});var ae,le,ie;const oe={dd:null!==(ae=null==Z?void 0:Z.day)&&void 0!==ae?ae:ne.current.dd,mm:null!==(le=null==Z?void 0:Z.month)&&void 0!==le?le:ne.current.mm,yyyy:null!==(ie=null==Z?void 0:Z.year)&&void 0!==ie?ie:ne.current.yyyy},de=r(h.map((()=>null)));n(b,(()=>({focus:()=>{var e;null===(e=de.current[0])||void 0===e||e.focus()}})));const[ye,me]=a(g({},Object.fromEntries(h.map((e=>[e,""]))))),se=l((()=>!h||O.find((e=>JSON.stringify(e)===JSON.stringify(h)))),[h]);i(se,"Forbidden prop dateFormat supplied to NumeralDate. Only one of these date formats is allowed: ['dd', 'mm', 'yyyy'], ['mm', 'dd', 'yyyy'], ['yyyy', 'mm', 'dd'], ['dd', 'mm'], ['mm', 'dd'], ['mm', 'yyyy']");const ue=e=>({target:{name:S,id:re,value:e}}),ce=()=>{(J||Y)&&me((e=>g({},e,((e,{dd:t,mm:r,yyyy:n})=>{const a={dd:"",mm:"",yyyy:""},l=((e,t)=>{if(!e||+e>12||+e<1)return 31;const r=new Date,n=+(t||r.getFullYear());return new Date(n,+e,0).getDate()})(r,n);return t&&(+t>l||+t<1)&&(a.dd=j(e,r,String(l)).dd),r&&(+r>12||+r<1)&&(a.mm=j(e).mm),n&&(+n<1800||+n>2200)&&(a.yyyy=j(e).yyyy),a})(te,L)))),setTimeout((()=>{const e=!de.current.find((e=>e===document.activeElement));A&&e&&A(ue(L))}),5)},pe=Object.keys(ye).reduce(((e,t)=>ye[t]?`${e+ye[t]}\n`:e),""),fe=J?pe+P:P,be=Y?pe+x:x;return e(p.Provider,{value:{disableErrorBorder:!0},children:e(f,v(g({applyNewValidation:!0,id:re,legend:B,inputHint:H,legendAlign:T,error:fe,warning:be,isRequired:q,isDisabled:D,validationMessagePositionTop:X,name:S},d(ee),o("numeral-date",ee)),{children:e(m,{onKeyDown:e=>{y.isNumberKey(e)||y.isTabKey(e)||y.isEnterKey(e)||"Delete"===e.key||"Backspace"===e.key||e.preventDefault()},children:h.map(((t,r)=>{const n=r===h.length-1;let a;switch(t.slice(0,2)){case"dd":a=V;break;case"mm":a=G;break;case"yy":a=Q}const l="yyyy"===t?_.year[M]:_.default[M];return e("div",{className:"numeral-date-wrapper",children:e(s,v(g({id:oe[t],label:w(t,te),labelAlign:N,disabled:D,readOnly:z,error:!!fe,warning:!!be,info:!!k,size:M,value:L[t],onChange:e=>((e,t)=>{const{value:r}=e.target;if(r.length<=t.length){const e=v(g({},L),{[t]:r});E(ue(e))}})(e,t),onBlur:ce,ref:e=>((e,t,r)=>{de.current[t]=e,r&&("function"==typeof r?r(e):r.current=e)})(e,r,a)},n&&{error:fe,warning:be,info:k}),{tooltipPosition:$,tooltipId:`${re}-validation`,my:0,maxWidth:l}))},t)}))})}))})}));export{O as ALLOWED_DATE_FORMATS,D as NumeralDate,D as default};

package/esm/components/numeral-date/numeral-date.style.d.ts

@@ -1,16 +1,4 @@
-import { FieldsetProps } from "../../__internal__/fieldset";
-interface StyledDateFieldProps {
-    isYearInput?: boolean;
-    hasValidationIconInField: boolean;
-    size?: "small" | "medium" | "large";
-}
-export declare const StyledNumeralDate: import("styled-components").StyledComponent<"div", any, {
+declare const StyledNumeralDate: import("styled-components").StyledComponent<"div", any, {
     name?: string;
 }, never>;
-export declare const StyledDateField: import("styled-components").StyledComponent<"div", any, StyledDateFieldProps, never>;
-interface StyledFieldsetProps extends FieldsetProps {
-    inline?: boolean;
-    size?: "small" | "medium" | "large";
-}
-export declare const StyledFieldset: import("styled-components").StyledComponent<({ legend, children, inline, legendWidth, legendAlign, legendSpacing, error, warning, info, isRequired, blockGroupBehaviour, legendMargin, isDisabled, labelHelp, fieldHelp, inputHint, validationMessagePositionTop, applyNewValidation, id, size, ...rest }: FieldsetProps) => import("react").JSX.Element, any, StyledFieldsetProps, never>;
-export {};
+export default StyledNumeralDate;

package/esm/components/numeral-date/numeral-date.style.js

@@ -1 +1 @@
-import e,{css as t}from"styled-components";import i from"../../__internal__/input-icon-toggle/input-icon-toggle.style.js";import n from"../../__internal__/input/input-presentation.style.js";import l from"../../__internal__/input/input.style.js";import a from"../../__internal__/fieldset/fieldset.component.js";import{StyledLegend as o}from"../../__internal__/fieldset/fieldset.style.js";const p={small:"44px",medium:"50px",large:"64px"},s=e.div.withConfig({displayName:"numeral-date.style__StyledNumeralDate",componentId:"sc-88200622-0"})(["display:inline-flex;gap:var(--spacing150);"]),m=e.div.withConfig({displayName:"numeral-date.style__StyledDateField",componentId:"sc-88200622-1"})(["",""],(({isYearInput:e,hasValidationIconInField:a,size:o})=>t([""," ","{text-align:center;","}","{width:var(--spacing400);z-index:999;}label{font-weight:var(--fontWeights400);}"],o&&t(["","{position:relative;min-width:",";}"],n,e?(e=>({small:e?"75px":"66px",medium:"80px",large:"84px"}))(a)[o]:p[o]),l,a&&"padding-right: 0",i))),d={small:"57px",medium:"65px",large:"73px"},r=e(a).withConfig({displayName:"numeral-date.style__StyledFieldset",componentId:"sc-88200622-2"})(["",""],(({inline:e,size:i})=>t([""," ",""],e&&t(["","{height:",";}"],o,i&&d[i]),!e&&t(["width:min-content;"]))));export{m as StyledDateField,r as StyledFieldset,s as StyledNumeralDate};
+import e from"styled-components";const a=e.div.withConfig({displayName:"numeral-date.style__StyledNumeralDate",componentId:"sc-d7c62476-0"})(["display:inline-flex;gap:var(--spacing150);"]);export{a as default};

package/esm/components/pager/__internal__/pager-navigation.component.js

@@ -1 +1 @@
-import{jsxs as e,jsx as t,Fragment as n}from"react/jsx-runtime";import{useRef as r}from"react";import{StyledPagerNavigation as a,StyledPagerNavInner as i,StyledPagerNoSelect as o,StyledPagerNavLabel as l}from"../pager.style.js";import{Number as s}from"../../number/number.component.js";import u from"../../../__internal__/utils/helpers/events/events.js";import p from"../../../__internal__/utils/helpers/guid/index.js";import c from"./pager-navigation-link.component.js";import m from"../../../hooks/__internal__/useLocale/useLocale.js";function g(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function d(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){g(e,t,n[t])}))}return e}const b=({pageSize:g,currentPage:b,setCurrentPage:f,onNext:h,onPrevious:y,onFirst:v,onLast:P,onPagination:_,pageCount:j,showFirstAndLastButtons:k=!0,showPreviousAndNextButtons:C=!0,showPageCount:O=!0,interactivePageNumber:S=!0,hideDisabledElements:w=!1,smallScreenBreakpoint:x})=>{const E=m(),N=`Pager_${r(p()).current}`,D=`${E.pager.pageX()} ${b.toString()} ${E.pager.ofY(j)}`,B=j<=1,L=2===j,$={currentPage:b,pageSize:g,pageCount:j,onPagination:_},F=e=>{const t=+e.target.value;return 0===j?(f(0),_(0,g,"input"),0):t<=0||Number.isNaN(t)?(f(1),_(1,g,"input"),1):t>j?(f(j),_(j,g,"input"),j):(f(t),_(t,g,"input"),t)};return e(a,{smallScreenBreakpoint:x,children:[!B&&e(n,{children:[!L&&k&&t(c,d({type:"first",hideDisabledElements:w,onClick:v},$)),C&&t(c,d({type:"previous",hideDisabledElements:w,onClick:y},$))]}),O&&(S?e(i,{children:[t("label",{htmlFor:N,children:t(o,{children:E.pager.pageX()})}),t(s,{value:b.toString(),"data-element":"current-page",onChange:e=>{f(+e.target.value)},onBlur:F,id:N,onKeyUp:e=>!!u.isEnterKey(e)&&F(e)}),t(o,{"data-element":"max-pages",children:E.pager.ofY(j)})]}):t(l,{"data-element":"current-page-label","data-role":"current-page-label",id:N,"aria-live":"polite",children:D})),!B&&e(n,{children:[C&&t(c,d({type:"next",hideDisabledElements:w,onClick:h},$)),!L&&k&&t(c,d({type:"last",hideDisabledElements:w,onClick:P},$))]})]})};export{b as default};
+import{jsxs as e,jsx as t,Fragment as n}from"react/jsx-runtime";import{useRef as r}from"react";import{StyledPagerNavigation as a,StyledPagerNavInner as i,StyledPagerNoSelect as o,StyledPagerNavLabel as l}from"../pager.style.js";import{Number as s}from"../../number/number.component.js";import p from"../../../__internal__/utils/helpers/events/events.js";import u from"../../../__internal__/utils/helpers/guid/index.js";import c from"./pager-navigation-link.component.js";import m from"../../../hooks/__internal__/useLocale/useLocale.js";function g(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function d(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){g(e,t,n[t])}))}return e}const b=({pageSize:g,currentPage:b,setCurrentPage:h,onNext:f,onPrevious:v,onFirst:y,onLast:P,onPagination:_,pageCount:j,showFirstAndLastButtons:k=!0,showPreviousAndNextButtons:x=!0,showPageCount:C=!0,interactivePageNumber:N=!0,hideDisabledElements:O=!1,smallScreenBreakpoint:S})=>{const w=m(),E=`Pager_${r(u()).current}`,D=`${w.pager.pageX()} ${b.toString()} ${w.pager.ofY(j)}`,B=j<=1,L=2===j,$={currentPage:b,pageSize:g,pageCount:j,onPagination:_},F=e=>{const t=+e.target.value;return 0===j?(h(0),_(0,g,"input"),0):t<=0||Number.isNaN(t)?(h(1),_(1,g,"input"),1):t>j?(h(j),_(j,g,"input"),j):(h(t),_(t,g,"input"),t)};return e(a,{smallScreenBreakpoint:S,className:"pager-navigation",children:[!B&&e(n,{children:[!L&&k&&t(c,d({type:"first",hideDisabledElements:O,onClick:y},$)),x&&t(c,d({type:"previous",hideDisabledElements:O,onClick:v},$))]}),C&&(N?e(i,{children:[t("label",{htmlFor:E,children:t(o,{children:w.pager.pageX()})}),t(s,{value:b.toString(),"data-element":"current-page",onChange:e=>{h(+e.target.value)},onBlur:F,id:E,onKeyUp:e=>!!p.isEnterKey(e)&&F(e),maxWidth:"50px"}),t(o,{"data-element":"max-pages",children:w.pager.ofY(j)})]}):t(l,{"data-element":"current-page-label","data-role":"current-page-label",id:E,"aria-live":"polite",children:D})),!B&&e(n,{children:[x&&t(c,d({type:"next",hideDisabledElements:O,onClick:f},$)),!L&&k&&t(c,d({type:"last",hideDisabledElements:O,onClick:P},$))]})]})};export{b as default};

package/esm/components/pager/pager.component.js

@@ -1 +1 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useState as r,useRef as o,useCallback as n,useEffect as i}from"react";import s from"../select/option/option.component.js";import"../select/option-row/option-row.component.js";import"../select/option-group-header/option-group-header.component.js";import{SimpleSelect as a}from"../select/simple-select/simple-select.component.js";import"../select/filterable-select/filterable-select.component.js";import"../select/multi-select/multi-select.component.js";import l from"./__internal__/pager-navigation.component.js";import c from"../../hooks/__internal__/useLocale/useLocale.js";import p from"../../__internal__/utils/helpers/guid/index.js";import{StyledPagerContainer as u,StyledPagerSizeOptions as m,StyledPagerSummary as g,StyledPagerSizeOptionsInner as d,StyledSelectContainer as h}from"./pager.style.js";import f from"../../__internal__/utils/helpers/events/events.js";import b from"../../__internal__/utils/helpers/tags/tags.js";function P(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function w(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},o=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),o.forEach((function(t){P(e,t,r[t])}))}return e}function O(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 j=P=>{var{currentPage:j=1,hideDisabledElements:S=!1,interactivePageNumber:v=!0,pageSizeSelectionOptions:y=[{id:"10",name:10},{id:"25",name:25},{id:"50",name:50},{id:"100",name:100}],pageSize:_=10,showPageSizeSelection:B=!1,totalRecords:z=0,onPagination:L,onNext:x,onFirst:N,onPrevious:k,onLast:A,showPageSizeLabelBefore:D=!0,showPageSizeLabelAfter:C=!0,showTotalRecords:E=!0,showFirstAndLastButtons:F=!0,showPreviousAndNextButtons:R=!0,showPageCount:T=!0,variant:K="default",smallScreenBreakpoint:I}=P,M=function(e,t){if(null==e)return{};var r,o,n=function(e,t){if(null==e)return{};var r,o,n={},i=Object.keys(e);for(o=0;o<i.length;o++)r=i[o],t.indexOf(r)>=0||(n[r]=e[r]);return n}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(o=0;o<i.length;o++)r=i[o],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}(P,["currentPage","hideDisabledElements","interactivePageNumber","pageSizeSelectionOptions","pageSize","showPageSizeSelection","totalRecords","onPagination","onNext","onFirst","onPrevious","onLast","showPageSizeLabelBefore","showPageSizeLabelAfter","showTotalRecords","showFirstAndLastButtons","showPreviousAndNextButtons","showPageCount","variant","smallScreenBreakpoint"]);const $=c(),[q,G]=r(+j),[H,J]=r(+_),[Q,U]=r(+_),V=`Pager_size_selector_${o(p()).current}`,W=n((()=>+z<0||Number.isNaN(+z)?1:Math.ceil(+z/H)),[z,H]),[X,Y]=r(W());i((()=>{J(+_),U(+_)}),[_]),i((()=>{const e=W();Y(e),G(+j>e?e:+j)}),[H,X,j,z,W]);const Z=n((e=>{G(1),N&&N(e)}),[N]),ee=n((e=>{G(X),A&&A(e)}),[X,A]),te=n((e=>{G(q+1),x&&x(e)}),[x,q]),re=n((e=>{G(q-1),k&&k(e)}),[q,k]),oe=n((e=>{U(+e),J(+e),L(1,+e,"page-select")}),[L]),ne=n((e=>f.isEnterKey(e)&&oe(e.target.value)),[oe]);return e(u,O(w({variant:K,smallScreenBreakpoint:I,showPageSizeSelection:B,showTotalRecords:E},M,b("pager",M)),{children:[B&&t(m,{children:(()=>{const r=(e,r)=>e?t("label",{htmlFor:V,children:r}):t("div",{children:r});return e(d,{children:[D&&r(D,$.pager.show()),t(h,{children:t(a,O(w({value:String(Q),onChange:e=>U(+e.target.value),onBlur:()=>U(H),onKeyDown:ne,"data-element":"page-select",id:V},D||C?{}:{ariaLabel:$.pager.show()}),{children:y.map((e=>t(s,{text:e.id,value:String(e.name),onClick:oe},e.id)))}))}),C&&r(!D,$.pager.records(H,!1))]})})()}),t(l,{pageSize:H,currentPage:q,interactivePageNumber:v,hideDisabledElements:S,setCurrentPage:G,onNext:te,onPrevious:re,onFirst:Z,onLast:ee,onPagination:L,pageCount:X,showFirstAndLastButtons:F,showPreviousAndNextButtons:R,showPageCount:T,smallScreenBreakpoint:I}),E&&t(g,{smallScreenBreakpoint:I,children:$.pager.records(z)})]}))};export{j as Pager,j as default};
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useState as r,useRef as o,useCallback as n,useEffect as i}from"react";import s from"../select/option/option.component.js";import"../select/option-row/option-row.component.js";import"../select/option-group-header/option-group-header.component.js";import{SimpleSelect as a}from"../select/simple-select/simple-select.component.js";import"../select/filterable-select/filterable-select.component.js";import"../select/multi-select/multi-select.component.js";import l from"./__internal__/pager-navigation.component.js";import c from"../../hooks/__internal__/useLocale/useLocale.js";import p from"../../__internal__/utils/helpers/guid/index.js";import{StyledPagerContainer as u,StyledPagerSizeOptions as m,StyledPagerSummary as g,StyledPagerSizeOptionsInner as d,StyledSelectContainer as h}from"./pager.style.js";import f from"../../__internal__/utils/helpers/events/events.js";import b from"../../__internal__/utils/helpers/tags/tags.js";function P(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function w(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},o=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),o.forEach((function(t){P(e,t,r[t])}))}return e}function O(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 j=P=>{var{currentPage:j=1,hideDisabledElements:S=!1,interactivePageNumber:v=!0,pageSizeSelectionOptions:y=[{id:"10",name:10},{id:"25",name:25},{id:"50",name:50},{id:"100",name:100}],pageSize:_=10,showPageSizeSelection:z=!1,totalRecords:B=0,onPagination:L,onNext:N,onFirst:x,onPrevious:k,onLast:A,showPageSizeLabelBefore:D=!0,showPageSizeLabelAfter:C=!0,showTotalRecords:E=!0,showFirstAndLastButtons:F=!0,showPreviousAndNextButtons:R=!0,showPageCount:T=!0,variant:K="default",smallScreenBreakpoint:I}=P,M=function(e,t){if(null==e)return{};var r,o,n=function(e,t){if(null==e)return{};var r,o,n={},i=Object.keys(e);for(o=0;o<i.length;o++)r=i[o],t.indexOf(r)>=0||(n[r]=e[r]);return n}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(o=0;o<i.length;o++)r=i[o],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}(P,["currentPage","hideDisabledElements","interactivePageNumber","pageSizeSelectionOptions","pageSize","showPageSizeSelection","totalRecords","onPagination","onNext","onFirst","onPrevious","onLast","showPageSizeLabelBefore","showPageSizeLabelAfter","showTotalRecords","showFirstAndLastButtons","showPreviousAndNextButtons","showPageCount","variant","smallScreenBreakpoint"]);const $=c(),[q,G]=r(+j),[H,J]=r(+_),[Q,U]=r(+_),V=`Pager_size_selector_${o(p()).current}`,W=n((()=>+B<0||Number.isNaN(+B)?1:Math.ceil(+B/H)),[B,H]),[X,Y]=r(W());i((()=>{J(+_),U(+_)}),[_]),i((()=>{const e=W();Y(e),G(+j>e?e:+j)}),[H,X,j,B,W]);const Z=n((e=>{G(1),x&&x(e)}),[x]),ee=n((e=>{G(X),A&&A(e)}),[X,A]),te=n((e=>{G(q+1),N&&N(e)}),[N,q]),re=n((e=>{G(q-1),k&&k(e)}),[q,k]),oe=n((e=>{U(+e),J(+e),L(1,+e,"page-select")}),[L]),ne=n((e=>f.isEnterKey(e)&&oe(e.target.value)),[oe]);return e(u,O(w({variant:K,smallScreenBreakpoint:I,showPageSizeSelection:z,showTotalRecords:E},M,b("pager",M)),{children:[z&&t(m,{className:"pager-size-options",children:(()=>{const r=(e,r)=>e?t("label",{htmlFor:V,children:r}):t("div",{children:r});return e(d,{children:[D&&r(D,$.pager.show()),t(h,{children:t(a,O(w({value:String(Q),onChange:e=>U(+e.target.value),onBlur:()=>U(H),onKeyDown:ne,"data-element":"page-select",id:V},D||C?{}:{ariaLabel:$.pager.show()}),{children:y.map((e=>t(s,{text:e.id,value:String(e.name),onClick:oe},e.id)))}))}),C&&r(!D,$.pager.records(H,!1))]})})()}),t(l,{pageSize:H,currentPage:q,interactivePageNumber:v,hideDisabledElements:S,setCurrentPage:G,onNext:te,onPrevious:re,onFirst:Z,onLast:ee,onPagination:L,pageCount:X,showFirstAndLastButtons:F,showPreviousAndNextButtons:R,showPageCount:T,smallScreenBreakpoint:I}),E&&t(g,{smallScreenBreakpoint:I,children:$.pager.records(B)})]}))};export{j as Pager,j as default};

package/esm/components/pager/pager.style.js

@@ -1 +1 @@
-import e,{css as i}from"styled-components";import t from"../../__internal__/input/input.style.js";import a from"../../__internal__/input/input-presentation.style.js";import n from"../../__internal__/form-field/form-field.style.js";import r from"../../__internal__/input-icon-toggle/input-icon-toggle.style.js";import{StyledSelectText as o}from"../select/__internal__/select-textbox/select-textbox.style.js";import{Link as p}from"../link/link.component.js";const l=e.div.withConfig({displayName:"pager.style__StyledSelectContainer",componentId:"sc-81c21b55-0"})(["height:26px;width:64px;margin-left:8px;margin-right:8px;","{padding-left:0;}"],a),s=e.div.withConfig({displayName:"pager.style__StyledPagerContainer",componentId:"sc-81c21b55-1"})(["box-sizing:border-box;display:grid;align-items:center;justify-content:space-between;padding:var(--sizing050) var(--sizing300);width:100%;min-height:var(--sizing550);font-size:var(--fontSizes100);color:var(--colorsUtilityYin090);border:1px solid var(--colorsUtilityMajor100);border-radius:var(--borderRadius100);grid-template-columns:repeat(3,1fr);flex-wrap:wrap;"," ",""],(({smallScreenBreakpoint:e,showPageSizeSelection:t,showTotalRecords:a})=>e&&i(["@media (max-width:","){grid-template-columns:1fr;padding:var(--sizing050) var(--sizing100);","}"],e,(t||a)&&i(["grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;"]))),(({variant:e})=>i(["background-color:",";"],"alternate"===e?"var(--colorsUtilityMajor040)":"var(--colorsUtilityMajor010)"))),d=e.div.withConfig({displayName:"pager.style__StyledPagerSizeOptions",componentId:"sc-81c21b55-2"})(["grid-area:1 / 1 / 1 / 1;","{width:64px;height:26px;min-height:26px;min-width:10px;margin:0px;","{font-size:14px;padding-right:0px;padding-left:8px;height:22px;width:13px;}","{margin-left:0;width:20px;height:24px;}}"],a,o,r),g=e.div.withConfig({displayName:"pager.style__StyledPagerSizeOptionsInner",componentId:"sc-81c21b55-3"})(["display:flex;align-items:center;"]),m=e.div.withConfig({displayName:"pager.style__StyledPagerNavigation",componentId:"sc-81c21b55-4"})(["display:flex;justify-content:center;align-items:center;padding:0 var(--spacing200);gap:var(--spacing400);grid-area:1 / 2 / 1 / 2;"," && ","{padding:0;margin:4px 8px;height:26px;line-height:26px;min-height:24px;","{text-align:center;height:24px;padding:0;}}"],(({smallScreenBreakpoint:e})=>e&&i(["@media (max-width:","){padding:0;gap:var(--spacing200);grid-area:2 / 1 / 2 / 3;}"],e)),a,t),c=e.div.withConfig({displayName:"pager.style__StyledPagerNavInner",componentId:"sc-81c21b55-5"})(["display:flex;align-items:center;&& ","{margin-bottom:0;}"],n),h=e.label.withConfig({displayName:"pager.style__StyledPagerNavLabel",componentId:"sc-81c21b55-6"})(["white-space:nowrap;"]),y=e(p).withConfig({displayName:"pager.style__StyledPagerLink",componentId:"sc-81c21b55-7"})(["",""],(({hideDisabledButtons:e})=>e&&i(["&{visibility:hidden;}"]))),f=e.div.withConfig({displayName:"pager.style__StyledPagerNoSelect",componentId:"sc-81c21b55-8"})(["user-select:none;white-space:nowrap;font-weight:normal;"]),_=e.div.withConfig({displayName:"pager.style__StyledPagerSummary",componentId:"sc-81c21b55-9"})(["justify-self:end;white-space:nowrap;grid-area:1 / 3 / 1 / 3;",""],(({smallScreenBreakpoint:e})=>e&&i(["@media (max-width:","){grid-area:1 / 2 / 1 / 2;}"],e)));export{s as StyledPagerContainer,y as StyledPagerLink,c as StyledPagerNavInner,h as StyledPagerNavLabel,m as StyledPagerNavigation,f as StyledPagerNoSelect,d as StyledPagerSizeOptions,g as StyledPagerSizeOptionsInner,_ as StyledPagerSummary,l as StyledSelectContainer};
+import e,{css as i}from"styled-components";import{Link as a}from"../link/link.component.js";const t=e.div.withConfig({displayName:"pager.style__StyledSelectContainer",componentId:"sc-4c93824-0"})(["height:26px;width:64px;margin-left:8px;margin-right:8px;"]),r=e.div.withConfig({displayName:"pager.style__StyledPagerContainer",componentId:"sc-4c93824-1"})(["box-sizing:border-box;display:grid;align-items:center;justify-content:space-between;padding:var(--sizing050) var(--sizing300);width:100%;min-height:var(--sizing550);font-size:var(--fontSizes100);color:var(--colorsUtilityYin090);border:1px solid var(--colorsUtilityMajor100);border-radius:var(--borderRadius100);grid-template-columns:repeat(3,1fr);flex-wrap:wrap;"," ",""],(({smallScreenBreakpoint:e,showPageSizeSelection:a,showTotalRecords:t})=>e&&i(["@media (max-width:","){grid-template-columns:1fr;padding:var(--sizing050) var(--sizing100);","}"],e,(a||t)&&i(["grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;"]))),(({variant:e})=>i(["background-color:",";"],"alternate"===e?"var(--colorsUtilityMajor040)":"var(--colorsUtilityMajor010)"))),n=e.div.withConfig({displayName:"pager.style__StyledPagerSizeOptions",componentId:"sc-4c93824-2"})(["grid-area:1 / 1 / 1 / 1;"]),o=e.div.withConfig({displayName:"pager.style__StyledPagerSizeOptionsInner",componentId:"sc-4c93824-3"})(["display:flex;align-items:center;"]),s=e.div.withConfig({displayName:"pager.style__StyledPagerNavigation",componentId:"sc-4c93824-4"})(["display:flex;justify-content:center;align-items:center;padding:0 var(--spacing200);gap:var(--spacing400);grid-area:1 / 2 / 1 / 2;",""],(({smallScreenBreakpoint:e})=>e&&i(["@media (max-width:","){padding:0;gap:var(--spacing200);grid-area:2 / 1 / 2 / 3;}"],e))),d=e.div.withConfig({displayName:"pager.style__StyledPagerNavInner",componentId:"sc-4c93824-5"})(["display:flex;align-items:center;"]),l=e.label.withConfig({displayName:"pager.style__StyledPagerNavLabel",componentId:"sc-4c93824-6"})(["white-space:nowrap;"]),p=e(a).withConfig({displayName:"pager.style__StyledPagerLink",componentId:"sc-4c93824-7"})(["",""],(({hideDisabledButtons:e})=>e&&i(["&{visibility:hidden;}"]))),g=e.div.withConfig({displayName:"pager.style__StyledPagerNoSelect",componentId:"sc-4c93824-8"})(["user-select:none;white-space:nowrap;font-weight:normal;"]),c=e.div.withConfig({displayName:"pager.style__StyledPagerSummary",componentId:"sc-4c93824-9"})(["justify-self:end;white-space:nowrap;grid-area:1 / 3 / 1 / 3;",""],(({smallScreenBreakpoint:e})=>e&&i(["@media (max-width:","){grid-area:1 / 2 / 1 / 2;}"],e)));export{r as StyledPagerContainer,p as StyledPagerLink,d as StyledPagerNavInner,l as StyledPagerNavLabel,s as StyledPagerNavigation,g as StyledPagerNoSelect,n as StyledPagerSizeOptions,o as StyledPagerSizeOptionsInner,c as StyledPagerSummary,t as StyledSelectContainer};

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

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

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

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

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

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

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

@@ -2,7 +2,11 @@ import React from "react";
 import { CommonTextboxProps } from "../../../textbox";
 import { ValidationProps } from "../../../../__internal__/validations";
 export interface FormInputPropTypes extends ValidationProps, Omit<CommonTextboxProps, "onClick" | "onChange" | "data-component"> {
-    /** Breakpoint for adaptive label (inline labels change to top aligned). Enables the adaptive behaviour when set */
+    /**
+     * @deprecated `adaptiveLabelBreakpoint` has been deprecated.
+     * It is recommended to use `useMediaQuery` hook to implement adaptive behaviour.
+     * Breakpoint for adaptive label (inline labels change to top aligned). Enables the adaptive behaviour when set
+     **/
     adaptiveLabelBreakpoint?: number;
     /** Prop to specify the aria-label attribute of the component input */
     ariaLabel?: string;
@@ -62,8 +66,6 @@ export interface SelectTextboxProps extends FormInputPropTypes {
     "aria-controls"?: string;
     /** Value to be displayed in the Textbox */
     formattedValue?: string;
-    /** If true, the input will be displayed */
-    hasTextCursor?: boolean;
     /** If true, the list is displayed */
     isOpen?: boolean;
     /** Value of the Select Input */
@@ -74,6 +76,13 @@ export interface SelectTextboxProps extends FormInputPropTypes {
     activeDescendantId?: string;
     /** Specify a callback triggered on change */
     onChange: (ev: React.ChangeEvent<HTMLInputElement>) => void;
+    /**
+     * Sets the type of select, which determines the behaviour of the textbox.
+     * If "simple", the textbox does not allow typing and functions as a standard select.
+     * If "filterable", the textbox allows typing and filters the options based on the input value.
+     * If "multi", the textbox allows typing and is used for multi-selects, displaying selected options as comma-separated values.
+     */
+    selectType?: "simple" | "filterable" | "multi";
 }
 declare const SelectTextbox: React.ForwardRefExoticComponent<SelectTextboxProps & React.RefAttributes<HTMLInputElement>>;
 export default SelectTextbox;

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

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

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

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

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

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

package/esm/components/select/filterable-select/filterable-select.component.js

@@ -1 +1 @@
-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),x=n.forwardRef(((p,_)=>{var{"aria-label":x,"aria-labelledby":S,value:L,id:P,name:k,label:A,children:D,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:z,disabled:G,readOnly:J,onListScrollBottom:N,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=o(!1),[be,ve]=r(),[ye,ge]=r(!1),[he,Oe]=r(""),[_e,je]=r(L||""),we=o(L),[Ce,xe]=r(""),[Se,Le]=r(""),Pe=o(P||d()),{labelId:ke}=h({id:Pe.current,label:A}),Ae=o(null),De=o(!1),Ee=l(((e,t)=>({target:w(j({},k&&{name:k},P&&{id:P}),{value:e}),selectionConfirmed:t})),[k,P]),Fe=l(((e,t)=>{F&&F(Ee(e,t))}),[F,Ee]),Be=l(((e,t)=>{je((()=>{var r;const o=e.trimStart(),l=(i=o,a=D,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?(Oe(e),Fe("",!1),""):(o.length&&Fe(l.props.value,!1),t?(Oe(e),l.props.value):(o.length&&(null===(r=l.props.text)||void 0===r?void 0:r.toLowerCase().startsWith(o.toLowerCase()))?Oe(l.props.text):Oe(e),xe(l.props.value),l.props.value))}))}),[D,Fe]),Me=l(((e,t=!1)=>{var r;const o=n.Children.toArray(D).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())))&&Oe(o.props.text):Oe(Se||"")}),[D,Se]),Te=l((e=>{const t=e.target.value,{inputType:n}=e.nativeEvent;Be(t,"deleteContentBackward"===n||"deleteContentForward"===n||"delete"===n),Le(t),ge(!0)}),[Be]),Ie=l((e=>{Le((t=>(null==t?void 0:t.length)===(null==he?void 0:he.length)-1&&e===he.slice(-1)?he:t))}),[he]),Ve=l((e=>{const{key:t}=e;T&&T(e),J||(!e.defaultPrevented&&y(t)&&(e.preventDefault(),ge(!0)),Ie(t))}),[Ie,T,J]),He=l((e=>{const t=ue.current&&!ue.current.contains(e.target),n=de.current&&!de.current.contains(e.target);pe.current=!1,t&&n&&(Me(L,!0),ge(!1))}),[Me,L]);i((()=>{je((e=>(L&&e!==L&&Me(L),L))),xe(L)}),[L,F,D]);const We=g(E);i((()=>{ye?We&&We():Le("")}),[We,ye]),i((()=>{const e=void 0!==q;a(!e||e&&R,"onListAction prop required when using listActionButton prop")}),[q,R]);const qe=o(!0);i((()=>{qe.current&&Me(_e),"object"==typeof L&&"object"==typeof we.current?v(L,we.current)||(Me(L),we.current=L):Me(L)}),[L,D]);const Ke=g(B);i((()=>{Ke&&!qe.current&&Ke(Se)}),[Ke,Se]),i((()=>{qe.current=!1}),[]),i((()=>{const e="click";return window.addEventListener(e,He),function(){window.removeEventListener(e,He)}}),[He]),i((()=>{const e=null==Se?void 0:Se.trimStart(),t=null==he?void 0:he.toLowerCase().startsWith(e.toLowerCase());!G&&!J&&be&&e.length&&(null==he?void 0:he.length)>e.length&&t&&(be.selectionStart=e.length)}),[he,Se,be,G,J]);const Re=l((e=>{const{id:t,text:n,value:r,selectionType:o,selectionConfirmed:l}=e;Oe(n),Fe(r,!!l),se(t),"navigationKey"!==o&&(De.current=!!H,ge(!1),null==be||be.focus(),null==be||be.select(),De.current=!1)}),[be,Fe,H]),ze=l((()=>{ge(!1),Me(_e,!0)}),[_e,Me]);function Ge(e){pe.current=!0,"input"===e.target.dataset.element&&(fe.current=!0)}i((()=>()=>{Ae.current&&clearTimeout(Ae.current)}),[]),O((()=>ge(!1)));const Je=l((e=>{e&&(ve(e),_&&("function"==typeof _?_(e):_.current=e))}),[_]);let Ne;switch($){case"top":Ne="top-end";break;case"bottom":Ne="bottom-end";break;default:Ne=$}const Qe={ref:de,id:ce.current,labelId:ke,anchorElement:(null==be?void 0:be.parentElement)||void 0,onSelect:Re,onSelectListClose:ze,onMouseDown:function(){pe.current=!0},filterText:Se.trim(),highlightedValue:Ce,noResultsMessage:W,listActionButton:q,listMaxHeight:K,onListAction:function(){ge(!1),null==R||R()},isLoading:z,onListScrollBottom:N,tableHeader:Q,multiColumn:U,listPlacement:void 0!==le?Ne:$,flipEnabled:ee,isOpen:ye,enableVirtualScroll:te,virtualScrollOverscan:ne,listWidth:le},Ue=e(re?f:C,w(j({},Qe),{children:D})),Xe=s(ie);return t(m,w(j({hasTextCursor:!0,readOnly:J,disabled:G,"data-component":"filterable-select","data-role":Y,"data-element":X,isOpen:ye},Xe),{children:[e("div",{ref:ue,children:e(u,w(j({ref:Je,activeDescendantId:ae,ariaLabel:x,ariaLabelledby:S,labelId:A?ke:void 0,"aria-controls":ce.current,isOpen:ye,hasTextCursor:!0},w(j({id:Pe.current,name:k,label:A,disabled:G,readOnly:J,selectedValue:_e,formattedValue:he,onClick:function(e){pe.current=!1,M&&M(e),ge(!0)},iconOnClick:function(e){pe.current=!1,M&&M(e),ge((e=>!e))},iconOnMouseDown:Ge,onFocus:function(e){const t=()=>null==I?void 0:I(e);if(H){if(Ae.current&&clearTimeout(Ae.current),De.current)return;Ae.current=setTimeout((()=>{ge((e=>!(!e&&(I&&!me.current&&(t(),me.current=!0),pe.current&&!fe.current))))}))}else I&&!me.current&&(t(),me.current=!0)},onBlur:function(e){fe.current=!1,pe.current||(me.current=!1,V&&V(e))},onKeyDown:Ve,onChange:Te,onMouseDown:Ge,tooltipPosition:Z,required:oe},c(ie)),{"data-component":void 0})),{onChange:Te,value:he}))}),Ue]}))}));export{x as FilterableSelect,x as default};
+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/esm/components/select/multi-select/multi-select.component.js

@@ -1 +1 @@
-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:G,onListScrollBottom:J,tableHeader:N,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);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,fill:i.props.fill,borderColor:i.props.borderColor});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 Ge(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 Je(e){ye.current=!1,H&&H(e),we((e=>e?(De(""),!1):(T&&T(),!0)))}function Ne(e){he.current=!1,ye.current||(be.current=!1,K&&K(e))}function Qe(e){ye.current=!0,"input"===e.target.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),ye.current&&!he.current?(ge.current=!1,!1):(he.current&&(ge.current=!0),!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:Ge,onMouseDown:Qe,onFocus:Ue,onBlur:Ne,iconOnClick:Je,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:G,onListScrollBottom:J,tableHeader:N,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},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,hasTextCursor:!0,isOpen:je,labelId:Ve,value:et().formattedValue},et()))]}),rt]}))}));export{k as MultiSelect,k as default};
+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);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,fill:i.props.fill,borderColor:i.props.borderColor});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};

package/esm/components/select/multi-select/multi-select.style.js

@@ -1 +1 @@
-import t from"styled-components";import e from"../../pill/pill.style.js";import i from"../../../style/themes/apply-base-theme.js";import l from"../../../__internal__/input-icon-toggle/input-icon-toggle.style.js";import n from"../select.style.js";import o from"../../../__internal__/input/input-presentation.style.js";import s from"../../../__internal__/input/input.style.js";import p from"../../../__internal__/input/input-sizes.style.js";const d=t.div.attrs(i).withConfig({displayName:"multi-select.style__StyledSelectPillContainer",componentId:"sc-79dfc3dd-0"})(["display:flex;flex-direction:column;justify-content:center;margin:3px 2px 3px 0;max-width:100%;&& ","{text-overflow:ellipsis;}"],e),r=t(n).withConfig({displayName:"multi-select.style__StyledSelectMultiSelect",componentId:"sc-79dfc3dd-1"})(["","{position:absolute;right:0;height:100%;}","{padding-right:",";padding-left:",";position:relative;","{padding:0;}}"],l,o,(({size:t})=>p[t].height),(({size:t})=>p[t].horizontalPadding),s),m=t.div.withConfig({displayName:"multi-select.style__StyledAccessibilityLabelContainer",componentId:"sc-79dfc3dd-2"})(["display:none;"]);export{m as StyledAccessibilityLabelContainer,r as StyledSelectMultiSelect,d as StyledSelectPillContainer};
+import e from"styled-components";import t from"../../pill/pill.style.js";import i from"../../../style/themes/apply-base-theme.js";import l from"../../../__internal__/input-icon-toggle/input-icon-toggle.style.js";import o from"../select.style.js";const s=e.div.attrs(i).withConfig({displayName:"multi-select.style__StyledSelectPillContainer",componentId:"sc-4d4e5df5-0"})(["display:flex;flex-direction:column;justify-content:center;margin:3px 2px 3px 0;max-width:100%;&& ","{text-overflow:ellipsis;}"],t),n=e(o).withConfig({displayName:"multi-select.style__StyledSelectMultiSelect",componentId:"sc-4d4e5df5-1"})(["","{position:absolute;right:0;height:100%;}"],l),p=e.div.withConfig({displayName:"multi-select.style__StyledAccessibilityLabelContainer",componentId:"sc-4d4e5df5-2"})(["display:none;"]);export{p as StyledAccessibilityLabelContainer,n as StyledSelectMultiSelect,s as StyledSelectPillContainer};

package/esm/components/select/select.style.js

@@ -1 +1 @@
-import t,{css as e}from"styled-components";import{margin as o}from"styled-system";import r from"../../__internal__/input/input-presentation.style.js";import n from"../../__internal__/input/input.style.js";import i from"../../__internal__/input-icon-toggle/input-icon-toggle.style.js";import a from"../../style/themes/apply-base-theme.js";const s=t.div.attrs(a).withConfig({displayName:"select.style__StyledSelect",componentId:"sc-4f460270-0"})(["",""],(({hasTextCursor:t,disabled:a,readOnly:s,theme:l,transparent:p,isOpen:d})=>e(["margin-bottom:var(--fieldSpacing);"," position:relative;","{cursor:text;"," ","}","{cursor:",";padding-right:0;"," "," ","}","{margin-right:0;}"," ",""],o,n,a&&e(["cursor:not-allowed;color:var(--colorsUtilityYin030);text-shadow:none;"]),s&&e(["cursor:",";color:var(--colorsActionMinorYin090);text-shadow:none;"],t?"text":"default"),r,t?"text":"pointer",d&&e(["z-index:var(--adaptiveSidebarModalBackdrop,",");"],l.zIndex.aboveAll),a&&e(["cursor:not-allowed;"]),s&&e(["cursor:",";"],t?"text":"default"),i,p&&e(["","{background:transparent;border:none;}","{margin-left:0;}"],r,i),!t&&e(["","{position:absolute;width:inherit;opacity:0;padding:0;}"],n))));export{s as default};
+import t from"styled-components";import{margin as e}from"styled-system";import o from"../../__internal__/input-icon-toggle/input-icon-toggle.style.js";import i from"../../style/themes/apply-base-theme.js";const s=t.div.attrs(i).withConfig({displayName:"select.style__StyledSelect",componentId:"sc-aec7932c-0"})(["margin-bottom:var(--fieldSpacing);"," position:relative;","{margin-right:0;}"],e,o);export{s as default};

package/esm/components/select/simple-select/simple-select.component.js

@@ -1 +1 @@
-import{jsx as e,jsxs as t}from"react/jsx-runtime";import n,{useRef as r,useState as o,useMemo as l,useCallback as i,useEffect as a}from"react";import"../../../style/utils/filter-styled-system-padding-props.js";import c from"../../../style/utils/filter-styled-system-margin-props.js";import s from"../../../style/utils/filter-out-styled-system-spacing-props.js";import u from"../select.style.js";import d from"../__internal__/select-textbox/select-textbox.component.js";import p from"../__internal__/select-list/select-list.component.js";import m from"../../../__internal__/utils/helpers/guid/index.js";import b from"../__internal__/utils/get-next-child-by-text.js";import f from"../__internal__/utils/is-expected-option.js";import y from"../__internal__/utils/is-navigation-key.js";import O from"../../../hooks/__internal__/useInputAccessibility/useInputAccessibility.js";import v from"../../../hooks/__internal__/useAdaptiveSidebarModalFocus/useAdaptiveSidebarModalFocus.js";function g(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function w(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){g(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 h=n.forwardRef(((g,h)=>{var{"aria-describedby":j,"aria-label":P,"aria-labelledby":S,value:x,id:k,label:C,name:D,disabled:E,readOnly:L,children:I,transparent:T,openOnFocus:F=!1,onOpen:M,onChange:V,onClick:B,onFocus:H,onKeyDown:K,onBlur:A,isLoading:q,listMaxHeight:W,onListScrollBottom:R,tableHeader:z,multiColumn:G,tooltipPosition:J,"data-element":N,"data-role":Q,listPlacement:U="bottom",flipEnabled:X=!0,enableVirtualScroll:Y,virtualScrollOverscan:Z,required:$,listWidth:ee}=g,te=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}(g,["aria-describedby","aria-label","aria-labelledby","value","id","label","name","disabled","readOnly","children","transparent","openOnFocus","onOpen","onChange","onClick","onFocus","onKeyDown","onBlur","isLoading","listMaxHeight","onListScrollBottom","tableHeader","multiColumn","tooltipPosition","data-element","data-role","listPlacement","flipEnabled","enableVirtualScroll","virtualScrollOverscan","required","listWidth"]);const ne=r(m()),re=r(null),oe=r(null),le=r(void 0),ie=r(),ae=r(),ce=r(),se=r(),[ue,de]=o(),[pe,me]=o(!1),[be,fe]=o(""),[ye,Oe]=o(""),[ve,ge]=o(x),we=r(k||m()),{labelId:_e}=O({id:we.current,label:C}),he=r(void 0),je=l((()=>n.Children.toArray(I)),[I]),Pe=i(((e,t=!1)=>({target:_(w({},D&&{name:D},k&&{id:k}),{value:e}),selectionConfirmed:t})),[D,k]),Se=i((e=>{const t=je.findIndex((e=>n.isValidElement(e)&&f(e,ve))),r=b(e,je,t);r&&V(Pe(r.props.value))}),[je,Pe,V,ve]),xe=i((e=>{if(ae.current){const t=se.current+e;se.current=t,Se(t),window.clearTimeout(le.current)}else se.current=e,Se(e);ae.current=!0,window.clearTimeout(le.current),le.current=window.setTimeout((()=>{ae.current=!1,se.current=""}),500)}),[Se]),ke=i((e=>{const{key:t}=e;null==K||K(e),L||(" "===t||y(t)?(e.preventDefault(),me((e=>(e||null==M||M(),!0)))):1!==t.length||e.metaKey||e.ctrlKey||xe(t))}),[xe,K,M,L]),Ce=i((e=>{const t=re.current&&!re.current.contains(e.target),n=oe.current&&!oe.current.contains(e.target);ie.current=!1,t&&n&&!ce.current&&me(!1),ce.current=!1}),[]);function De(e){ie.current=!1,null==B||B(e),me((e=>!e&&(null==M||M(),!0)))}a((()=>{ge(x)}),[x]),a((()=>{const e=je.find((e=>f(e,ve)));let t="";e&&(t=e.props.text),Oe(t)}),[ve,je]),a((()=>{const e="click";return window.addEventListener(e,Ce),function(){window.removeEventListener(e,Ce)}}),[Ce]),a((()=>function(){window.clearTimeout(le.current),window.clearTimeout(he.current)}),[]),v((()=>me(!1)));const Ee=i((()=>{me(!1)}),[]),Le=i((e=>{e&&(de(e),h&&("function"==typeof h?h(e):h.current=e))}),[h]);let Ie;switch(U){case"top":Ie="top-end";break;case"bottom":Ie="bottom-end";break;default:Ie=U}const Te=e(p,{ref:oe,id:ne.current,labelId:_e,anchorElement:(null==ue?void 0:ue.parentElement)||void 0,onSelect:e=>{const{text:t,value:n,selectionType:r,id:o,selectionConfirmed:l}=e,i="click"===r;!function(e,t,n){null==V||V(Pe(e,n))}(n,0,l),fe(o),"navigationKey"!==r&&me(!1),i&&(ce.current=!0,null==ue||ue.focus())},onMouseDown:function(){ie.current=!0},onSelectListClose:Ee,highlightedValue:ve,listMaxHeight:W,isLoading:q,onListScrollBottom:R,tableHeader:z,multiColumn:G,listPlacement:void 0!==ee?Ie:U,flipEnabled:X,isOpen:pe,enableVirtualScroll:Y,virtualScrollOverscan:Z,listWidth:ee,children:I}),Fe=c(te);return t(u,_(w({transparent:T,disabled:E,readOnly:L,"data-component":"simple-select","data-role":Q,"data-element":N,isOpen:pe},Fe),{children:[e("div",{ref:re,children:e(d,_(w({ref:Le,ariaLabel:P,"aria-controls":ne.current,activeDescendantId:be,ariaLabelledby:S,"aria-describedby":j,isOpen:pe,value:ye},_(w({id:we.current,name:D,disabled:E,readOnly:L,selectedValue:ve,formattedValue:ye,onClick:De,iconOnClick:function(e){De(e)},label:C,labelId:_e,onMouseDown:function(){ie.current=!0},onFocus:function(e){ce.current||(null==H||H(e),ie.current?ie.current=!1:F&&(window.clearTimeout(he.current),he.current=window.setTimeout((()=>{me((e=>(e||null==M||M(),!0)))}))))},onKeyDown:ke,onBlur:function(e){ie.current||null==A||A(e)},tooltipPosition:J,required:$,transparent:T},s(te)),{"data-component":void 0})),{onChange:()=>{}}))}),Te]}))}));export{h as SimpleSelect,h as default};
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import n,{useRef as r,useState as o,useMemo as l,useCallback as i,useEffect as a}from"react";import"../../../style/utils/filter-styled-system-padding-props.js";import c from"../../../style/utils/filter-styled-system-margin-props.js";import s from"../../../style/utils/filter-out-styled-system-spacing-props.js";import u from"../select.style.js";import d from"../__internal__/select-textbox/select-textbox.component.js";import p from"../__internal__/select-list/select-list.component.js";import m from"../../../__internal__/utils/helpers/guid/index.js";import b from"../__internal__/utils/get-next-child-by-text.js";import f from"../__internal__/utils/is-expected-option.js";import y from"../__internal__/utils/is-navigation-key.js";import O from"../../../hooks/__internal__/useInputAccessibility/useInputAccessibility.js";import v from"../../../hooks/__internal__/useAdaptiveSidebarModalFocus/useAdaptiveSidebarModalFocus.js";function g(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function w(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){g(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 h=n.forwardRef(((g,h)=>{var{"aria-describedby":j,"aria-label":P,"aria-labelledby":S,value:x,id:k,label:C,name:D,disabled:E,readOnly:L,children:T,transparent:I,openOnFocus:F=!1,onOpen:M,onChange:V,onClick:B,onFocus:H,onKeyDown:K,onBlur:A,isLoading:q,listMaxHeight:W,onListScrollBottom:R,tableHeader:z,multiColumn:G,tooltipPosition:J,"data-element":N,"data-role":Q,listPlacement:U="bottom",flipEnabled:X=!0,enableVirtualScroll:Y,virtualScrollOverscan:Z,required:$,listWidth:ee}=g,te=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}(g,["aria-describedby","aria-label","aria-labelledby","value","id","label","name","disabled","readOnly","children","transparent","openOnFocus","onOpen","onChange","onClick","onFocus","onKeyDown","onBlur","isLoading","listMaxHeight","onListScrollBottom","tableHeader","multiColumn","tooltipPosition","data-element","data-role","listPlacement","flipEnabled","enableVirtualScroll","virtualScrollOverscan","required","listWidth"]);const ne=r(m()),re=r(null),oe=r(null),le=r(void 0),ie=r(),ae=r(),ce=r(),se=r(),[ue,de]=o(),[pe,me]=o(!1),[be,fe]=o(""),[ye,Oe]=o(""),[ve,ge]=o(x),we=r(k||m()),{labelId:_e}=O({id:we.current,label:C}),he=r(void 0),je=r(!1),Pe=l((()=>n.Children.toArray(T)),[T]),Se=i(((e,t=!1)=>({target:_(w({},D&&{name:D},k&&{id:k}),{value:e}),selectionConfirmed:t})),[D,k]),xe=i((e=>{const t=Pe.findIndex((e=>n.isValidElement(e)&&f(e,ve))),r=b(e,Pe,t);r&&V(Se(r.props.value))}),[Pe,Se,V,ve]),ke=i((e=>{if(ae.current){const t=se.current+e;se.current=t,xe(t),window.clearTimeout(le.current)}else se.current=e,xe(e);ae.current=!0,window.clearTimeout(le.current),le.current=window.setTimeout((()=>{ae.current=!1,se.current=""}),500)}),[xe]),Ce=i((e=>{const{key:t}=e;null==K||K(e),L||(" "===t||y(t)?(e.preventDefault(),me((e=>(e||null==M||M(),!0)))):1!==t.length||e.metaKey||e.ctrlKey||ke(t))}),[ke,K,M,L]),De=i((e=>{const t=re.current&&!re.current.contains(e.target),n=oe.current&&!oe.current.contains(e.target);ie.current=!1,t&&n&&!ce.current&&me(!1),ce.current=!1}),[]);function Ee(e){ie.current=!1,null==B||B(e),me((e=>(je.current=e,!e&&(null==M||M(),!0))))}a((()=>{ge(x)}),[x]),a((()=>{const e=Pe.find((e=>f(e,ve)));let t="";e&&(t=e.props.text),Oe(t)}),[ve,Pe]),a((()=>{const e="click";return window.addEventListener(e,De),function(){window.removeEventListener(e,De)}}),[De]),a((()=>function(){window.clearTimeout(le.current),window.clearTimeout(he.current)}),[]),v((()=>me(!1)));const Le=i((()=>{me(!1)}),[]),Te=i((e=>{e&&(de(e),h&&("function"==typeof h?h(e):h.current=e))}),[h]);let Ie;switch(U){case"top":Ie="top-end";break;case"bottom":Ie="bottom-end";break;default:Ie=U}const Fe=e(p,{ref:oe,id:ne.current,labelId:_e,anchorElement:(null==ue?void 0:ue.parentElement)||void 0,onSelect:e=>{const{text:t,value:n,selectionType:r,id:o,selectionConfirmed:l}=e,i="click"===r;!function(e,t,n){null==V||V(Se(e,n))}(n,0,l),fe(o),"navigationKey"!==r&&me(!1),i&&(ce.current=!0,null==ue||ue.focus())},onMouseDown:function(){ie.current=!0},onSelectListClose:Le,highlightedValue:ve,listMaxHeight:W,isLoading:q,onListScrollBottom:R,tableHeader:z,multiColumn:G,listPlacement:void 0!==ee?Ie:U,flipEnabled:X,isOpen:pe,enableVirtualScroll:Y,virtualScrollOverscan:Z,listWidth:ee,children:T}),Me=c(te);return t(u,_(w({transparent:I,disabled:E,readOnly:L,"data-component":"simple-select","data-role":Q,"data-element":N,isOpen:pe},Me),{children:[e("div",{ref:re,children:e(d,_(w({ref:Te,ariaLabel:P,"aria-controls":ne.current,activeDescendantId:be,ariaLabelledby:S,"aria-describedby":j,isOpen:pe,value:ye,selectType:"simple"},_(w({id:we.current,name:D,disabled:E,readOnly:L,selectedValue:ve,formattedValue:ye,onClick:Ee,iconOnClick:function(e){Ee(e)},label:C,labelId:_e,onMouseDown:function(){ie.current=!0},onFocus:function(e){if(!ce.current)if(null==H||H(e),ie.current)ie.current=!1;else if(F){if(window.clearTimeout(he.current),je.current)return void(je.current=!1);he.current=window.setTimeout((()=>{me((e=>(e||null==M||M(),!0)))}))}},onKeyDown:Ce,onBlur:function(e){ie.current||null==A||A(e)},tooltipPosition:J,required:$,transparent:I},s(te)),{"data-component":void 0})),{onChange:()=>{}}))}),Fe]}))}));export{h as SimpleSelect,h as default};

package/esm/components/simple-color-picker/simple-color/simple-color.style.d.ts

@@ -2,7 +2,7 @@ export declare const StyledSimpleColor: import("styled-components").StyledCompon
 export declare const StyledColorSampleBox: import("styled-components").StyledComponent<"div", any, {
     color: string;
 }, never>;
-export declare const StyledSimpleColorInput: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../../__internal__/input").InputProps & import("react").RefAttributes<HTMLInputElement | HTMLTextAreaElement>>, any, {}, never>;
+export declare const StyledSimpleColorInput: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../../__internal__/legacy-input").InputProps & import("react").RefAttributes<HTMLInputElement | HTMLTextAreaElement>>, any, {}, never>;
 export declare const StyledTickIcon: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../icon").IconProps & import("react").RefAttributes<HTMLSpanElement>>, any, {
     color: string;
 }, never>;

package/esm/components/simple-color-picker/simple-color/simple-color.style.js

@@ -1 +1 @@
-import o,{css as t}from"styled-components";import i from"../../../__internal__/input/input.component.js";import"react/jsx-runtime";import"react";import"../../../__internal__/input/input-presentation.style.js";import"../../carbon-provider/__internal__/new-validation.context.js";import r from"./checker-board.svg";import e from"../../icon/icon.component.js";import n from"../../../style/utils/get-rgb-values.js";import s from"../../../style/utils/add-focus-styling.js";const l=o.div.withConfig({displayName:"simple-color.style__StyledSimpleColor",componentId:"sc-b2f24669-0"})(["width:var(--sizing700);height:var(--sizing700);margin-right:2px;margin-bottom:2px;&:hover{cursor:pointer;}"]),p=o.div.withConfig({displayName:"simple-color.style__StyledColorSampleBox",componentId:"sc-b2f24669-1"})(["height:100%;width:100%;box-sizing:border-box;display:flex;align-items:center;justify-content:center;"," ",""],(({color:o})=>"transparent"!==o&&t(["background-color:",";"],o)),(({color:o})=>"transparent"===o&&t(['background-color:#eeeeee;background-image:url("','");background-size:14px 14px;background-position:-2px -2px;'],r))),a=o(i).withConfig({displayName:"simple-color.style__StyledSimpleColorInput",componentId:"sc-b2f24669-2"})(["position:absolute;opacity:0;height:var(--sizing700);width:var(--sizing700);margin:0;&:hover{cursor:pointer;}&:disabled:hover{cursor:not-allowed;}&:focus + ","{","}"],p,s(!0)),c=o(e).withConfig({displayName:"simple-color.style__StyledTickIcon",componentId:"sc-b2f24669-3"})(["height:20px;width:20px;pointer-events:none;display:block;&::before{font-size:20px;color:",";}"],(({color:o})=>(o=>{const t=n(o),[i,r,e]=t;return(Math.round(299*i)+Math.round(587*r)+Math.round(114*e))/1e3<128?"var(--colorsUtilityYang100)":"var(--colorsUtilityYin090)"})(o)));export{p as StyledColorSampleBox,l as StyledSimpleColor,a as StyledSimpleColorInput,c as StyledTickIcon};
+import o,{css as t}from"styled-components";import i from"../../../__internal__/legacy-input/input.component.js";import"react/jsx-runtime";import"react";import"../../../__internal__/legacy-input/input-presentation.style.js";import"../../carbon-provider/__internal__/new-validation.context.js";import e from"./checker-board.svg";import r from"../../icon/icon.component.js";import n from"../../../style/utils/get-rgb-values.js";import s from"../../../style/utils/add-focus-styling.js";const l=o.div.withConfig({displayName:"simple-color.style__StyledSimpleColor",componentId:"sc-303f1be7-0"})(["width:var(--sizing700);height:var(--sizing700);margin-right:2px;margin-bottom:2px;&:hover{cursor:pointer;}"]),p=o.div.withConfig({displayName:"simple-color.style__StyledColorSampleBox",componentId:"sc-303f1be7-1"})(["height:100%;width:100%;box-sizing:border-box;display:flex;align-items:center;justify-content:center;"," ",""],(({color:o})=>"transparent"!==o&&t(["background-color:",";"],o)),(({color:o})=>"transparent"===o&&t(['background-color:#eeeeee;background-image:url("','");background-size:14px 14px;background-position:-2px -2px;'],e))),a=o(i).withConfig({displayName:"simple-color.style__StyledSimpleColorInput",componentId:"sc-303f1be7-2"})(["position:absolute;opacity:0;height:var(--sizing700);width:var(--sizing700);margin:0;&:hover{cursor:pointer;}&:disabled:hover{cursor:not-allowed;}&:focus + ","{","}"],p,s(!0)),c=o(r).withConfig({displayName:"simple-color.style__StyledTickIcon",componentId:"sc-303f1be7-3"})(["height:20px;width:20px;pointer-events:none;display:block;&::before{font-size:20px;color:",";}"],(({color:o})=>(o=>{const t=n(o),[i,e,r]=t;return(Math.round(299*i)+Math.round(587*e)+Math.round(114*r))/1e3<128?"var(--colorsUtilityYang100)":"var(--colorsUtilityYin090)"})(o)));export{p as StyledColorSampleBox,l as StyledSimpleColor,a as StyledSimpleColorInput,c as StyledTickIcon};