carbon-react 158.50.0 → 159.0.0

package/lib/components/date-range/date-range.style.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("styled-system"),a=require("../date/date.style.js"),i=require("../../__internal__/label/label.style.js"),l=require("../../__internal__/input/input-presentation.style.js"),n=require("../../style/themes/apply-base-theme.js");function s(e){return e&&e.__esModule?e:{default:e}}const r=s(e).default.div.attrs(n.default).withConfig({displayName:"date-range.style__StyledDateRange",componentId:"sc-39b770fa-0"})([""," margin-bottom:var(--fieldSpacing);"," & ","{width:auto;display:inline-block;vertical-align:",";}& ",":first-of-type{margin-right:var(--spacing300);}","{width:auto;}","{flex:auto;}"],(({validationMessagePositionTop:e})=>`\n    display: flex;\n    align-items: ${e?"flex-end":"flex-start"};\n  `),t.margin,a.default,(({labelsInline:e})=>e?"top":"bottom"),a.default,i.StyledLabelContainer,l.StyledInputPresentationContainer);exports.default=r;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("styled-system"),a=require("../date/date.style.js"),i=require("../../style/themes/apply-base-theme.js");function l(e){return e&&e.__esModule?e:{default:e}}const s=l(e).default.div.attrs(i.default).withConfig({displayName:"date-range.style__StyledDateRange",componentId:"sc-d672a1b1-0"})([""," margin-bottom:var(--fieldSpacing);"," & ","{width:auto;display:inline-block;vertical-align:",";}& ",":first-of-type{margin-right:var(--spacing300);}"],(({validationMessagePositionTop:e})=>`\n    display: flex;\n    align-items: ${e?"flex-end":"flex-start"};\n  `),t.margin,a.default,(({labelsInline:e})=>e?"top":"bottom"),a.default);exports.default=s;

package/lib/components/file-input/file-input.component.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
 import { MarginProps } from "styled-system";
 import { ValidationProps } from "../../__internal__/validations";
-import { InputProps } from "../../__internal__/input";
+import { InputProps } from "../../__internal__/legacy-input";
 import { TagProps } from "../../__internal__/utils/helpers/tags";
 import { FileUploadStatusProps } from "./__internal__/file-upload-status";
 export interface FileInputProps extends Pick<ValidationProps, "error">, Pick<InputProps, "id" | "name" | "required">, TagProps, MarginProps {

package/lib/components/file-input/file-input.component.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react");require("../../style/utils/filter-styled-system-padding-props.js");var r=require("../../style/utils/filter-styled-system-margin-props.js"),n=require("../../__internal__/input-behaviour/input-behaviour.component.js"),i=require("../../__internal__/form-field/form-field.component.js"),a=require("../../hooks/__internal__/useUniqueId/index.js"),o=require("../../hooks/__internal__/useInputAccessibility/useInputAccessibility.js"),l=require("../../__internal__/validation-message/validation-message.component.js"),s=require("./file-input.style.js"),u=require("../textbox/textbox.style.js"),d=require("../button-minor/button-minor.component.js"),p=require("../typography/typography.component.js"),c=require("./__internal__/file-upload-status/file-upload-status.component.js"),f=require("../box/box.component.js"),m=require("../../hooks/__internal__/useLocale/useLocale.js"),g=require("../../__internal__/hint-text/hint-text.component.js");function v(e){return e&&e.__esModule?e:{default:e}}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 j(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 b(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})),e}const h=v(t).default.forwardRef(((v,y)=>{var{accept:h,buttonText:x,"data-element":_,"data-role":O,dragAndDropText:q,error:P,label:I,id:D,inputHint:S,isVertical:w,maxHeight:T,maxWidth:F,minHeight:E,minWidth:H="280px",name:k,onChange:L,required:A,uploadStatus:M=[],validationMessagePositionTop:W=!0}=v,R=function(e,t){if(null==e)return{};var r,n,i=function(e,t){if(null==e)return{};var r,n,i={},a=Object.keys(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||(i[r]=e[r]);return i}(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)&&(i[r]=e[r])}return i}(v,["accept","buttonText","data-element","data-role","dragAndDropText","error","label","id","inputHint","isVertical","maxHeight","maxWidth","minHeight","minWidth","name","onChange","required","uploadStatus","validationMessagePositionTop"]);const C=m.default(),B=x||C.fileInput.selectFile(),U=q||C.fileInput.dragAndDrop(),V={maxHeight:T||void 0,maxWidth:F||H,minHeight:E,minWidth:H},[N,z]=a.default(D,k),[G,J]=t.useState(!1),[K,Q]=t.useState(!1),X=t.useRef(null),Y=e=>{var t;e.preventDefault(),(null===(t=e.dataTransfer)||void 0===t?void 0:t.types.includes("Files"))&&Q(!0)},Z=e=>{e.preventDefault(),Q(!1)};t.useEffect((()=>(document.addEventListener("dragover",Y),document.addEventListener("drop",Z),document.addEventListener("dragleave",Z),()=>{document.removeEventListener("dragover",Y),document.removeEventListener("drop",Z),document.removeEventListener("dragleave",Z)})),[]);const $=e=>{null==L||L(e)},{labelId:ee,validationId:te}=o.default({id:N,validationRedesignOptIn:!0,error:P,label:I}),re=Array.isArray(M)?M:[M],ne=e.jsxs(e.Fragment,{children:[S&&e.jsx(g.HintText,{children:S}),e.jsxs(f.Box,{position:"relative",children:[W&&e.jsxs(e.Fragment,{children:[e.jsx(l.default,{error:P,validationId:te,validationMessagePositionTop:W,"data-role":"validation-message-top"}),P&&e.jsx(u.default,{warning:!1})]}),e.jsx(s.StyledHiddenFileInput,j(b(j({},A&&{required:A}),{accept:h,"aria-invalid":!!P,id:N,ref:e=>{X.current=e,"function"==typeof y?y(e):y&&(y.current=e)},name:z,onChange:e=>{$(e.target.files)},type:"file"}),R)),e.jsxs(s.StyledFileInputPresentation,b(j({"data-role":"file-input-presentation",isDraggedOver:G,isDraggingFile:K,error:P,onDragLeave:e=>{e.preventDefault(),e.stopPropagation(),J(!1)},onDragOver:e=>{var t;e.preventDefault(),(null===(t=e.dataTransfer)||void 0===t?void 0:t.types.includes("Files"))&&J(!0)},onDrop:e=>{e.preventDefault(),J(!1),$(e.dataTransfer.files)},isVertical:w},V),{children:[e.jsx(d.ButtonMinor,{buttonType:"primary",onClick:()=>{var e;null===(e=X.current)||void 0===e||e.click()},children:B}),e.jsx(p.Typography,{m:0,children:U})]})),!W&&e.jsxs(e.Fragment,{children:[e.jsx(l.default,{error:P,validationId:te,validationMessagePositionTop:W,"data-role":"validation-message-bottom"}),P&&e.jsx(u.default,{warning:!1})]})]})]});return e.jsx(n.InputBehaviour,{children:e.jsx(i.default,b(j({error:P,label:I,labelId:ee,id:N,isRequired:A,"data-component":"file-input","data-role":O,"data-element":_,validationRedesignOptIn:!0},r.default(R)),{children:0===re.length?ne:re.map((r=>t.createElement(s.StyledFileInputPresentation,b(j({hasUploadStatus:!0},V),{key:r.filename}),e.jsx(c.FileUploadStatus,j({},r)))))}))})}));h.displayName="FileInput",exports.FileInput=h,exports.default=h;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react");require("../../style/utils/filter-styled-system-padding-props.js");var r=require("../../style/utils/filter-styled-system-margin-props.js"),n=require("../../__internal__/input-behaviour/input-behaviour.component.js"),i=require("../../__internal__/form-field/form-field.component.js"),a=require("../../hooks/__internal__/useUniqueId/index.js"),o=require("../../hooks/__internal__/useInputAccessibility/useInputAccessibility.js"),l=require("../../__internal__/validation-message/validation-message.component.js"),s=require("./file-input.style.js"),u=require("../../__internal__/legacy-error-border/error-border.style.js"),d=require("../button-minor/button-minor.component.js"),p=require("../typography/typography.component.js"),c=require("./__internal__/file-upload-status/file-upload-status.component.js"),f=require("../box/box.component.js"),m=require("../../hooks/__internal__/useLocale/useLocale.js"),g=require("../../__internal__/legacy-hint-text/hint-text.component.js");function v(e){return e&&e.__esModule?e:{default:e}}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 j(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 b(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})),e}const h=v(t).default.forwardRef(((v,y)=>{var{accept:h,buttonText:x,"data-element":_,"data-role":O,dragAndDropText:q,error:P,label:I,id:D,inputHint:S,isVertical:w,maxHeight:T,maxWidth:F,minHeight:E,minWidth:H="280px",name:k,onChange:L,required:A,uploadStatus:M=[],validationMessagePositionTop:W=!0}=v,R=function(e,t){if(null==e)return{};var r,n,i=function(e,t){if(null==e)return{};var r,n,i={},a=Object.keys(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||(i[r]=e[r]);return i}(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)&&(i[r]=e[r])}return i}(v,["accept","buttonText","data-element","data-role","dragAndDropText","error","label","id","inputHint","isVertical","maxHeight","maxWidth","minHeight","minWidth","name","onChange","required","uploadStatus","validationMessagePositionTop"]);const C=m.default(),B=x||C.fileInput.selectFile(),U=q||C.fileInput.dragAndDrop(),V={maxHeight:T||void 0,maxWidth:F||H,minHeight:E,minWidth:H},[N,z]=a.default(D,k),[G,J]=t.useState(!1),[K,Q]=t.useState(!1),X=t.useRef(null),Y=e=>{var t;e.preventDefault(),(null===(t=e.dataTransfer)||void 0===t?void 0:t.types.includes("Files"))&&Q(!0)},Z=e=>{e.preventDefault(),Q(!1)};t.useEffect((()=>(document.addEventListener("dragover",Y),document.addEventListener("drop",Z),document.addEventListener("dragleave",Z),()=>{document.removeEventListener("dragover",Y),document.removeEventListener("drop",Z),document.removeEventListener("dragleave",Z)})),[]);const $=e=>{null==L||L(e)},{labelId:ee,validationId:te}=o.default({id:N,validationRedesignOptIn:!0,error:P,label:I}),re=Array.isArray(M)?M:[M],ne=e.jsxs(e.Fragment,{children:[S&&e.jsx(g.HintText,{children:S}),e.jsxs(f.Box,{position:"relative",children:[W&&e.jsxs(e.Fragment,{children:[e.jsx(l.default,{error:P,validationId:te,validationMessagePositionTop:W,"data-role":"validation-message-top"}),P&&e.jsx(u.default,{warning:!1})]}),e.jsx(s.StyledHiddenFileInput,j(b(j({},A&&{required:A}),{accept:h,"aria-invalid":!!P,id:N,ref:e=>{X.current=e,"function"==typeof y?y(e):y&&(y.current=e)},name:z,onChange:e=>{$(e.target.files)},type:"file"}),R)),e.jsxs(s.StyledFileInputPresentation,b(j({"data-role":"file-input-presentation",isDraggedOver:G,isDraggingFile:K,error:P,onDragLeave:e=>{e.preventDefault(),e.stopPropagation(),J(!1)},onDragOver:e=>{var t;e.preventDefault(),(null===(t=e.dataTransfer)||void 0===t?void 0:t.types.includes("Files"))&&J(!0)},onDrop:e=>{e.preventDefault(),J(!1),$(e.dataTransfer.files)},isVertical:w},V),{children:[e.jsx(d.ButtonMinor,{buttonType:"primary",onClick:()=>{var e;null===(e=X.current)||void 0===e||e.click()},children:B}),e.jsx(p.Typography,{m:0,children:U})]})),!W&&e.jsxs(e.Fragment,{children:[e.jsx(l.default,{error:P,validationId:te,validationMessagePositionTop:W,"data-role":"validation-message-bottom"}),P&&e.jsx(u.default,{warning:!1})]})]})]});return e.jsx(n.InputBehaviour,{children:e.jsx(i.default,b(j({error:P,label:I,labelId:ee,id:N,isRequired:A,"data-component":"file-input","data-role":O,"data-element":_,validationRedesignOptIn:!0},r.default(R)),{children:0===re.length?ne:re.map((r=>t.createElement(s.StyledFileInputPresentation,b(j({hasUploadStatus:!0},V),{key:r.filename}),e.jsx(c.FileUploadStatus,j({},r)))))}))})}));h.displayName="FileInput",exports.FileInput=h,exports.default=h;

package/lib/components/file-input/file-input.style.d.ts

@@ -1,4 +1,4 @@
-import type { InputProps } from "../../__internal__/input";
+import type { InputProps } from "../../__internal__/legacy-input";
 import type { ValidationProps } from "../../__internal__/validations";
 type CustomFileInputProps = Omit<InputProps, "value"> & {
     value?: string;

package/lib/components/file-input/file-input.style.js

@@ -1 +1 @@
-"use strict";var t=require("styled-components"),e=require("../typography/typography.style.js");function i(t){return t&&t.__esModule?t:{default:t}}var r=i(t);const a=r.default.input.withConfig({displayName:"file-input.style__StyledHiddenFileInput",componentId:"sc-6e60ad6-0"})(["display:none;"]),o=r.default.div.withConfig({displayName:"file-input.style__StyledFileInputPresentation",componentId:"sc-6e60ad6-1"})([""," ",""],(({hasUploadStatus:e,minWidth:i,minHeight:r,maxWidth:a,maxHeight:o})=>t.css(["min-width:",";min-height:",";max-width:",";",""],i,r,a,!e&&t.css(["padding:11px;max-height:",";box-sizing:border-box;"],o))),(({hasUploadStatus:i,isDraggedOver:r,isDraggingFile:a,error:o,isVertical:n})=>{const l=o||a?"borderWidth200":"borderWidth100";let s="colorsUtilityMajor300",d="colorsUtilityYang100";return r?(s="colorsUtilityMajor400",d="colorsUtilityMajor100"):a&&(s="colorsUtilityMajor400"),o&&(s="colorsSemanticNegative"+(a?600:500)),!i&&t.css(["display:flex;"," flex-wrap:wrap;justify-content:center;align-content:center;align-items:center;text-align:center;gap:var(--spacing100);border-radius:var(--borderRadius050);border:var(--",") dashed var(--",");background:var(--",");","{color:var(--colorsUtilityYin055);}"],n&&"flex-direction: column;",l,s,d,e.default)}));exports.StyledFileInputPresentation=o,exports.StyledHiddenFileInput=a;
+"use strict";var t=require("styled-components"),e=require("../typography/typography.style.js");function i(t){return t&&t.__esModule?t:{default:t}}var r=i(t);const a=r.default.input.withConfig({displayName:"file-input.style__StyledHiddenFileInput",componentId:"sc-f1cdfaa4-0"})(["display:none;"]),o=r.default.div.withConfig({displayName:"file-input.style__StyledFileInputPresentation",componentId:"sc-f1cdfaa4-1"})([""," ",""],(({hasUploadStatus:e,minWidth:i,minHeight:r,maxWidth:a,maxHeight:o})=>t.css(["min-width:",";min-height:",";max-width:",";",""],i,r,a,!e&&t.css(["padding:11px;max-height:",";box-sizing:border-box;"],o))),(({hasUploadStatus:i,isDraggedOver:r,isDraggingFile:a,error:o,isVertical:n})=>{const l=o||a?"borderWidth200":"borderWidth100";let s="colorsUtilityMajor300",d="colorsUtilityYang100";return r?(s="colorsUtilityMajor400",d="colorsUtilityMajor100"):a&&(s="colorsUtilityMajor400"),o&&(s="colorsSemanticNegative"+(a?600:500)),!i&&t.css(["display:flex;"," flex-wrap:wrap;justify-content:center;align-content:center;align-items:center;text-align:center;gap:var(--spacing100);border-radius:var(--borderRadius050);border:var(--",") dashed var(--",");background:var(--",");","{color:var(--colorsUtilityYin055);}"],n&&"flex-direction: column;",l,s,d,e.default)}));exports.StyledFileInputPresentation=o,exports.StyledHiddenFileInput=a;

package/lib/components/icon/icon.style.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("styled-system"),o=require("../../__internal__/utils/logger/index.js"),i=require("../../style/themes/apply-base-theme.js"),r=require("../../style/utils/add-focus-styling.js"),n=require("../../style/utils/color.js"),s=require("../../__internal__/dom/globals.js"),l=require("../../__internal__/utils/helpers/browser-type-check/index.js"),a=require("./icon-config.js"),c=require("./icon-unicodes.js"),u=require("../button/__next__/button.style.js");function d(e){return e&&e.__esModule?e:{default:e}}const f=d(e).default.span.attrs(i.default).withConfig({displayName:"icon.style__StyledIcon",componentId:"sc-c60a91e8-0"})([""," "," &{color:currentColor;}.mentions-list-item &&{color:currentColor;}.mentions-list-item:hover &&,.mentions-list-item.selected &&{color:currentColor;}"],(({theme:i,color:u,bg:d,isInteractive:f,bgSize:g,bgShape:m,type:b,fontSize:h,disabled:p,hasTooltip:y})=>{let _="var(--colorsYin090)",S="transparent";const v=s.getWindow(),z=s.getNavigator(),j=function(e,t){const i={small:1,medium:2,large:3,"extra-large":4};return e&&t?i[t]<i[e]?(o.default.warn(`[WARNING - Icon] The "${t}" \`bgSize\` is smaller than "${e}" \`fontSize\`, the \`bgSize\` has been auto adjusted to a larger size.`),a.default.backgroundSize[e]):a.default.backgroundSize[t]:t?a.default.backgroundSize[t]:void 0}(h,g);if(p)_="var(--colorsYin030)";else if(u){const{color:e}=n.default({color:u,theme:i});_=e}if(d){const{backgroundColor:e}=n.default({bg:d,theme:i});S=e}return e.css(["position:relative;color:",";background-color:",";vertical-align:middle;align-items:center;display:inline-flex;justify-content:center;height:",";width:",";",";",' &::before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:CarbonIcons;content:"','";font-style:normal;font-weight:normal;vertical-align:middle;'," "," "," display:block;}"," ",""],_,S,j,j,m?`border-radius: ${a.default.backgroundShape[m]}`:"",f&&e.css(["&:not(:focus):hover{filter:brightness(0.9);}"]),c.default[b],h&&e.css(["font-size:",";line-height:",";"],a.default.iconSize[h],a.default.iconSize[h]),v&&"services"===b&&l.default(v)&&e.css(["margin-top:",";"],"small"===h?"-7px":"-8px"),z&&v&&"services"===b&&l.isSafari(z)&&!l.default(v)&&e.css(["margin-top:-6px;"]),y&&`\n        :focus {\n          ${r.default()}\n        }\n      `,t.margin)}),u.StyledButton);exports.default=f;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("styled-system"),o=require("../../__internal__/utils/logger/index.js"),r=require("../../style/themes/apply-base-theme.js"),i=require("../../style/utils/add-focus-styling.js"),l=require("../../style/utils/color.js"),s=require("../../__internal__/dom/globals.js"),n=require("../../__internal__/utils/helpers/browser-type-check/index.js"),a=require("./icon-config.js"),c=require("./icon-unicodes.js"),u=require("../button/__next__/button.style.js");function d(e){return e&&e.__esModule?e:{default:e}}var f=d(e);const g=e.css([""," &{color:currentColor;}.mentions-list-item &&{color:currentColor;}.mentions-list-item:hover &&,.mentions-list-item.selected &&{color:currentColor;}.search &{color:var(--colorsUtilityYin065);:hover{color:var(--colorsUtilityYin100);}}.search.dark-background:not(.with-button) &{color:var(--colorsUtilityYang080);:hover{color:var(--colorsUtilityYang100);}}.multi-select &,.filterable-select &{cursor:pointer;}"],u.StyledButton),m=f.default.span.attrs(r.default).withConfig({displayName:"icon.style__StyledIcon",componentId:"sc-56ac9ede-0"})(["",""],(({theme:r,color:u,bg:d,isInteractive:f,bgSize:m,bgShape:h,type:b,fontSize:y,disabled:p,hasTooltip:_})=>{let v="var(--colorsYin090)",S="transparent";const z=s.getWindow(),j=s.getNavigator(),k=function(e,t){const r={small:1,medium:2,large:3,"extra-large":4};return e&&t?r[t]<r[e]?(o.default.warn(`[WARNING - Icon] The "${t}" \`bgSize\` is smaller than "${e}" \`fontSize\`, the \`bgSize\` has been auto adjusted to a larger size.`),a.default.backgroundSize[e]):a.default.backgroundSize[t]:t?a.default.backgroundSize[t]:void 0}(y,m);if(p)v="var(--colorsYin030)";else if(u){const{color:e}=l.default({color:u,theme:r});v=e}if(d){const{backgroundColor:e}=l.default({bg:d,theme:r});S=e}return e.css(["position:relative;color:",";background-color:",";vertical-align:middle;align-items:center;display:inline-flex;justify-content:center;height:",";width:",";",";",' &::before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:CarbonIcons;content:"','";font-style:normal;font-weight:normal;vertical-align:middle;'," "," "," display:block;}"," "," ",""],v,S,k,k,h?`border-radius: ${a.default.backgroundShape[h]}`:"",f&&e.css(["&:not(:focus):hover{filter:brightness(0.9);}"]),c.default[b],y&&e.css(["font-size:",";line-height:",";"],a.default.iconSize[y],a.default.iconSize[y]),z&&"services"===b&&n.default(z)&&e.css(["margin-top:",";"],"small"===y?"-7px":"-8px"),j&&z&&"services"===b&&n.isSafari(j)&&!n.default(z)&&e.css(["margin-top:-6px;"]),_&&`\n        :focus {\n          ${i.default()}\n        }\n      `,t.margin,g)}));exports.default=m;

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

@@ -6,7 +6,11 @@ import { TagProps } from "../../__internal__/utils/helpers/tags";
  * @deprecated `InlineInputs` has been deprecated. See the Carbon documentation for migration details.
  */
 export interface InlineInputsProps extends MarginProps, StyledContentContainerProps, StyledInlineInputsProps, TagProps {
-    /** Breakpoint for adaptive label (inline label change to top aligned). Enables the adaptive behaviour when set */
+    /**
+     * @deprecated `adaptiveLabelBreakpoint` has been deprecated.
+     * It is recommended to use `useMediaQuery` hook to implement adaptive behaviour.
+     * Breakpoint for adaptive label (inline label change to top aligned). Enables the adaptive behaviour when set
+     **/
     adaptiveLabelBreakpoint?: number;
     /** Children elements */
     children?: React.ReactNode;

package/lib/components/inline-inputs/inline-inputs.component.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("../../__internal__/label/label.component.js"),n=require("./inline-inputs.style.js"),l=require("../../hooks/__internal__/useIsAboveBreakpoint/useIsAboveBreakpoint.js"),i=require("../../__internal__/utils/helpers/tags/tags.js");require("../../style/utils/filter-styled-system-padding-props.js");var u=require("../../style/utils/filter-styled-system-margin-props.js");function a(e){return e&&e.__esModule?e:{default:e}}var o=a(t);function s(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}const c=(t,r)=>o.default.Children.map(t,(t=>e.jsx(n.StyledInlineInput,{gutter:r,"data-element":"inline-input",children:t}))),p=a=>{var{adaptiveLabelBreakpoint:o,label:p,labelAlign:b,labelId:d,htmlFor:f,children:y=null,gutter:O="none",inputWidth:j,labelInline:g=!0,labelWidth:h,required:m}=a,v=function(e,t){if(null==e)return{};var r,n,l=function(e,t){if(null==e)return{};var r,n,l={},i=Object.keys(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||(l[r]=e[r]);return l}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(l[r]=e[r])}return l}(a,["adaptiveLabelBreakpoint","label","labelAlign","labelId","htmlFor","children","gutter","inputWidth","labelInline","labelWidth","required"]);const _=l.default(o),P=t.useRef(null);let q=g;o&&(q=_);const I=u.default(v);return t.useEffect((()=>{var e;m&&Array.from((null===(e=P.current)||void 0===e?void 0:e.querySelectorAll("input"))||[]).forEach((e=>e.setAttribute("required","")))}),[m]),e.jsxs(n.default,(w=function(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){s(e,t,r[t])}))}return e}({gutter:O,labelWidth:h,labelInline:q,ref:P},I,i.default("inline-inputs",v)),x=null!=(x={children:[p?e.jsx(r.default,{align:b,labelId:d,inline:q,htmlFor:f,isRequired:m,children:p}):null,e.jsx(n.StyledContentContainer,{gutter:O,"data-element":"inline-inputs-container","data-role":"inline-inputs-container",inputWidth:j,children:c(y,O)})]})?x:{},Object.getOwnPropertyDescriptors?Object.defineProperties(w,Object.getOwnPropertyDescriptors(x)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(x)).forEach((function(e){Object.defineProperty(w,e,Object.getOwnPropertyDescriptor(x,e))})),w));var w,x};p.displayName="InlineInputs",exports.default=p;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("../../__internal__/legacy-label/label.component.js"),n=require("./inline-inputs.style.js"),l=require("../../hooks/__internal__/useIsAboveBreakpoint/useIsAboveBreakpoint.js"),i=require("../../__internal__/utils/helpers/tags/tags.js");require("../../style/utils/filter-styled-system-padding-props.js");var u=require("../../style/utils/filter-styled-system-margin-props.js");function a(e){return e&&e.__esModule?e:{default:e}}var o=a(t);function s(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}const c=(t,r)=>o.default.Children.map(t,(t=>e.jsx(n.StyledInlineInput,{gutter:r,"data-element":"inline-input",children:t}))),p=a=>{var{adaptiveLabelBreakpoint:o,label:p,labelAlign:b,labelId:d,htmlFor:f,children:y=null,gutter:O="none",inputWidth:j,labelInline:g=!0,labelWidth:h,required:m}=a,v=function(e,t){if(null==e)return{};var r,n,l=function(e,t){if(null==e)return{};var r,n,l={},i=Object.keys(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||(l[r]=e[r]);return l}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(l[r]=e[r])}return l}(a,["adaptiveLabelBreakpoint","label","labelAlign","labelId","htmlFor","children","gutter","inputWidth","labelInline","labelWidth","required"]);const _=l.default(o),P=t.useRef(null);let q=g;o&&(q=_);const I=u.default(v);return t.useEffect((()=>{var e;m&&Array.from((null===(e=P.current)||void 0===e?void 0:e.querySelectorAll("input"))||[]).forEach((e=>e.setAttribute("required","")))}),[m]),e.jsxs(n.default,(w=function(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){s(e,t,r[t])}))}return e}({gutter:O,labelWidth:h,labelInline:q,ref:P,role:"group"},I,i.default("inline-inputs",v)),x=null!=(x={children:[p?e.jsx(r.default,{align:b,labelId:d,inline:q,htmlFor:f,isRequired:m,children:p}):null,e.jsx(n.StyledContentContainer,{gutter:O,"data-element":"inline-inputs-container","data-role":"inline-inputs-container",inputWidth:j,children:c(y,O)})]})?x:{},Object.getOwnPropertyDescriptors?Object.defineProperties(w,Object.getOwnPropertyDescriptors(x)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(x)).forEach((function(e){Object.defineProperty(w,e,Object.getOwnPropertyDescriptor(x,e))})),w));var w,x};p.displayName="InlineInputs",exports.default=p;

package/lib/components/inline-inputs/inline-inputs.style.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("styled-system"),r=require("../../__internal__/input/input-presentation.style.js"),i=require("../../__internal__/label/label.style.js"),a=require("../../style/themes/apply-base-theme.js");function o(e){return e&&e.__esModule?e:{default:e}}var d=o(e);const n={none:0,"extra-small":8,small:16,"medium-small":20,medium:24,"medium-large":28,large:32,"extra-large":40},l=d.default.div.withConfig({displayName:"inline-inputs.style__StyledInlineInput",componentId:"sc-9639cce8-0"})(["flex:1;",""],(({gutter:t})=>t&&e.css(["margin-bottom:0;padding-left:","px;"],n[t]))),s=d.default.div.withConfig({displayName:"inline-inputs.style__StyledContentContainer",componentId:"sc-9639cce8-1"})(["display:flex;flex:",";",""],(({inputWidth:e})=>e?`0 0 ${e}%`:1),(({gutter:t})=>t&&e.css(["margin-bottom:0;margin-left:-","px;",""],n[t],"none"===t&&e.css([""," + "," ","{border-left:none;}",":not(:first-of-type):not(:last-of-type) ","{border-radius:var(--borderRadius000);}",":first-of-type:not(:last-of-type) ","{border-top-right-radius:var(--borderRadius000);border-bottom-right-radius:var(--borderRadius000);border-top-left-radius:var(--borderRadius050);border-bottom-left-radius:var(--borderRadius050);}",":last-of-type:not(:first-of-type) ","{border-top-left-radius:var(--borderRadius000);border-bottom-left-radius:var(--borderRadius000);border-top-right-radius:var(--borderRadius050);border-bottom-right-radius:var(--borderRadius050);}"],l,l,r.default,l,r.default,l,r.default,l,r.default)))),u=d.default.div.attrs(a.default).withConfig({displayName:"inline-inputs.style__StyledInlineInputs",componentId:"sc-9639cce8-2"})(["margin-bottom:var(--fieldSpacing);"," display:",";align-items:center;","{width:auto;margin-bottom:",";padding-right:16px;flex:0 0 ",';}input{width:1px;}[data-component="carbon-select"] input{width:30px;}'],t.margin,(({labelInline:e})=>e?"flex":"block"),i.StyledLabelContainer,(({labelInline:e})=>e?"0px":"8px"),(({labelWidth:e})=>e?`${e}%`:"auto"));exports.StyledContentContainer=s,exports.StyledInlineInput=l,exports.default=u;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("styled-system"),r=require("../../__internal__/legacy-input/input-presentation.style.js"),a=require("../../__internal__/legacy-label/label.style.js"),i=require("../../style/themes/apply-base-theme.js");function l(e){return e&&e.__esModule?e:{default:e}}var o=l(e);const d={none:0,"extra-small":8,small:16,"medium-small":20,medium:24,"medium-large":28,large:32,"extra-large":40},n=o.default.div.withConfig({displayName:"inline-inputs.style__StyledInlineInput",componentId:"sc-7bef1a9c-0"})(["flex:1;",""],(({gutter:t})=>t&&e.css(["margin-bottom:0;padding-left:","px;"],d[t]))),s=o.default.div.withConfig({displayName:"inline-inputs.style__StyledContentContainer",componentId:"sc-7bef1a9c-1"})(["display:flex;flex:",";",""],(({inputWidth:e})=>e?`0 0 ${e}%`:1),(({gutter:t})=>t&&e.css(["margin-bottom:0;margin-left:-","px;",""],d[t],"none"===t&&e.css([""," + "," ","{border-left:none;}",":not(:first-of-type):not(:last-of-type) ","{border-radius:var(--borderRadius000);}",":first-of-type:not(:last-of-type) ","{border-top-right-radius:var(--borderRadius000);border-bottom-right-radius:var(--borderRadius000);border-top-left-radius:var(--borderRadius050);border-bottom-left-radius:var(--borderRadius050);}",":last-of-type:not(:first-of-type) ","{border-top-left-radius:var(--borderRadius000);border-bottom-left-radius:var(--borderRadius000);border-top-right-radius:var(--borderRadius050);border-bottom-right-radius:var(--borderRadius050);}"],n,n,r.default,n,r.default,n,r.default,n,r.default)))),u=o.default.div.attrs(i.default).withConfig({displayName:"inline-inputs.style__StyledInlineInputs",componentId:"sc-7bef1a9c-2"})(["margin-bottom:var(--fieldSpacing);"," display:",";align-items:center;","{width:auto;margin-bottom:",";padding-right:16px;flex:0 0 ",';}input{width:1px;}[data-component="carbon-select"] input{width:30px;}'],t.margin,(({labelInline:e})=>e?"flex":"block"),a.StyledLabelContainer,(({labelInline:e})=>e?"0px":"8px"),(({labelWidth:e})=>e?`${e}%`:"auto"));exports.StyledContentContainer=s,exports.StyledInlineInput=n,exports.default=u;

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

@@ -1 +1 @@
-"use strict";var e=require("styled-components"),t=require("../../../style/themes/apply-base-theme.js"),i=require("../../icon-button/icon-button.style.js"),l=require("../../box/box.style.js"),r=require("../../search/search.style.js"),s=require("../../icon/icon.style.js"),o=require("../../button/button.style.js"),n=require("../menu.config.js"),a=require("../../../style/utils/add-focus-styling.js"),u=require("../../link/link.style.js");function d(e){return e&&e.__esModule?e:{default:e}}var c=d(e);const b=c.default.div.attrs(t.default).withConfig({displayName:"menu-full-screen.style__StyledMenuFullscreen",componentId:"sc-b7ff4ebf-0"})(["position:fixed;top:0;bottom:0;"," ",""],(({theme:t})=>e.css(["z-index:",";"],t.zIndex.fullScreenModal)),(({startPosition:t,transitionDuration:i})=>e.css(["&.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;}"],t,t,i,t,t,i))),f=c.default.div.attrs(t.default).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);}}",""],u.StyledLink,u.StyledLink,u.StyledLink,(({menuType:t})=>e.css(["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:",";}}"],n.default[t].background,r.default,s.default,o.default,a.default(),l.default,n.default[t].scrollbarColor,n.default[t].scrollbarThumb,n.default[t].scrollbarTrack))),y=c.default.div.withConfig({displayName:"menu-full-screen.style__StyledMenuFullscreenHeader",componentId:"sc-b7ff4ebf-2"})(["height:40px;","{position:absolute;z-index:1;right:16px;top:8px;}",""],i.default,(({menuType:t})=>e.css(["background-color:",";"],n.default[t].submenuItemBackground)));exports.StyledMenuFullscreen=b,exports.StyledMenuFullscreenHeader=y,exports.StyledMenuModal=f;
+"use strict";var e=require("styled-components"),t=require("../../../style/themes/apply-base-theme.js"),i=require("../../icon-button/icon-button.style.js"),l=require("../../box/box.style.js"),r=require("../../search/search.style.js"),s=require("../../icon/icon.style.js"),o=require("../../button/button.style.js"),n=require("../menu.config.js"),a=require("../../../style/utils/add-focus-styling.js"),u=require("../../link/link.style.js");function d(e){return e&&e.__esModule?e:{default:e}}var c=d(e);const b=c.default.div.attrs(t.default).withConfig({displayName:"menu-full-screen.style__StyledMenuFullscreen",componentId:"sc-28b344f8-0"})(["position:fixed;top:0;bottom:0;"," ",""],(({theme:t})=>e.css(["z-index:",";"],t.zIndex.fullScreenModal)),(({startPosition:t,transitionDuration:i})=>e.css(["&.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;}"],t,t,i,t,t,i))),f=c.default.div.attrs(t.default).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);}}",""],u.StyledLink,u.StyledLink,u.StyledLink,(({menuType:t})=>e.css(["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:",";}}"],n.default[t].background,r.default,s.default,o.default,a.default(),l.default,n.default[t].scrollbarColor,n.default[t].scrollbarThumb,n.default[t].scrollbarTrack))),y=c.default.div.withConfig({displayName:"menu-full-screen.style__StyledMenuFullscreenHeader",componentId:"sc-28b344f8-2"})(["height:40px;","{position:absolute;z-index:1;right:16px;top:8px;}",""],i.default,(({menuType:t})=>e.css(["background-color:",";"],n.default[t].submenuItemBackground)));exports.StyledMenuFullscreen=b,exports.StyledMenuFullscreenHeader=y,exports.StyledMenuModal=f;

package/lib/components/number/number.component.js

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

package/lib/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/lib/components/numeral-date/numeral-date.component.js

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

package/lib/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/lib/components/numeral-date/numeral-date.style.js

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

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

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

package/lib/components/pager/pager.component.js

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

package/lib/components/pager/pager.style.js

@@ -1 +1 @@
-"use strict";var e=require("styled-components"),t=require("../../__internal__/input/input.style.js"),i=require("../../__internal__/input/input-presentation.style.js"),a=require("../../__internal__/form-field/form-field.style.js"),r=require("../../__internal__/input-icon-toggle/input-icon-toggle.style.js"),n=require("../select/__internal__/select-textbox/select-textbox.style.js"),l=require("../link/link.component.js");function d(e){return e&&e.__esModule?e:{default:e}}var s=d(e);const o=s.default.div.withConfig({displayName:"pager.style__StyledSelectContainer",componentId:"sc-81c21b55-0"})(["height:26px;width:64px;margin-left:8px;margin-right:8px;","{padding-left:0;}"],i.default),p=s.default.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:t,showPageSizeSelection:i,showTotalRecords:a})=>t&&e.css(["@media (max-width:","){grid-template-columns:1fr;padding:var(--sizing050) var(--sizing100);","}"],t,(i||a)&&e.css(["grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;"]))),(({variant:t})=>e.css(["background-color:",";"],"alternate"===t?"var(--colorsUtilityMajor040)":"var(--colorsUtilityMajor010)"))),g=s.default.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;}}"],i.default,n.StyledSelectText,r.default),c=s.default.div.withConfig({displayName:"pager.style__StyledPagerSizeOptionsInner",componentId:"sc-81c21b55-3"})(["display:flex;align-items:center;"]),y=s.default.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:t})=>t&&e.css(["@media (max-width:","){padding:0;gap:var(--spacing200);grid-area:2 / 1 / 2 / 3;}"],t)),i.default,t.default),m=s.default.div.withConfig({displayName:"pager.style__StyledPagerNavInner",componentId:"sc-81c21b55-5"})(["display:flex;align-items:center;&& ","{margin-bottom:0;}"],a.default),f=s.default.label.withConfig({displayName:"pager.style__StyledPagerNavLabel",componentId:"sc-81c21b55-6"})(["white-space:nowrap;"]),h=s.default(l.Link).withConfig({displayName:"pager.style__StyledPagerLink",componentId:"sc-81c21b55-7"})(["",""],(({hideDisabledButtons:t})=>t&&e.css(["&{visibility:hidden;}"]))),x=s.default.div.withConfig({displayName:"pager.style__StyledPagerNoSelect",componentId:"sc-81c21b55-8"})(["user-select:none;white-space:nowrap;font-weight:normal;"]),u=s.default.div.withConfig({displayName:"pager.style__StyledPagerSummary",componentId:"sc-81c21b55-9"})(["justify-self:end;white-space:nowrap;grid-area:1 / 3 / 1 / 3;",""],(({smallScreenBreakpoint:t})=>t&&e.css(["@media (max-width:","){grid-area:1 / 2 / 1 / 2;}"],t)));exports.StyledPagerContainer=p,exports.StyledPagerLink=h,exports.StyledPagerNavInner=m,exports.StyledPagerNavLabel=f,exports.StyledPagerNavigation=y,exports.StyledPagerNoSelect=x,exports.StyledPagerSizeOptions=g,exports.StyledPagerSizeOptionsInner=c,exports.StyledPagerSummary=u,exports.StyledSelectContainer=o;
+"use strict";var e=require("styled-components"),a=require("../link/link.component.js");function t(e){return e&&e.__esModule?e:{default:e}}var i=t(e);const r=i.default.div.withConfig({displayName:"pager.style__StyledSelectContainer",componentId:"sc-4c93824-0"})(["height:26px;width:64px;margin-left:8px;margin-right:8px;"]),n=i.default.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:a,showPageSizeSelection:t,showTotalRecords:i})=>a&&e.css(["@media (max-width:","){grid-template-columns:1fr;padding:var(--sizing050) var(--sizing100);","}"],a,(t||i)&&e.css(["grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;"]))),(({variant:a})=>e.css(["background-color:",";"],"alternate"===a?"var(--colorsUtilityMajor040)":"var(--colorsUtilityMajor010)"))),s=i.default.div.withConfig({displayName:"pager.style__StyledPagerSizeOptions",componentId:"sc-4c93824-2"})(["grid-area:1 / 1 / 1 / 1;"]),l=i.default.div.withConfig({displayName:"pager.style__StyledPagerSizeOptionsInner",componentId:"sc-4c93824-3"})(["display:flex;align-items:center;"]),d=i.default.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:a})=>a&&e.css(["@media (max-width:","){padding:0;gap:var(--spacing200);grid-area:2 / 1 / 2 / 3;}"],a))),o=i.default.div.withConfig({displayName:"pager.style__StyledPagerNavInner",componentId:"sc-4c93824-5"})(["display:flex;align-items:center;"]),p=i.default.label.withConfig({displayName:"pager.style__StyledPagerNavLabel",componentId:"sc-4c93824-6"})(["white-space:nowrap;"]),g=i.default(a.Link).withConfig({displayName:"pager.style__StyledPagerLink",componentId:"sc-4c93824-7"})(["",""],(({hideDisabledButtons:a})=>a&&e.css(["&{visibility:hidden;}"]))),c=i.default.div.withConfig({displayName:"pager.style__StyledPagerNoSelect",componentId:"sc-4c93824-8"})(["user-select:none;white-space:nowrap;font-weight:normal;"]),y=i.default.div.withConfig({displayName:"pager.style__StyledPagerSummary",componentId:"sc-4c93824-9"})(["justify-self:end;white-space:nowrap;grid-area:1 / 3 / 1 / 3;",""],(({smallScreenBreakpoint:a})=>a&&e.css(["@media (max-width:","){grid-area:1 / 2 / 1 / 2;}"],a)));exports.StyledPagerContainer=n,exports.StyledPagerLink=g,exports.StyledPagerNavInner=o,exports.StyledPagerNavLabel=p,exports.StyledPagerNavigation=d,exports.StyledPagerNoSelect=c,exports.StyledPagerSizeOptions=s,exports.StyledPagerSizeOptionsInner=l,exports.StyledPagerSummary=y,exports.StyledSelectContainer=r;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var o=require("styled-components"),r=require("../button/button.style.js"),t=require("../icon/icon.style.js"),e=require("../../style/themes/apply-base-theme.js");function a(o){return o&&o.__esModule?o:{default:o}}var d=a(o);const n=d.default.div.withConfig({displayName:"search-button.style__StyledButtonIcon",componentId:"sc-46754225-0"})(["&&& ","{color:var(--colorsActionMajorYang100);margin-right:0px;}"],t.default),s=d.default.div.attrs(e.default).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.default,t.default,t.default);exports.StyledButtonIcon=n,exports.default=s;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var o=require("styled-components"),r=require("../button/button.style.js"),t=require("../icon/icon.style.js"),e=require("../../style/themes/apply-base-theme.js");function a(o){return o&&o.__esModule?o:{default:o}}var d=a(o);const n=d.default.div.withConfig({displayName:"search-button.style__StyledButtonIcon",componentId:"sc-52030d5d-0"})(["&&& ","{color:var(--colorsActionMajorYang100);margin-right:0px;}"],t.default),s=d.default.div.attrs(e.default).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.default,t.default,t.default);exports.StyledButtonIcon=n,exports.default=s;

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

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

package/lib/components/search/search.style.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var r=require("styled-system"),o=require("styled-components"),t=require("../../__internal__/input-icon-toggle/input-icon-toggle.style.js"),e=require("../../__internal__/input/input-presentation.style.js"),a=require("../../__internal__/input/input.style.js"),i=require("../icon/icon.style.js"),s=require("../../style/themes/apply-base-theme.js"),l=require("../../__internal__/form-field/form-field.style.js");function c(r){return r&&r.__esModule?r:{default:r}}const n=c(o).default.div.attrs(s.default).withConfig({displayName:"search.style__StyledSearch",componentId:"sc-a4e7d3d2-0"})(["",""],(({isFocused:s,searchWidth:c,maxWidth:n,searchHasValue:d,showSearchButton:u,variant:p})=>{const v="dark"===p,g=v?"var(--colorsUtilityYang080)":"var(--colorsUtilityMajor300)";return o.css(["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;}","{","}"],r.margin,c?`${c}`:"100%",n?`${n}`:"100%",!u&&o.css(["border-bottom:var(--spacing025) solid ",";:hover{border-bottom-color:",";cursor:pointer;}",""],g,v?"var(--colorsUtilityYang100)":"var(--colorsUtilityMajor400)",(d||s)&&o.css(["border-bottom-color:transparent;:hover{border-bottom-color:transparent;cursor:default;}"])),a.default,v&&o.css(["::-moz-placeholder{color:var(--colorsUtilityYang080);opacity:1;}::placeholder{color:var(--colorsUtilityYang080);}"]),v&&!u&&o.css(["color:var(--colorsUtilityYang100);"]),e.default,!v&&o.css(["color:var(--colorsUtilityYin065);:hover{color:var(--colorsUtilityYin100);}"]),v&&o.css(["color:var(--colorsUtilityYang080);:hover{color:var(--colorsUtilityYang100);}"]),v&&!u&&o.css(["background-color:transparent;border-color:var(--colorsUtilityYang080);"]),!v&&o.css(["background-color:",";"],d||s||u?"var(--colorsUtilityYang100)":"transparent"),u&&o.css(["border-top-right-radius:var(--borderRadius000);border-bottom-right-radius:var(--borderRadius000);"]),!s&&!d&&!u&&o.css(["border:1px solid transparent;"]),!s&&d&&!u&&o.css(["background-color:",";"],v?"transparent":"var(--colorsUtilityYang100)"),l.default,i.default,v&&!u&&o.css(["color:var(--colorsUtilityYang080);:hover{color:var(--colorsUtilityYang100);}"]),!v&&o.css(["color:var(--colorsActionMinor500);:hover{color:var(--colorsActionMinor600);}"]),t.default,d&&o.css(["margin-bottom:-1px;"]))}));exports.default=n;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var r=require("styled-system"),o=require("styled-components"),e=require("../../__internal__/input-icon-toggle/input-icon-toggle.style.js"),t=require("../icon/icon.style.js"),a=require("../../style/themes/apply-base-theme.js"),s=require("../../__internal__/form-field/form-field.style.js");function i(r){return r&&r.__esModule?r:{default:r}}const l=i(o).default.div.attrs(a.default).withConfig({displayName:"search.style__StyledSearch",componentId:"sc-8ea1bc73-0"})(["",""],(({isFocused:a,searchWidth:i,maxWidth:l,searchHasValue:n,showSearchButton:c,variant:d})=>{const u="dark"===d,m=u?"var(--colorsUtilityYang080)":"var(--colorsUtilityMajor300)";return o.css(["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;}","{","}"],r.margin,i?`${i}`:"100%",l?`${l}`:"100%",!c&&o.css(["border-bottom:var(--spacing025) solid ",";:hover{border-bottom-color:",";cursor:pointer;}",""],m,u?"var(--colorsUtilityYang100)":"var(--colorsUtilityMajor400)",(n||a)&&o.css(["border-bottom-color:transparent;:hover{border-bottom-color:transparent;cursor:default;}"])),s.default,t.default,u&&!c&&o.css(["color:var(--colorsUtilityYang080);:hover{color:var(--colorsUtilityYang100);}"]),!u&&o.css(["color:var(--colorsActionMinor500);:hover{color:var(--colorsActionMinor600);}"]),e.default,n&&o.css(["margin-bottom:-1px;"]))}));exports.default=l;

package/lib/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/lib/components/select/__internal__/select-textbox/select-textbox.component.js

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

package/lib/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/lib/components/select/__internal__/select-textbox/select-textbox.style.js

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

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

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