carbon-react 157.3.1 → 157.3.2

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

@@ -15,6 +15,11 @@ export interface NumeralDateEvent {
         value: NumeralDateValue;
     };
 }
+export interface DateInputIds {
+    day?: string;
+    month?: string;
+    year?: string;
+}
 export interface NumeralDateProps extends ValidationProps, MarginProps, TagProps {
     /** Breakpoint for adaptive label (inline labels change to top aligned). Enables the adaptive behaviour when set */
     adaptiveLabelBreakpoint?: number;
@@ -80,6 +85,8 @@ export interface NumeralDateProps extends ValidationProps, MarginProps, TagProps
     yearRef?: React.ForwardedRef<HTMLInputElement>;
     /** Render the ValidationMessage above the NumeralDate inputs when validationRedesignOptIn flag is set */
     validationMessagePositionTop?: boolean;
+    /** Allow consumers to set IDs for each of the field inputs */
+    inputIds?: DateInputIds;
 }
 export type ValidDateFormat = (typeof ALLOWED_DATE_FORMATS)[number];
 export type NumeralDateHandle = {

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

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

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

@@ -15,6 +15,11 @@ export interface NumeralDateEvent {
         value: NumeralDateValue;
     };
 }
+export interface DateInputIds {
+    day?: string;
+    month?: string;
+    year?: string;
+}
 export interface NumeralDateProps extends ValidationProps, MarginProps, TagProps {
     /** Breakpoint for adaptive label (inline labels change to top aligned). Enables the adaptive behaviour when set */
     adaptiveLabelBreakpoint?: number;
@@ -80,6 +85,8 @@ export interface NumeralDateProps extends ValidationProps, MarginProps, TagProps
     yearRef?: React.ForwardedRef<HTMLInputElement>;
     /** Render the ValidationMessage above the NumeralDate inputs when validationRedesignOptIn flag is set */
     validationMessagePositionTop?: boolean;
+    /** Allow consumers to set IDs for each of the field inputs */
+    inputIds?: DateInputIds;
 }
 export type ValidDateFormat = (typeof ALLOWED_DATE_FORMATS)[number];
 export type NumeralDateHandle = {

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "carbon-react",
-  "version": "157.3.1",
+  "version": "157.3.2",
   "description": "A library of reusable React components for easily building user interfaces.",
   "files": [
     "lib",
@@ -20,7 +20,6 @@
     "build-storybook:prod": "dotenvx run -f .env.production -- storybook build -c .storybook",
     "start:static": "npx http-server -p 9001 ./storybook-static",
     "clean-lib": "rimraf ./lib && rimraf ./esm",
-    "commit": "git-cz",
     "generate-metadata": "node ./scripts/generate_metadata/index.mjs",
     "type-check": "tsc --noEmit",
     "type-check:watch": "tsc --noEmit --watch",
@@ -54,7 +53,7 @@
     "styled-components": "^5.3.11"
   },
   "devDependencies": {
-    "@axe-core/playwright": "~4.10.1",
+    "@axe-core/playwright": "~4.10.2",
     "@babel/core": "^7.23.3",
     "@babel/plugin-proposal-class-properties": "^7.18.6",
     "@babel/plugin-transform-classes": "^7.23.3",
@@ -67,8 +66,8 @@
     "@commitlint/config-conventional": "^17.6.3",
     "@dotenvx/dotenvx": "^1.25.1",
     "@eslint/compat": "^1.3.1",
-    "@playwright/experimental-ct-react": "^1.52.0",
-    "@playwright/test": "^1.52.0",
+    "@playwright/experimental-ct-react": "~1.55.0",
+    "@playwright/test": "~1.55.0",
     "@rollup/plugin-commonjs": "^28.0.2",
     "@rollup/plugin-json": "^6.1.0",
     "@rollup/plugin-node-resolve": "^16.0.0",
@@ -124,11 +123,9 @@
     "babel-plugin-dev-expression": "^0.2.3",
     "browserslist": "^4.22.1",
     "chromatic": "^6.17.4",
-    "commitizen": "^4.3.0",
     "conventional-changelog-conventionalcommits": "^8.0.0",
     "core-js": "^3.33.3",
     "css-loader": "^6.8.1",
-    "cz-conventional-changelog": "^3.3.0",
     "dayjs": "^1.11.10",
     "eslint": "^9.30.1",
     "eslint-config-prettier": "^9.1.0",
@@ -220,11 +217,6 @@
     "playwright-core": "$@playwright/experimental-ct-react",
     "jsdom": "$jsdom"
   },
-  "config": {
-    "commitizen": {
-      "path": "cz-conventional-changelog"
-    }
-  },
   "lint-staged": {
     "./**/*.{js,jsx,ts,tsx}": [
       "prettier --write",