carbon-react 155.13.0 → 156.0.0

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

@@ -8,14 +8,9 @@ export interface FieldsetProps extends MarginProps, TagProps {
     legend?: string;
     /** Flag to configure fields as mandatory. */
     required?: boolean;
-    /**
-     * [Legacy] Flag to configure component as optional.
-     * @deprecated If the value of this component is not required, use the `required` prop and set it to false instead.
-     */
-    isOptional?: boolean;
 }
 export declare const Fieldset: {
-    ({ children, legend, required, isOptional, ...rest }: FieldsetProps): React.JSX.Element;
+    ({ children, legend, required, ...rest }: FieldsetProps): React.JSX.Element;
     displayName: string;
 };
 export default Fieldset;

package/esm/components/fieldset/fieldset.component.js

@@ -1 +1 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useState as r,useContext as n,useEffect as o}from"react";import i from"../../__internal__/utils/helpers/tags/tags.js";import{FieldsetStyle as l,StyledLegend as s}from"./fieldset.style.js";import a from"../carbon-provider/__internal__/new-validation.context.js";import"../../style/utils/filter-styled-system-padding-props.js";import p from"../../style/utils/filter-styled-system-margin-props.js";import c from"../../hooks/__internal__/useLocale/useLocale.js";import u from"../../__internal__/utils/logger/index.js";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}let d=!1;const m=m=>{var{children:y,legend:O,required:b,isOptional:j}=m,g=function(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(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)&&(o[r]=e[r])}return o}(m,["children","legend","required","isOptional"]);!d&&j&&(d=!0,u.deprecate("`isOptional` is deprecated in Fieldset and support will soon be removed. If the value of this component is not required, use the `required` prop and set it to false instead."));const[h,_]=r(null),v=p(g),{validationRedesignOptIn:w}=n(a),P=c().label.optional();return o((()=>{h&&b&&Array.from(h.querySelectorAll("input")||[]).forEach((e=>{e.setAttribute("required","")}))}),[h,b]),e(l,(q=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){f(e,t,r[t])}))}return e}({ref:_,newValidation:w},g,v,i("fieldset",g)),S=null!=(S={children:[O&&t(s,{"data-element":"legend",isRequired:b,isOptional:j,optionalLabel:P,children:O}),y]})?S:{},Object.getOwnPropertyDescriptors?Object.defineProperties(q,Object.getOwnPropertyDescriptors(S)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(S)).forEach((function(e){Object.defineProperty(q,e,Object.getOwnPropertyDescriptor(S,e))})),q));var q,S};m.displayName="Fieldset";export{m as Fieldset,m as default};
+import{jsxs as e,jsx as r}from"react/jsx-runtime";import{useState as t,useContext as n,useEffect as o}from"react";import i from"../../__internal__/utils/helpers/tags/tags.js";import{FieldsetStyle as l,StyledLegend as s}from"./fieldset.style.js";import c from"../carbon-provider/__internal__/new-validation.context.js";import"../../style/utils/filter-styled-system-padding-props.js";import a from"../../style/utils/filter-styled-system-margin-props.js";function p(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}const u=u=>{var{children:f,legend:y,required:b}=u,d=function(e,r){if(null==e)return{};var t,n,o=function(e,r){if(null==e)return{};var t,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)t=i[n],r.indexOf(t)>=0||(o[t]=e[t]);return o}(e,r);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)t=i[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}(u,["children","legend","required"]);const[O,m]=t(null),j=a(d),{validationRedesignOptIn:g}=n(c);return o((()=>{O&&b&&Array.from(O.querySelectorAll("input")||[]).forEach((e=>{e.setAttribute("required","")}))}),[O,b]),e(l,(v=function(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},n=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),n.forEach((function(r){p(e,r,t[r])}))}return e}({ref:m,newValidation:g},d,j,i("fieldset",d)),w=null!=(w={children:[y&&r(s,{"data-element":"legend",isRequired:b,children:y}),f]})?w:{},Object.getOwnPropertyDescriptors?Object.defineProperties(v,Object.getOwnPropertyDescriptors(w)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(w)).forEach((function(e){Object.defineProperty(v,e,Object.getOwnPropertyDescriptor(w,e))})),v));var v,w};u.displayName="Fieldset";export{u as Fieldset,u as default};

package/esm/components/fieldset/fieldset.style.d.ts

@@ -7,13 +7,6 @@ declare const FieldsetStyle: import("styled-components").StyledComponent<"fields
 export interface StyledLegendProps {
     /** Flag to configure fields as mandatory. */
     isRequired?: boolean;
-    /**
-     * [Legacy] Flag to configure fields as optional.
-     * @deprecated If the value of this component is not required, use the `required` prop and set it to false instead.
-     */
-    isOptional?: boolean;
-    /** Text used for the optional label */
-    optionalLabel?: string;
 }
 declare const StyledLegend: import("styled-components").StyledComponent<"legend", any, StyledLegendProps, never>;
 export { FieldsetStyle, StyledLegend };

package/esm/components/fieldset/fieldset.style.js

@@ -1 +1 @@
-import t,{css as e}from"styled-components";import{margin as i}from"styled-system";import o from"../../__internal__/form-field/form-field.style.js";import n from"../../style/themes/apply-base-theme.js";import a from"../checkbox/checkbox.style.js";const r=t.fieldset.attrs(n).withConfig({displayName:"fieldset.style__FieldsetStyle",componentId:"sc-adaa50d0-0"})(["margin:0;margin-bottom:var(--fieldSpacing);"," border:none;padding:0;",""],i,(({newValidation:t})=>!t&&e(["& *{--fieldSpacing:0;}&&&& ","{margin-top:0;margin-bottom:-1px;}& ","{padding-top:8px;padding-bottom:8px;}"],o,a))),l=t.legend.withConfig({displayName:"fieldset.style__StyledLegend",componentId:"sc-adaa50d0-1"})(["display:flex;align-items:center;margin-bottom:var(--spacing250);font-size:var(--fontSizes400);font-weight:var(--fontWeights500);color:var(--colorsUtilityYin090);line-height:24px;"," ",""],(({isRequired:t})=>t&&e(['::after{content:"*";line-height:24px;color:var(--colorsSemanticNegative500);font-weight:var(--fontWeights500);margin-left:var(--spacing100);position:relative;top:1px;left:-4px;}'])),(({isOptional:t,optionalLabel:i})=>t&&e(['::after{content:"(',')";color:var(--colorsUtilityYin055);font-weight:var(--fontWeights400);margin-left:var(--spacing050);}'],i)));export{r as FieldsetStyle,l as StyledLegend};
+import e,{css as t}from"styled-components";import{margin as i}from"styled-system";import o from"../../__internal__/form-field/form-field.style.js";import n from"../../style/themes/apply-base-theme.js";import a from"../checkbox/checkbox.style.js";const r=e.fieldset.attrs(n).withConfig({displayName:"fieldset.style__FieldsetStyle",componentId:"sc-570c0e4a-0"})(["margin:0;margin-bottom:var(--fieldSpacing);"," border:none;padding:0;",""],i,(({newValidation:e})=>!e&&t(["& *{--fieldSpacing:0;}&&&& ","{margin-top:0;margin-bottom:-1px;}& ","{padding-top:8px;padding-bottom:8px;}"],o,a))),s=e.legend.withConfig({displayName:"fieldset.style__StyledLegend",componentId:"sc-570c0e4a-1"})(["display:flex;align-items:center;margin-bottom:var(--spacing250);font-size:var(--fontSizes400);font-weight:var(--fontWeights500);color:var(--colorsUtilityYin090);line-height:24px;",""],(({isRequired:e})=>e&&t(['::after{content:"*";line-height:24px;color:var(--colorsSemanticNegative500);font-weight:var(--fontWeights500);margin-left:var(--spacing100);position:relative;top:1px;left:-4px;}'])));export{r as FieldsetStyle,s as StyledLegend};

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

@@ -33,11 +33,6 @@ export interface FileInputProps extends Pick<ValidationProps, "error">, Pick<Inp
     uploadStatus?: FileUploadStatusProps | FileUploadStatusProps[];
     /** Flag to configure component as mandatory. */
     required?: boolean;
-    /**
-     * [Legacy] Flag to configure component as optional.
-     * @deprecated If the value of this component is not required, use the `required` prop and set it to false instead.
-     */
-    isOptional?: boolean;
     /** Render the ValidationMessage above the FileInput */
     validationMessagePositionTop?: boolean;
 }

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

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

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

@@ -26,14 +26,9 @@ export interface InlineInputsProps extends MarginProps, StyledContentContainerPr
     labelId?: string;
     /** Flag to configure component as mandatory. */
     required?: boolean;
-    /**
-     * [Legacy] Flag to configure component as optional.
-     * @deprecated If the value of this component is not required, use the `required` prop and set it to false instead.
-     */
-    isOptional?: boolean;
 }
 declare const InlineInputs: {
-    ({ adaptiveLabelBreakpoint, label, labelAlign, labelId, htmlFor, children, gutter, inputWidth, labelInline, labelWidth, required, isOptional, ...rest }: InlineInputsProps): React.JSX.Element;
+    ({ adaptiveLabelBreakpoint, label, labelAlign, labelId, htmlFor, children, gutter, inputWidth, labelInline, labelWidth, required, ...rest }: InlineInputsProps): React.JSX.Element;
     displayName: string;
 };
 export default InlineInputs;

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

@@ -1 +1 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import r,{useRef as n,useEffect as l}from"react";import i from"../../__internal__/label/label.component.js";import o,{StyledContentContainer as a,StyledInlineInput as s}from"./inline-inputs.style.js";import p from"../../hooks/__internal__/useIsAboveBreakpoint/useIsAboveBreakpoint.js";import u from"../../__internal__/utils/helpers/tags/tags.js";import"../../style/utils/filter-styled-system-padding-props.js";import c from"../../style/utils/filter-styled-system-margin-props.js";import b from"../../__internal__/utils/logger/index.js";function d(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}const f=(e,n)=>r.Children.map(e,(e=>t(s,{gutter:n,"data-element":"inline-input",children:e})));let m=!1;const y=r=>{var{adaptiveLabelBreakpoint:s,label:y,labelAlign:O,labelId:g,htmlFor:h,children:j=null,gutter:v="none",inputWidth:_,labelInline:I=!0,labelWidth:P,required:w,isOptional:k}=r,q=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}(r,["adaptiveLabelBreakpoint","label","labelAlign","labelId","htmlFor","children","gutter","inputWidth","labelInline","labelWidth","required","isOptional"]);!m&&k&&(m=!0,b.deprecate("`isOptional` is deprecated in InlineInputs and support will soon be removed. If the value of this component is not required, use the `required` prop and set it to false instead."));const A=p(s),S=n(null);let W=I;s&&(W=A);const x=c(q);return l((()=>{var e;w&&Array.from((null===(e=S.current)||void 0===e?void 0:e.querySelectorAll("input"))||[]).forEach((e=>e.setAttribute("required","")))}),[w]),e(o,(B=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){d(e,t,r[t])}))}return e}({gutter:v,labelWidth:P,labelInline:W,ref:S},x,u("inline-inputs",q)),D=null!=(D={children:[y?t(i,{align:O,labelId:g,inline:W,htmlFor:h,isRequired:w,optional:k,children:y}):null,t(a,{gutter:v,"data-element":"inline-inputs-container","data-role":"inline-inputs-container",inputWidth:_,children:f(j,v)})]})?D:{},Object.getOwnPropertyDescriptors?Object.defineProperties(B,Object.getOwnPropertyDescriptors(D)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(D)).forEach((function(e){Object.defineProperty(B,e,Object.getOwnPropertyDescriptor(D,e))})),B));var B,D};y.displayName="InlineInputs";export{y as default};
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import r,{useRef as n,useEffect as l}from"react";import i from"../../__internal__/label/label.component.js";import o,{StyledContentContainer as a,StyledInlineInput as u}from"./inline-inputs.style.js";import p from"../../hooks/__internal__/useIsAboveBreakpoint/useIsAboveBreakpoint.js";import s from"../../__internal__/utils/helpers/tags/tags.js";import"../../style/utils/filter-styled-system-padding-props.js";import c from"../../style/utils/filter-styled-system-margin-props.js";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}const f=(e,n)=>r.Children.map(e,(e=>t(u,{gutter:n,"data-element":"inline-input",children:e}))),d=r=>{var{adaptiveLabelBreakpoint:u,label:d,labelAlign:m,labelId:y,htmlFor:O,children:g=null,gutter:h="none",inputWidth:j,labelInline:v=!0,labelWidth:P,required:_}=r,w=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}(r,["adaptiveLabelBreakpoint","label","labelAlign","labelId","htmlFor","children","gutter","inputWidth","labelInline","labelWidth","required"]);const I=p(u),k=n(null);let A=v;u&&(A=I);const S=c(w);return l((()=>{var e;_&&Array.from((null===(e=k.current)||void 0===e?void 0:e.querySelectorAll("input"))||[]).forEach((e=>e.setAttribute("required","")))}),[_]),e(o,(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){b(e,t,r[t])}))}return e}({gutter:h,labelWidth:P,labelInline:A,ref:k},S,s("inline-inputs",w)),q=null!=(q={children:[d?t(i,{align:m,labelId:y,inline:A,htmlFor:O,isRequired:_,children:d}):null,t(a,{gutter:h,"data-element":"inline-inputs-container","data-role":"inline-inputs-container",inputWidth:j,children:f(g,h)})]})?q:{},Object.getOwnPropertyDescriptors?Object.defineProperties(W,Object.getOwnPropertyDescriptors(q)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(q)).forEach((function(e){Object.defineProperty(W,e,Object.getOwnPropertyDescriptor(q,e))})),W));var W,q};d.displayName="InlineInputs";export{d as default};

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

@@ -5,16 +5,11 @@ import { StyledLoaderSquareProps } from "./loader-square.style";
 export interface LoaderProps extends Omit<StyledLoaderSquareProps, "backgroundColor">, MarginProps, TagProps {
     /** Toggle between the default variant and gradient variant */
     variant?: string;
-    /**
-     * Specify a custom accessible name for the Loader component
-     * @deprecated - use `loaderLabel` prop instead
-     */
-    "aria-label"?: string;
     /**
      * Specify a custom accessible label for the Loader.
      * This label is visible to users who have enabled the reduce motion setting in their operating system. It is also available to assistive technologies.
      */
     loaderLabel?: string;
 }
-export declare const Loader: ({ variant, "aria-label": ariaLabel, size, isInsideButton, isActive, loaderLabel, ...rest }: LoaderProps) => React.JSX.Element;
+export declare const Loader: ({ variant, size, isInsideButton, isActive, loaderLabel, ...rest }: LoaderProps) => React.JSX.Element;
 export default Loader;

package/esm/components/loader/loader.component.js

@@ -1 +1 @@
-import{jsx as e,jsxs as r,Fragment as t}from"react/jsx-runtime";import"react";import"../../style/utils/filter-styled-system-padding-props.js";import o from"../../style/utils/filter-styled-system-margin-props.js";import n from"../../hooks/useMediaQuery/useMediaQuery.js";import a from"../../hooks/__internal__/useLocale/useLocale.js";import i from"../../__internal__/utils/helpers/tags/tags.js";import l from"./loader.style.js";import s,{StyledLoaderPlaceholder as c}from"./loader-square.style.js";import{Typography as p}from"../typography/typography.component.js";import d from"../../__internal__/utils/logger/index.js";function u(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function f(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},o=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),o.forEach((function(r){u(e,r,t[r])}))}return e}let b=!1;const y=u=>{var{variant:y="default","aria-label":m,size:O="medium",isInsideButton:j=!1,isActive:g=!0,loaderLabel:v}=u,h=function(e,r){if(null==e)return{};var t,o,n=function(e,r){if(null==e)return{};var t,o,n={},a=Object.keys(e);for(o=0;o<a.length;o++)t=a[o],r.indexOf(t)>=0||(n[t]=e[t]);return n}(e,r);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(o=0;o<a.length;o++)t=a[o],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(n[t]=e[t])}return n}(u,["variant","aria-label","size","isInsideButton","isActive","loaderLabel"]);!b&&m&&(b=!0,d.deprecate("The aria-label prop in Loader is deprecated and will soon be removed, please use the `loaderLabel` prop instead to provide an accessible label."));const P=a(),w=n("screen and (prefers-reduced-motion: no-preference)");if(void 0===w)return e(c,{});const _={isInsideButton:j,isActive:g,size:O,variant:y};return e(l,(k=f({},i("loader",h),o(h)),L=null!=(L={children:w?r(t,{children:[["#13A038","#0092DB","#8F49FE"].map((r=>e(s,f({"data-role":"loader-square",backgroundColor:"gradient"===y?r:"var(--colorsActionMajor500)"},_),r))),e(p,{"data-role":"hidden-label",variant:"span",screenReaderOnly:!0,children:v||m||P.loader.loading()})]}):v||m||P.loader.loading()})?L:{},Object.getOwnPropertyDescriptors?Object.defineProperties(k,Object.getOwnPropertyDescriptors(L)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(L)).forEach((function(e){Object.defineProperty(k,e,Object.getOwnPropertyDescriptor(L,e))})),k));var k,L};export{y as Loader,y as default};
+import{jsx as e,jsxs as r,Fragment as t}from"react/jsx-runtime";import"react";import"../../style/utils/filter-styled-system-padding-props.js";import o from"../../style/utils/filter-styled-system-margin-props.js";import n from"../../hooks/useMediaQuery/useMediaQuery.js";import i from"../../hooks/__internal__/useLocale/useLocale.js";import s from"../../__internal__/utils/helpers/tags/tags.js";import a from"./loader.style.js";import l,{StyledLoaderPlaceholder as c}from"./loader-square.style.js";import{Typography as p}from"../typography/typography.component.js";function u(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function d(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},o=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),o.forEach((function(r){u(e,r,t[r])}))}return e}const f=u=>{var{variant:f="default",size:y="medium",isInsideButton:m=!1,isActive:b=!0,loaderLabel:O}=u,j=function(e,r){if(null==e)return{};var t,o,n=function(e,r){if(null==e)return{};var t,o,n={},i=Object.keys(e);for(o=0;o<i.length;o++)t=i[o],r.indexOf(t)>=0||(n[t]=e[t]);return n}(e,r);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(o=0;o<i.length;o++)t=i[o],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(n[t]=e[t])}return n}(u,["variant","size","isInsideButton","isActive","loaderLabel"]);const g=i(),v=n("screen and (prefers-reduced-motion: no-preference)");if(void 0===v)return e(c,{});const h={isInsideButton:m,isActive:b,size:y,variant:f};return e(a,(P=d({},s("loader",j),o(j)),w=null!=(w={children:v?r(t,{children:[["#13A038","#0092DB","#8F49FE"].map((r=>e(l,d({"data-role":"loader-square",backgroundColor:"gradient"===f?r:"var(--colorsActionMajor500)"},h),r))),e(p,{"data-role":"hidden-label",variant:"span",screenReaderOnly:!0,children:O||g.loader.loading()})]}):O||g.loader.loading()})?w:{},Object.getOwnPropertyDescriptors?Object.defineProperties(P,Object.getOwnPropertyDescriptors(w)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(w)).forEach((function(e){Object.defineProperty(P,e,Object.getOwnPropertyDescriptor(w,e))})),P));var P,w};export{f as Loader,f as default};

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

@@ -21,8 +21,6 @@ export interface ModalProps extends TagProps {
     onCancel?: (ev: React.KeyboardEvent<HTMLElement> | KeyboardEvent) => void;
     /** Sets the open state of the modal */
     open: boolean;
-    /** @deprecated Transition time */
-    timeout?: number;
     /** Manually override the internal modal stacking order to set this as top */
     topModalOverride?: boolean;
     /** Enables the automatic restoration of focus to the element that invoked
@@ -30,5 +28,5 @@ export interface ModalProps extends TagProps {
      */
     restoreFocusOnClose?: boolean;
 }
-declare const Modal: ({ children, "data-element": dataElement, "data-role": dataRole, open, onCancel, disableEscKey, disableClose, enableBackgroundUI, timeout, topModalOverride, restoreFocusOnClose, ...rest }: ModalProps) => React.JSX.Element;
+declare const Modal: ({ children, "data-element": dataElement, "data-role": dataRole, open, onCancel, disableEscKey, disableClose, enableBackgroundUI, topModalOverride, restoreFocusOnClose, ...rest }: ModalProps) => React.JSX.Element;
 export default Modal;

package/esm/components/modal/modal.component.js

@@ -1 +1 @@
-import{jsx as e,jsxs as r}from"react/jsx-runtime";import{useRef as o,useState as t,useEffect as n,useCallback as l}from"react";import{TransitionGroup as a,CSSTransition as i}from"react-transition-group";import c from"../../hooks/__internal__/useScrollBlock/useScrollBlock.js";import{Portal as s}from"../portal/portal.js";import{getDocument as d}from"../../__internal__/dom/globals.js";import m from"../../__internal__/utils/helpers/events/events.js";import p from"../../hooks/__internal__/useModalManager/useModalManager.js";import{StyledModal as u,StyledModalBackground as f}from"./modal.style.js";import b from"./__internal__/modal.context.js";function O(e,r,o){return r in e?Object.defineProperty(e,r,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[r]=o,e}function g(e){for(var r=1;r<arguments.length;r++){var o=null!=arguments[r]?arguments[r]:{},t=Object.keys(o);"function"==typeof Object.getOwnPropertySymbols&&(t=t.concat(Object.getOwnPropertySymbols(o).filter((function(e){return Object.getOwnPropertyDescriptor(o,e).enumerable})))),t.forEach((function(r){O(e,r,o[r])}))}return e}const y=O=>{var{children:y,"data-element":j,"data-role":v="modal",open:_,onCancel:h,disableEscKey:P=!1,disableClose:k,enableBackgroundUI:w=!1,timeout:E=300,topModalOverride:M,restoreFocusOnClose:S=!0}=O,C=function(e,r){if(null==e)return{};var o,t,n=function(e,r){if(null==e)return{};var o,t,n={},l=Object.keys(e);for(t=0;t<l.length;t++)o=l[t],r.indexOf(o)>=0||(n[o]=e[o]);return n}(e,r);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(t=0;t<l.length;t++)o=l[t],r.indexOf(o)>=0||Object.prototype.propertyIsEnumerable.call(e,o)&&(n[o]=e[o])}return n}(O,["children","data-element","data-role","open","onCancel","disableEscKey","disableClose","enableBackgroundUI","timeout","topModalOverride","restoreFocusOnClose"]);const x=o(null),I=o(null),R=o(null),[B,D]=t(!1),[F,N]=t(!1),{blockScroll:T,allowScroll:K}=c();n((()=>{w||(_?T():K())}),[K,T,w,_]),n((()=>()=>{w||K()}),[K,w]);const A=l((e=>{h&&!k&&!P&&m.isEscKey(e)&&(e.stopImmediatePropagation(),h(e))}),[k,P,h]),U=d();let q,z;return p({open:_,closeModal:A,modalRef:x,setTriggerRefocusFlag:N,topModalOverride:M,focusCallToActionElement:S&&U?U.activeElement:void 0}),_&&(q=w?null:e(f,{ref:I,"data-element":"modal-background","data-role":"modal-background",transitionName:"modal-background",transitionTime:E}),z=y),e(s,{children:r(u,(G=g({"data-component":"modal","data-element":j,"data-role":v,"data-state":_?"open":"closed",transitionName:"modal",transitionTime:E,topModalOverride:M,ref:x},C),H={children:[e(a,{children:q&&e(i,{nodeRef:I,appear:!0,classNames:"modal-background",timeout:E,onEntered:()=>D(!0),onExiting:()=>D(!1),children:q},"modal")}),e(a,{children:z&&e(i,{nodeRef:R,appear:!0,classNames:"modal",timeout:E,children:e(b.Provider,{value:{isAnimationComplete:B,triggerRefocusFlag:F,isInModal:!0},children:e("div",{ref:R,children:z})})})})]},H=null!=H?H:{},Object.getOwnPropertyDescriptors?Object.defineProperties(G,Object.getOwnPropertyDescriptors(H)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r.push.apply(r,o)}return r}(Object(H)).forEach((function(e){Object.defineProperty(G,e,Object.getOwnPropertyDescriptor(H,e))})),G))});var G,H};export{y as default};
+import{jsx as e,jsxs as r}from"react/jsx-runtime";import{useRef as o,useState as t,useEffect as n,useCallback as l}from"react";import{TransitionGroup as a,CSSTransition as i}from"react-transition-group";import c from"../../hooks/__internal__/useScrollBlock/useScrollBlock.js";import{Portal as s}from"../portal/portal.js";import{getDocument as d}from"../../__internal__/dom/globals.js";import m from"../../__internal__/utils/helpers/events/events.js";import p from"../../hooks/__internal__/useModalManager/useModalManager.js";import{StyledModal as u,StyledModalBackground as f}from"./modal.style.js";import b from"./__internal__/modal.context.js";function O(e,r,o){return r in e?Object.defineProperty(e,r,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[r]=o,e}function g(e){for(var r=1;r<arguments.length;r++){var o=null!=arguments[r]?arguments[r]:{},t=Object.keys(o);"function"==typeof Object.getOwnPropertySymbols&&(t=t.concat(Object.getOwnPropertySymbols(o).filter((function(e){return Object.getOwnPropertyDescriptor(o,e).enumerable})))),t.forEach((function(r){O(e,r,o[r])}))}return e}const y=300,j=O=>{var{children:j,"data-element":v,"data-role":_="modal",open:h,onCancel:P,disableEscKey:k=!1,disableClose:w,enableBackgroundUI:E=!1,topModalOverride:M,restoreFocusOnClose:S=!0}=O,C=function(e,r){if(null==e)return{};var o,t,n=function(e,r){if(null==e)return{};var o,t,n={},l=Object.keys(e);for(t=0;t<l.length;t++)o=l[t],r.indexOf(o)>=0||(n[o]=e[o]);return n}(e,r);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(t=0;t<l.length;t++)o=l[t],r.indexOf(o)>=0||Object.prototype.propertyIsEnumerable.call(e,o)&&(n[o]=e[o])}return n}(O,["children","data-element","data-role","open","onCancel","disableEscKey","disableClose","enableBackgroundUI","topModalOverride","restoreFocusOnClose"]);const x=o(null),I=o(null),R=o(null),[B,D]=t(!1),[F,N]=t(!1),{blockScroll:T,allowScroll:K}=c();n((()=>{E||(h?T():K())}),[K,T,E,h]),n((()=>()=>{E||K()}),[K,E]);const A=l((e=>{P&&!w&&!k&&m.isEscKey(e)&&(e.stopImmediatePropagation(),P(e))}),[w,k,P]),U=d();let q,z;return p({open:h,closeModal:A,modalRef:x,setTriggerRefocusFlag:N,topModalOverride:M,focusCallToActionElement:S&&U?U.activeElement:void 0}),h&&(q=E?null:e(f,{ref:I,"data-element":"modal-background","data-role":"modal-background",transitionName:"modal-background",transitionTime:y}),z=j),e(s,{children:r(u,(G=g({"data-component":"modal","data-element":v,"data-role":_,"data-state":h?"open":"closed",transitionName:"modal",transitionTime:y,topModalOverride:M,ref:x},C),H={children:[e(a,{children:q&&e(i,{nodeRef:I,appear:!0,classNames:"modal-background",timeout:y,onEntered:()=>D(!0),onExiting:()=>D(!1),children:q},"modal")}),e(a,{children:z&&e(i,{nodeRef:R,appear:!0,classNames:"modal",timeout:y,children:e(b.Provider,{value:{isAnimationComplete:B,triggerRefocusFlag:F,isInModal:!0},children:e("div",{ref:R,children:z})})})})]},H=null!=H?H:{},Object.getOwnPropertyDescriptors?Object.defineProperties(G,Object.getOwnPropertyDescriptors(H)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r.push.apply(r,o)}return r}(Object(H)).forEach((function(e){Object.defineProperty(G,e,Object.getOwnPropertyDescriptor(H,e))})),G))});var G,H};export{j as default};

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

@@ -80,11 +80,6 @@ export interface NumeralDateProps extends ValidationProps, MarginProps, TagProps
      * A React ref to pass to the input corresponding to the year
      */
     yearRef?: React.ForwardedRef<HTMLInputElement>;
-    /**
-     * [Legacy] Flag to configure component as optional.
-     * @deprecated If the value of this component is not required, use the `required` prop and set it to false instead.
-     */
-    isOptional?: boolean;
     /** Render the ValidationMessage above the NumeralDate inputs when validationRedesignOptIn flag is set */
     validationMessagePositionTop?: boolean;
 }

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

@@ -1 +1 @@
-import{jsx as e,jsxs as t,Fragment as n}from"react/jsx-runtime";import{forwardRef as r,useContext as i,useRef as o,useImperativeHandle as l,useState as a,useMemo as d,useEffect as s}from"react";import m from"invariant";import c from"../../__internal__/utils/helpers/tags/tags.js";import"../../style/utils/filter-styled-system-padding-props.js";import p from"../../style/utils/filter-styled-system-margin-props.js";import y from"../../__internal__/utils/helpers/events/events.js";import{StyledFieldset as u,StyledNumeralDate as f,StyledDateField as b}from"./numeral-date.style.js";import{Textbox as g}from"../textbox/textbox.component.js";import{Box as h}from"../box/box.component.js";import v from"../textbox/textbox.style.js";import _ from"../../__internal__/validation-message/validation-message.component.js";import O from"../../__internal__/utils/helpers/guid/index.js";import j from"../../hooks/__internal__/useLocale/useLocale.js";import{TooltipProvider as w}from"../../__internal__/tooltip-provider/index.js";import D from"../carbon-provider/__internal__/new-validation.context.js";import I from"./__internal__/numeral-date.context.js";import x from"../../__internal__/utils/logger/index.js";import{FieldHelp as P}from"../../__internal__/field-help/field-help.component.js";import k from"../../hooks/__internal__/useIsAboveBreakpoint/useIsAboveBreakpoint.js";import A from"../../hooks/__internal__/useInputAccessibility/useInputAccessibility.js";import{HintText as S}from"../../__internal__/hint-text/hint-text.component.js";function B(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function L(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){B(e,t,n[t])}))}return e}function E(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var 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}let R=!1;const F=[["dd","mm","yyyy"],["mm","dd","yyyy"],["yyyy","mm","dd"],["dd","mm"],["mm","dd"],["mm","yyyy"]],T=e=>{const t=(new Date).getFullYear(),{format:n}=new Intl.DateTimeFormat(e,{month:"long"});return[...Array(12).keys()].map((e=>n(new Date(Date.UTC(t,e)))))},H=(e,t,n)=>({dd:e.numeralDate.validation.day(t?T(e.locale())[+t-1]:void 0,n),mm:e.numeralDate.validation.month(),yyyy:e.numeralDate.validation.year()}),q=(e,t)=>{switch(e){case"mm":return t.numeralDate.labels.month();case"yyyy":return t.numeralDate.labels.year();default:return t.numeralDate.labels.day()}};let M=!1;const N=r(((r,B)=>{var{dateFormat:T=["dd","mm","yyyy"],defaultValue:N,disabled:z,error:W="",warning:C="",info:K,id:V,name:Y,onBlur:J,onChange:U,value:$,validationOnLabel:G=!1,label:Q,labelInline:X,labelWidth:Z,labelAlign:ee,fieldLabelsAlign:te,labelHelp:ne,labelSpacing:re,fieldHelp:ie,adaptiveLabelBreakpoint:oe,required:le,isOptional:ae,readOnly:de,size:se="medium",enableInternalError:me,enableInternalWarning:ce,tooltipPosition:pe,helpAriaLabel:ye,dayRef:ue,monthRef:fe,yearRef:be,validationMessagePositionTop:ge=!0}=r,he=function(e,t){if(null==e)return{};var n,r,i=function(e,t){if(null==e)return{};var n,r,i={},o=Object.keys(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||(i[n]=e[n]);return i}(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)&&(i[n]=e[n])}return i}(r,["dateFormat","defaultValue","disabled","error","warning","info","id","name","onBlur","onChange","value","validationOnLabel","label","labelInline","labelWidth","labelAlign","fieldLabelsAlign","labelHelp","labelSpacing","fieldHelp","adaptiveLabelBreakpoint","required","isOptional","readOnly","size","enableInternalError","enableInternalWarning","tooltipPosition","helpAriaLabel","dayRef","monthRef","yearRef","validationMessagePositionTop"]);!M&&ae&&(M=!0,x.deprecate("`isOptional` is deprecated in NumeralDate and support will soon be removed. If the value of this component is not required, use the `required` prop and set it to false instead."));const ve=j(),{validationRedesignOptIn:_e}=i(D),{current:Oe}=o(V||O()),je=o({dd:O(),mm:O(),yyyy:O()}),we=o(O()),De=o(void 0!==$),Ie=De.current?$:N,xe=o(T.map((()=>null)));l(B,(()=>({focus:()=>{var e;null===(e=xe.current[0])||void 0===e||e.focus()}})));const[Pe,ke]=a(L({},Object.fromEntries(T.map((e=>[e,""]))))),Ae=d((()=>!T||F.find((e=>JSON.stringify(e)===JSON.stringify(T)))),[T]);m(Ae,"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']"),s((()=>{m(De.current===(void 0!==$),"Input elements should not switch from uncontrolled to controlled (or vice versa). Decide between using a controlled or uncontrolled input element for the lifetime of the component")}),[$]);const[Se,Be]=a(L({},Ie||Object.fromEntries(T.map((e=>[e,""]))))),Le=e=>({target:{name:Y,id:Oe,value:e}}),Ee=e=>{y.isNumberKey(e)||y.isTabKey(e)||y.isEnterKey(e)||"Delete"===e.key||"Backspace"===e.key||e.preventDefault()},Re=()=>{(me||ce)&&ke((e=>L({},e,((e,{dd:t,mm:n,yyyy:r})=>{const i={dd:"",mm:"",yyyy:""},o=((e,t)=>{if(!e||+e>12||+e<1)return 31;const n=new Date,r=+(t||n.getFullYear());return new Date(r,+e,0).getDate()})(n,r);return t&&(+t>o||+t<1)&&(i.dd=H(e,n,String(o)).dd),n&&(+n>12||+n<1)&&(i.mm=H(e).mm),r&&(+r<1800||+r>2200)&&(i.yyyy=H(e).yyyy),i})(ve,Se)))),setTimeout((()=>{const e=!xe.current.find((e=>e===document.activeElement));J&&e&&J(Le(Se))}),5)},Fe=Object.keys(Pe).reduce(((e,t)=>Pe[t]?`${e+Pe[t]}\n`:e),""),Te=me?Fe+W:W,He=ce?Fe+C:C;R||De.current||(R=!0,x.deprecate("Uncontrolled behaviour in `Numeral Date` is deprecated and support will soon be removed. Please make sure all your inputs are controlled."));const qe=k(oe);let Me=X;oe&&(Me=qe);const{validationId:Ne,fieldHelpId:ze,ariaDescribedBy:We}=A({id:Oe,validationRedesignOptIn:!0,error:Te,warning:He,info:K,fieldHelp:ie}),Ce=(_e&&ge?[We,we.current]:[we.current,We]).filter(Boolean).join(" "),Ke=()=>e(f,{onKeyDown:Ee,children:T.map(((t,n)=>{const r=n===T.length-1;let i;const o=Te||He||K,l=!_e&&"string"==typeof o&&""!==o;switch(t.slice(0,2)){case"dd":i=ue;break;case"mm":i=fe;break;case"yy":i=be}return e(I.Provider,{value:{disableErrorBorder:!0},children:e(b,{size:se,isYearInput:4===t.length,hasValidationIconInField:!G&&r&&l,children:e(g,E(L({id:je.current[t],label:q(t,ve),labelAlign:te,disabled:z,readOnly:de,error:!!Te,warning:!!He,info:!!K,size:se,value:Se[t],onChange:e=>((e,t)=>{const{value:n}=e.target;if(n.length<=t.length){const e=E(L({},Se),{[t]:n});Be(e),U&&U(Le(e))}})(e,t),onBlur:Re,ref:e=>((e,t,n)=>{xe.current[t]=e,n&&("function"==typeof n?n(e):n.current=e)})(e,n,i)},r&&!G&&!_e&&{error:Te,warning:He,info:K}),{tooltipPosition:pe,tooltipId:Ne,my:0}))},t)},t)}))});return _e?t(u,E(L({id:Oe,legend:Q,legendMargin:{mb:0},legendAlign:ee,isRequired:le,isOptional:ae,isDisabled:z,name:Y,"aria-describedby":Ce},p(he),c("numeral-date",he)),{children:[ne&&e(S,{align:ee,id:we.current,children:ne}),t(h,{position:"relative",mt:ne?0:1,children:[ge&&(Te||He)&&t(n,{children:[e(_,{error:Te,warning:He,validationId:Ne,validationMessagePositionTop:ge}),e(v,{warning:!(Te||!He)})]}),Ke(),!ge&&(Te||He)&&t(n,{children:[e(_,{error:Te,warning:He,validationId:Ne,validationMessagePositionTop:ge}),e(v,{warning:!(Te||!He)})]})]})]})):e(w,{helpAriaLabel:ye,children:e(u,E(L({id:Oe,legend:Q,legendMargin:{mb:0},isRequired:le,isOptional:ae,isDisabled:z,name:Y,error:G&&Te,warning:G&&He,info:G&&K,inline:Me,size:se,labelHelp:ne,legendAlign:ee,legendWidth:Z,legendSpacing:re,validationId:Ne,"aria-describedby":G?We:ze},p(he),c("numeral-date",he)),{children:t(h,{display:"flex",flexDirection:"column",mt:Me?0:1,children:[Ke(),ie&&e(P,{id:ze,children:ie})]})}))})}));export{F as ALLOWED_DATE_FORMATS,N as NumeralDate,N as default};
+import{jsx as e,jsxs as n,Fragment as t}from"react/jsx-runtime";import{forwardRef as r,useContext as i,useRef as l,useImperativeHandle as o,useState as a,useMemo as d,useEffect as s}from"react";import m from"invariant";import c from"../../__internal__/utils/helpers/tags/tags.js";import"../../style/utils/filter-styled-system-padding-props.js";import y from"../../style/utils/filter-styled-system-margin-props.js";import u from"../../__internal__/utils/helpers/events/events.js";import{StyledFieldset as p,StyledNumeralDate as f,StyledDateField as b}from"./numeral-date.style.js";import{Textbox as g}from"../textbox/textbox.component.js";import{Box as h}from"../box/box.component.js";import v from"../textbox/textbox.style.js";import _ from"../../__internal__/validation-message/validation-message.component.js";import O from"../../__internal__/utils/helpers/guid/index.js";import j from"../../hooks/__internal__/useLocale/useLocale.js";import{TooltipProvider as w}from"../../__internal__/tooltip-provider/index.js";import D from"../carbon-provider/__internal__/new-validation.context.js";import I from"./__internal__/numeral-date.context.js";import x from"../../__internal__/utils/logger/index.js";import{FieldHelp as P}from"../../__internal__/field-help/field-help.component.js";import k from"../../hooks/__internal__/useIsAboveBreakpoint/useIsAboveBreakpoint.js";import A from"../../hooks/__internal__/useInputAccessibility/useInputAccessibility.js";import{HintText as S}from"../../__internal__/hint-text/hint-text.component.js";function B(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function L(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{},r=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),r.forEach((function(n){B(e,n,t[n])}))}return e}function E(e,n){return n=null!=n?n:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):function(e){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n.push.apply(n,t)}return n}(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})),e}let R=!1;const F=[["dd","mm","yyyy"],["mm","dd","yyyy"],["yyyy","mm","dd"],["dd","mm"],["mm","dd"],["mm","yyyy"]],T=e=>{const n=(new Date).getFullYear(),{format:t}=new Intl.DateTimeFormat(e,{month:"long"});return[...Array(12).keys()].map((e=>t(new Date(Date.UTC(n,e)))))},H=(e,n,t)=>({dd:e.numeralDate.validation.day(n?T(e.locale())[+n-1]:void 0,t),mm:e.numeralDate.validation.month(),yyyy:e.numeralDate.validation.year()}),M=(e,n)=>{switch(e){case"mm":return n.numeralDate.labels.month();case"yyyy":return n.numeralDate.labels.year();default:return n.numeralDate.labels.day()}},z=r(((r,B)=>{var{dateFormat:T=["dd","mm","yyyy"],defaultValue:z,disabled:N,error:W="",warning:q="",info:C,id:K,name:V,onBlur:Y,onChange:J,value:U,validationOnLabel:$=!1,label:G,labelInline:Q,labelWidth:X,labelAlign:Z,fieldLabelsAlign:ee,labelHelp:ne,labelSpacing:te,fieldHelp:re,adaptiveLabelBreakpoint:ie,required:le,readOnly:oe,size:ae="medium",enableInternalError:de,enableInternalWarning:se,tooltipPosition:me,helpAriaLabel:ce,dayRef:ye,monthRef:ue,yearRef:pe,validationMessagePositionTop:fe=!0}=r,be=function(e,n){if(null==e)return{};var t,r,i=function(e,n){if(null==e)return{};var t,r,i={},l=Object.keys(e);for(r=0;r<l.length;r++)t=l[r],n.indexOf(t)>=0||(i[t]=e[t]);return i}(e,n);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r<l.length;r++)t=l[r],n.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(i[t]=e[t])}return i}(r,["dateFormat","defaultValue","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"]);const ge=j(),{validationRedesignOptIn:he}=i(D),{current:ve}=l(K||O()),_e=l({dd:O(),mm:O(),yyyy:O()}),Oe=l(O()),je=l(void 0!==U),we=je.current?U:z,De=l(T.map((()=>null)));o(B,(()=>({focus:()=>{var e;null===(e=De.current[0])||void 0===e||e.focus()}})));const[Ie,xe]=a(L({},Object.fromEntries(T.map((e=>[e,""]))))),Pe=d((()=>!T||F.find((e=>JSON.stringify(e)===JSON.stringify(T)))),[T]);m(Pe,"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']"),s((()=>{m(je.current===(void 0!==U),"Input elements should not switch from uncontrolled to controlled (or vice versa). Decide between using a controlled or uncontrolled input element for the lifetime of the component")}),[U]);const[ke,Ae]=a(L({},we||Object.fromEntries(T.map((e=>[e,""]))))),Se=e=>({target:{name:V,id:ve,value:e}}),Be=e=>{u.isNumberKey(e)||u.isTabKey(e)||u.isEnterKey(e)||"Delete"===e.key||"Backspace"===e.key||e.preventDefault()},Le=()=>{(de||se)&&xe((e=>L({},e,((e,{dd:n,mm:t,yyyy:r})=>{const i={dd:"",mm:"",yyyy:""},l=((e,n)=>{if(!e||+e>12||+e<1)return 31;const t=new Date,r=+(n||t.getFullYear());return new Date(r,+e,0).getDate()})(t,r);return n&&(+n>l||+n<1)&&(i.dd=H(e,t,String(l)).dd),t&&(+t>12||+t<1)&&(i.mm=H(e).mm),r&&(+r<1800||+r>2200)&&(i.yyyy=H(e).yyyy),i})(ge,ke)))),setTimeout((()=>{const e=!De.current.find((e=>e===document.activeElement));Y&&e&&Y(Se(ke))}),5)},Ee=Object.keys(Ie).reduce(((e,n)=>Ie[n]?`${e+Ie[n]}\n`:e),""),Re=de?Ee+W:W,Fe=se?Ee+q:q;R||je.current||(R=!0,x.deprecate("Uncontrolled behaviour in `Numeral Date` is deprecated and support will soon be removed. Please make sure all your inputs are controlled."));const Te=k(ie);let He=Q;ie&&(He=Te);const{validationId:Me,fieldHelpId:ze,ariaDescribedBy:Ne}=A({id:ve,validationRedesignOptIn:!0,error:Re,warning:Fe,info:C,fieldHelp:re}),We=(he&&fe?[Ne,Oe.current]:[Oe.current,Ne]).filter(Boolean).join(" "),qe=()=>e(f,{onKeyDown:Be,children:T.map(((n,t)=>{const r=t===T.length-1;let i;const l=Re||Fe||C,o=!he&&"string"==typeof l&&""!==l;switch(n.slice(0,2)){case"dd":i=ye;break;case"mm":i=ue;break;case"yy":i=pe}return e(I.Provider,{value:{disableErrorBorder:!0},children:e(b,{size:ae,isYearInput:4===n.length,hasValidationIconInField:!$&&r&&o,children:e(g,E(L({id:_e.current[n],label:M(n,ge),labelAlign:ee,disabled:N,readOnly:oe,error:!!Re,warning:!!Fe,info:!!C,size:ae,value:ke[n],onChange:e=>((e,n)=>{const{value:t}=e.target;if(t.length<=n.length){const e=E(L({},ke),{[n]:t});Ae(e),J&&J(Se(e))}})(e,n),onBlur:Le,ref:e=>((e,n,t)=>{De.current[n]=e,t&&("function"==typeof t?t(e):t.current=e)})(e,t,i)},r&&!$&&!he&&{error:Re,warning:Fe,info:C}),{tooltipPosition:me,tooltipId:Me,my:0}))},n)},n)}))});return he?n(p,E(L({id:ve,legend:G,legendMargin:{mb:0},legendAlign:Z,isRequired:le,isDisabled:N,name:V,"aria-describedby":We},y(be),c("numeral-date",be)),{children:[ne&&e(S,{align:Z,id:Oe.current,children:ne}),n(h,{position:"relative",mt:ne?0:1,children:[fe&&(Re||Fe)&&n(t,{children:[e(_,{error:Re,warning:Fe,validationId:Me,validationMessagePositionTop:fe}),e(v,{warning:!(Re||!Fe)})]}),qe(),!fe&&(Re||Fe)&&n(t,{children:[e(_,{error:Re,warning:Fe,validationId:Me,validationMessagePositionTop:fe}),e(v,{warning:!(Re||!Fe)})]})]})]})):e(w,{helpAriaLabel:ce,children:e(p,E(L({id:ve,legend:G,legendMargin:{mb:0},isRequired:le,isDisabled:N,name:V,error:$&&Re,warning:$&&Fe,info:$&&C,inline:He,size:ae,labelHelp:ne,legendAlign:Z,legendWidth:X,legendSpacing:te,validationId:Me,"aria-describedby":$?Ne:ze},y(be),c("numeral-date",be)),{children:n(h,{display:"flex",flexDirection:"column",mt:He?0:1,children:[qe(),re&&e(P,{id:ze,children:re})]})}))})}));export{F as ALLOWED_DATE_FORMATS,z as NumeralDate,z as default};

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

@@ -12,5 +12,5 @@ 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, isOptional, labelHelp, validationId, ...rest }: FieldsetProps) => import("react").JSX.Element, any, StyledFieldsetProps, never>;
+export declare const StyledFieldset: import("styled-components").StyledComponent<({ legend, children, inline, legendWidth, legendAlign, legendSpacing, error, warning, info, isRequired, blockGroupBehaviour, legendMargin, isDisabled, labelHelp, validationId, ...rest }: FieldsetProps) => import("react").JSX.Element, any, StyledFieldsetProps, never>;
 export {};

package/esm/components/radio-button/radio-button-group/radio-button-group.component.d.ts

@@ -41,11 +41,6 @@ export interface RadioButtonGroupProps extends ValidationProps, MarginProps, Tag
     onChange?: (ev: React.ChangeEvent<HTMLInputElement>) => void;
     /** Flag to configure component as mandatory */
     required?: boolean;
-    /**
-     * [Legacy] Flag to configure component as optional.
-     * @deprecated If the value of this component is not required, use the `required` prop and set it to false instead.
-     */
-    isOptional?: boolean;
     /** value of the selected RadioButton */
     value?: string;
     /** [Legacy] Overrides the default tooltip position */
@@ -54,7 +49,7 @@ export interface RadioButtonGroupProps extends ValidationProps, MarginProps, Tag
     validationMessagePositionTop?: boolean;
 }
 export declare const RadioButtonGroup: {
-    ({ children, id, name, legend, legendHelp, error, warning, info, onBlur, onChange, value, inline, legendInline, legendWidth, legendAlign, legendSpacing, labelSpacing, adaptiveLegendBreakpoint, adaptiveSpacingBreakpoint, required, isOptional, tooltipPosition, validationMessagePositionTop, ...rest }: RadioButtonGroupProps): React.JSX.Element;
+    ({ children, id, name, legend, legendHelp, error, warning, info, onBlur, onChange, value, inline, legendInline, legendWidth, legendAlign, legendSpacing, labelSpacing, adaptiveLegendBreakpoint, adaptiveSpacingBreakpoint, required, tooltipPosition, validationMessagePositionTop, ...rest }: RadioButtonGroupProps): React.JSX.Element;
     displayName: string;
 };
 export default RadioButtonGroup;

package/esm/components/radio-button/radio-button-group/radio-button-group.component.js

@@ -1 +1 @@
-import{jsx as e,Fragment as n,jsxs as r}from"react/jsx-runtime";import i,{useContext as o,useRef as t}from"react";import l from"../../../__internal__/utils/helpers/tags/tags.js";import a from"../../../__internal__/fieldset/fieldset.component.js";import d from"./radio-button-group.style.js";import p from"../../../__internal__/radio-button-mapper/radio-button-mapper.component.js";import s from"../../../hooks/__internal__/useIsAboveBreakpoint/useIsAboveBreakpoint.js";import"../../../style/utils/filter-styled-system-padding-props.js";import c from"../../../style/utils/filter-styled-system-margin-props.js";import{TooltipProvider as g}from"../../../__internal__/tooltip-provider/index.js";import u from"../../../__internal__/utils/logger/index.js";import m from"../../carbon-provider/__internal__/new-validation.context.js";import f from"../../../__internal__/validation-message/validation-message.component.js";import{Box as b}from"../../box/box.component.js";import _ from"../../../__internal__/utils/helpers/guid/index.js";import h from"../../../hooks/__internal__/useInputAccessibility/useInputAccessibility.js";import v from"../../textbox/textbox.style.js";import{HintText as y}from"../../../__internal__/hint-text/hint-text.component.js";function O(e,n,r){return n in e?Object.defineProperty(e,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[n]=r,e}function j(e){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{},i=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(i=i.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),i.forEach((function(n){O(e,n,r[n])}))}return e}function w(e,n){return n=null!=n?n:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):function(e){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n.push.apply(n,r)}return n}(Object(n)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(n,r))})),e}let P=!1,x=!1;const B=O=>{var{children:B,id:I,name:S,legend:k,legendHelp:A,error:E,warning:R,info:q,onBlur:C,onChange:D,value:T,inline:G=!1,legendInline:M=!1,legendWidth:W,legendAlign:H="left",legendSpacing:L,labelSpacing:V=1,adaptiveLegendBreakpoint:N,adaptiveSpacingBreakpoint:U,required:$,isOptional:z,tooltipPosition:F,validationMessagePositionTop:J=!0}=O,K=function(e,n){if(null==e)return{};var r,i,o=function(e,n){if(null==e)return{};var r,i,o={},t=Object.keys(e);for(i=0;i<t.length;i++)r=t[i],n.indexOf(r)>=0||(o[r]=e[r]);return o}(e,n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);for(i=0;i<t.length;i++)r=t[i],n.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(O,["children","id","name","legend","legendHelp","error","warning","info","onBlur","onChange","value","inline","legendInline","legendWidth","legendAlign","legendSpacing","labelSpacing","adaptiveLegendBreakpoint","adaptiveSpacingBreakpoint","required","isOptional","tooltipPosition","validationMessagePositionTop"]);!x&&z&&(x=!0,u.deprecate("`isOptional` is deprecated in RadioButtonGroup and support will soon be removed. If the value of this component is not required, use the `required` prop and set it to false instead."));const{validationRedesignOptIn:Q}=o(m),X=t(_()),Y=I||X.current,Z=A?`${Y}-hint`:void 0;P||D||(P=!0,u.deprecate("Uncontrolled behaviour in `Radio Button` is deprecated and support will soon be removed. Please make sure all your inputs are controlled."));const ee=c(K),ne=s(N),re=s(U);let ie=M;N&&(ie=!!ne);let oe=ee.ml;U&&!re&&(oe=void 0);const{validationId:te,ariaDescribedBy:le}=h({id:Y,validationRedesignOptIn:!0,error:E,warning:R,info:q}),ae=(Q&&J?[le,Z]:[Z,le]).filter(Boolean).join(" ");return e(n,{children:Q?r(a,w(j(w(j({legend:k,error:E,warning:R,legendAlign:H,isRequired:$,isOptional:z,width:"fit-content"},l("radiogroup",K),ee),{ml:oe,blockGroupBehaviour:!(E||R)}),ae&&{"aria-describedby":ae}),{children:[A&&e(y,{align:H,id:Z,marginTop:"-4px",children:A}),r(b,{position:"relative",children:[J&&r(n,{children:[e(f,{error:E,warning:R,validationId:te,validationMessagePositionTop:J}),(E||R)&&e(v,{"data-role":"radio-error-border",warning:!(E||!R)})]}),e(d,{"data-component":"radio-button-group",role:"radiogroup",inline:G,legendInline:ie,children:e(p,{name:S,onBlur:C,onChange:D,value:T,children:i.Children.map(B,(e=>i.isValidElement(e)?i.cloneElement(e,j({inline:G,labelSpacing:V,error:!!E,warning:!!R},e.props)):e))})}),!J&&r(n,{children:[e(f,{error:E,warning:R,validationId:te,validationMessagePositionTop:J}),(E||R)&&e(v,{"data-role":"radio-error-border",warning:!(E||!R)})]})]})]})):e(g,{tooltipPosition:F,children:e(a,w(j({legend:k,error:E,warning:R,info:q,inline:ie,legendWidth:W,legendAlign:H,legendSpacing:L,isRequired:$,isOptional:z},l("radiogroup",K),ee),{ml:oe,blockGroupBehaviour:!(E||R||q),"aria-describedby":le,validationId:te,children:e(d,{"data-component":"radio-button-group",role:"radiogroup",inline:G,legendInline:ie,children:e(p,{name:S,onBlur:C,onChange:D,value:T,children:i.Children.map(B,(e=>i.isValidElement(e)?i.cloneElement(e,j({inline:G,labelSpacing:V,error:!!E,warning:!!R,info:!!q},e.props)):e))})})}))})})};B.displayName="RadioButtonGroup";export{B as RadioButtonGroup,B as default};
+import{jsx as e,Fragment as n,jsxs as r}from"react/jsx-runtime";import i,{useContext as o,useRef as t}from"react";import l from"../../../__internal__/utils/helpers/tags/tags.js";import a from"../../../__internal__/fieldset/fieldset.component.js";import d from"./radio-button-group.style.js";import p from"../../../__internal__/radio-button-mapper/radio-button-mapper.component.js";import s from"../../../hooks/__internal__/useIsAboveBreakpoint/useIsAboveBreakpoint.js";import"../../../style/utils/filter-styled-system-padding-props.js";import c from"../../../style/utils/filter-styled-system-margin-props.js";import{TooltipProvider as g}from"../../../__internal__/tooltip-provider/index.js";import u from"../../../__internal__/utils/logger/index.js";import m from"../../carbon-provider/__internal__/new-validation.context.js";import b from"../../../__internal__/validation-message/validation-message.component.js";import{Box as f}from"../../box/box.component.js";import _ from"../../../__internal__/utils/helpers/guid/index.js";import v from"../../../hooks/__internal__/useInputAccessibility/useInputAccessibility.js";import h from"../../textbox/textbox.style.js";import{HintText as y}from"../../../__internal__/hint-text/hint-text.component.js";function j(e,n,r){return n in e?Object.defineProperty(e,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[n]=r,e}function O(e){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{},i=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(i=i.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),i.forEach((function(n){j(e,n,r[n])}))}return e}function w(e,n){return n=null!=n?n:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):function(e){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n.push.apply(n,r)}return n}(Object(n)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(n,r))})),e}let P=!1;const x=j=>{var{children:x,id:B,name:I,legend:S,legendHelp:k,error:A,warning:E,info:C,onBlur:R,onChange:D,value:T,inline:q=!1,legendInline:M=!1,legendWidth:G,legendAlign:W="left",legendSpacing:H,labelSpacing:L=1,adaptiveLegendBreakpoint:V,adaptiveSpacingBreakpoint:N,required:U,tooltipPosition:$,validationMessagePositionTop:z=!0}=j,F=function(e,n){if(null==e)return{};var r,i,o=function(e,n){if(null==e)return{};var r,i,o={},t=Object.keys(e);for(i=0;i<t.length;i++)r=t[i],n.indexOf(r)>=0||(o[r]=e[r]);return o}(e,n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);for(i=0;i<t.length;i++)r=t[i],n.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(j,["children","id","name","legend","legendHelp","error","warning","info","onBlur","onChange","value","inline","legendInline","legendWidth","legendAlign","legendSpacing","labelSpacing","adaptiveLegendBreakpoint","adaptiveSpacingBreakpoint","required","tooltipPosition","validationMessagePositionTop"]);const{validationRedesignOptIn:J}=o(m),K=t(_()),Q=B||K.current,X=k?`${Q}-hint`:void 0;P||D||(P=!0,u.deprecate("Uncontrolled behaviour in `Radio Button` is deprecated and support will soon be removed. Please make sure all your inputs are controlled."));const Y=c(F),Z=s(V),ee=s(N);let ne=M;V&&(ne=!!Z);let re=Y.ml;N&&!ee&&(re=void 0);const{validationId:ie,ariaDescribedBy:oe}=v({id:Q,validationRedesignOptIn:!0,error:A,warning:E,info:C}),te=(J&&z?[oe,X]:[X,oe]).filter(Boolean).join(" ");return e(n,{children:J?r(a,w(O(w(O({legend:S,error:A,warning:E,legendAlign:W,isRequired:U,width:"fit-content"},l("radiogroup",F),Y),{ml:re,blockGroupBehaviour:!(A||E)}),te&&{"aria-describedby":te}),{children:[k&&e(y,{align:W,id:X,marginTop:"-4px",children:k}),r(f,{position:"relative",children:[z&&r(n,{children:[e(b,{error:A,warning:E,validationId:ie,validationMessagePositionTop:z}),(A||E)&&e(h,{"data-role":"radio-error-border",warning:!(A||!E)})]}),e(d,{"data-component":"radio-button-group",role:"radiogroup",inline:q,legendInline:ne,children:e(p,{name:I,onBlur:R,onChange:D,value:T,children:i.Children.map(x,(e=>i.isValidElement(e)?i.cloneElement(e,O({inline:q,labelSpacing:L,error:!!A,warning:!!E},e.props)):e))})}),!z&&r(n,{children:[e(b,{error:A,warning:E,validationId:ie,validationMessagePositionTop:z}),(A||E)&&e(h,{"data-role":"radio-error-border",warning:!(A||!E)})]})]})]})):e(g,{tooltipPosition:$,children:e(a,w(O({legend:S,error:A,warning:E,info:C,inline:ne,legendWidth:G,legendAlign:W,legendSpacing:H,isRequired:U},l("radiogroup",F),Y),{ml:re,blockGroupBehaviour:!(A||E||C),"aria-describedby":oe,validationId:ie,children:e(d,{"data-component":"radio-button-group",role:"radiogroup",inline:q,legendInline:ne,children:e(p,{name:I,onBlur:R,onChange:D,value:T,children:i.Children.map(x,(e=>i.isValidElement(e)?i.cloneElement(e,O({inline:q,labelSpacing:L,error:!!A,warning:!!E,info:!!C},e.props)):e))})})}))})})};x.displayName="RadioButtonGroup";export{x as RadioButtonGroup,x as default};

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

@@ -5,7 +5,7 @@ import { TagProps } from "../../__internal__/utils/helpers/tags";
 interface InternalRadioButtonProps {
     inline?: boolean;
 }
-export interface RadioButtonProps extends Omit<CommonCheckableInputProps, "required" | "IsOptional">, MarginProps, TagProps {
+export interface RadioButtonProps extends Omit<CommonCheckableInputProps, "required">, MarginProps, TagProps {
     /** Accepts a callback function which is triggered on click event */
     onClick?: (ev: React.MouseEvent<HTMLInputElement>) => void;
     /** the value of the Radio Button, passed on form submit */

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

@@ -56,11 +56,6 @@ export interface FormInputPropTypes extends ValidationProps, Omit<CommonTextboxP
      *
      */
     labelId?: string;
-    /**
-     * [Legacy] Flag to configure component as optional.
-     * @deprecated If the value of this component is not required, use the `required` prop and set it to false instead.
-     */
-    isOptional?: boolean;
 }
 export interface SelectTextboxProps extends FormInputPropTypes {
     /** Id attribute of the select list */

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

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

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

@@ -56,11 +56,6 @@ export interface FilterableSelectProps extends Omit<FormInputPropTypes, "default
     /** Boolean to disable automatic filtering and highlighting of options.
      * This allows custom filtering and option styling to be performed outside of the component when the filter text changes. */
     disableDefaultFiltering?: boolean;
-    /**
-     * [Legacy] Flag to configure component as optional.
-     * @deprecated If the value of this component is not required, use the `required` prop and set it to false instead.
-     */
-    isOptional?: boolean;
     /** Flag to configure component as mandatory */
     required?: boolean;
     /** Specify a callback triggered on change */

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

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

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

@@ -52,11 +52,6 @@ export interface MultiSelectProps extends Omit<FormInputPropTypes, "defaultValue
      * Higher values make for smoother scrolling but may impact performance.
      * Only used if the `enableVirtualScroll` prop is set. */
     virtualScrollOverscan?: number;
-    /**
-     * [Legacy] Flag to configure component as optional.
-     * @deprecated If the value of this component is not required, use the `required` prop and set it to false instead.
-     */
-    isOptional?: boolean;
     /** Specify a callback triggered on change */
     onChange?: (ev: CustomSelectChangeEvent | React.ChangeEvent<HTMLInputElement>) => void;
     /** Override the default width of the list element. Number passed is converted into pixel value */