carbon-react 156.4.0 → 157.0.0

package/esm/__internal__/input/input.component.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
 import { BorderRadiusType } from "../../components/box/box.component";
 export type EnterKeyHintTypes = "enter" | "done" | "go" | "next" | "previous" | "search" | "send";
-export interface CommonInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "type"> {
+export interface CommonInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "value"> {
     align?: "right" | "left";
     /** The ID of the input's description, is set along with hint text and error message. */
     "aria-describedby"?: string;
@@ -35,6 +35,8 @@ export interface CommonInputProps extends Omit<React.InputHTMLAttributes<HTMLInp
     required?: boolean;
     /** Id of the validation icon */
     validationIconId?: string;
+    /** The value of the input */
+    value: string | readonly string[] | number | undefined;
 }
 export interface InputProps extends CommonInputProps {
     /** The visible width of the text control, in average character widths */

package/esm/components/advanced-color-picker/advanced-color-picker.component.d.ts

@@ -22,14 +22,12 @@ export interface AdvancedColorPickerProps extends MarginProps, Pick<ModalProps,
     "aria-labelledby"?: string;
     /** Prop for `availableColors` containing array of objects of colors */
     availableColors: AdvancedColor[];
-    /** Prop for `defaultColor` containing the default color for `uncontrolled` use */
-    defaultColor: string;
     /** Specifies the name prop to be applied to each color in the group */
     name: string;
     /** Prop for `onBlur` event */
     onBlur?: (ev: React.FocusEvent<HTMLInputElement>) => void;
     /** Prop for `onChange` event */
-    onChange?: (ev: React.ChangeEvent<HTMLInputElement>) => void;
+    onChange: (ev: React.ChangeEvent<HTMLInputElement>) => void;
     /** Prop for `onClose` event */
     onClose?: (ev: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement> | KeyboardEvent) => void;
     /** Prop for `onOpen` event */
@@ -39,7 +37,7 @@ export interface AdvancedColorPickerProps extends MarginProps, Pick<ModalProps,
     /** The ARIA role to be applied to the component container */
     role?: string;
     /** Prop for `selectedColor` containing pre-selected color for `controlled` use */
-    selectedColor?: string;
+    selectedColor: string;
 }
-export declare const AdvancedColorPicker: ({ "aria-describedby": ariaDescribedBy, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, availableColors, defaultColor, name, onOpen, onClose, onChange, onBlur, open, role, selectedColor, restoreFocusOnClose, ...props }: AdvancedColorPickerProps) => React.JSX.Element;
+export declare const AdvancedColorPicker: ({ "aria-describedby": ariaDescribedBy, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, availableColors, name, onOpen, onClose, onChange, onBlur, open, role, selectedColor, restoreFocusOnClose, ...props }: AdvancedColorPickerProps) => React.JSX.Element;
 export default AdvancedColorPicker;

package/esm/components/advanced-color-picker/advanced-color-picker.component.js

@@ -1 +1 @@
-import{jsxs as e,jsx as r}from"react/jsx-runtime";import{useState as o,useRef as t,useEffect as l,useCallback as n}from"react";import{StyledAdvancedColorPickerWrapper as i,HiddenCurrentColorList as a,DialogStyle as c,StyledAdvancedColorPickerPreview as s}from"./advanced-color-picker.style.js";import{SimpleColorPicker as p}from"../simple-color-picker/simple-color-picker.component.js";import{SimpleColor as u}from"../simple-color-picker/simple-color/simple-color.component.js";import d from"../../__internal__/utils/helpers/events/events.js";import"../../style/utils/filter-styled-system-padding-props.js";import m from"../../style/utils/filter-styled-system-margin-props.js";import f from"../../__internal__/utils/helpers/guid/index.js";import b from"../../hooks/__internal__/useLocale/useLocale.js";import"../definition-list/dl.component.js";import y from"../definition-list/dt/dt.component.js";import v from"../definition-list/dd/dd.component.js";import O from"../../__internal__/utils/logger/index.js";import j from"../../__internal__/utils/helpers/tags/tags.js";import g from"./advanced-color-picker-cell.style.js";function C(e,r,o){return r in e?Object.defineProperty(e,r,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[r]=o,e}let h=!1;const k=k=>{var{"aria-describedby":_,"aria-label":P,"aria-labelledby":w,availableColors:D,defaultColor:x,name:E,onOpen:S,onClose:K,onChange:F,onBlur:R,open:B=!1,role:I,selectedColor:L,restoreFocusOnClose:T=!0}=k,A=function(e,r){if(null==e)return{};var o,t,l=function(e,r){if(null==e)return{};var o,t,l={},n=Object.keys(e);for(t=0;t<n.length;t++)o=n[t],r.indexOf(o)>=0||(l[o]=e[o]);return l}(e,r);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(t=0;t<n.length;t++)o=n[t],r.indexOf(o)>=0||Object.prototype.propertyIsEnumerable.call(e,o)&&(l[o]=e[o])}return l}(k,["aria-describedby","aria-label","aria-labelledby","availableColors","defaultColor","name","onOpen","onClose","onChange","onBlur","open","role","selectedColor","restoreFocusOnClose"]);const[z,U]=o(),q=L||x,[G,H]=o(null),J=t(f()),M=b(),N=t(null),Q=D.map((({value:e,label:r},o)=>({value:e,label:r,getRef:()=>N.current?N.current.gridItemRefs[o]:null}))),V=()=>{var e;return(null===(e=D.find((e=>e.value===q)))||void 0===e?void 0:e.label)||q};l((()=>{if(z||B){const e=null==Q?void 0:Q.find((e=>q===e.value));e&&H(e.getRef())}}),[Q,q,z,B]);const W=n(((e,r)=>{"Tab"===e.key&&(e.shiftKey?document.activeElement===r&&G&&(G.focus(),e.preventDefault()):document.activeElement===G&&(null==r||r.focus(),e.preventDefault()))}),[G]),X=n((e=>{U(!0),S&&S(e)}),[S]),Y=n((e=>{U(!1),K&&K(e)}),[K]),Z=n((e=>{const r=null==Q?void 0:Q.find((r=>e.target.value===r.value));r&&H(r.getRef()),F&&F(e)}),[F,Q]),$=n((e=>{(d.isEnterKey(e)||d.isSpaceKey(e))&&(e.preventDefault(),X(e))}),[X]),ee=n((e=>{(d.isEnterKey(e)||d.isSpaceKey(e))&&(e.preventDefault(),Y(e))}),[Y]),re=n((e=>{R&&R(e)}),[R]);return h||F||(h=!0,O.deprecate("Uncontrolled behaviour in `Advanced Color Picker` is deprecated and support will soon be removed. Please make sure all your inputs are controlled.")),e(i,(oe=function(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){C(e,r,o[r])}))}return e}({m:"15px auto auto 15px"},m(A),j("advanced-color-picker",A)),te=null!=(te={children:[r(g,{"data-element":"color-picker-cell","aria-label":M.advancedColorPicker.ariaLabel(),"aria-describedby":J.current,onClick:X,onKeyDown:$,color:q,tabIndex:0}),e(a,{id:J.current,"data-element":"current-color-description",children:[r(y,{children:M.advancedColorPicker.currentColorDescriptionTerm(V())}),r(v,{children:M.advancedColorPicker.currentColorAssigned(V())})]}),e(c,{"aria-describedby":_,"aria-label":P,"aria-labelledby":w,open:z||B,size:"auto",onCancel:Y,bespokeFocusTrap:W,focusFirstElement:G,role:I,restoreFocusOnClose:T,children:[r(s,{"data-element":"color-picker-preview",color:q}),r(p,{name:E,legend:"",onChange:Z,onBlur:re,onKeyDown:ee,ref:N,children:null==Q?void 0:Q.map((({value:e,label:o})=>r(u,{value:e,"aria-label":o,id:e,defaultChecked:e===q},e)))})]})]})?te:{},Object.getOwnPropertyDescriptors?Object.defineProperties(oe,Object.getOwnPropertyDescriptors(te)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r.push.apply(r,o)}return r}(Object(te)).forEach((function(e){Object.defineProperty(oe,e,Object.getOwnPropertyDescriptor(te,e))})),oe));var oe,te};export{k as AdvancedColorPicker,k as default};
+import{jsxs as e,jsx as r}from"react/jsx-runtime";import{useState as o,useRef as t,useEffect as l,useCallback as n}from"react";import{StyledAdvancedColorPickerWrapper as i,HiddenCurrentColorList as a,DialogStyle as c,StyledAdvancedColorPickerPreview as s}from"./advanced-color-picker.style.js";import{SimpleColorPicker as p}from"../simple-color-picker/simple-color-picker.component.js";import{SimpleColor as u}from"../simple-color-picker/simple-color/simple-color.component.js";import d from"../../__internal__/utils/helpers/events/events.js";import"../../style/utils/filter-styled-system-padding-props.js";import m from"../../style/utils/filter-styled-system-margin-props.js";import f from"../../__internal__/utils/helpers/guid/index.js";import b from"../../hooks/__internal__/useLocale/useLocale.js";import"../definition-list/dl.component.js";import y from"../definition-list/dt/dt.component.js";import v from"../definition-list/dd/dd.component.js";import O from"../../__internal__/utils/helpers/tags/tags.js";import j from"./advanced-color-picker-cell.style.js";function g(e,r,o){return r in e?Object.defineProperty(e,r,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[r]=o,e}const h=h=>{var{"aria-describedby":k,"aria-label":C,"aria-labelledby":P,availableColors:_,name:w,onOpen:D,onClose:x,onChange:E,onBlur:S,open:K=!1,role:F,selectedColor:R,restoreFocusOnClose:B=!0}=h,I=function(e,r){if(null==e)return{};var o,t,l=function(e,r){if(null==e)return{};var o,t,l={},n=Object.keys(e);for(t=0;t<n.length;t++)o=n[t],r.indexOf(o)>=0||(l[o]=e[o]);return l}(e,r);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(t=0;t<n.length;t++)o=n[t],r.indexOf(o)>=0||Object.prototype.propertyIsEnumerable.call(e,o)&&(l[o]=e[o])}return l}(h,["aria-describedby","aria-label","aria-labelledby","availableColors","name","onOpen","onClose","onChange","onBlur","open","role","selectedColor","restoreFocusOnClose"]);const[L,T]=o(),[z,A]=o(null),q=t(f()),G=b(),H=t(null),J=_.map((({value:e,label:r},o)=>({value:e,label:r,getRef:()=>H.current?H.current.gridItemRefs[o]:null}))),M=()=>{var e;return(null===(e=_.find((e=>e.value===R)))||void 0===e?void 0:e.label)||R};l((()=>{if(L||K){const e=null==J?void 0:J.find((e=>R===e.value));e&&A(e.getRef())}}),[J,R,L,K]);const N=n(((e,r)=>{"Tab"===e.key&&(e.shiftKey?document.activeElement===r&&z&&(z.focus(),e.preventDefault()):document.activeElement===z&&(null==r||r.focus(),e.preventDefault()))}),[z]),Q=n((e=>{T(!0),D&&D(e)}),[D]),U=n((e=>{T(!1),x&&x(e)}),[x]),V=n((e=>{const r=null==J?void 0:J.find((r=>e.target.value===r.value));r&&A(r.getRef()),E&&E(e)}),[E,J]),W=n((e=>{(d.isEnterKey(e)||d.isSpaceKey(e))&&(e.preventDefault(),Q(e))}),[Q]),X=n((e=>{(d.isEnterKey(e)||d.isSpaceKey(e))&&(e.preventDefault(),U(e))}),[U]),Y=n((e=>{S&&S(e)}),[S]);return e(i,(Z=function(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){g(e,r,o[r])}))}return e}({m:"15px auto auto 15px"},m(I),O("advanced-color-picker",I)),$=null!=($={children:[r(j,{"data-element":"color-picker-cell","aria-label":G.advancedColorPicker.ariaLabel(),"aria-describedby":q.current,onClick:Q,onKeyDown:W,color:R,tabIndex:0}),e(a,{id:q.current,"data-element":"current-color-description",children:[r(y,{children:G.advancedColorPicker.currentColorDescriptionTerm(M())}),r(v,{children:G.advancedColorPicker.currentColorAssigned(M())})]}),e(c,{"aria-describedby":k,"aria-label":C,"aria-labelledby":P,open:L||K,size:"auto",onCancel:U,bespokeFocusTrap:N,focusFirstElement:z,role:F,restoreFocusOnClose:B,children:[r(s,{"data-element":"color-picker-preview",color:R}),r(p,{name:w,legend:"",onChange:V,onBlur:Y,onKeyDown:X,ref:H,value:R,children:null==J?void 0:J.map((({value:e,label:o})=>r(u,{value:e,"aria-label":o,id:e,checked:e===R},e)))})]})]})?$:{},Object.getOwnPropertyDescriptors?Object.defineProperties(Z,Object.getOwnPropertyDescriptors($)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r.push.apply(r,o)}return r}(Object($)).forEach((function(e){Object.defineProperty(Z,e,Object.getOwnPropertyDescriptor($,e))})),Z));var Z,$};export{h as AdvancedColorPicker,h as default};

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

@@ -28,10 +28,10 @@ export interface ButtonToggleGroupProps extends MarginProps, TagProps {
     labelWidth?: number;
     /** If true all ButtonToggle children will flex to the full width of the ButtonToggleGroup parent */
     fullWidth?: boolean;
-    /** Callback triggered by pressing one of the child buttons. Use with controlled components to set the value prop to the value argument */
-    onChange?: (ev: React.MouseEvent<HTMLButtonElement>, value?: string) => void;
-    /** Determines which child button is selected when the component is used as a controlled component */
-    value?: string;
+    /** Callback triggered by pressing one of the child buttons. */
+    onChange: (ev: React.MouseEvent<HTMLButtonElement>, value?: string) => void;
+    /** Determines which child button is selected */
+    value: string;
     /** [Legacy] Aria label for rendered help component */
     helpAriaLabel?: string;
     /** Allow buttons within the group to be deselected when already selected, leaving no selected button */

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

@@ -1 +1 @@
-import{jsx as e,jsxs as t}from"react/jsx-runtime";import l,{useMemo as n,useRef as r,useState as i,useContext as o}from"react";import a from"invariant";import p from"../../../__internal__/form-field/form-field.component.js";import s from"../../../__internal__/utils/helpers/tags/tags.js";import u from"../../../__internal__/utils/helpers/guid/index.js";import c from"./button-toggle-group.style.js";import{ButtonToggle as d}from"../button-toggle.component.js";import"../../../style/utils/filter-styled-system-padding-props.js";import b from"../../../style/utils/filter-styled-system-margin-props.js";import{TooltipProvider as f}from"../../../__internal__/tooltip-provider/index.js";import{InputGroupBehaviour as m}from"../../../__internal__/input-behaviour/input-group-behaviour.component.js";import g from"../../../__internal__/utils/helpers/events/events.js";import y from"../../carbon-provider/__internal__/new-validation.context.js";import{ButtonToggleGroupProvider as h}from"./__internal__/button-toggle-group.context.js";import{HintText as _}from"../../../__internal__/hint-text/hint-text.component.js";import v from"../../../__internal__/utils/logger/index.js";function j(e,t,l){return t in e?Object.defineProperty(e,t,{value:l,enumerable:!0,configurable:!0,writable:!0}):e[t]=l,e}function O(e){for(var t=1;t<arguments.length;t++){var l=null!=arguments[t]?arguments[t]:{},n=Object.keys(l);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(l).filter((function(e){return Object.getOwnPropertyDescriptor(l,e).enumerable})))),n.forEach((function(t){j(e,t,l[t])}))}return e}function w(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);t.push.apply(t,l)}return t}(Object(t)).forEach((function(l){Object.defineProperty(e,l,Object.getOwnPropertyDescriptor(t,l))})),e}let P=!1;const x=j=>{var{children:x,fieldHelp:H,fieldHelpInline:I,"aria-label":B,label:D,labelHelp:S,labelSpacing:W,inputHint:A,inputWidth:E,fullWidth:T,labelInline:k,labelWidth:C,onChange:L,value:G,helpAriaLabel:K,id:N,allowDeselect:R=!1,disabled:V=!1}=j,q=function(e,t){if(null==e)return{};var l,n,r=function(e,t){if(null==e)return{};var l,n,r={},i=Object.keys(e);for(n=0;n<i.length;n++)l=i[n],t.indexOf(l)>=0||(r[l]=e[l]);return r}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)l=i[n],t.indexOf(l)>=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(r[l]=e[l])}return r}(j,["children","fieldHelp","fieldHelpInline","aria-label","label","labelHelp","labelSpacing","inputHint","inputWidth","fullWidth","labelInline","labelWidth","onChange","value","helpAriaLabel","id","allowDeselect","disabled"]);const M=n((()=>!l.Children.toArray(x).find((e=>!l.isValidElement(e)||"ButtonToggle"!==e.type.displayName))),[x]);a(M,`\`ButtonToggleGroup\` only accepts children of type \`${d.displayName}\``),P||L||(P=!0,v.deprecate("Uncontrolled behaviour in `Button Toggle Group` is deprecated and support will soon be removed. Please make sure all your inputs are controlled."));const U=r(u()),$=r(u()),z=r(null),[F,J]=i(),{validationRedesignOptIn:Q}=o(y),X=e=>Q?void 0:e,Y=()=>{var e;return null===(e=z.current)||void 0===e?void 0:e.querySelectorAll('[data-element="button-toggle-button"]')},[Z,ee]=i();var te;return e(f,{helpAriaLabel:K,children:e(m,{children:e(p,w(O({label:D,labelHelp:X(S),labelSpacing:X(W),fieldHelp:X(H),fieldHelpInline:X(I),labelInline:X(k),labelWidth:X(C),labelId:U.current,id:N,labelAs:"span",disabled:V},b(q),s(null!==(te=q["data-component"])&&void 0!==te?te:"button-toggle-group",q)),{children:t(h,{value:{onButtonClick:e=>{let t=e;R&&(G||F)===e&&(t=void 0),J(t)},handleKeyDown:e=>{const t=Y();if(!t||!document.activeElement)return;const l=Array.from(t).indexOf(document.activeElement);let n;g.isLeftKey(e)?n=t[0===l?t.length-1:l-1]:g.isRightKey(e)&&(n=t[(l+1)%t.length]),n instanceof HTMLButtonElement&&n.focus()},pressedButtonValue:G||F,onChange:L,allowDeselect:R,isInGroup:!0,isDisabled:V,firstButton:Z,childButtonCallbackRef:e=>{setTimeout((()=>{if(e){const t=Y();t?e===t[0]&&ee(e):ee(void 0)}}),0)},hintTextId:A?$.current:void 0},children:[A&&e(_,{id:$.current,isDisabled:V,marginBottom:"var(--spacing150)",children:A}),e(c,w(O({ref:z},D?{"aria-labelledby":U.current}:{"aria-label":B}),{labelInline:k,inputWidth:E,fullWidth:T,role:"group",id:N,disabled:V,children:x}))]})}))})})};x.displayName="ButtonToggleGroup";export{x as default};
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import l,{useMemo as n,useRef as r,useContext as i,useState as o}from"react";import a from"invariant";import p from"../../../__internal__/form-field/form-field.component.js";import s from"../../../__internal__/utils/helpers/tags/tags.js";import u from"../../../__internal__/utils/helpers/guid/index.js";import c from"./button-toggle-group.style.js";import{ButtonToggle as d}from"../button-toggle.component.js";import"../../../style/utils/filter-styled-system-padding-props.js";import b from"../../../style/utils/filter-styled-system-margin-props.js";import{TooltipProvider as f}from"../../../__internal__/tooltip-provider/index.js";import{InputGroupBehaviour as m}from"../../../__internal__/input-behaviour/input-group-behaviour.component.js";import g from"../../../__internal__/utils/helpers/events/events.js";import y from"../../carbon-provider/__internal__/new-validation.context.js";import{ButtonToggleGroupProvider as h}from"./__internal__/button-toggle-group.context.js";import{HintText as _}from"../../../__internal__/hint-text/hint-text.component.js";function j(e,t,l){return t in e?Object.defineProperty(e,t,{value:l,enumerable:!0,configurable:!0,writable:!0}):e[t]=l,e}function v(e){for(var t=1;t<arguments.length;t++){var l=null!=arguments[t]?arguments[t]:{},n=Object.keys(l);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(l).filter((function(e){return Object.getOwnPropertyDescriptor(l,e).enumerable})))),n.forEach((function(t){j(e,t,l[t])}))}return e}function O(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);t.push.apply(t,l)}return t}(Object(t)).forEach((function(l){Object.defineProperty(e,l,Object.getOwnPropertyDescriptor(t,l))})),e}const w=j=>{var{children:w,fieldHelp:P,fieldHelpInline:x,"aria-label":H,label:I,labelHelp:D,labelSpacing:S,inputHint:B,inputWidth:W,fullWidth:A,labelInline:E,labelWidth:C,onChange:T,value:k,helpAriaLabel:L,id:G,allowDeselect:K=!1,disabled:N=!1}=j,R=function(e,t){if(null==e)return{};var l,n,r=function(e,t){if(null==e)return{};var l,n,r={},i=Object.keys(e);for(n=0;n<i.length;n++)l=i[n],t.indexOf(l)>=0||(r[l]=e[l]);return r}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)l=i[n],t.indexOf(l)>=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(r[l]=e[l])}return r}(j,["children","fieldHelp","fieldHelpInline","aria-label","label","labelHelp","labelSpacing","inputHint","inputWidth","fullWidth","labelInline","labelWidth","onChange","value","helpAriaLabel","id","allowDeselect","disabled"]);const V=n((()=>!l.Children.toArray(w).find((e=>!l.isValidElement(e)||"ButtonToggle"!==e.type.displayName))),[w]);a(V,`\`ButtonToggleGroup\` only accepts children of type \`${d.displayName}\``);const q=r(u()),M=r(u()),$=r(null),{validationRedesignOptIn:z}=i(y),F=e=>z?void 0:e,J=()=>{var e;return null===(e=$.current)||void 0===e?void 0:e.querySelectorAll('[data-element="button-toggle-button"]')},[Q,U]=o();var X;return e(f,{helpAriaLabel:L,children:e(m,{children:e(p,O(v({label:I,labelHelp:F(D),labelSpacing:F(S),fieldHelp:F(P),fieldHelpInline:F(x),labelInline:F(E),labelWidth:F(C),labelId:q.current,id:G,labelAs:"span",disabled:N},b(R),s(null!==(X=R["data-component"])&&void 0!==X?X:"button-toggle-group",R)),{children:t(h,{value:{onButtonClick:()=>{},handleKeyDown:e=>{const t=J();if(!t||!document.activeElement)return;const l=Array.from(t).indexOf(document.activeElement);let n;g.isLeftKey(e)?n=t[0===l?t.length-1:l-1]:g.isRightKey(e)&&(n=t[(l+1)%t.length]),n instanceof HTMLButtonElement&&n.focus()},pressedButtonValue:k,onChange:T,allowDeselect:K,isInGroup:!0,isDisabled:N,firstButton:Q,childButtonCallbackRef:e=>{setTimeout((()=>{if(e){const t=J();t?e===t[0]&&U(e):U(void 0)}}),0)},hintTextId:B?M.current:void 0},children:[B&&e(_,{id:M.current,isDisabled:N,marginBottom:"var(--spacing150)",children:B}),e(c,O(v({ref:$},I?{"aria-labelledby":q.current}:{"aria-label":H}),{labelInline:E,inputWidth:W,fullWidth:A,role:"group",id:G,disabled:N,children:w}))]})}))})})};w.displayName="ButtonToggleGroup";export{w as default};

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

@@ -17,6 +17,10 @@ export interface CheckboxProps extends CommonCheckableInputProps, MarginProps, T
     tooltipPosition?: "top" | "bottom" | "left" | "right";
     /** The value of the checkbox, passed on form submit */
     value?: string;
+    /** Handler for change events */
+    onChange: (ev: React.ChangeEvent<HTMLInputElement>) => void;
+    /** Checked state of the input */
+    checked: boolean;
 }
 export declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLInputElement>>;
 export default Checkbox;

package/esm/components/checkbox/checkbox.component.js

@@ -1 +1 @@
-import{jsx as e,Fragment as r}from"react/jsx-runtime";import t,{useContext as n}from"react";import o from"../../__internal__/utils/helpers/tags/tags.js";import i from"./checkbox.style.js";import l from"../../__internal__/checkable-input/checkable-input.component.js";import a from"./checkbox-svg.component.js";import p from"../../hooks/__internal__/useIsAboveBreakpoint/useIsAboveBreakpoint.js";import{TooltipProvider as c}from"../../__internal__/tooltip-provider/index.js";import s from"./checkbox-group/__internal__/checkbox-group.context.js";import d from"../../__internal__/utils/logger/index.js";import b from"../carbon-provider/__internal__/new-validation.context.js";import"../../style/utils/filter-styled-system-padding-props.js";import u from"../../style/utils/filter-styled-system-margin-props.js";function f(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function m(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){f(e,r,t[r])}))}return e}function h(e,r){return r=null!=r?r:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})),e}let y=!1;const g=t.forwardRef(((t,f)=>{var{"aria-labelledby":g,id:O,label:j,onChange:v,name:_,onClick:k,onBlur:w,onFocus:P,value:x,fieldHelp:S,autoFocus:H,labelHelp:I,labelSpacing:B=1,labelWidth:C,adaptiveSpacingBreakpoint:W,required:F,error:A,warning:L,info:D,fieldHelpInline:q,reverse:z=!1,checked:E,disabled:N,inputWidth:R,size:U,tooltipPosition:V,"data-element":G,"data-role":J,helpAriaLabel:K}=t,M=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}(t,["aria-labelledby","id","label","onChange","name","onClick","onBlur","onFocus","value","fieldHelp","autoFocus","labelHelp","labelSpacing","labelWidth","adaptiveSpacingBreakpoint","required","error","warning","info","fieldHelpInline","reverse","checked","disabled","inputWidth","size","tooltipPosition","data-element","data-role","helpAriaLabel"]);const{validationRedesignOptIn:Q}=n(b),T=p(W),X=!(!W||T),Y=n(s),{error:Z,warning:$,info:ee}=Y;y||v||(y=!0,d.deprecate("Uncontrolled behaviour in `Checkbox` is deprecated and support will soon be removed. Please make sure all your inputs are controlled."));const re=h(m({ariaLabelledBy:g,onClick:k,onChange:v,onBlur:w,onFocus:P,labelInline:!0,id:O,label:j,value:x,type:"checkbox",name:_,reverse:!z,fieldHelp:S,autoFocus:H,labelHelp:I,labelSpacing:B,required:F,fieldHelpInline:q,checked:E,disabled:N,inputWidth:R,labelWidth:C,ref:f},M),{"data-component":void 0}),te=m({error:Z||A,warning:$||L},Q?{validationOnLabel:!1}:{info:ee||D}),ne=u(M),oe=e(i,h(m(h(m({disabled:N,labelSpacing:B,inputWidth:R,adaptiveSpacingSmallScreen:X},te),{fieldHelpInline:q,reverse:z,size:U,applyNewValidation:Q}),ne,o("checkbox",{"data-element":G,"data-role":J})),{children:e(l,h(m({},re,te),{children:e(a,{})}))}));return e(r,{children:Q?oe:e(c,{helpAriaLabel:K,tooltipPosition:V,children:oe})})}));g.displayName="Checkbox";export{g as Checkbox,g as default};
+import{jsx as e,Fragment as r}from"react/jsx-runtime";import t,{useContext as n}from"react";import o from"../../__internal__/utils/helpers/tags/tags.js";import i from"./checkbox.style.js";import l from"../../__internal__/checkable-input/checkable-input.component.js";import a from"./checkbox-svg.component.js";import p from"../../hooks/__internal__/useIsAboveBreakpoint/useIsAboveBreakpoint.js";import{TooltipProvider as c}from"../../__internal__/tooltip-provider/index.js";import s from"./checkbox-group/__internal__/checkbox-group.context.js";import d from"../carbon-provider/__internal__/new-validation.context.js";import"../../style/utils/filter-styled-system-padding-props.js";import b from"../../style/utils/filter-styled-system-margin-props.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]:{},n=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),n.forEach((function(r){u(e,r,t[r])}))}return e}function m(e,r){return r=null!=r?r:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})),e}const y=t.forwardRef(((t,u)=>{var{"aria-labelledby":y,id:h,label:g,onChange:O,name:j,onClick:v,onBlur:_,onFocus:k,value:w,fieldHelp:P,autoFocus:S,labelHelp:x,labelSpacing:H=1,labelWidth:I,adaptiveSpacingBreakpoint:B,required:C,error:W,warning:F,info:A,fieldHelpInline:L,reverse:D=!1,checked:q,disabled:z,inputWidth:E,size:N,tooltipPosition:R,"data-element":V,"data-role":G,helpAriaLabel:J}=t,K=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}(t,["aria-labelledby","id","label","onChange","name","onClick","onBlur","onFocus","value","fieldHelp","autoFocus","labelHelp","labelSpacing","labelWidth","adaptiveSpacingBreakpoint","required","error","warning","info","fieldHelpInline","reverse","checked","disabled","inputWidth","size","tooltipPosition","data-element","data-role","helpAriaLabel"]);const{validationRedesignOptIn:M}=n(d),Q=p(B),T=!(!B||Q),U=n(s),{error:X,warning:Y,info:Z}=U,$=m(f({ariaLabelledBy:y,onClick:v,onChange:O,onBlur:_,onFocus:k,labelInline:!0,id:h,label:g,value:w,type:"checkbox",name:j,reverse:!D,fieldHelp:P,autoFocus:S,labelHelp:x,labelSpacing:H,required:C,fieldHelpInline:L,checked:q,disabled:z,inputWidth:E,labelWidth:I,ref:u},K),{"data-component":void 0}),ee=f({error:X||W,warning:Y||F},M?{validationOnLabel:!1}:{info:Z||A}),re=b(K),te=e(i,m(f(m(f({disabled:z,labelSpacing:H,inputWidth:E,adaptiveSpacingSmallScreen:T},ee),{fieldHelpInline:L,reverse:D,size:N,applyNewValidation:M}),re,o("checkbox",{"data-element":V,"data-role":G})),{children:e(l,m(f({},$,ee),{children:e(a,{})}))}));return e(r,{children:M?te:e(c,{helpAriaLabel:J,tooltipPosition:R,children:te})})}));y.displayName="Checkbox";export{y as Checkbox,y as default};

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

@@ -15,14 +15,12 @@ export interface DecimalProps extends Omit<CommonTextboxProps, "onChange" | "onB
     align?: "left" | "right";
     /** Allow an empty value instead of defaulting to 0.00 */
     allowEmptyValue?: boolean;
-    /** The default value of the input if it's meant to be used as an uncontrolled component */
-    defaultValue?: string;
     /** The input id */
     id?: string;
     /** The width of the input as a percentage */
     inputWidth?: number;
-    /** Handler for change event if input is meant to be used as a controlled component */
-    onChange?: (ev: CustomEvent) => void;
+    /** Handler for change event */
+    onChange: (ev: CustomEvent) => void;
     /** Handler for blur event */
     onBlur?: (ev: CustomEvent) => void;
     /** The input name */
@@ -31,8 +29,8 @@ export interface DecimalProps extends Omit<CommonTextboxProps, "onChange" | "onB
     precision?: 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15;
     /** If true, the component will be read-only */
     readOnly?: boolean;
-    /** The value of the input if it's used as a controlled component */
-    value?: string;
+    /** The value of the input */
+    value: string;
     /** The locale string - default en */
     locale?: string;
 }

package/esm/components/decimal/decimal.component.js

@@ -1 +1 @@
-import{jsxs as e,Fragment as t,jsx as n}from"react/jsx-runtime";import r,{useContext as o,useCallback as l,useEffect as a,useState as i,useRef as u}from"react";import c from"invariant";import{Textbox as m}from"../textbox/textbox.component.js";import p from"../../__internal__/i18n-context/index.js";import s from"../../hooks/__internal__/usePrevious/index.js";import d from"../../__internal__/utils/logger/index.js";import f from"../../__internal__/utils/helpers/tags/tags.js";function g(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function h(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),r.forEach((function(t){g(e,t,n[t])}))}return e}let v=!1;const b=r.forwardRef(((r,g)=>{var{align:b="right",defaultValue:y,precision:O=2,inputWidth:w,readOnly:x,onChange:_,onBlur:j,id:P,name:D,allowEmptyValue:E=!1,locale:V,value:N}=r,$=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}(r,["align","defaultValue","precision","inputWidth","readOnly","onChange","onBlur","id","name","allowEmptyValue","locale","value"]);const R=o(p),k=l((e=>{var t;return null===(t=Intl.NumberFormat(V||R.locale()).formatToParts(10000.1).find((t=>t.type===e)))||void 0===t?void 0:t.value}),[R,V]),C=l((e=>Number.isNaN(Number(e))),[]),F=l((e=>{if(C(e))return e;if(""===e||e.match(/\s+/g))return e;const t=k("decimal"),[n,r]=e.split(".");let o=Intl.NumberFormat(V||R.locale(),{maximumFractionDigits:0}).format(+n);return(null==r?void 0:r.length)>O?o+=`${t+r}`:(null==r?void 0:r.length)<=O?o+=`${t+r+"0".repeat(O-r.length)}`:o+=`${O?t+"0".repeat(O):""}`,o}),[k,C,R,V,O]),I=E?"":F((0).toFixed(O)),S=l((e=>(c("string"==typeof e,"Decimal `value` prop must be a string"),e&&!E&&c(""!==e,"Decimal `value` must not be an empty string. Please use `allowEmptyValue` or specify a non-empty initialValue"),e)),[E]),W=s(O);a((()=>{W&&W!==O&&d.error("Decimal `precision` prop has changed value. Changing the Decimal `precision` prop has no effect.")}),[O,W]);const z=l((e=>{const t=new RegExp(`[\\${k("group")} ]*`,"g");return e.replace(t,"")}),[k]),B=l((e=>{var t;const n=(null===(t=k("group"))||void 0===t?void 0:t.match(/\s+/))&&!e.match(/\s{2,}/)?e.replace(/\s+/g,""):e,r=new RegExp("([^A-Za-z0-9]{2,})|(^[^A-Za-z0-9-]+)|([^0-9a-z-,.])|([^0-9-,.]+)|([W,.])$","g"),o=k("decimal"),l=new RegExp("."===o?`\\${o}`:o,"g");return n.match(r)||(n.match(l)||[]).length>1?n:z(n).replace(new RegExp(`\\${o}`,"g"),".")}),[k,z]),A=S(y||N||I),[Z,T]=i(C(B(A))?A:F(A)),U=(e,t)=>({target:{name:D,id:P,value:{formattedValue:F(B(e)),rawValue:t||B(e)}}}),q=void 0!==N,G=u();a((()=>(c(G.current!==q,"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"),G.current=q,()=>{G.current=null})),[q]);const H=s(N);return a((()=>{const e=B(Z);if(q){const t=S(N);e!==t&&T(F(""===t&&""===H?I:t))}}),[I,F,S,q,H,Z,B,N]),v||q||(v=!0,d.deprecate("Uncontrolled behaviour in `Decimal` is deprecated and support will soon be removed. Please make sure all your inputs are controlled.")),e(t,{children:[n(m,h({align:b,readOnly:x,inputWidth:w,onChange:e=>{const{value:t}=e.target;T(t),_&&_(U(t))},onBlur:e=>{const{value:t}=e.target;let n;if(t){const e=B(t),r=C(e)?t:F(e);n=U(r,e),T(r)}else n=U(I),T(I);j&&j(n)},value:Z,"data-component":"decimal",id:P,ref:g},$,f("decimal",$))),n("input",{name:D,value:B(Z),type:"hidden","data-component":"hidden-input","data-role":"hidden-input"})]})}));b.displayName="Decimal";export{b as Decimal,b as default};
+import{jsxs as e,Fragment as t,jsx as n}from"react/jsx-runtime";import r,{useContext as a,useCallback as o,useEffect as l,useState as i}from"react";import u from"invariant";import{Textbox as c}from"../textbox/textbox.component.js";import m from"../../__internal__/i18n-context/index.js";import p from"../../hooks/__internal__/usePrevious/index.js";import s from"../../__internal__/utils/logger/index.js";import g from"../../__internal__/utils/helpers/tags/tags.js";function d(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function f(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){d(e,t,n[t])}))}return e}const h=r.forwardRef(((r,d)=>{var{align:h="right",precision:v=2,inputWidth:y,readOnly:b,onChange:O,onBlur:x,id:_,name:j,allowEmptyValue:w=!1,locale:E,value:P}=r,D=function(e,t){if(null==e)return{};var n,r,a=function(e,t){if(null==e)return{};var n,r,a={},o=Object.keys(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||(a[n]=e[n]);return a}(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)&&(a[n]=e[n])}return a}(r,["align","precision","inputWidth","readOnly","onChange","onBlur","id","name","allowEmptyValue","locale","value"]);const N=a(m),$=o((e=>{var t;return null===(t=Intl.NumberFormat(E||N.locale()).formatToParts(10000.1).find((t=>t.type===e)))||void 0===t?void 0:t.value}),[N,E]),V=o((e=>Number.isNaN(Number(e))),[]),R=o((e=>{if(V(e))return e;if(""===e||e.match(/\s+/g))return e;const t=$("decimal"),[n,r]=e.split(".");let a=Intl.NumberFormat(E||N.locale(),{maximumFractionDigits:0}).format(+n);return(null==r?void 0:r.length)>v?a+=`${t+r}`:(null==r?void 0:r.length)<=v?a+=`${t+r+"0".repeat(v-r.length)}`:a+=`${v?t+"0".repeat(v):""}`,a}),[$,V,N,E,v]),C=w?"":R((0).toFixed(v)),F=o((e=>(u("string"==typeof e,"Decimal `value` prop must be a string"),e&&!w&&u(""!==e,"Decimal `value` must not be an empty string. Please use `allowEmptyValue` or specify a non-empty initialValue"),e)),[w]),S=p(v);l((()=>{S&&S!==v&&s.error("Decimal `precision` prop has changed value. Changing the Decimal `precision` prop has no effect.")}),[v,S]);const W=o((e=>{const t=new RegExp(`[\\${$("group")} ]*`,"g");return e.replace(t,"")}),[$]),k=o((e=>{var t;const n=(null===(t=$("group"))||void 0===t?void 0:t.match(/\s+/))&&!e.match(/\s{2,}/)?e.replace(/\s+/g,""):e,r=new RegExp("([^A-Za-z0-9]{2,})|(^[^A-Za-z0-9-]+)|([^0-9a-z-,.])|([^0-9-,.]+)|([W,.])$","g"),a=$("decimal"),o=new RegExp("."===a?`\\${a}`:a,"g");return n.match(r)||(n.match(o)||[]).length>1?n:W(n).replace(new RegExp(`\\${a}`,"g"),".")}),[$,W]),z=F(P||C),[B,I]=i(V(k(z))?z:R(z)),A=(e,t)=>({target:{name:j,id:_,value:{formattedValue:R(k(e)),rawValue:t||k(e)}}}),Z=p(P);return l((()=>{const e=k(B),t=F(P);e!==t&&I(R(""===t&&""===Z?C:t))}),[C,R,F,Z,B,k,P]),e(t,{children:[n(c,f({align:h,readOnly:b,inputWidth:y,onChange:e=>{const{value:t}=e.target;I(t),O(A(t))},onBlur:e=>{const{value:t}=e.target;let n;if(t){const e=k(t),r=V(e)?t:R(e);n=A(r,e),I(r)}else n=A(C),I(C);x&&x(n)},value:B,"data-component":"decimal",id:_,ref:d},D,g("decimal",D))),n("input",{name:j,value:k(B),type:"hidden","data-component":"hidden-input","data-role":"hidden-input"})]})}));h.displayName="Decimal";export{h as Decimal,h as default};

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

@@ -1,6 +1,9 @@
 import type { InputProps } from "../../__internal__/input";
 import type { ValidationProps } from "../../__internal__/validations";
-export declare const StyledHiddenFileInput: import("styled-components").StyledComponent<"input", any, InputProps, never>;
+type CustomFileInputProps = Omit<InputProps, "value"> & {
+    value?: string;
+};
+export declare const StyledHiddenFileInput: import("styled-components").StyledComponent<"input", any, CustomFileInputProps, never>;
 interface StyledFileInputPresentationProps extends Pick<ValidationProps, "error"> {
     isDraggedOver?: boolean;
     isDraggingFile?: boolean;

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

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

package/esm/components/flat-table/flat-table-checkbox/flat-table-checkbox.component.d.ts

@@ -4,9 +4,9 @@ export interface FlatTableCheckboxProps extends TagProps {
     /** Prop to polymorphically render either a 'th' or 'td' element */
     as?: "td" | "th";
     /** Prop to set checked prop on Checkbox */
-    checked?: boolean;
+    checked: boolean;
     /** Callback to be called onChange in Checkbox */
-    onChange?: (ev: React.ChangeEvent<HTMLElement>) => void;
+    onChange: (ev: React.ChangeEvent<HTMLInputElement>) => void;
     /** Whether to render the checkbox or not, defaults to true */
     selectable?: boolean;
     /** Callback function to be called when click event received */

package/esm/components/grouped-character/grouped-character.component.d.ts

@@ -13,18 +13,16 @@ export interface CustomEvent extends Omit<React.ChangeEvent<HTMLInputElement>, "
     target: CustomTarget;
 }
 export interface GroupedCharacterProps extends Omit<TextboxProps, "onChange" | "onBlur" | "data-component"> {
-    /** Default input value if component is meant to be used as an uncontrolled component */
-    defaultValue?: string;
     /** pattern by which input value should be grouped */
     groups: number[];
     /** Handler for blur event */
     onBlur?: (ev: CustomEvent) => void;
-    /** Handler for change event if input is meant to be used as a controlled component */
-    onChange?: (ev: CustomEvent) => void;
+    /** Handler for change event */
+    onChange: (ev: CustomEvent) => void;
     /** character to be used as separator - has to be a 1 character string */
     separator: string;
-    /** Input value if component is meant to be used as a controlled component */
-    value?: string;
+    /** Input value */
+    value: string;
 }
 export declare const GroupedCharacter: React.ForwardRefExoticComponent<GroupedCharacterProps & React.RefAttributes<HTMLInputElement>>;
 export default GroupedCharacter;

package/esm/components/grouped-character/grouped-character.component.js

@@ -1 +1 @@
-import{jsx as e}from"react/jsx-runtime";import t,{useState as r}from"react";import{Textbox as n}from"../textbox/textbox.component.js";import{toSum as o,generateGroups as l}from"./grouped-character.utils.js";import a from"../../__internal__/utils/logger/index.js";import u from"../../__internal__/utils/helpers/tags/tags.js";function c(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function s(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){c(e,t,r[t])}))}return e}function 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}const p=({target:e},t)=>{const{name:r,id:n}=e;return i(s({},r&&{name:r},n&&{id:n}),{value:t})};let f=!1;const g=t.forwardRef(((t,c)=>{var{defaultValue:g,groups:b,onBlur:m,onChange:y,onKeyDown:d,separator:O,value:j}=t,h=function(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},l=Object.keys(e);for(n=0;n<l.length;n++)r=l[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(n=0;n<l.length;n++)r=l[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(t,["defaultValue","groups","onBlur","onChange","onKeyDown","separator","value"]);const[v,w]=r(g||""),P=void 0!==j,D=O.substring(0,1),x=b.reduce(o);f||P||(f=!0,a.deprecate("Uncontrolled behaviour in `Grouped Character` is deprecated and support will soon be removed. Please make sure all your inputs are controlled."));const S=e=>l(b,e).join(D),_=e=>e.split(D).join("").substring(0,x),V=P?j:v;return e(n,s(i(s({},h),{value:V,formattedValue:S(V),onChange:e=>{const{target:t}=e,{selectionEnd:r}=t;let n=null!=r?r:0;const o=_(t.value),l=S(o),a=t.value.length===n,u=l[n-1]===D;if(a){const e=t.value.split(D).length-1,r=l.split(D).length-1;n+=r-e}else u&&(V.length>o.length||(n+=1));const c=e;c.target=p(e,{rawValue:o,formattedValue:l}),null==y||y(c),P||w(o),setTimeout((()=>t.setSelectionRange(n,n)))},onBlur:e=>{if(m){const{target:t}=e,r=_(t.value),n=S(r),o=e;o.target=p(e,{rawValue:r,formattedValue:n}),m(o)}},onKeyDown:e=>{const{selectionStart:t,selectionEnd:r}=e.target,n=(null!=r?r:0)-(null!=t?t:0)>0;if(1===e.key.length&&x===V.length&&!n&&e.preventDefault(),"Delete"===e.key){const r=null!=t?t:0,n=_(V);if(S(n)[r]===D){e.preventDefault();const t=e.target;setTimeout((()=>t.setSelectionRange(r+1,r+1)))}}d&&d(e)},ref:c}),u("grouped-character",h)))}));g.displayName="GroupedCharacter";export{g as GroupedCharacter,g as default};
+import{jsx as e}from"react/jsx-runtime";import t from"react";import{Textbox as r}from"../textbox/textbox.component.js";import{toSum as n,generateGroups as o}from"./grouped-character.utils.js";import l from"../../__internal__/utils/helpers/tags/tags.js";function a(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function u(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){a(e,t,r[t])}))}return e}function c(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})),e}const s=({target:e},t)=>{const{name:r,id:n}=e;return c(u({},r&&{name:r},n&&{id:n}),{value:t})},i=t.forwardRef(((t,a)=>{var{groups:i,onBlur:p,onChange:f,onKeyDown:g,separator:b,value:y}=t,O=function(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},l=Object.keys(e);for(n=0;n<l.length;n++)r=l[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(n=0;n<l.length;n++)r=l[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(t,["groups","onBlur","onChange","onKeyDown","separator","value"]);const m=b.substring(0,1),j=i.reduce(n),h=e=>o(i,e).join(m),d=e=>e.split(m).join("").substring(0,j);return e(r,u(c(u({},O),{value:y,formattedValue:h(y),onChange:e=>{const{target:t}=e,{selectionEnd:r}=t;let n=null!=r?r:0;const o=d(t.value),l=h(o),a=t.value.length===n,u=l[n-1]===m;if(a){const e=t.value.split(m).length-1,r=l.split(m).length-1;n+=r-e}else u&&(y.length>o.length||(n+=1));const c=e;c.target=s(e,{rawValue:o,formattedValue:l}),null==f||f(c),setTimeout((()=>t.setSelectionRange(n,n)))},onBlur:e=>{if(p){const{target:t}=e,r=d(t.value),n=h(r),o=e;o.target=s(e,{rawValue:r,formattedValue:n}),p(o)}},onKeyDown:e=>{const{selectionStart:t,selectionEnd:r}=e.target,n=(null!=r?r:0)-(null!=t?t:0)>0;if(1===e.key.length&&j===y.length&&!n&&e.preventDefault(),"Delete"===e.key){const r=null!=t?t:0,n=d(y);if(h(n)[r]===m){e.preventDefault();const t=e.target;setTimeout((()=>t.setSelectionRange(r+1,r+1)))}}g&&g(e)},ref:a}),l("grouped-character",O)))}));i.displayName="GroupedCharacter";export{i as GroupedCharacter,i as default};

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

@@ -2,7 +2,7 @@ import React from "react";
 import { TextboxProps } from "../textbox";
 export interface NumberProps extends Omit<TextboxProps, "value"> {
     /** Value passed to the input */
-    value?: string;
+    value: string;
 }
 export declare const Number: React.ForwardRefExoticComponent<NumberProps & React.RefAttributes<HTMLInputElement>>;
 export default Number;

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

@@ -1 +1 @@
-import{jsx as e}from"react/jsx-runtime";import t,{useRef as r}from"react";import{LABEL_VALIDATION_DEFAULT as n,ALIGN_DEFAULT as o,LABEL_WIDTH_DEFAULT as l,SIZE_DEFAULT as a,Textbox as i}from"../textbox/textbox.component.js";import c from"../../__internal__/utils/logger/index.js";import u from"../../__internal__/utils/helpers/tags/tags.js";function s(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function b(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){s(e,t,r[t])}))}return e}let p=!1;const f=t.forwardRef(((t,s)=>{var{onChange:f,onKeyDown:O,value:g,align:y=o,labelWidth:m=l,size:d=a,validationOnLabel:j=n}=t,v=function(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},l=Object.keys(e);for(n=0;n<l.length;n++)r=l[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(n=0;n<l.length;n++)r=l[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(t,["onChange","onKeyDown","value","align","labelWidth","size","validationOnLabel"]);const w=r(null),h=r(null);var P,x,S;return p||f||(p=!0,c.deprecate("Uncontrolled behaviour in `Number` is deprecated and support will soon be removed. Please make sure all your inputs are controlled.")),e(i,b((x=b({},v),S=null!=(S={value:g,onChange:e=>{(function(e){return new RegExp("^[-]?[0-9]*$").test(e)})(e.target.value)&&f?f(e):(e.target.value=g||"",e.target.setSelectionRange(w.current,h.current))},onKeyDown:e=>{w.current=e.target.selectionStart,h.current=e.target.selectionEnd,O&&O(e)},ref:s,align:y,labelWidth:m,size:d,validationOnLabel:j})?S:{},Object.getOwnPropertyDescriptors?Object.defineProperties(x,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(x,e,Object.getOwnPropertyDescriptor(S,e))})),x),u(null!==(P=v["data-component"])&&void 0!==P?P:"number",v)))}));f.displayName="Number";export{f as Number,f as default};
+import{jsx as e}from"react/jsx-runtime";import t,{useRef as r}from"react";import{LABEL_VALIDATION_DEFAULT as n,ALIGN_DEFAULT as o,LABEL_WIDTH_DEFAULT as a,SIZE_DEFAULT as l,Textbox as i}from"../textbox/textbox.component.js";import c from"../../__internal__/utils/helpers/tags/tags.js";function u(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function b(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){u(e,t,r[t])}))}return e}const s=t.forwardRef(((t,u)=>{var{onChange:s,onKeyDown:f,value:p,align:O=o,labelWidth:g=a,size:y=l,validationOnLabel:m=n}=t,j=function(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},a=Object.keys(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(t,["onChange","onKeyDown","value","align","labelWidth","size","validationOnLabel"]);const v=r(null),d=r(null);var w,h,P;return e(i,b((h=b({},j),P=null!=(P={value:p,onChange:e=>{!function(e){return new RegExp("^[-]?[0-9]*$").test(e)}(e.target.value)?(e.target.value=p||"",e.target.setSelectionRange(v.current,d.current)):s(e)},onKeyDown:e=>{v.current=e.target.selectionStart,d.current=e.target.selectionEnd,f&&f(e)},ref:u,align:O,labelWidth:g,size:y,validationOnLabel:m})?P:{},Object.getOwnPropertyDescriptors?Object.defineProperties(h,Object.getOwnPropertyDescriptors(P)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(P)).forEach((function(e){Object.defineProperty(h,e,Object.getOwnPropertyDescriptor(P,e))})),h),c(null!==(w=j["data-component"])&&void 0!==w?w:"number",j)))}));s.displayName="Number";export{s as Number,s as default};

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

@@ -23,10 +23,8 @@ export interface NumeralDateProps extends ValidationProps, MarginProps, TagProps
     /** If true, the component will be read-only */
     readOnly?: boolean;
     dateFormat?: ValidDateFormat;
-    /** Default value for use in uncontrolled mode  */
-    defaultValue?: NumeralDateValue;
-    /**  Value for use in controlled mode  */
-    value?: NumeralDateValue;
+    /**  Value  */
+    value: NumeralDateValue;
     /** When true, enables the internal errors to be displayed */
     enableInternalError?: boolean;
     /** When true, enables the internal warnings to be displayed */
@@ -57,7 +55,7 @@ export interface NumeralDateProps extends ValidationProps, MarginProps, TagProps
     /** Blur event handler */
     onBlur?: (ev: NumeralDateEvent) => void;
     /** Change event handler */
-    onChange?: (ev: NumeralDateEvent) => void;
+    onChange: (ev: NumeralDateEvent) => void;
     /** Flag to configure component as mandatory */
     required?: boolean;
     /** Size of an input */

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

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

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

@@ -38,11 +38,11 @@ export interface RadioButtonGroupProps extends ValidationProps, MarginProps, Tag
     /** Callback fired when each RadioButton is blurred */
     onBlur?: (ev: React.FocusEvent<HTMLInputElement>) => void;
     /** Callback fired when the user selects a RadioButton */
-    onChange?: (ev: React.ChangeEvent<HTMLInputElement>) => void;
+    onChange: (ev: React.ChangeEvent<HTMLInputElement>) => void;
     /** Flag to configure component as mandatory */
     required?: boolean;
     /** value of the selected RadioButton */
-    value?: string;
+    value: string;
     /** [Legacy] Overrides the default tooltip position */
     tooltipPosition?: "top" | "bottom" | "left" | "right";
     /** Render the ValidationMessage above the RadioButton inputs when validationRedesignOptIn flag is set */

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 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};
+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"../../carbon-provider/__internal__/new-validation.context.js";import m from"../../../__internal__/validation-message/validation-message.component.js";import{Box as b}from"../../box/box.component.js";import f from"../../../__internal__/utils/helpers/guid/index.js";import _ from"../../../hooks/__internal__/useInputAccessibility/useInputAccessibility.js";import h from"../../textbox/textbox.style.js";import{HintText as v}from"../../../__internal__/hint-text/hint-text.component.js";function y(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){y(e,n,r[n])}))}return e}function O(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}const w=y=>{var{children:w,id:P,name:x,legend:B,legendHelp:I,error:S,warning:k,info:A,onBlur:E,onChange:C,value:D,inline:R=!1,legendInline:T=!1,legendWidth:q,legendAlign:M="left",legendSpacing:G,labelSpacing:W=1,adaptiveLegendBreakpoint:H,adaptiveSpacingBreakpoint:L,required:V,tooltipPosition:N,validationMessagePositionTop:$=!0}=y,z=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}(y,["children","id","name","legend","legendHelp","error","warning","info","onBlur","onChange","value","inline","legendInline","legendWidth","legendAlign","legendSpacing","labelSpacing","adaptiveLegendBreakpoint","adaptiveSpacingBreakpoint","required","tooltipPosition","validationMessagePositionTop"]);const{validationRedesignOptIn:F}=o(u),J=t(f()),K=P||J.current,Q=I?`${K}-hint`:void 0,U=c(z),X=s(H),Y=s(L);let Z=T;H&&(Z=!!X);let ee=U.ml;L&&!Y&&(ee=void 0);const{validationId:ne,ariaDescribedBy:re}=_({id:K,validationRedesignOptIn:!0,error:S,warning:k,info:A}),ie=(F&&$?[re,Q]:[Q,re]).filter(Boolean).join(" ");return e(n,{children:F?r(a,O(j(O(j({legend:B,error:S,warning:k,legendAlign:M,isRequired:V,width:"fit-content"},l("radiogroup",z),U),{ml:ee,blockGroupBehaviour:!(S||k)}),ie&&{"aria-describedby":ie}),{children:[I&&e(v,{align:M,id:Q,marginTop:"-4px",children:I}),r(b,{position:"relative",children:[$&&r(n,{children:[e(m,{error:S,warning:k,validationId:ne,validationMessagePositionTop:$}),(S||k)&&e(h,{"data-role":"radio-error-border",warning:!(S||!k)})]}),e(d,{"data-component":"radio-button-group",role:"radiogroup",inline:R,legendInline:Z,children:e(p,{name:x,onBlur:E,onChange:C,value:D,children:i.Children.map(w,(e=>i.isValidElement(e)?i.cloneElement(e,j({inline:R,labelSpacing:W,error:!!S,warning:!!k},e.props)):e))})}),!$&&r(n,{children:[e(m,{error:S,warning:k,validationId:ne,validationMessagePositionTop:$}),(S||k)&&e(h,{"data-role":"radio-error-border",warning:!(S||!k)})]})]})]})):e(g,{tooltipPosition:N,children:e(a,O(j({legend:B,error:S,warning:k,info:A,inline:Z,legendWidth:q,legendAlign:M,legendSpacing:G,isRequired:V},l("radiogroup",z),U),{ml:ee,blockGroupBehaviour:!(S||k||A),"aria-describedby":re,validationId:ne,children:e(d,{"data-component":"radio-button-group",role:"radiogroup",inline:R,legendInline:Z,children:e(p,{name:x,onBlur:E,onChange:C,value:D,children:i.Children.map(w,(e=>i.isValidElement(e)?i.cloneElement(e,j({inline:R,labelSpacing:W,error:!!S,warning:!!k,info:!!A},e.props)):e))})})}))})})};w.displayName="RadioButtonGroup";export{w as RadioButtonGroup,w as default};

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

@@ -14,8 +14,6 @@ export interface SearchProps extends ValidationProps, MarginProps, TagProps {
     "aria-label"?: string;
     /** Prop to specify the aria-label of the search button */
     searchButtonAriaLabel?: string;
-    /** Prop for `uncontrolled` use */
-    defaultValue?: string;
     /** Prop for `id` */
     id?: string;
     /** Prop for `name` */
@@ -23,7 +21,7 @@ export interface SearchProps extends ValidationProps, MarginProps, TagProps {
     /** Prop for `onBlur` events */
     onBlur?: (ev: React.FocusEvent<HTMLInputElement>) => void;
     /** Prop for `onChange` events */
-    onChange?: (ev: SearchEvent) => void;
+    onChange: (ev: SearchEvent) => void;
     /** Prop for `onClick` events.
      *  `onClick` events are triggered when the `searchButton` is clicked
      */
@@ -53,8 +51,8 @@ export interface SearchProps extends ValidationProps, MarginProps, TagProps {
      * Leaving the `maxWidth` prop with no value will default the width to '100%'
      */
     maxWidth?: string;
-    /** Prop for `controlled` use */
-    value?: string;
+    /** Current value */
+    value: string;
     /** Prop to specify the styling of the search component */
     variant?: "default" | "dark";
     /** Input tabindex */

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

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

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

@@ -72,6 +72,8 @@ export interface SelectTextboxProps extends FormInputPropTypes {
     transparent?: boolean;
     /** @private @ignore */
     activeDescendantId?: string;
+    /** Specify a callback triggered on change */
+    onChange: (ev: React.ChangeEvent<HTMLInputElement>) => void;
 }
 declare const SelectTextbox: React.ForwardRefExoticComponent<SelectTextboxProps & React.RefAttributes<HTMLInputElement>>;
 export default SelectTextbox;

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

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