carbon-react 154.7.1 → 154.7.3

package/esm/components/button/button.component.js

@@ -1 +1 @@
-import{jsx as t,jsxs as e,Fragment as o}from"react/jsx-runtime";import i,{useContext as n,useState as r,useCallback as l}from"react";import a from"invariant";import c from"../icon/icon.component.js";import s,{StyledButtonMainText as b,StyledButtonSubtext as p}from"./button.style.js";import u from"../../__internal__/utils/helpers/tags/tags.js";import{TooltipProvider as d}from"../../__internal__/tooltip-provider/index.js";import f from"../button-bar/__internal__/button-bar.context.js";import y from"../split-button/__internal__/split-button.context.js";import m from"../batch-selection/__internal__/batch-selection.context.js";function h(t,e,o){return e in t?Object.defineProperty(t,e,{value:o,enumerable:!0,configurable:!0,writable:!0}):t[e]=o,t}function g(t){for(var e=1;e<arguments.length;e++){var o=null!=arguments[e]?arguments[e]:{},i=Object.keys(o);"function"==typeof Object.getOwnPropertySymbols&&(i=i.concat(Object.getOwnPropertySymbols(o).filter((function(t){return Object.getOwnPropertyDescriptor(o,t).enumerable})))),i.forEach((function(e){h(t,e,o[e])}))}return t}function O(t,e){return e=null!=e?e:{},Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(e)):function(t){var e=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);e.push.apply(e,o)}return e}(Object(e)).forEach((function(o){Object.defineProperty(t,o,Object.getOwnPropertyDescriptor(e,o))})),t}function j({iconType:i,iconPosition:n,size:r,subtext:l,children:a,disabled:s,buttonType:u,iconTooltipMessage:f,iconTooltipPosition:y,tooltipTarget:m}){const h={"aria-hidden":!0,disabled:s,color:"primary"===u?"--colorsActionMajorYang100":u.includes("gradient")?"--colorsActionMinorYin090":"--colorsActionMajor500",bg:"transparent"},j=void 0!==a&&!1!==a;return e(o,{children:[i&&"before"===n&&j&&t(c,g({type:i},h)),j&&e("span",{children:[t(b,{"data-element":"main-text",children:a}),"large"===r&&t(p,{"data-element":"subtext","data-role":"subtext",children:l})]}),i&&!j&&t(d,{disabled:s,focusable:!1,target:m,children:t(c,O(g({type:i},h),{tooltipMessage:f,tooltipPosition:y}))}),i&&"after"===n&&a&&t(c,g({type:i},h))]})}const P=i.forwardRef(((e,o)=>{var{"aria-describedby":i,"aria-label":c,"aria-labelledby":b,buttonType:p="secondary",children:d,destructive:h=!1,disabled:P=!1,isWhite:v=!1,fullWidth:T=!1,href:_,iconPosition:x="before",iconTooltipMessage:w,iconTooltipPosition:k,iconType:W,m:M=0,noWrap:S,onClick:D,px:z,rel:C,size:E="medium",subtext:A="",target:B}=e,Y=function(t,e){if(null==t)return{};var o,i,n=function(t,e){if(null==t)return{};var o,i,n={},r=Object.keys(t);for(i=0;i<r.length;i++)o=r[i],e.indexOf(o)>=0||(n[o]=t[o]);return n}(t,e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);for(i=0;i<r.length;i++)o=r[i],e.indexOf(o)>=0||Object.prototype.propertyIsEnumerable.call(t,o)&&(n[o]=t[o])}return n}(e,["aria-describedby","aria-label","aria-labelledby","buttonType","children","destructive","disabled","isWhite","fullWidth","href","iconPosition","iconTooltipMessage","iconTooltipPosition","iconType","m","noWrap","onClick","px","rel","size","subtext","target"]);const{buttonType:I,size:K,iconPosition:N,fullWidth:R}=n(f),{batchSelectionDisabled:q}=n(m),F=I||p,G=K||E,H=N||x,J=R||T,L=P||q;a(void 0!==d||!!W,"Either prop `iconType` must be defined or this node must have children."),A&&a("large"===G,"subtext prop has no effect unless the button is large.");const[Q,U]=r(null),{inSplitButton:V,onChildButtonClick:X}=n(y);let Z;switch(G){case"small":Z=2;break;case"large":Z=4;break;default:Z=3}const $=l((t=>{U(t),o&&("object"==typeof o&&(o.current=t),"function"==typeof o&&o(t))}),[o]),tt=void 0!==d&&!1!==d;return t(s,O(g({"aria-label":!tt&&W?c||W:c,"aria-labelledby":b,"aria-describedby":i,as:!L&&_?"a":"button",onKeyDown:_?t=>{" "===t.key&&(t.preventDefault(),null==Q||Q.click())}:void 0,onClick:t=>{var e;null==Q||Q.focus(),V?null==X||null===(e=X(D))||void 0===e||e(t):D&&D(t)},draggable:!1,buttonType:F,disabled:L,destructive:h,isWhite:v,type:_?void 0:"button",iconType:W,size:G,px:null!=z?z:Z,m:M,noWrap:S,iconOnly:!tt&&!!W,iconPosition:H,target:B,rel:C,fullWidth:J},u("button",Y),Y,_&&{href:_}),{ref:$,children:j({iconType:W,iconPosition:H,size:G,subtext:A,children:d,disabled:L,buttonType:F,iconTooltipMessage:w,iconTooltipPosition:k,tooltipTarget:Q})}))}));P.displayName="Button";export{P as default};
+import{jsx as e,jsxs as t,Fragment as o}from"react/jsx-runtime";import i,{useContext as n,useState as r,useCallback as l}from"react";import a from"invariant";import c from"../icon/icon.component.js";import s,{StyledButtonMainText as p,StyledButtonSubtext as b}from"./button.style.js";import u from"../../__internal__/utils/helpers/tags/tags.js";import{TooltipProvider as d}from"../../__internal__/tooltip-provider/index.js";import f from"../button-bar/__internal__/button-bar.context.js";import y from"../split-button/__internal__/split-button.context.js";import m from"../batch-selection/__internal__/batch-selection.context.js";function h(e,t,o){return t in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e}function g(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{},i=Object.keys(o);"function"==typeof Object.getOwnPropertySymbols&&(i=i.concat(Object.getOwnPropertySymbols(o).filter((function(e){return Object.getOwnPropertyDescriptor(o,e).enumerable})))),i.forEach((function(t){h(e,t,o[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 o=Object.getOwnPropertySymbols(e);t.push.apply(t,o)}return t}(Object(t)).forEach((function(o){Object.defineProperty(e,o,Object.getOwnPropertyDescriptor(t,o))})),e}function j({iconType:i,iconPosition:n,size:r,subtext:l,children:a,disabled:s,buttonType:u,iconTooltipMessage:f,iconTooltipPosition:y,tooltipTarget:m}){const h={"aria-hidden":!0,disabled:s,color:"primary"===u?"--colorsActionMajorYang100":u.includes("gradient")?"--colorsActionMinorYin090":"--colorsActionMajor500",bg:"transparent"},j=void 0!==a&&!1!==a;return t(o,{children:[i&&"before"===n&&j&&e(c,g({type:i},h)),j&&t("span",{children:[e(p,{"data-element":"main-text",children:a}),"large"===r&&e(b,{"data-element":"subtext","data-role":"subtext",children:l})]}),i&&!j&&e(d,{disabled:s,focusable:!1,target:m,children:e(c,O(g({type:i},h),{tooltipMessage:f,tooltipPosition:y}))}),i&&"after"===n&&a&&e(c,g({type:i},h))]})}const v=i.forwardRef(((t,o)=>{var{"aria-describedby":i,"aria-label":c,"aria-labelledby":p,buttonType:b="secondary",children:d,destructive:h=!1,disabled:v=!1,isWhite:P=!1,fullWidth:T=!1,href:_,iconPosition:x="before",iconTooltipMessage:w,iconTooltipPosition:k,iconType:W,m:S=0,noWrap:M,onClick:D,px:z,rel:C,size:E="medium",subtext:A="",target:B}=t,Y=function(e,t){if(null==e)return{};var o,i,n=function(e,t){if(null==e)return{};var o,i,n={},r=Object.keys(e);for(i=0;i<r.length;i++)o=r[i],t.indexOf(o)>=0||(n[o]=e[o]);return n}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(i=0;i<r.length;i++)o=r[i],t.indexOf(o)>=0||Object.prototype.propertyIsEnumerable.call(e,o)&&(n[o]=e[o])}return n}(t,["aria-describedby","aria-label","aria-labelledby","buttonType","children","destructive","disabled","isWhite","fullWidth","href","iconPosition","iconTooltipMessage","iconTooltipPosition","iconType","m","noWrap","onClick","px","rel","size","subtext","target"]);const{buttonType:I,size:K,iconPosition:N,fullWidth:R}=n(f),{batchSelectionDisabled:q}=n(m),F=I||b,G=K||E,H=N||x,J=R||T,L=v||q;a(void 0!==d||!!W,"Either prop `iconType` must be defined or this node must have children."),A&&a("large"===G,"subtext prop has no effect unless the button is large.");const[Q,U]=r(null),{inSplitButton:V,onChildButtonClick:X}=n(y);let Z;switch(G){case"small":Z=2;break;case"large":Z=4;break;default:Z=3}const $=l((e=>{U(e),o&&("object"==typeof o&&(o.current=e),"function"==typeof o&&o(e))}),[o]),ee=void 0!==d&&!1!==d;return e(s,O(g({"aria-label":!ee&&W?c||W:c,"aria-labelledby":p,"aria-describedby":i,as:!L&&_?"a":"button",onKeyDown:_?e=>{" "===e.key&&(e.preventDefault(),null==Q||Q.click())}:void 0,onClick:e=>{var t;null==Q||Q.focus({preventScroll:!0}),V?null==X||null===(t=X(D))||void 0===t||t(e):D&&D(e)},draggable:!1,buttonType:F,disabled:L,destructive:h,isWhite:P,type:_?void 0:"button",iconType:W,size:G,px:null!=z?z:Z,m:S,noWrap:M,iconOnly:!ee&&!!W,iconPosition:H,target:B,rel:C,fullWidth:J},u("button",Y),Y,_&&{href:_}),{ref:$,children:j({iconType:W,iconPosition:H,size:G,subtext:A,children:d,disabled:L,buttonType:F,iconTooltipMessage:w,iconTooltipPosition:k,tooltipTarget:Q})}))}));v.displayName="Button";export{v as default};

package/esm/components/date/__internal__/date-formats/index.js

@@ -1 +1 @@
-const y=["d M yyyy","dd M yyyy","d MM yyyy","dd MM yyyy","d M yy","dd M yy","d MM yy","dd MM yy","d","d M","dd","d MM","dd M","dd MM"],d=["M","M d","MM","M dd","MM d","MM dd","M d yy","MM d yy","M dd yy","MM dd yy","M d yyyy","MM d yyyy","M dd yyyy","MM dd yyyy"],M=["yyyy M","yyyy M d","yyyy MM d","yyyy M dd","yyyy MM dd","yy M","yy MM","yy M d","yy MM d","yy M dd","yy MM dd","M","M d","MM","M dd","MM d","MM dd"],t=["",".",",","-","/",":"],e=(y,d,M)=>{const e=t.includes(d)?t:[...t,d];return y.reduce(((y,t)=>{const r=[...y,t];return t.includes(" ")&&e.forEach((y=>{d===y&&M&&r.push(`${t.replace(/ /g,y)}${M}`),r.push(t.replace(/ /g,y))})),r}),[])},r=y=>{const d={day:"dd",month:"MM",year:"yyyy"},M=new Intl.DateTimeFormat(y);let t="";const e=M.formatToParts(new Date).map((({type:y,value:M})=>["day","month","year"].includes(y)?d[y]:(t||(t=M),M))).join("");return y.startsWith("bg")?{format:e.substring(0,10),separator:t}:{format:e,separator:t}},a=t=>t.startsWith("y")?M:t.startsWith("M")?d:y,s=y=>{const d=y.split("").pop();return["y","M","d"].includes(d)?"":d},n=(y,d)=>{const M=(null==y?void 0:y.code)||"en-GB";if(d){const{format:y}=r(M);let t;switch(M){case"en-CA":case"en-US":t="MM/dd/yyyy";break;case"ar-EG":case"en-ZA":case"fr-CA":t="dd/MM/yyyy";break;default:t=y}const s=a(t);return{format:d,formats:e(s,"/")}}if(["en-CA","en-US"].includes(M)){const y="MM/dd/yyyy",d=a(y);return{format:y,formats:e(d,"/")}}const{format:t,separator:n}=r(M),o=["fr-CA","en-ZA","ar-EG"].includes(M)?"dd/MM/yyyy":t,c=a(o);return{format:o,formats:e(c,n,s(t))}};export{n as default};
+const y=["d M yyyy","dd M yyyy","d MM yyyy","dd MM yyyy","d M yy","dd M yy","d MM yy","dd MM yy","d","d M","dd","d MM","dd M","dd MM"],d=["M","M d","MM","M dd","MM d","MM dd","M d yy","MM d yy","M dd yy","MM dd yy","M d yyyy","MM d yyyy","M dd yyyy","MM dd yyyy"],M=["yyyy M","yyyy M d","yyyy MM d","yyyy M dd","yyyy MM dd","yy M","yy MM","yy M d","yy MM d","yy M dd","yy MM dd","M","M d","MM","M dd","MM d","MM dd"],t=["",".",",","-","/",":"],r=(y,d,M)=>{const r=t.includes(d)?t:[...t,d];return y.reduce(((y,t)=>{const a=[...y,t];return t.includes(" ")&&r.forEach((y=>{d===y&&M&&a.push(`${t.replace(/ /g,y)}${M}`),a.push(t.replace(/ /g,y))})),a}),[])},a=t=>t.startsWith("y")?M:t.startsWith("M")?d:y,o=y=>{const d=y.split("").pop();return["y","M","d"].includes(d)?"":d},e=(y,d)=>{const M=(null==y?void 0:y.code)||"en-GB",{format:t,separator:e}=(y=>{const d={day:"dd",month:"MM",year:"yyyy"},M=new Intl.DateTimeFormat(y);let t="";const r=M.formatToParts(new Date).map((({type:y,value:M})=>["day","month","year"].includes(y)?d[y]:(t||(t=M),M))).join("");return y.startsWith("bg")?{format:r.substring(0,10),separator:t}:{format:r,separator:t}})(M),n={"en-CA":{format:"MM/dd/yyyy",separator:"/"},"en-US":{format:"MM/dd/yyyy",separator:"/"},"fr-CA":{format:"dd/MM/yyyy"},"en-ZA":{format:"dd/MM/yyyy"},"ar-EG":{format:"dd/MM/yyyy"}}[M]||{};var s;const l=null!==(s=null!=d?d:n.format)&&void 0!==s?s:t;var u;const c=null!==(u=n.separator)&&void 0!==u?u:e;return{format:l,formats:r(a(l),c,o(l))}};export{e as default};

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

@@ -1 +1 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import r,{useRef as n,useMemo as a,useContext as l,useState as o,useCallback as i,useEffect as u}from"react";import{isValidLocaleDate as s,checkISOFormatAndLength as c,parseISODate as p,parseDate as d,findMatchedFormatAndValue as m,isDateValid as f,additionalYears as b,formattedValue as y,getSeparator as O,formatToISO as g}from"./__internal__/utils.js";import v from"../../hooks/__internal__/useLocale/useLocale.js";import _ from"../../__internal__/utils/helpers/events/events.js";import"../../style/utils/filter-styled-system-padding-props.js";import j from"../../style/utils/filter-styled-system-margin-props.js";import k from"../../style/utils/filter-out-styled-system-spacing-props.js";import P from"./__internal__/date-formats/index.js";import h from"./date.style.js";import{Textbox as w}from"../textbox/textbox.component.js";import{DatePicker as D}from"./__internal__/date-picker/date-picker.component.js";import x from"../date-range/__internal__/date-range.context.js";import L from"../../hooks/__internal__/useClickAwayListener/useClickAwayListener.js";import C from"../../__internal__/utils/helpers/guid/index.js";import B from"../../__internal__/utils/helpers/tags/tags.js";function W(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function A(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){W(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 S=r.forwardRef(((r,W)=>{var{adaptiveLabelBreakpoint:S,allowEmptyValue:E,autoFocus:F,"data-element":K,"data-role":V,disabled:M,disablePortal:z=!1,helpAriaLabel:R,labelInline:N,minDate:T,maxDate:q,onBlur:G,onChange:U,onClick:$,onFocus:H,onKeyDown:J,pickerProps:Q,readOnly:X,size:Y="medium",tooltipPosition:Z,value:ee,inputWidth:te,labelWidth:re,maxWidth:ne,inputName:ae,onPickerClose:le,onPickerOpen:oe,datePickerAriaLabel:ie,datePickerAriaLabelledBy:ue}=r,se=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,["adaptiveLabelBreakpoint","allowEmptyValue","autoFocus","data-element","data-role","disabled","disablePortal","helpAriaLabel","labelInline","minDate","maxDate","onBlur","onChange","onClick","onFocus","onKeyDown","pickerProps","readOnly","size","tooltipPosition","value","inputWidth","labelWidth","maxWidth","inputName","onPickerClose","onPickerOpen","datePickerAriaLabel","datePickerAriaLabelledBy"]);const ce=n(null),pe=n(null),de=n(null),me=n(!1),fe=n(!1),be=n(!1),ye=v(),{dateFnsLocale:Oe,dateFormatOverride:ge}=ye.date,{format:ve,formats:_e}=a((()=>P(Oe(),ge)),[Oe,ge]),{inputRefMap:je,setInputRefMap:ke}=l(x),[Pe,he]=o(!1),[we,De]=o((()=>{if(s(ee,Oe()))return c(ee)?p(ee):d(ve,ee)})),xe=n(!0),Le=n(C()),Ce=e=>E&&!e.length?e:null,Be=e=>{const{id:t,name:r}=e.target,[n,a]=m(e.target.value,_e),l="blur"===e.type?y(ve,we):e.target.value,o=f(d(n,a))?g(...b(n,a)):Ce(e.target.value);return{target:I(A({},r&&{name:r},t&&{id:t}),{value:{formattedValue:l,rawValue:o}})}},We=L((()=>{var e,t;Pe&&(me.current=!0,null===(e=de.current)||void 0===e||e.focus(),fe.current=!1,null===(t=de.current)||void 0===t||t.blur(),he(!1),null==le||le(),me.current=!1)}),"mousedown"),Ae=i((e=>{Pe&&_.isEscKey(e)&&(he(!1),null==le||le(),e.stopPropagation())}),[le,Pe]),Ie=e=>{$&&$(e)},Se=i((e=>{var t;de.current=e,pe.current=null==e?void 0:e.parentElement,W&&("function"==typeof W?W(e):W.current=e),ae&&(null==je||null===(t=je[ae])||void 0===t?void 0:t.setOpen)!==he&&(null==ke||ke({[ae]:{isBlurBlocked:fe,setOpen:he}}))}),[ae,je,ke,W]);u((()=>{const[e,t]=m(ee,_e);e&&t&&f(d(e,t))?De(d(...b(e,t))):c(ee)&&xe.current?De(p(ee)):De(void 0)}),[ee,_e]);const Ee=j(se);return e(h,I(A(I(A({ref:ce,role:"presentation",size:Y,labelInline:N},Ee),{applyDateRangeStyling:!!je,maxWidth:ne,inputWidth:te}),B("date",{"data-element":K,"data-role":V})),{children:[t(w,I(A({},k(se)),{"data-component":"date-input",value:(()=>{if(c(ee)&&xe.current)return y(ve,p(ee));const e=O(ee),t=O(ve),r=()=>ee.split("").map((r=>r===e?t:r)).join("");if(xe.current&&e!==t&&f(d(ve,r()))){xe.current=!1;const[e,t]=m(r(),_e);return y(ve,d(...b(e,t)))}return ee})(),onBlur:e=>{if(M||X)return;let t;if(f(we)){t=Be(e);const r=c(ee)?y(ve,p(ee)):ee,[,n]=m(r,_e);y(ve,we)!==n&&U(t)}else{const{id:r,name:n}=e.target;t={target:I(A({},n&&{name:n},r&&{id:r}),{value:{formattedValue:e.target.value,rawValue:Ce(e.target.value)}})}}fe.current||G&&G(t)},onChange:e=>{xe.current=!1,U(Be(e))},onClick:Ie,onFocus:e=>{M||X||(fe.current=!1,Pe||me.current?me.current=!1:(he(!0),null==oe||oe()),H&&H(e))},onKeyUp:Ae,onKeyDown:e=>{if(J&&J(e),Pe&&_.isTabKey(e)){if(_.isShiftKey(e))he(!1),null==le||le();else if(!z){var t,r;e.preventDefault(),null===(r=document)||void 0===r||null===(t=r.querySelector(`[id="${Le.current}"]`))||void 0===t||t.focus()}me.current=!1}},iconOnClick:Ie,onMouseDown:()=>{We(),ke&&(fe.current=!0),Pe||(he(!0),null==oe||oe())},iconOnMouseDown:()=>{fe.current=!0,me.current=!0,We(),Pe?(he(!1),null==le||le()):(he(!0),null==oe||oe())},inputIcon:"calendar",labelInline:N,ref:Se,adaptiveLabelBreakpoint:S,tooltipPosition:Z,helpAriaLabel:R,autoFocus:F,size:Y,disabled:M,readOnly:X,inputWidth:te,labelWidth:re,maxWidth:ne,m:0})),t(D,{disablePortal:z,inputElement:pe,pickerProps:Q,selectedDays:we,onDayClick:(e,t)=>{var r;De(e),U(Be(I(A({},t),{target:I(A({},t.target),{value:y(ve,e)})}))),be.current=!0,null===(r=de.current)||void 0===r||r.focus(),he(!1)},minDate:T,maxDate:q,pickerMouseDown:()=>{fe.current=!0,We()},open:Pe,setOpen:he,pickerTabGuardId:Le.current,onPickerClose:le,ariaLabel:ie,ariaLabelledBy:ue})]}))}));S.displayName="DateInput";export{S as DateInput,S as default};
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import r,{useRef as n,useMemo as a,useContext as o,useState as l,useCallback as i,useEffect as u}from"react";import{isValidLocaleDate as s,checkISOFormatAndLength as c,parseISODate as p,parseDate as d,findMatchedFormatAndValue as m,isDateValid as f,additionalYears as b,formattedValue as y,getSeparator as O,formatToISO as v}from"./__internal__/utils.js";import g from"../../hooks/__internal__/useLocale/useLocale.js";import _ from"../../__internal__/utils/helpers/events/events.js";import"../../style/utils/filter-styled-system-padding-props.js";import j from"../../style/utils/filter-styled-system-margin-props.js";import k from"../../style/utils/filter-out-styled-system-spacing-props.js";import P from"./__internal__/date-formats/index.js";import h from"./date.style.js";import{Textbox as w}from"../textbox/textbox.component.js";import{DatePicker as D}from"./__internal__/date-picker/date-picker.component.js";import x from"../date-range/__internal__/date-range.context.js";import L from"../../hooks/__internal__/useClickAwayListener/useClickAwayListener.js";import C from"../../__internal__/utils/helpers/guid/index.js";import B from"../../__internal__/utils/helpers/tags/tags.js";function W(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function F(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){W(e,t,r[t])}))}return e}function A(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 I=r.forwardRef(((r,W)=>{var{adaptiveLabelBreakpoint:I,allowEmptyValue:S,autoFocus:E,"data-element":K,"data-role":V,disabled:M,disablePortal:z=!1,helpAriaLabel:R,labelInline:N,minDate:T,maxDate:q,onBlur:G,onChange:U,onClick:$,onFocus:H,onKeyDown:J,pickerProps:Q,readOnly:X,size:Y="medium",tooltipPosition:Z,value:ee,inputWidth:te,labelWidth:re,maxWidth:ne,inputName:ae,onPickerClose:oe,onPickerOpen:le,dateFormatOverride:ie,datePickerAriaLabel:ue,datePickerAriaLabelledBy:se}=r,ce=function(e,t){if(null==e)return{};var r,n,a=function(e,t){if(null==e)return{};var r,n,a={},o=Object.keys(e);for(n=0;n<o.length;n++)r=o[n],t.indexOf(r)>=0||(a[r]=e[r]);return a}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)r=o[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(a[r]=e[r])}return a}(r,["adaptiveLabelBreakpoint","allowEmptyValue","autoFocus","data-element","data-role","disabled","disablePortal","helpAriaLabel","labelInline","minDate","maxDate","onBlur","onChange","onClick","onFocus","onKeyDown","pickerProps","readOnly","size","tooltipPosition","value","inputWidth","labelWidth","maxWidth","inputName","onPickerClose","onPickerOpen","dateFormatOverride","datePickerAriaLabel","datePickerAriaLabelledBy"]);const pe=n(null),de=n(null),me=n(null),fe=n(!1),be=n(!1),ye=n(!1),Oe=g(),{dateFnsLocale:ve,dateFormatOverride:ge}=Oe.date,{format:_e,formats:je}=a((()=>P(ve(),ie||ge)),[ve,ge,ie]),{inputRefMap:ke,setInputRefMap:Pe}=o(x),[he,we]=l(!1),[De,xe]=l((()=>{if(s(ee,ve()))return c(ee)?p(ee):d(_e,ee)})),Le=n(!0),Ce=n(C()),Be=e=>S&&!e.length?e:null,We=e=>{const{id:t,name:r}=e.target,[n,a]=m(e.target.value,je),o="blur"===e.type?y(_e,De):e.target.value,l=f(d(n,a))?v(...b(n,a)):Be(e.target.value);return{target:A(F({},r&&{name:r},t&&{id:t}),{value:{formattedValue:o,rawValue:l}})}},Fe=L((()=>{var e,t;he&&(fe.current=!0,null===(e=me.current)||void 0===e||e.focus(),be.current=!1,null===(t=me.current)||void 0===t||t.blur(),we(!1),null==oe||oe(),fe.current=!1)}),"mousedown"),Ae=i((e=>{he&&_.isEscKey(e)&&(we(!1),null==oe||oe(),e.stopPropagation())}),[oe,he]),Ie=e=>{$&&$(e)},Se=i((e=>{var t;me.current=e,de.current=null==e?void 0:e.parentElement,W&&("function"==typeof W?W(e):W.current=e),ae&&(null==ke||null===(t=ke[ae])||void 0===t?void 0:t.setOpen)!==we&&(null==Pe||Pe({[ae]:{isBlurBlocked:be,setOpen:we}}))}),[ae,ke,Pe,W]);u((()=>{const[e,t]=m(ee,je);e&&t&&f(d(e,t))?xe(d(...b(e,t))):c(ee)&&Le.current?xe(p(ee)):xe(void 0)}),[ee,je]);const Ee=j(ce);return e(h,A(F(A(F({ref:pe,role:"presentation",size:Y,labelInline:N},Ee),{applyDateRangeStyling:!!ke,maxWidth:ne,inputWidth:te}),B("date",{"data-element":K,"data-role":V})),{children:[t(w,A(F({},k(ce)),{"data-component":"date-input",value:(()=>{if(c(ee)&&Le.current)return y(_e,p(ee));const e=O(ee),t=O(_e),r=()=>ee.split("").map((r=>r===e?t:r)).join("");if(Le.current&&e!==t&&f(d(_e,r()))){Le.current=!1;const[e,t]=m(r(),je);return y(_e,d(...b(e,t)))}return ee})(),onBlur:e=>{if(M||X)return;let t;if(f(De)){t=We(e);const r=c(ee)?y(_e,p(ee)):ee,[,n]=m(r,je);y(_e,De)!==n&&U(t)}else{const{id:r,name:n}=e.target;t={target:A(F({},n&&{name:n},r&&{id:r}),{value:{formattedValue:e.target.value,rawValue:Be(e.target.value)}})}}be.current||G&&G(t)},onChange:e=>{Le.current=!1,U(We(e))},onClick:Ie,onFocus:e=>{M||X||(be.current=!1,he||fe.current?fe.current=!1:(we(!0),null==le||le()),H&&H(e))},onKeyUp:Ae,onKeyDown:e=>{if(J&&J(e),he&&_.isTabKey(e)){if(_.isShiftKey(e))we(!1),null==oe||oe();else if(!z){var t,r;e.preventDefault(),null===(r=document)||void 0===r||null===(t=r.querySelector(`[id="${Ce.current}"]`))||void 0===t||t.focus()}fe.current=!1}},iconOnClick:Ie,onMouseDown:()=>{Fe(),Pe&&(be.current=!0),he||(we(!0),null==le||le())},iconOnMouseDown:()=>{be.current=!0,fe.current=!0,Fe(),he?(we(!1),null==oe||oe()):(we(!0),null==le||le())},inputIcon:"calendar",labelInline:N,ref:Se,adaptiveLabelBreakpoint:I,tooltipPosition:Z,helpAriaLabel:R,autoFocus:E,size:Y,disabled:M,readOnly:X,inputWidth:te,labelWidth:re,maxWidth:ne,m:0})),t(D,{disablePortal:z,inputElement:de,pickerProps:Q,selectedDays:De,onDayClick:(e,t)=>{var r;xe(e),U(We(A(F({},t),{target:A(F({},t.target),{value:y(_e,e)})}))),ye.current=!0,null===(r=me.current)||void 0===r||r.focus(),we(!1)},minDate:T,maxDate:q,pickerMouseDown:()=>{be.current=!0,Fe()},open:he,setOpen:we,pickerTabGuardId:Ce.current,onPickerClose:oe,ariaLabel:ue,ariaLabelledBy:se})]}))}));I.displayName="DateInput";export{I as DateInput,I as default};

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

@@ -100,7 +100,7 @@ export interface DateRangeProps extends StyledDateRangeProps, MarginProps, TagPr
     datePickerEndAriaLabelledBy?: string;
 }
 export declare const DateRange: {
-    ({ endDateProps, id, labelsInline, name, onBlur, onChange, startDateProps, tooltipPosition, validationOnLabel, value, startRef, endRef, required, isOptional, datePickerStartAriaLabel, datePickerStartAriaLabelledBy, datePickerEndAriaLabel, datePickerEndAriaLabelledBy, ...rest }: DateRangeProps): React.JSX.Element;
+    ({ endDateProps, id, labelsInline, name, onBlur, onChange, startDateProps, tooltipPosition, validationOnLabel, value, startRef, endRef, required, isOptional, dateFormatOverride: dateFormatOverrideProp, datePickerStartAriaLabel, datePickerStartAriaLabelledBy, datePickerEndAriaLabel, datePickerEndAriaLabelledBy, ...rest }: DateRangeProps): React.JSX.Element;
     displayName: string;
 };
 export default DateRange;

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

@@ -1 +1 @@
-import{jsx as e,jsxs as t}from"react/jsx-runtime";import{useContext as r,useMemo as a,useState as n,useCallback as l,useEffect as o}from"react";import{checkISOFormatAndLength as i,formattedValue as s,parseISODate as d,formatToISO as u}from"../date/__internal__/utils.js";import{DateInput as c}from"../date/date.component.js";import"../../style/utils/filter-styled-system-padding-props.js";import p from"../../style/utils/filter-styled-system-margin-props.js";import m from"../../__internal__/utils/helpers/tags/tags.js";import f from"./date-range.style.js";import b from"../../__internal__/utils/helpers/events/events.js";import y from"../../hooks/__internal__/useLocale/useLocale.js";import v from"../../hooks/__internal__/usePrevious/index.js";import O from"../date/__internal__/date-formats/index.js";import g from"./__internal__/date-range.context.js";import _ from"../carbon-provider/__internal__/new-validation.context.js";import P from"../../__internal__/utils/logger/index.js";function j(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function w(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},a=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(a=a.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),a.forEach((function(t){j(e,t,r[t])}))}return e}function k(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 h=!1;const B=j=>{var{endDateProps:B={},id:L,labelsInline:V,name:E,onBlur:A,onChange:D,startDateProps:S={},tooltipPosition:x,validationOnLabel:I,value:R,startRef:q,endRef:F,required:K,isOptional:$,datePickerStartAriaLabel:C,datePickerStartAriaLabelledBy:N,datePickerEndAriaLabel:W,datePickerEndAriaLabelledBy:M}=j,T=function(e,t){if(null==e)return{};var r,a,n=function(e,t){if(null==e)return{};var r,a,n={},l=Object.keys(e);for(a=0;a<l.length;a++)r=l[a],t.indexOf(r)>=0||(n[r]=e[r]);return n}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a<l.length;a++)r=l[a],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}(j,["endDateProps","id","labelsInline","name","onBlur","onChange","startDateProps","tooltipPosition","validationOnLabel","value","startRef","endRef","required","isOptional","datePickerStartAriaLabel","datePickerStartAriaLabelledBy","datePickerEndAriaLabel","datePickerEndAriaLabelledBy"]);!h&&$&&(h=!0,P.deprecate("`isOptional` is deprecated in DateRange and support will soon be removed. If the value of this component is not required, use the `required` prop and set it to false instead."));const{validationRedesignOptIn:z}=r(_),G=!z&&V,H=y(),{dateFnsLocale:J,dateFormatOverride:Q}=H.date,{format:U}=a((()=>O(J(),Q)),[J,Q]),[X,Y]=n(""),Z=l((e=>i(e)?s(U,d(e)):e),[U]),ee=l((()=>{const{value:e}=S;return Z(e||R[0])}),[S,R,Z]),te=l((()=>{const{value:e}=B;return Z(e||R[1])}),[B,R,Z]),[re,ae]=n({start:{isBlurBlocked:{current:!1},setOpen:null},end:{isBlurBlocked:{current:!1},setOpen:null}});function ne(e,t){return e&&!t.length}const[le,oe]=n({formattedValue:ee(),rawValue:ne(!!S.allowEmptyValue,ee())?"":u(U,ee())}),[ie,se]=n({formattedValue:te(),rawValue:ne(!!B.allowEmptyValue,te())?"":u(U,te())}),de=v(R);o((()=>{(null==de?void 0:de.length)&&(R[0]!==de[0]||R[1]!==de[1])&&(oe({formattedValue:ee(),rawValue:ne(!!S.allowEmptyValue,ee())?"":u(U,ee())}),se({formattedValue:te(),rawValue:ne(!!B.allowEmptyValue,te())?"":u(U,te())}))}),[R,de,B.allowEmptyValue,U,te,ee,S.allowEmptyValue]);const ue=l(((e,t)=>{const r="start"===e?t:le,a="end"===e?t:ie;return Y(e),{target:k(w({},E&&{name:E},L&&{id:L}),{value:[r,a]})}}),[ie,L,E,le]),ce=(e,t)=>{"start"===e?oe(w({},t.target.value)):se(w({},t.target.value));const r=ue(e,t.target.value);D(r)},pe=e=>{ce("start",e)},me=e=>{ce("end",e)},fe=e=>{var t,r;if(!(null==re||null===(t=re.start)||void 0===t?void 0:t.isBlurBlocked.current)&&!(null==re||null===(r=re.end)||void 0===r?void 0:r.isBlurBlocked.current)&&A){const t=ue(X,e.target.value);A(t)}},be=e=>{(e=>{const t=null==re?void 0:re[e];var r;t&&(null===(r=t.setOpen)||void 0===r||r.call(t,!1),t.isBlurBlocked.current=!1)})(e),Y("start"===e?"end":"start")},ye=e=>{const t="start"===e?S:B,{formattedValue:r}="start"===e?le:ie,a="start"===e?pe:me;return k(w({label:T[`${e}Label`],labelInline:G,value:r,error:T[`${e}Error`],warning:T[`${e}Warning`],info:T[`${e}Info`],validationOnLabel:I,onBlur:fe,onChange:a,onKeyDown:t=>((e,t)=>{b.isTabKey(e)&&b.isShiftKey(e)&&(null==re?void 0:re.start)?re.start.isBlurBlocked.current=!("start"===t):b.isTabKey(e)&&(null==re?void 0:re.end)&&(re.end.isBlurBlocked.current=!("end"===t))})(t,e)},t),{required:K,isOptional:$})};return e(f,k(w(k(w({},m("date-range",T)),{labelsInline:G}),p(T)),{children:t(g.Provider,{value:{inputRefMap:re,setInputRefMap:e=>{ae((t=>w({},t,e)))}},children:[e(c,k(w({my:0},ye("start")),{onFocus:()=>be("end"),"data-element":"start-date",inputName:"start",labelWidth:40,tooltipPosition:x,ref:q,datePickerAriaLabel:C,datePickerAriaLabelledBy:N})),e(c,k(w({my:0},ye("end")),{onFocus:()=>be("start"),"data-element":"end-date",inputName:"end",labelWidth:40,tooltipPosition:x,ref:F,datePickerAriaLabel:W,datePickerAriaLabelledBy:M}))]})}))};B.displayName="DateRange";export{B as DateRange,B as default};
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import{useContext as r,useMemo as a,useState as n,useCallback as l,useEffect as o}from"react";import{checkISOFormatAndLength as i,formattedValue as s,parseISODate as d,formatToISO as u}from"../date/__internal__/utils.js";import{DateInput as c}from"../date/date.component.js";import"../../style/utils/filter-styled-system-padding-props.js";import p from"../../style/utils/filter-styled-system-margin-props.js";import m from"../../__internal__/utils/helpers/tags/tags.js";import f from"./date-range.style.js";import b from"../../__internal__/utils/helpers/events/events.js";import y from"../../hooks/__internal__/useLocale/useLocale.js";import v from"../../hooks/__internal__/usePrevious/index.js";import O from"../date/__internal__/date-formats/index.js";import g from"./__internal__/date-range.context.js";import _ from"../carbon-provider/__internal__/new-validation.context.js";import P from"../../__internal__/utils/logger/index.js";function j(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function w(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},a=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(a=a.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),a.forEach((function(t){j(e,t,r[t])}))}return e}function k(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 h=!1;const B=j=>{var{endDateProps:B={},id:L,labelsInline:V,name:E,onBlur:A,onChange:D,startDateProps:S={},tooltipPosition:x,validationOnLabel:I,value:R,startRef:F,endRef:q,required:K,isOptional:$,dateFormatOverride:C,datePickerStartAriaLabel:N,datePickerStartAriaLabelledBy:W,datePickerEndAriaLabel:M,datePickerEndAriaLabelledBy:T}=j,z=function(e,t){if(null==e)return{};var r,a,n=function(e,t){if(null==e)return{};var r,a,n={},l=Object.keys(e);for(a=0;a<l.length;a++)r=l[a],t.indexOf(r)>=0||(n[r]=e[r]);return n}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a<l.length;a++)r=l[a],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}(j,["endDateProps","id","labelsInline","name","onBlur","onChange","startDateProps","tooltipPosition","validationOnLabel","value","startRef","endRef","required","isOptional","dateFormatOverride","datePickerStartAriaLabel","datePickerStartAriaLabelledBy","datePickerEndAriaLabel","datePickerEndAriaLabelledBy"]);!h&&$&&(h=!0,P.deprecate("`isOptional` is deprecated in DateRange and support will soon be removed. If the value of this component is not required, use the `required` prop and set it to false instead."));const{validationRedesignOptIn:G}=r(_),H=!G&&V,J=y(),{dateFnsLocale:Q,dateFormatOverride:U}=J.date,{format:X}=a((()=>O(Q(),C||U)),[Q,C,U]),[Y,Z]=n(""),ee=l((e=>i(e)?s(X,d(e)):e),[X]),te=l((()=>{const{value:e}=S;return ee(e||R[0])}),[S,R,ee]),re=l((()=>{const{value:e}=B;return ee(e||R[1])}),[B,R,ee]),[ae,ne]=n({start:{isBlurBlocked:{current:!1},setOpen:null},end:{isBlurBlocked:{current:!1},setOpen:null}});function le(e,t){return e&&!t.length}const[oe,ie]=n({formattedValue:te(),rawValue:le(!!S.allowEmptyValue,te())?"":u(X,te())}),[se,de]=n({formattedValue:re(),rawValue:le(!!B.allowEmptyValue,re())?"":u(X,re())}),ue=v(R);o((()=>{(null==ue?void 0:ue.length)&&(R[0]!==ue[0]||R[1]!==ue[1])&&(ie({formattedValue:te(),rawValue:le(!!S.allowEmptyValue,te())?"":u(X,te())}),de({formattedValue:re(),rawValue:le(!!B.allowEmptyValue,re())?"":u(X,re())}))}),[R,ue,B.allowEmptyValue,X,re,te,S.allowEmptyValue]);const ce=l(((e,t)=>{const r="start"===e?t:oe,a="end"===e?t:se;return Z(e),{target:k(w({},E&&{name:E},L&&{id:L}),{value:[r,a]})}}),[se,L,E,oe]),pe=(e,t)=>{"start"===e?ie(w({},t.target.value)):de(w({},t.target.value));const r=ce(e,t.target.value);D(r)},me=e=>{pe("start",e)},fe=e=>{pe("end",e)},be=e=>{var t,r;if(!(null==ae||null===(t=ae.start)||void 0===t?void 0:t.isBlurBlocked.current)&&!(null==ae||null===(r=ae.end)||void 0===r?void 0:r.isBlurBlocked.current)&&A){const t=ce(Y,e.target.value);A(t)}},ye=e=>{(e=>{const t=null==ae?void 0:ae[e];var r;t&&(null===(r=t.setOpen)||void 0===r||r.call(t,!1),t.isBlurBlocked.current=!1)})(e),Z("start"===e?"end":"start")},ve=e=>{const t="start"===e?S:B,{formattedValue:r}="start"===e?oe:se,a="start"===e?me:fe;return k(w({label:z[`${e}Label`],labelInline:H,value:r,error:z[`${e}Error`],warning:z[`${e}Warning`],info:z[`${e}Info`],validationOnLabel:I,onBlur:be,onChange:a,onKeyDown:t=>((e,t)=>{b.isTabKey(e)&&b.isShiftKey(e)&&(null==ae?void 0:ae.start)?ae.start.isBlurBlocked.current=!("start"===t):b.isTabKey(e)&&(null==ae?void 0:ae.end)&&(ae.end.isBlurBlocked.current=!("end"===t))})(t,e)},t),{required:K,isOptional:$})};return e(f,k(w(k(w({},m("date-range",z)),{labelsInline:H}),p(z)),{children:t(g.Provider,{value:{inputRefMap:ae,setInputRefMap:e=>{ne((t=>w({},t,e)))}},children:[e(c,k(w({my:0},ve("start")),{onFocus:()=>ye("end"),"data-element":"start-date",inputName:"start",labelWidth:40,tooltipPosition:x,ref:F,datePickerAriaLabel:N,datePickerAriaLabelledBy:W})),e(c,k(w({my:0},ve("end")),{onFocus:()=>ye("start"),"data-element":"end-date",inputName:"end",labelWidth:40,tooltipPosition:x,ref:q,datePickerAriaLabel:M,datePickerAriaLabelledBy:T}))]})}))};B.displayName="DateRange";export{B as DateRange,B as default};

package/esm/components/heading/heading.component.js

@@ -1 +1 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import"react";import"../../style/utils/filter-styled-system-padding-props.js";import r from"../../style/utils/filter-styled-system-margin-props.js";import n from"../../__internal__/utils/helpers/tags/tags.js";import{StyledHeading as i,StyledHeader as a,StyledHeaderContent as l,StyledHeadingTitle as o,StyledSeparator as s,StyledDivider as c,StyledHeaderHelp as d,StyledHeadingBackButton as p,StyledHeadingIcon as u,StyledSubHeader as b,StyledHeadingPills as h}from"./heading.style.js";import f from"../../hooks/__internal__/useLocale/useLocale.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 m(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=y=>{var{children:O,backLink:j,divider:k=!0,help:v,helpAriaLabel:P,helpLink:w,pills:L,separator:_=!1,subheader:S,subtitleId:D,headingType:I="h1",title:x,titleId:A}=y,E=function(e,t){if(null==e)return{};var r,n,i=function(e,t){if(null==e)return{};var r,n,i={},a=Object.keys(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||(i[r]=e[r]);return i}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(i[r]=e[r])}return i}(y,["children","backLink","divider","help","helpAriaLabel","helpLink","pills","separator","subheader","subtitleId","headingType","title","titleId"]);const T=f(),B=r(E);return x?e(i,g(m({},n("heading",E),B),{children:[e(a,{"data-element":"header-container",divider:k,subheader:!!S,hasBackLink:!!j,children:[j&&(()=>{const e="string"==typeof j?{href:j}:{onClick:j};return t(p,g(m({"aria-label":T.heading.backLinkAriaLabel(),"data-element":"back","data-role":"heading-back-button",onMouseDown:e=>e.currentTarget.focus()},e),{children:t(u,{type:"chevron_left"})}))})(),e(l,{children:[t(o,{withMargin:!!L||!!v,variant:I,"data-element":"title",id:A,children:x}),(v||w)&&t(d,{"data-element":"help",tooltipPosition:"right",href:w,ariaLabel:P,children:v}),L&&t(h,{"data-element":"pills","data-role":"heading-pills-container",children:L})]}),_&&t(s,{"data-role":"heading-separator"}),S&&t(b,{"data-element":"subtitle","data-role":"subtitle",id:D,hasBackLink:!!j,hasSeparator:_,children:S})]}),k&&t(c,{"data-element":"divider","data-role":"heading-divider"}),O]})):null};export{O as Heading,O as default};
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import"react";import"../../style/utils/filter-styled-system-padding-props.js";import r from"../../style/utils/filter-styled-system-margin-props.js";import n from"../../__internal__/utils/helpers/tags/tags.js";import{StyledHeading as i,StyledHeader as a,StyledHeaderContent as l,StyledHeadingTitle as o,StyledSeparator as c,StyledDivider as s,StyledHeaderHelp as d,StyledHeadingBackButton as p,StyledHeadingIcon as u,StyledSubHeader as b,StyledHeadingPills as h}from"./heading.style.js";import f from"../../hooks/__internal__/useLocale/useLocale.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 m(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=y=>{var{children:O,backLink:j,divider:k=!0,help:v,helpAriaLabel:P,helpLink:w,pills:L,separator:_=!1,subheader:S,subtitleId:D,headingType:I="h1",title:x,titleId:A}=y,E=function(e,t){if(null==e)return{};var r,n,i=function(e,t){if(null==e)return{};var r,n,i={},a=Object.keys(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||(i[r]=e[r]);return i}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(i[r]=e[r])}return i}(y,["children","backLink","divider","help","helpAriaLabel","helpLink","pills","separator","subheader","subtitleId","headingType","title","titleId"]);const T=f(),B=r(E);return x?e(i,g(m({},n("heading",E),B),{children:[e(a,{"data-element":"header-container",divider:k,subheader:!!S,hasBackLink:!!j,children:[j&&(()=>{const e="string"==typeof j?{href:j}:{onClick:j};return t(p,g(m({"aria-label":T.heading.backLinkAriaLabel(),"data-element":"back","data-role":"heading-back-button",onMouseDown:e=>e.currentTarget.focus({preventScroll:!0})},e),{children:t(u,{type:"chevron_left"})}))})(),e(l,{children:[t(o,{withMargin:!!L||!!v,variant:I,"data-element":"title",id:A,children:x}),(v||w)&&t(d,{"data-element":"help",tooltipPosition:"right",href:w,ariaLabel:P,children:v}),L&&t(h,{"data-element":"pills","data-role":"heading-pills-container",children:L})]}),_&&t(c,{"data-role":"heading-separator"}),S&&t(b,{"data-element":"subtitle","data-role":"subtitle",id:D,hasBackLink:!!j,hasSeparator:_,children:S})]}),k&&t(s,{"data-element":"divider","data-role":"heading-divider"}),O]})):null};export{O as Heading,O as default};

package/esm/components/icon-button/icon-button.component.js

@@ -1 +1 @@
-import{jsx as e}from"react/jsx-runtime";import t,{useContext as r,useState as n,useCallback as o}from"react";import l from"../../__internal__/utils/helpers/tags/tags.js";import i from"../../__internal__/utils/helpers/events/events.js";import c from"./icon-button.style.js";import{TooltipProvider as a}from"../../__internal__/tooltip-provider/index.js";import u from"../batch-selection/__internal__/batch-selection.context.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 p(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){s(e,t,r[t])}))}return e}function b(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})),e}const f=t.forwardRef(((t,s)=>{var f,{"aria-label":y,onClick:O,children:d,disabled:m=!1}=t,j=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,["aria-label","onClick","children","disabled"]);const{batchSelectionDisabled:g}=r(u),v=m||g,[_,h]=n(),w=y||(null==_||null===(f=_.querySelector("[data-component='icon']"))||void 0===f?void 0:f.getAttribute("type"))||"",P=o((e=>{h(e),s&&("object"==typeof s&&(s.current=e),"function"==typeof s&&s(e))}),[s]);var S;return e(c,b(p(b(p({p:0},j),{"aria-label":w,onKeyDown:e=>{(i.isEnterKey(e)||i.isSpaceKey(e))&&(e.preventDefault(),null==O||O(e))},onClick:e=>{null==_||_.focus(),null==O||O(e)},ref:P,disabled:v}),l(null!==(S=j["data-component"])&&void 0!==S?S:"icon-button",j)),{children:e(a,{disabled:v,focusable:!1,target:_,children:d})}))}));f.displayName="IconButton";export{f as default};
+import{jsx as e}from"react/jsx-runtime";import t,{useContext as r,useState as n,useCallback as o}from"react";import l from"../../__internal__/utils/helpers/tags/tags.js";import i from"../../__internal__/utils/helpers/events/events.js";import c from"./icon-button.style.js";import{TooltipProvider as a}from"../../__internal__/tooltip-provider/index.js";import u from"../batch-selection/__internal__/batch-selection.context.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 p(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){s(e,t,r[t])}))}return e}function b(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})),e}const f=t.forwardRef(((t,s)=>{var f,{"aria-label":y,onClick:O,children:d,disabled:m=!1}=t,j=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,["aria-label","onClick","children","disabled"]);const{batchSelectionDisabled:g}=r(u),v=m||g,[_,h]=n(),w=y||(null==_||null===(f=_.querySelector("[data-component='icon']"))||void 0===f?void 0:f.getAttribute("type"))||"",P=o((e=>{h(e),s&&("object"==typeof s&&(s.current=e),"function"==typeof s&&s(e))}),[s]);var S;return e(c,b(p(b(p({p:0},j),{"aria-label":w,onKeyDown:e=>{(i.isEnterKey(e)||i.isSpaceKey(e))&&(e.preventDefault(),null==O||O(e))},onClick:e=>{null==_||_.focus({preventScroll:!0}),null==O||O(e)},ref:P,disabled:v}),l(null!==(S=j["data-component"])&&void 0!==S?S:"icon-button",j)),{children:e(a,{disabled:v,focusable:!1,target:_,children:d})}))}));f.displayName="IconButton";export{f as default};

package/esm/components/tabs/__internal__/tab-title/tab-title.component.js

@@ -1 +1 @@
-import{jsxs as e,Fragment as t,jsx as r}from"react/jsx-runtime";import n,{useState as o,useRef as i,useContext as a}from"react";import{StyledTitleContent as l,StyledLayoutWrapper as s,StyledVerticalIndicator as c,StyledSelectedIndicator as d,StyledTabTitleLink as p,StyledTabTitleButton as b}from"./tab-title.style.js";import f from"../../../../__internal__/utils/helpers/tags/tags.js";import{ValidationIcon as u}from"../../../../__internal__/validations/validation-icon.component.js";import g from"../../../icon/icon.component.js";import m from"../../../../__internal__/utils/helpers/events/events.js";import{TooltipProvider as y}from"../../../../__internal__/tooltip-provider/index.js";import O from"./tab-title.context.js";import{Typography as h}from"../../../typography/typography.component.js";import j from"../../../carbon-provider/__internal__/new-validation.context.js";function v(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function w(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},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){v(e,t,r[t])}))}return e}function _(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var 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=n.forwardRef(((v,P)=>{var{isTabSelected:S,dataTabId:I,"data-role":k,title:x,position:R,error:B,warning:L,info:T,size:C="default",onClick:D,titlePosition:M="before",siblings:E,errorMessage:z="",warningMessage:K="",infoMessage:$="",borders:F,alternateStyling:V=!1,noLeftBorder:A=!1,noRightBorder:H=!1,customLayout:N,isInSidebar:q,href:G,onKeyDown:J,align:Q,tabIndex:U,id:W}=v,X=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}(v,["isTabSelected","dataTabId","data-role","title","position","error","warning","info","size","onClick","titlePosition","siblings","errorMessage","warningMessage","infoMessage","borders","alternateStyling","noLeftBorder","noRightBorder","customLayout","isInSidebar","href","onKeyDown","align","tabIndex","id"]);const Y=!!G,Z=V||q,ee=B||L||T,[te,re]=o(!1),ne=i(!1),{validationRedesignOptIn:oe}=a(j);let ie="";B?ie=z:L&&(ie=K);const ae=()=>{re(!0)},le=()=>{"object"!=typeof P||(null==P?void 0:P.current)===document.activeElement||ne.current||re(!1)},se=e=>{return e.preventDefault(),G?(D(e),window.open(G,"_blank")):("object"==typeof P&&(null==P||null===(t=P.current)||void 0===t||t.focus()),D(e));var t},ce=e(t,{children:[e(l,{"data-role":"tab-title-content",error:B,warning:L,info:T,position:R,size:C,noLeftBorder:A,noRightBorder:H,borders:F,hasSiblings:!!E,isTabSelected:S,hasCustomLayout:!!N,alternateStyling:Z,align:Q,hasHref:!!G,validationRedesignOptIn:oe,children:[(()=>{if(N)return r(s,{hasCustomLayout:!0,children:N});if(!E)return x;const e=r(n.Fragment,{children:x},"title"),t=r(s,{titlePosition:M,children:n.Children.toArray(E).map((e=>n.isValidElement(e)?n.cloneElement(e,_(w({},e.props),{onClick:se})):e))},"title-siblings");return"before"===M?[e,t]:[t,e]})(),Y&&r(g,{type:"link"}),ee&&e(s,{position:R,hasCustomSibling:!!N,validationRedesignOptIn:oe,children:[B&&r(u,{tooltipPosition:"top",error:z}),!B&&L&&r(u,{tooltipPosition:"top",warning:K}),!L&&!B&&T&&r(u,{tooltipPosition:"top",info:$})]})]}),oe&&"left"===R&&r(c,{}),(!(ee||Z)||oe)&&S&&r(d,{warning:L,error:B,"data-element":"tab-selected-indicator","data-role":"tab-selected-indicator",position:R})]}),de=_(w(_(w({"aria-selected":S,"data-element":"select-tab","data-tabid":I,"data-role":k,role:"tab",position:R,isTabSelected:S,error:B,warning:L,info:T,noRightBorder:H,noLeftBorder:A,alternateStyling:V||q,borders:F,isInSidebar:q,tabIndex:U,id:W},X,f("tab-header",w({id:W},X))),{onKeyDown:e=>G&&m.isEnterOrSpaceKey(e)?window.open(G,"_blank"):J(e),onClick:se,size:C,onMouseOver:()=>{ne.current=!0,ae()},onMouseLeave:()=>{ne.current=!1,le()},onFocus:ae,onBlur:le}),oe&&ee&&{"aria-invalid":!0,"aria-errormessage":`${W}-message`,"aria-describedby":`${W}-message`}),{validationRedesignOptIn:oe}),pe=Y?r(p,_(w({},de),{ref:P,href:G,target:"_blank",children:ce})):r(b,_(w({},de),{type:"button",ref:P,children:ce}));return e(y,{tooltipVisible:!oe&&te,children:[r(O.Provider,{value:{isInTab:!0},children:pe}),oe&&ee&&r(h,{screenReaderOnly:!0,id:`${W}-message`,children:ie})]})}));P.displayName="TabTitle";export{P as default};
+import{jsxs as e,Fragment as t,jsx as r}from"react/jsx-runtime";import n,{useState as o,useRef as i,useContext as a}from"react";import{StyledTitleContent as l,StyledLayoutWrapper as s,StyledVerticalIndicator as c,StyledSelectedIndicator as d,StyledTabTitleLink as p,StyledTabTitleButton as b}from"./tab-title.style.js";import f from"../../../../__internal__/utils/helpers/tags/tags.js";import{ValidationIcon as u}from"../../../../__internal__/validations/validation-icon.component.js";import g from"../../../icon/icon.component.js";import m from"../../../../__internal__/utils/helpers/events/events.js";import{TooltipProvider as y}from"../../../../__internal__/tooltip-provider/index.js";import O from"./tab-title.context.js";import{Typography as h}from"../../../typography/typography.component.js";import v from"../../../carbon-provider/__internal__/new-validation.context.js";function j(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function w(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},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){j(e,t,r[t])}))}return e}function _(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var 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=n.forwardRef(((j,S)=>{var{isTabSelected:P,dataTabId:I,"data-role":k,title:x,position:R,error:B,warning:L,info:T,size:C="default",onClick:D,titlePosition:M="before",siblings:E,errorMessage:z="",warningMessage:K="",infoMessage:$="",borders:F,alternateStyling:V=!1,noLeftBorder:A=!1,noRightBorder:H=!1,customLayout:N,isInSidebar:q,href:G,onKeyDown:J,align:Q,tabIndex:U,id:W}=j,X=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}(j,["isTabSelected","dataTabId","data-role","title","position","error","warning","info","size","onClick","titlePosition","siblings","errorMessage","warningMessage","infoMessage","borders","alternateStyling","noLeftBorder","noRightBorder","customLayout","isInSidebar","href","onKeyDown","align","tabIndex","id"]);const Y=!!G,Z=V||q,ee=B||L||T,[te,re]=o(!1),ne=i(!1),{validationRedesignOptIn:oe}=a(v);let ie="";B?ie=z:L&&(ie=K);const ae=()=>{re(!0)},le=()=>{"object"!=typeof S||(null==S?void 0:S.current)===document.activeElement||ne.current||re(!1)},se=e=>{return e.preventDefault(),G?(D(e),window.open(G,"_blank")):("object"==typeof S&&(null==S||null===(t=S.current)||void 0===t||t.focus({preventScroll:!0})),D(e));var t},ce=e(t,{children:[e(l,{"data-role":"tab-title-content",error:B,warning:L,info:T,position:R,size:C,noLeftBorder:A,noRightBorder:H,borders:F,hasSiblings:!!E,isTabSelected:P,hasCustomLayout:!!N,alternateStyling:Z,align:Q,hasHref:!!G,validationRedesignOptIn:oe,children:[(()=>{if(N)return r(s,{hasCustomLayout:!0,children:N});if(!E)return x;const e=r(n.Fragment,{children:x},"title"),t=r(s,{titlePosition:M,children:n.Children.toArray(E).map((e=>n.isValidElement(e)?n.cloneElement(e,_(w({},e.props),{onClick:se})):e))},"title-siblings");return"before"===M?[e,t]:[t,e]})(),Y&&r(g,{type:"link"}),ee&&e(s,{position:R,hasCustomSibling:!!N,validationRedesignOptIn:oe,children:[B&&r(u,{tooltipPosition:"top",error:z}),!B&&L&&r(u,{tooltipPosition:"top",warning:K}),!L&&!B&&T&&r(u,{tooltipPosition:"top",info:$})]})]}),oe&&"left"===R&&r(c,{}),(!(ee||Z)||oe)&&P&&r(d,{warning:L,error:B,"data-element":"tab-selected-indicator","data-role":"tab-selected-indicator",position:R})]}),de=_(w(_(w({"aria-selected":P,"data-element":"select-tab","data-tabid":I,"data-role":k,role:"tab",position:R,isTabSelected:P,error:B,warning:L,info:T,noRightBorder:H,noLeftBorder:A,alternateStyling:V||q,borders:F,isInSidebar:q,tabIndex:U,id:W},X,f("tab-header",w({id:W},X))),{onKeyDown:e=>G&&m.isEnterOrSpaceKey(e)?window.open(G,"_blank"):J(e),onClick:se,size:C,onMouseOver:()=>{ne.current=!0,ae()},onMouseLeave:()=>{ne.current=!1,le()},onFocus:ae,onBlur:le}),oe&&ee&&{"aria-invalid":!0,"aria-errormessage":`${W}-message`,"aria-describedby":`${W}-message`}),{validationRedesignOptIn:oe}),pe=Y?r(p,_(w({},de),{ref:S,href:G,target:"_blank",children:ce})):r(b,_(w({},de),{type:"button",ref:S,children:ce}));return e(y,{tooltipVisible:!oe&&te,children:[r(O.Provider,{value:{isInTab:!0},children:pe}),oe&&ee&&r(h,{screenReaderOnly:!0,id:`${W}-message`,children:ie})]})}));S.displayName="TabTitle";export{S as default};

package/lib/components/button/button.component.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),o=require("invariant"),n=require("../icon/icon.component.js"),i=require("./button.style.js"),r=require("../../__internal__/utils/helpers/tags/tags.js"),l=require("../../__internal__/tooltip-provider/index.js"),a=require("../button-bar/__internal__/button-bar.context.js"),s=require("../split-button/__internal__/split-button.context.js"),c=require("../batch-selection/__internal__/batch-selection.context.js");function u(e){return e&&e.__esModule?e:{default:e}}var b=u(t),d=u(o);function p(e,t,o){return t in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e}function f(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{},n=Object.keys(o);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(o).filter((function(e){return Object.getOwnPropertyDescriptor(o,e).enumerable})))),n.forEach((function(t){p(e,t,o[t])}))}return e}function y(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 o=Object.getOwnPropertySymbols(e);t.push.apply(t,o)}return t}(Object(t)).forEach((function(o){Object.defineProperty(e,o,Object.getOwnPropertyDescriptor(t,o))})),e}function h({iconType:t,iconPosition:o,size:r,subtext:a,children:s,disabled:c,buttonType:u,iconTooltipMessage:b,iconTooltipPosition:d,tooltipTarget:p}){const h={"aria-hidden":!0,disabled:c,color:"primary"===u?"--colorsActionMajorYang100":u.includes("gradient")?"--colorsActionMinorYin090":"--colorsActionMajor500",bg:"transparent"},j=void 0!==s&&!1!==s;return e.jsxs(e.Fragment,{children:[t&&"before"===o&&j&&e.jsx(n.default,f({type:t},h)),j&&e.jsxs("span",{children:[e.jsx(i.StyledButtonMainText,{"data-element":"main-text",children:s}),"large"===r&&e.jsx(i.StyledButtonSubtext,{"data-element":"subtext","data-role":"subtext",children:a})]}),t&&!j&&e.jsx(l.TooltipProvider,{disabled:c,focusable:!1,target:p,children:e.jsx(n.default,y(f({type:t},h),{tooltipMessage:b,tooltipPosition:d}))}),t&&"after"===o&&s&&e.jsx(n.default,f({type:t},h))]})}const j=b.default.forwardRef(((o,n)=>{var{"aria-describedby":l,"aria-label":u,"aria-labelledby":b,buttonType:p="secondary",children:j,destructive:g=!1,disabled:x=!1,isWhite:O=!1,fullWidth:v=!1,href:P,iconPosition:m="before",iconTooltipMessage:T,iconTooltipPosition:_,iconType:w,m:k=0,noWrap:S,onClick:M,px:q,rel:W,size:C="medium",subtext:D="",target:z}=o,B=function(e,t){if(null==e)return{};var o,n,i=function(e,t){if(null==e)return{};var o,n,i={},r=Object.keys(e);for(n=0;n<r.length;n++)o=r[n],t.indexOf(o)>=0||(i[o]=e[o]);return i}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n<r.length;n++)o=r[n],t.indexOf(o)>=0||Object.prototype.propertyIsEnumerable.call(e,o)&&(i[o]=e[o])}return i}(o,["aria-describedby","aria-label","aria-labelledby","buttonType","children","destructive","disabled","isWhite","fullWidth","href","iconPosition","iconTooltipMessage","iconTooltipPosition","iconType","m","noWrap","onClick","px","rel","size","subtext","target"]);const{buttonType:E,size:A,iconPosition:Y,fullWidth:F}=t.useContext(a.default),{batchSelectionDisabled:I}=t.useContext(c.default),K=E||p,N=A||C,R=Y||m,G=F||v,H=x||I;d.default(void 0!==j||!!w,"Either prop `iconType` must be defined or this node must have children."),D&&d.default("large"===N,"subtext prop has no effect unless the button is large.");const[J,L]=t.useState(null),{inSplitButton:Q,onChildButtonClick:U}=t.useContext(s.default);let V;switch(N){case"small":V=2;break;case"large":V=4;break;default:V=3}const X=t.useCallback((e=>{L(e),n&&("object"==typeof n&&(n.current=e),"function"==typeof n&&n(e))}),[n]),Z=void 0!==j&&!1!==j;return e.jsx(i.default,y(f({"aria-label":!Z&&w?u||w:u,"aria-labelledby":b,"aria-describedby":l,as:!H&&P?"a":"button",onKeyDown:P?e=>{" "===e.key&&(e.preventDefault(),null==J||J.click())}:void 0,onClick:e=>{var t;null==J||J.focus(),Q?null==U||null===(t=U(M))||void 0===t||t(e):M&&M(e)},draggable:!1,buttonType:K,disabled:H,destructive:g,isWhite:O,type:P?void 0:"button",iconType:w,size:N,px:null!=q?q:V,m:k,noWrap:S,iconOnly:!Z&&!!w,iconPosition:R,target:z,rel:W,fullWidth:G},r.default("button",B),B,P&&{href:P}),{ref:X,children:h({iconType:w,iconPosition:R,size:N,subtext:D,children:j,disabled:H,buttonType:K,iconTooltipMessage:T,iconTooltipPosition:_,tooltipTarget:J})}))}));j.displayName="Button",exports.default=j;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),o=require("invariant"),n=require("../icon/icon.component.js"),r=require("./button.style.js"),i=require("../../__internal__/utils/helpers/tags/tags.js"),l=require("../../__internal__/tooltip-provider/index.js"),a=require("../button-bar/__internal__/button-bar.context.js"),s=require("../split-button/__internal__/split-button.context.js"),c=require("../batch-selection/__internal__/batch-selection.context.js");function u(e){return e&&e.__esModule?e:{default:e}}var b=u(t),d=u(o);function p(e,t,o){return t in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e}function f(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{},n=Object.keys(o);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(o).filter((function(e){return Object.getOwnPropertyDescriptor(o,e).enumerable})))),n.forEach((function(t){p(e,t,o[t])}))}return e}function y(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 o=Object.getOwnPropertySymbols(e);t.push.apply(t,o)}return t}(Object(t)).forEach((function(o){Object.defineProperty(e,o,Object.getOwnPropertyDescriptor(t,o))})),e}function h({iconType:t,iconPosition:o,size:i,subtext:a,children:s,disabled:c,buttonType:u,iconTooltipMessage:b,iconTooltipPosition:d,tooltipTarget:p}){const h={"aria-hidden":!0,disabled:c,color:"primary"===u?"--colorsActionMajorYang100":u.includes("gradient")?"--colorsActionMinorYin090":"--colorsActionMajor500",bg:"transparent"},j=void 0!==s&&!1!==s;return e.jsxs(e.Fragment,{children:[t&&"before"===o&&j&&e.jsx(n.default,f({type:t},h)),j&&e.jsxs("span",{children:[e.jsx(r.StyledButtonMainText,{"data-element":"main-text",children:s}),"large"===i&&e.jsx(r.StyledButtonSubtext,{"data-element":"subtext","data-role":"subtext",children:a})]}),t&&!j&&e.jsx(l.TooltipProvider,{disabled:c,focusable:!1,target:p,children:e.jsx(n.default,y(f({type:t},h),{tooltipMessage:b,tooltipPosition:d}))}),t&&"after"===o&&s&&e.jsx(n.default,f({type:t},h))]})}const j=b.default.forwardRef(((o,n)=>{var{"aria-describedby":l,"aria-label":u,"aria-labelledby":b,buttonType:p="secondary",children:j,destructive:g=!1,disabled:x=!1,isWhite:O=!1,fullWidth:v=!1,href:P,iconPosition:m="before",iconTooltipMessage:T,iconTooltipPosition:_,iconType:w,m:S=0,noWrap:k,onClick:M,px:q,rel:W,size:C="medium",subtext:D="",target:z}=o,B=function(e,t){if(null==e)return{};var o,n,r=function(e,t){if(null==e)return{};var o,n,r={},i=Object.keys(e);for(n=0;n<i.length;n++)o=i[n],t.indexOf(o)>=0||(r[o]=e[o]);return r}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)o=i[n],t.indexOf(o)>=0||Object.prototype.propertyIsEnumerable.call(e,o)&&(r[o]=e[o])}return r}(o,["aria-describedby","aria-label","aria-labelledby","buttonType","children","destructive","disabled","isWhite","fullWidth","href","iconPosition","iconTooltipMessage","iconTooltipPosition","iconType","m","noWrap","onClick","px","rel","size","subtext","target"]);const{buttonType:E,size:A,iconPosition:Y,fullWidth:F}=t.useContext(a.default),{batchSelectionDisabled:I}=t.useContext(c.default),K=E||p,N=A||C,R=Y||m,G=F||v,H=x||I;d.default(void 0!==j||!!w,"Either prop `iconType` must be defined or this node must have children."),D&&d.default("large"===N,"subtext prop has no effect unless the button is large.");const[J,L]=t.useState(null),{inSplitButton:Q,onChildButtonClick:U}=t.useContext(s.default);let V;switch(N){case"small":V=2;break;case"large":V=4;break;default:V=3}const X=t.useCallback((e=>{L(e),n&&("object"==typeof n&&(n.current=e),"function"==typeof n&&n(e))}),[n]),Z=void 0!==j&&!1!==j;return e.jsx(r.default,y(f({"aria-label":!Z&&w?u||w:u,"aria-labelledby":b,"aria-describedby":l,as:!H&&P?"a":"button",onKeyDown:P?e=>{" "===e.key&&(e.preventDefault(),null==J||J.click())}:void 0,onClick:e=>{var t;null==J||J.focus({preventScroll:!0}),Q?null==U||null===(t=U(M))||void 0===t||t(e):M&&M(e)},draggable:!1,buttonType:K,disabled:H,destructive:g,isWhite:O,type:P?void 0:"button",iconType:w,size:N,px:null!=q?q:V,m:S,noWrap:k,iconOnly:!Z&&!!w,iconPosition:R,target:z,rel:W,fullWidth:G},i.default("button",B),B,P&&{href:P}),{ref:X,children:h({iconType:w,iconPosition:R,size:N,subtext:D,children:j,disabled:H,buttonType:K,iconTooltipMessage:T,iconTooltipPosition:_,tooltipTarget:J})}))}));j.displayName="Button",exports.default=j;

package/lib/components/date/__internal__/date-formats/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const y=["d M yyyy","dd M yyyy","d MM yyyy","dd MM yyyy","d M yy","dd M yy","d MM yy","dd MM yy","d","d M","dd","d MM","dd M","dd MM"],d=["M","M d","MM","M dd","MM d","MM dd","M d yy","MM d yy","M dd yy","MM dd yy","M d yyyy","MM d yyyy","M dd yyyy","MM dd yyyy"],M=["yyyy M","yyyy M d","yyyy MM d","yyyy M dd","yyyy MM dd","yy M","yy MM","yy M d","yy MM d","yy M dd","yy MM dd","M","M d","MM","M dd","MM d","MM dd"],t=["",".",",","-","/",":"],e=(y,d,M)=>{const e=t.includes(d)?t:[...t,d];return y.reduce(((y,t)=>{const r=[...y,t];return t.includes(" ")&&e.forEach((y=>{d===y&&M&&r.push(`${t.replace(/ /g,y)}${M}`),r.push(t.replace(/ /g,y))})),r}),[])},r=y=>{const d={day:"dd",month:"MM",year:"yyyy"},M=new Intl.DateTimeFormat(y);let t="";const e=M.formatToParts(new Date).map((({type:y,value:M})=>["day","month","year"].includes(y)?d[y]:(t||(t=M),M))).join("");return y.startsWith("bg")?{format:e.substring(0,10),separator:t}:{format:e,separator:t}},s=t=>t.startsWith("y")?M:t.startsWith("M")?d:y,a=y=>{const d=y.split("").pop();return["y","M","d"].includes(d)?"":d};exports.default=(y,d)=>{const M=(null==y?void 0:y.code)||"en-GB";if(d){const{format:y}=r(M);let t;switch(M){case"en-CA":case"en-US":t="MM/dd/yyyy";break;case"ar-EG":case"en-ZA":case"fr-CA":t="dd/MM/yyyy";break;default:t=y}const a=s(t);return{format:d,formats:e(a,"/")}}if(["en-CA","en-US"].includes(M)){const y="MM/dd/yyyy",d=s(y);return{format:y,formats:e(d,"/")}}const{format:t,separator:n}=r(M),o=["fr-CA","en-ZA","ar-EG"].includes(M)?"dd/MM/yyyy":t,c=s(o);return{format:o,formats:e(c,n,a(t))}};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const y=["d M yyyy","dd M yyyy","d MM yyyy","dd MM yyyy","d M yy","dd M yy","d MM yy","dd MM yy","d","d M","dd","d MM","dd M","dd MM"],d=["M","M d","MM","M dd","MM d","MM dd","M d yy","MM d yy","M dd yy","MM dd yy","M d yyyy","MM d yyyy","M dd yyyy","MM dd yyyy"],M=["yyyy M","yyyy M d","yyyy MM d","yyyy M dd","yyyy MM dd","yy M","yy MM","yy M d","yy MM d","yy M dd","yy MM dd","M","M d","MM","M dd","MM d","MM dd"],t=["",".",",","-","/",":"],r=(y,d,M)=>{const r=t.includes(d)?t:[...t,d];return y.reduce(((y,t)=>{const e=[...y,t];return t.includes(" ")&&r.forEach((y=>{d===y&&M&&e.push(`${t.replace(/ /g,y)}${M}`),e.push(t.replace(/ /g,y))})),e}),[])},e=t=>t.startsWith("y")?M:t.startsWith("M")?d:y,a=y=>{const d=y.split("").pop();return["y","M","d"].includes(d)?"":d};exports.default=(y,d)=>{const M=(null==y?void 0:y.code)||"en-GB",{format:t,separator:o}=(y=>{const d={day:"dd",month:"MM",year:"yyyy"},M=new Intl.DateTimeFormat(y);let t="";const r=M.formatToParts(new Date).map((({type:y,value:M})=>["day","month","year"].includes(y)?d[y]:(t||(t=M),M))).join("");return y.startsWith("bg")?{format:r.substring(0,10),separator:t}:{format:r,separator:t}})(M),s={"en-CA":{format:"MM/dd/yyyy",separator:"/"},"en-US":{format:"MM/dd/yyyy",separator:"/"},"fr-CA":{format:"dd/MM/yyyy"},"en-ZA":{format:"dd/MM/yyyy"},"ar-EG":{format:"dd/MM/yyyy"}}[M]||{};var n;const u=null!==(n=null!=d?d:s.format)&&void 0!==n?n:t;var l;const c=null!==(l=s.separator)&&void 0!==l?l:o;return{format:u,formats:r(e(u),c,a(u))}};

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("./__internal__/utils.js"),a=require("../../hooks/__internal__/useLocale/useLocale.js"),n=require("../../__internal__/utils/helpers/events/events.js");require("../../style/utils/filter-styled-system-padding-props.js");var l=require("../../style/utils/filter-styled-system-margin-props.js"),i=require("../../style/utils/filter-out-styled-system-spacing-props.js"),u=require("./__internal__/date-formats/index.js"),o=require("./date.style.js"),s=require("../textbox/textbox.component.js"),c=require("./__internal__/date-picker/date-picker.component.js"),d=require("../date-range/__internal__/date-range.context.js"),p=require("../../hooks/__internal__/useClickAwayListener/useClickAwayListener.js"),f=require("../../__internal__/utils/helpers/guid/index.js"),m=require("../../__internal__/utils/helpers/tags/tags.js");function b(e){return e&&e.__esModule?e:{default:e}}function y(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function O(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},a=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(a=a.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),a.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 h=b(t).default.forwardRef(((b,y)=>{var{adaptiveLabelBreakpoint:h,allowEmptyValue:v,autoFocus:_,"data-element":k,"data-role":j,disabled:D,disablePortal:P=!1,helpAriaLabel:x,labelInline:w,minDate:L,maxDate:S,onBlur:V,onChange:I,onClick:q,onFocus:A,onKeyDown:C,pickerProps:F,readOnly:M,size:R="medium",tooltipPosition:B,value:W,inputWidth:E,labelWidth:K,maxWidth:z,inputName:T,onPickerClose:N,onPickerOpen:Y,datePickerAriaLabel:G,datePickerAriaLabelledBy:U}=b,$=function(e,t){if(null==e)return{};var r,a,n=function(e,t){if(null==e)return{};var r,a,n={},l=Object.keys(e);for(a=0;a<l.length;a++)r=l[a],t.indexOf(r)>=0||(n[r]=e[r]);return n}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a<l.length;a++)r=l[a],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}(b,["adaptiveLabelBreakpoint","allowEmptyValue","autoFocus","data-element","data-role","disabled","disablePortal","helpAriaLabel","labelInline","minDate","maxDate","onBlur","onChange","onClick","onFocus","onKeyDown","pickerProps","readOnly","size","tooltipPosition","value","inputWidth","labelWidth","maxWidth","inputName","onPickerClose","onPickerOpen","datePickerAriaLabel","datePickerAriaLabelledBy"]);const H=t.useRef(null),J=t.useRef(null),Q=t.useRef(null),X=t.useRef(!1),Z=t.useRef(!1),ee=t.useRef(!1),te=a.default(),{dateFnsLocale:re,dateFormatOverride:ae}=te.date,{format:ne,formats:le}=t.useMemo((()=>u.default(re(),ae)),[re,ae]),{inputRefMap:ie,setInputRefMap:ue}=t.useContext(d.default),[oe,se]=t.useState(!1),[ce,de]=t.useState((()=>{if(r.isValidLocaleDate(W,re()))return r.checkISOFormatAndLength(W)?r.parseISODate(W):r.parseDate(ne,W)})),pe=t.useRef(!0),fe=t.useRef(f.default()),me=e=>v&&!e.length?e:null,be=e=>{const{id:t,name:a}=e.target,[n,l]=r.findMatchedFormatAndValue(e.target.value,le),i="blur"===e.type?r.formattedValue(ne,ce):e.target.value,u=r.isDateValid(r.parseDate(n,l))?r.formatToISO(...r.additionalYears(n,l)):me(e.target.value);return{target:g(O({},a&&{name:a},t&&{id:t}),{value:{formattedValue:i,rawValue:u}})}},ye=p.default((()=>{var e,t;oe&&(X.current=!0,null===(e=Q.current)||void 0===e||e.focus(),Z.current=!1,null===(t=Q.current)||void 0===t||t.blur(),se(!1),null==N||N(),X.current=!1)}),"mousedown"),Oe=t.useCallback((e=>{oe&&n.default.isEscKey(e)&&(se(!1),null==N||N(),e.stopPropagation())}),[N,oe]),ge=e=>{q&&q(e)},he=t.useCallback((e=>{var t;Q.current=e,J.current=null==e?void 0:e.parentElement,y&&("function"==typeof y?y(e):y.current=e),T&&(null==ie||null===(t=ie[T])||void 0===t?void 0:t.setOpen)!==se&&(null==ue||ue({[T]:{isBlurBlocked:Z,setOpen:se}}))}),[T,ie,ue,y]);t.useEffect((()=>{const[e,t]=r.findMatchedFormatAndValue(W,le);e&&t&&r.isDateValid(r.parseDate(e,t))?de(r.parseDate(...r.additionalYears(e,t))):r.checkISOFormatAndLength(W)&&pe.current?de(r.parseISODate(W)):de(void 0)}),[W,le]);const ve=l.default($);return e.jsxs(o.default,g(O(g(O({ref:H,role:"presentation",size:R,labelInline:w},ve),{applyDateRangeStyling:!!ie,maxWidth:z,inputWidth:E}),m.default("date",{"data-element":k,"data-role":j})),{children:[e.jsx(s.Textbox,g(O({},i.default($)),{"data-component":"date-input",value:(()=>{if(r.checkISOFormatAndLength(W)&&pe.current)return r.formattedValue(ne,r.parseISODate(W));const e=r.getSeparator(W),t=r.getSeparator(ne),a=()=>W.split("").map((r=>r===e?t:r)).join("");if(pe.current&&e!==t&&r.isDateValid(r.parseDate(ne,a()))){pe.current=!1;const[e,t]=r.findMatchedFormatAndValue(a(),le);return r.formattedValue(ne,r.parseDate(...r.additionalYears(e,t)))}return W})(),onBlur:e=>{if(D||M)return;let t;if(r.isDateValid(ce)){t=be(e);const a=r.checkISOFormatAndLength(W)?r.formattedValue(ne,r.parseISODate(W)):W,[,n]=r.findMatchedFormatAndValue(a,le);r.formattedValue(ne,ce)!==n&&I(t)}else{const{id:r,name:a}=e.target;t={target:g(O({},a&&{name:a},r&&{id:r}),{value:{formattedValue:e.target.value,rawValue:me(e.target.value)}})}}Z.current||V&&V(t)},onChange:e=>{pe.current=!1,I(be(e))},onClick:ge,onFocus:e=>{D||M||(Z.current=!1,oe||X.current?X.current=!1:(se(!0),null==Y||Y()),A&&A(e))},onKeyUp:Oe,onKeyDown:e=>{if(C&&C(e),oe&&n.default.isTabKey(e)){if(n.default.isShiftKey(e))se(!1),null==N||N();else if(!P){var t,r;e.preventDefault(),null===(r=document)||void 0===r||null===(t=r.querySelector(`[id="${fe.current}"]`))||void 0===t||t.focus()}X.current=!1}},iconOnClick:ge,onMouseDown:()=>{ye(),ue&&(Z.current=!0),oe||(se(!0),null==Y||Y())},iconOnMouseDown:()=>{Z.current=!0,X.current=!0,ye(),oe?(se(!1),null==N||N()):(se(!0),null==Y||Y())},inputIcon:"calendar",labelInline:w,ref:he,adaptiveLabelBreakpoint:h,tooltipPosition:B,helpAriaLabel:x,autoFocus:_,size:R,disabled:D,readOnly:M,inputWidth:E,labelWidth:K,maxWidth:z,m:0})),e.jsx(c.DatePicker,{disablePortal:P,inputElement:J,pickerProps:F,selectedDays:ce,onDayClick:(e,t)=>{var a;de(e),I(be(g(O({},t),{target:g(O({},t.target),{value:r.formattedValue(ne,e)})}))),ee.current=!0,null===(a=Q.current)||void 0===a||a.focus(),se(!1)},minDate:L,maxDate:S,pickerMouseDown:()=>{Z.current=!0,ye()},open:oe,setOpen:se,pickerTabGuardId:fe.current,onPickerClose:N,ariaLabel:G,ariaLabelledBy:U})]}))}));h.displayName="DateInput",exports.DateInput=h,exports.default=h;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("./__internal__/utils.js"),a=require("../../hooks/__internal__/useLocale/useLocale.js"),n=require("../../__internal__/utils/helpers/events/events.js");require("../../style/utils/filter-styled-system-padding-props.js");var l=require("../../style/utils/filter-styled-system-margin-props.js"),i=require("../../style/utils/filter-out-styled-system-spacing-props.js"),u=require("./__internal__/date-formats/index.js"),o=require("./date.style.js"),s=require("../textbox/textbox.component.js"),d=require("./__internal__/date-picker/date-picker.component.js"),c=require("../date-range/__internal__/date-range.context.js"),p=require("../../hooks/__internal__/useClickAwayListener/useClickAwayListener.js"),f=require("../../__internal__/utils/helpers/guid/index.js"),m=require("../../__internal__/utils/helpers/tags/tags.js");function b(e){return e&&e.__esModule?e:{default:e}}function y(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function O(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},a=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(a=a.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),a.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 v=b(t).default.forwardRef(((b,y)=>{var{adaptiveLabelBreakpoint:v,allowEmptyValue:h,autoFocus:_,"data-element":k,"data-role":j,disabled:D,disablePortal:P=!1,helpAriaLabel:x,labelInline:w,minDate:L,maxDate:S,onBlur:V,onChange:I,onClick:F,onFocus:q,onKeyDown:A,pickerProps:C,readOnly:M,size:R="medium",tooltipPosition:B,value:W,inputWidth:E,labelWidth:K,maxWidth:z,inputName:T,onPickerClose:N,onPickerOpen:Y,dateFormatOverride:G,datePickerAriaLabel:U,datePickerAriaLabelledBy:$}=b,H=function(e,t){if(null==e)return{};var r,a,n=function(e,t){if(null==e)return{};var r,a,n={},l=Object.keys(e);for(a=0;a<l.length;a++)r=l[a],t.indexOf(r)>=0||(n[r]=e[r]);return n}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a<l.length;a++)r=l[a],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}(b,["adaptiveLabelBreakpoint","allowEmptyValue","autoFocus","data-element","data-role","disabled","disablePortal","helpAriaLabel","labelInline","minDate","maxDate","onBlur","onChange","onClick","onFocus","onKeyDown","pickerProps","readOnly","size","tooltipPosition","value","inputWidth","labelWidth","maxWidth","inputName","onPickerClose","onPickerOpen","dateFormatOverride","datePickerAriaLabel","datePickerAriaLabelledBy"]);const J=t.useRef(null),Q=t.useRef(null),X=t.useRef(null),Z=t.useRef(!1),ee=t.useRef(!1),te=t.useRef(!1),re=a.default(),{dateFnsLocale:ae,dateFormatOverride:ne}=re.date,{format:le,formats:ie}=t.useMemo((()=>u.default(ae(),G||ne)),[ae,ne,G]),{inputRefMap:ue,setInputRefMap:oe}=t.useContext(c.default),[se,de]=t.useState(!1),[ce,pe]=t.useState((()=>{if(r.isValidLocaleDate(W,ae()))return r.checkISOFormatAndLength(W)?r.parseISODate(W):r.parseDate(le,W)})),fe=t.useRef(!0),me=t.useRef(f.default()),be=e=>h&&!e.length?e:null,ye=e=>{const{id:t,name:a}=e.target,[n,l]=r.findMatchedFormatAndValue(e.target.value,ie),i="blur"===e.type?r.formattedValue(le,ce):e.target.value,u=r.isDateValid(r.parseDate(n,l))?r.formatToISO(...r.additionalYears(n,l)):be(e.target.value);return{target:g(O({},a&&{name:a},t&&{id:t}),{value:{formattedValue:i,rawValue:u}})}},Oe=p.default((()=>{var e,t;se&&(Z.current=!0,null===(e=X.current)||void 0===e||e.focus(),ee.current=!1,null===(t=X.current)||void 0===t||t.blur(),de(!1),null==N||N(),Z.current=!1)}),"mousedown"),ge=t.useCallback((e=>{se&&n.default.isEscKey(e)&&(de(!1),null==N||N(),e.stopPropagation())}),[N,se]),ve=e=>{F&&F(e)},he=t.useCallback((e=>{var t;X.current=e,Q.current=null==e?void 0:e.parentElement,y&&("function"==typeof y?y(e):y.current=e),T&&(null==ue||null===(t=ue[T])||void 0===t?void 0:t.setOpen)!==de&&(null==oe||oe({[T]:{isBlurBlocked:ee,setOpen:de}}))}),[T,ue,oe,y]);t.useEffect((()=>{const[e,t]=r.findMatchedFormatAndValue(W,ie);e&&t&&r.isDateValid(r.parseDate(e,t))?pe(r.parseDate(...r.additionalYears(e,t))):r.checkISOFormatAndLength(W)&&fe.current?pe(r.parseISODate(W)):pe(void 0)}),[W,ie]);const _e=l.default(H);return e.jsxs(o.default,g(O(g(O({ref:J,role:"presentation",size:R,labelInline:w},_e),{applyDateRangeStyling:!!ue,maxWidth:z,inputWidth:E}),m.default("date",{"data-element":k,"data-role":j})),{children:[e.jsx(s.Textbox,g(O({},i.default(H)),{"data-component":"date-input",value:(()=>{if(r.checkISOFormatAndLength(W)&&fe.current)return r.formattedValue(le,r.parseISODate(W));const e=r.getSeparator(W),t=r.getSeparator(le),a=()=>W.split("").map((r=>r===e?t:r)).join("");if(fe.current&&e!==t&&r.isDateValid(r.parseDate(le,a()))){fe.current=!1;const[e,t]=r.findMatchedFormatAndValue(a(),ie);return r.formattedValue(le,r.parseDate(...r.additionalYears(e,t)))}return W})(),onBlur:e=>{if(D||M)return;let t;if(r.isDateValid(ce)){t=ye(e);const a=r.checkISOFormatAndLength(W)?r.formattedValue(le,r.parseISODate(W)):W,[,n]=r.findMatchedFormatAndValue(a,ie);r.formattedValue(le,ce)!==n&&I(t)}else{const{id:r,name:a}=e.target;t={target:g(O({},a&&{name:a},r&&{id:r}),{value:{formattedValue:e.target.value,rawValue:be(e.target.value)}})}}ee.current||V&&V(t)},onChange:e=>{fe.current=!1,I(ye(e))},onClick:ve,onFocus:e=>{D||M||(ee.current=!1,se||Z.current?Z.current=!1:(de(!0),null==Y||Y()),q&&q(e))},onKeyUp:ge,onKeyDown:e=>{if(A&&A(e),se&&n.default.isTabKey(e)){if(n.default.isShiftKey(e))de(!1),null==N||N();else if(!P){var t,r;e.preventDefault(),null===(r=document)||void 0===r||null===(t=r.querySelector(`[id="${me.current}"]`))||void 0===t||t.focus()}Z.current=!1}},iconOnClick:ve,onMouseDown:()=>{Oe(),oe&&(ee.current=!0),se||(de(!0),null==Y||Y())},iconOnMouseDown:()=>{ee.current=!0,Z.current=!0,Oe(),se?(de(!1),null==N||N()):(de(!0),null==Y||Y())},inputIcon:"calendar",labelInline:w,ref:he,adaptiveLabelBreakpoint:v,tooltipPosition:B,helpAriaLabel:x,autoFocus:_,size:R,disabled:D,readOnly:M,inputWidth:E,labelWidth:K,maxWidth:z,m:0})),e.jsx(d.DatePicker,{disablePortal:P,inputElement:Q,pickerProps:C,selectedDays:ce,onDayClick:(e,t)=>{var a;pe(e),I(ye(g(O({},t),{target:g(O({},t.target),{value:r.formattedValue(le,e)})}))),te.current=!0,null===(a=X.current)||void 0===a||a.focus(),de(!1)},minDate:L,maxDate:S,pickerMouseDown:()=>{ee.current=!0,Oe()},open:se,setOpen:de,pickerTabGuardId:me.current,onPickerClose:N,ariaLabel:U,ariaLabelledBy:$})]}))}));v.displayName="DateInput",exports.DateInput=v,exports.default=v;

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

@@ -100,7 +100,7 @@ export interface DateRangeProps extends StyledDateRangeProps, MarginProps, TagPr
     datePickerEndAriaLabelledBy?: string;
 }
 export declare const DateRange: {
-    ({ endDateProps, id, labelsInline, name, onBlur, onChange, startDateProps, tooltipPosition, validationOnLabel, value, startRef, endRef, required, isOptional, datePickerStartAriaLabel, datePickerStartAriaLabelledBy, datePickerEndAriaLabel, datePickerEndAriaLabelledBy, ...rest }: DateRangeProps): React.JSX.Element;
+    ({ endDateProps, id, labelsInline, name, onBlur, onChange, startDateProps, tooltipPosition, validationOnLabel, value, startRef, endRef, required, isOptional, dateFormatOverride: dateFormatOverrideProp, datePickerStartAriaLabel, datePickerStartAriaLabelledBy, datePickerEndAriaLabel, datePickerEndAriaLabelledBy, ...rest }: DateRangeProps): React.JSX.Element;
     displayName: string;
 };
 export default DateRange;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("../date/__internal__/utils.js"),a=require("../date/date.component.js");require("../../style/utils/filter-styled-system-padding-props.js");var n=require("../../style/utils/filter-styled-system-margin-props.js"),l=require("../../__internal__/utils/helpers/tags/tags.js"),i=require("./date-range.style.js"),o=require("../../__internal__/utils/helpers/events/events.js"),s=require("../../hooks/__internal__/useLocale/useLocale.js"),u=require("../../hooks/__internal__/usePrevious/index.js"),d=require("../date/__internal__/date-formats/index.js"),c=require("./__internal__/date-range.context.js"),p=require("../carbon-provider/__internal__/new-validation.context.js"),f=require("../../__internal__/utils/logger/index.js");function b(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function y(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},a=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(a=a.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),a.forEach((function(t){b(e,t,r[t])}))}return e}function O(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})),e}let m=!1;const v=b=>{var{endDateProps:v={},id:g,labelsInline:_,name:j,onBlur:P,onChange:k,startDateProps:h={},tooltipPosition:w,validationOnLabel:B,value:S,startRef:q,endRef:L,required:I,isOptional:x,datePickerStartAriaLabel:V,datePickerStartAriaLabelledBy:D,datePickerEndAriaLabel:E,datePickerEndAriaLabelledBy:A}=b,R=function(e,t){if(null==e)return{};var r,a,n=function(e,t){if(null==e)return{};var r,a,n={},l=Object.keys(e);for(a=0;a<l.length;a++)r=l[a],t.indexOf(r)>=0||(n[r]=e[r]);return n}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a<l.length;a++)r=l[a],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}(b,["endDateProps","id","labelsInline","name","onBlur","onChange","startDateProps","tooltipPosition","validationOnLabel","value","startRef","endRef","required","isOptional","datePickerStartAriaLabel","datePickerStartAriaLabelledBy","datePickerEndAriaLabel","datePickerEndAriaLabelledBy"]);!m&&x&&(m=!0,f.default.deprecate("`isOptional` is deprecated in DateRange and support will soon be removed. If the value of this component is not required, use the `required` prop and set it to false instead."));const{validationRedesignOptIn:C}=t.useContext(p.default),T=!C&&_,F=s.default(),{dateFnsLocale:K,dateFormatOverride:M}=F.date,{format:$}=t.useMemo((()=>d.default(K(),M)),[K,M]),[N,W]=t.useState(""),z=t.useCallback((e=>r.checkISOFormatAndLength(e)?r.formattedValue($,r.parseISODate(e)):e),[$]),G=t.useCallback((()=>{const{value:e}=h;return z(e||S[0])}),[h,S,z]),H=t.useCallback((()=>{const{value:e}=v;return z(e||S[1])}),[v,S,z]),[J,Q]=t.useState({start:{isBlurBlocked:{current:!1},setOpen:null},end:{isBlurBlocked:{current:!1},setOpen:null}});function U(e,t){return e&&!t.length}const[X,Y]=t.useState({formattedValue:G(),rawValue:U(!!h.allowEmptyValue,G())?"":r.formatToISO($,G())}),[Z,ee]=t.useState({formattedValue:H(),rawValue:U(!!v.allowEmptyValue,H())?"":r.formatToISO($,H())}),te=u.default(S);t.useEffect((()=>{(null==te?void 0:te.length)&&(S[0]!==te[0]||S[1]!==te[1])&&(Y({formattedValue:G(),rawValue:U(!!h.allowEmptyValue,G())?"":r.formatToISO($,G())}),ee({formattedValue:H(),rawValue:U(!!v.allowEmptyValue,H())?"":r.formatToISO($,H())}))}),[S,te,v.allowEmptyValue,$,H,G,h.allowEmptyValue]);const re=t.useCallback(((e,t)=>{const r="start"===e?t:X,a="end"===e?t:Z;return W(e),{target:O(y({},j&&{name:j},g&&{id:g}),{value:[r,a]})}}),[Z,g,j,X]),ae=(e,t)=>{"start"===e?Y(y({},t.target.value)):ee(y({},t.target.value));const r=re(e,t.target.value);k(r)},ne=e=>{ae("start",e)},le=e=>{ae("end",e)},ie=e=>{var t,r;if(!(null==J||null===(t=J.start)||void 0===t?void 0:t.isBlurBlocked.current)&&!(null==J||null===(r=J.end)||void 0===r?void 0:r.isBlurBlocked.current)&&P){const t=re(N,e.target.value);P(t)}},oe=e=>{(e=>{const t=null==J?void 0:J[e];var r;t&&(null===(r=t.setOpen)||void 0===r||r.call(t,!1),t.isBlurBlocked.current=!1)})(e),W("start"===e?"end":"start")},se=e=>{const t="start"===e?h:v,{formattedValue:r}="start"===e?X:Z,a="start"===e?ne:le;return O(y({label:R[`${e}Label`],labelInline:T,value:r,error:R[`${e}Error`],warning:R[`${e}Warning`],info:R[`${e}Info`],validationOnLabel:B,onBlur:ie,onChange:a,onKeyDown:t=>((e,t)=>{o.default.isTabKey(e)&&o.default.isShiftKey(e)&&(null==J?void 0:J.start)?J.start.isBlurBlocked.current=!("start"===t):o.default.isTabKey(e)&&(null==J?void 0:J.end)&&(J.end.isBlurBlocked.current=!("end"===t))})(t,e)},t),{required:I,isOptional:x})};return e.jsx(i.default,O(y(O(y({},l.default("date-range",R)),{labelsInline:T}),n.default(R)),{children:e.jsxs(c.default.Provider,{value:{inputRefMap:J,setInputRefMap:e=>{Q((t=>y({},t,e)))}},children:[e.jsx(a.DateInput,O(y({my:0},se("start")),{onFocus:()=>oe("end"),"data-element":"start-date",inputName:"start",labelWidth:40,tooltipPosition:w,ref:q,datePickerAriaLabel:V,datePickerAriaLabelledBy:D})),e.jsx(a.DateInput,O(y({my:0},se("end")),{onFocus:()=>oe("start"),"data-element":"end-date",inputName:"end",labelWidth:40,tooltipPosition:w,ref:L,datePickerAriaLabel:E,datePickerAriaLabelledBy:A}))]})}))};v.displayName="DateRange",exports.DateRange=v,exports.default=v;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("../date/__internal__/utils.js"),a=require("../date/date.component.js");require("../../style/utils/filter-styled-system-padding-props.js");var n=require("../../style/utils/filter-styled-system-margin-props.js"),l=require("../../__internal__/utils/helpers/tags/tags.js"),i=require("./date-range.style.js"),o=require("../../__internal__/utils/helpers/events/events.js"),s=require("../../hooks/__internal__/useLocale/useLocale.js"),u=require("../../hooks/__internal__/usePrevious/index.js"),d=require("../date/__internal__/date-formats/index.js"),c=require("./__internal__/date-range.context.js"),p=require("../carbon-provider/__internal__/new-validation.context.js"),f=require("../../__internal__/utils/logger/index.js");function b(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function y(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},a=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(a=a.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),a.forEach((function(t){b(e,t,r[t])}))}return e}function O(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})),e}let m=!1;const v=b=>{var{endDateProps:v={},id:g,labelsInline:_,name:j,onBlur:P,onChange:k,startDateProps:h={},tooltipPosition:w,validationOnLabel:B,value:S,startRef:q,endRef:L,required:I,isOptional:x,dateFormatOverride:V,datePickerStartAriaLabel:D,datePickerStartAriaLabelledBy:E,datePickerEndAriaLabel:A,datePickerEndAriaLabelledBy:R}=b,C=function(e,t){if(null==e)return{};var r,a,n=function(e,t){if(null==e)return{};var r,a,n={},l=Object.keys(e);for(a=0;a<l.length;a++)r=l[a],t.indexOf(r)>=0||(n[r]=e[r]);return n}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a<l.length;a++)r=l[a],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}(b,["endDateProps","id","labelsInline","name","onBlur","onChange","startDateProps","tooltipPosition","validationOnLabel","value","startRef","endRef","required","isOptional","dateFormatOverride","datePickerStartAriaLabel","datePickerStartAriaLabelledBy","datePickerEndAriaLabel","datePickerEndAriaLabelledBy"]);!m&&x&&(m=!0,f.default.deprecate("`isOptional` is deprecated in DateRange and support will soon be removed. If the value of this component is not required, use the `required` prop and set it to false instead."));const{validationRedesignOptIn:F}=t.useContext(p.default),T=!F&&_,K=s.default(),{dateFnsLocale:M,dateFormatOverride:$}=K.date,{format:N}=t.useMemo((()=>d.default(M(),V||$)),[M,V,$]),[W,z]=t.useState(""),G=t.useCallback((e=>r.checkISOFormatAndLength(e)?r.formattedValue(N,r.parseISODate(e)):e),[N]),H=t.useCallback((()=>{const{value:e}=h;return G(e||S[0])}),[h,S,G]),J=t.useCallback((()=>{const{value:e}=v;return G(e||S[1])}),[v,S,G]),[Q,U]=t.useState({start:{isBlurBlocked:{current:!1},setOpen:null},end:{isBlurBlocked:{current:!1},setOpen:null}});function X(e,t){return e&&!t.length}const[Y,Z]=t.useState({formattedValue:H(),rawValue:X(!!h.allowEmptyValue,H())?"":r.formatToISO(N,H())}),[ee,te]=t.useState({formattedValue:J(),rawValue:X(!!v.allowEmptyValue,J())?"":r.formatToISO(N,J())}),re=u.default(S);t.useEffect((()=>{(null==re?void 0:re.length)&&(S[0]!==re[0]||S[1]!==re[1])&&(Z({formattedValue:H(),rawValue:X(!!h.allowEmptyValue,H())?"":r.formatToISO(N,H())}),te({formattedValue:J(),rawValue:X(!!v.allowEmptyValue,J())?"":r.formatToISO(N,J())}))}),[S,re,v.allowEmptyValue,N,J,H,h.allowEmptyValue]);const ae=t.useCallback(((e,t)=>{const r="start"===e?t:Y,a="end"===e?t:ee;return z(e),{target:O(y({},j&&{name:j},g&&{id:g}),{value:[r,a]})}}),[ee,g,j,Y]),ne=(e,t)=>{"start"===e?Z(y({},t.target.value)):te(y({},t.target.value));const r=ae(e,t.target.value);k(r)},le=e=>{ne("start",e)},ie=e=>{ne("end",e)},oe=e=>{var t,r;if(!(null==Q||null===(t=Q.start)||void 0===t?void 0:t.isBlurBlocked.current)&&!(null==Q||null===(r=Q.end)||void 0===r?void 0:r.isBlurBlocked.current)&&P){const t=ae(W,e.target.value);P(t)}},se=e=>{(e=>{const t=null==Q?void 0:Q[e];var r;t&&(null===(r=t.setOpen)||void 0===r||r.call(t,!1),t.isBlurBlocked.current=!1)})(e),z("start"===e?"end":"start")},ue=e=>{const t="start"===e?h:v,{formattedValue:r}="start"===e?Y:ee,a="start"===e?le:ie;return O(y({label:C[`${e}Label`],labelInline:T,value:r,error:C[`${e}Error`],warning:C[`${e}Warning`],info:C[`${e}Info`],validationOnLabel:B,onBlur:oe,onChange:a,onKeyDown:t=>((e,t)=>{o.default.isTabKey(e)&&o.default.isShiftKey(e)&&(null==Q?void 0:Q.start)?Q.start.isBlurBlocked.current=!("start"===t):o.default.isTabKey(e)&&(null==Q?void 0:Q.end)&&(Q.end.isBlurBlocked.current=!("end"===t))})(t,e)},t),{required:I,isOptional:x})};return e.jsx(i.default,O(y(O(y({},l.default("date-range",C)),{labelsInline:T}),n.default(C)),{children:e.jsxs(c.default.Provider,{value:{inputRefMap:Q,setInputRefMap:e=>{U((t=>y({},t,e)))}},children:[e.jsx(a.DateInput,O(y({my:0},ue("start")),{onFocus:()=>se("end"),"data-element":"start-date",inputName:"start",labelWidth:40,tooltipPosition:w,ref:q,datePickerAriaLabel:D,datePickerAriaLabelledBy:E})),e.jsx(a.DateInput,O(y({my:0},ue("end")),{onFocus:()=>se("start"),"data-element":"end-date",inputName:"end",labelWidth:40,tooltipPosition:w,ref:L,datePickerAriaLabel:A,datePickerAriaLabelledBy:R}))]})}))};v.displayName="DateRange",exports.DateRange=v,exports.default=v;

package/lib/components/heading/heading.component.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("react"),require("../../style/utils/filter-styled-system-padding-props.js");var t=require("../../style/utils/filter-styled-system-margin-props.js"),r=require("../../__internal__/utils/helpers/tags/tags.js"),n=require("./heading.style.js"),i=require("../../hooks/__internal__/useLocale/useLocale.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 l(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 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}const d=a=>{var{children:d,backLink:o,divider:c=!0,help:u,helpAriaLabel:p,helpLink:b,pills:y,separator:h=!1,subheader:f,subtitleId:g,headingType:j="h1",title:O,titleId:k}=a,m=function(e,t){if(null==e)return{};var r,n,i=function(e,t){if(null==e)return{};var r,n,i={},a=Object.keys(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||(i[r]=e[r]);return i}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(i[r]=e[r])}return i}(a,["children","backLink","divider","help","helpAriaLabel","helpLink","pills","separator","subheader","subtitleId","headingType","title","titleId"]);const v=i.default(),S=t.default(m);return O?e.jsxs(n.StyledHeading,s(l({},r.default("heading",m),S),{children:[e.jsxs(n.StyledHeader,{"data-element":"header-container",divider:c,subheader:!!f,hasBackLink:!!o,children:[o&&(()=>{const t="string"==typeof o?{href:o}:{onClick:o};return e.jsx(n.StyledHeadingBackButton,s(l({"aria-label":v.heading.backLinkAriaLabel(),"data-element":"back","data-role":"heading-back-button",onMouseDown:e=>e.currentTarget.focus()},t),{children:e.jsx(n.StyledHeadingIcon,{type:"chevron_left"})}))})(),e.jsxs(n.StyledHeaderContent,{children:[e.jsx(n.StyledHeadingTitle,{withMargin:!!y||!!u,variant:j,"data-element":"title",id:k,children:O}),(u||b)&&e.jsx(n.StyledHeaderHelp,{"data-element":"help",tooltipPosition:"right",href:b,ariaLabel:p,children:u}),y&&e.jsx(n.StyledHeadingPills,{"data-element":"pills","data-role":"heading-pills-container",children:y})]}),h&&e.jsx(n.StyledSeparator,{"data-role":"heading-separator"}),f&&e.jsx(n.StyledSubHeader,{"data-element":"subtitle","data-role":"subtitle",id:g,hasBackLink:!!o,hasSeparator:h,children:f})]}),c&&e.jsx(n.StyledDivider,{"data-element":"divider","data-role":"heading-divider"}),d]})):null};exports.Heading=d,exports.default=d;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("react"),require("../../style/utils/filter-styled-system-padding-props.js");var t=require("../../style/utils/filter-styled-system-margin-props.js"),r=require("../../__internal__/utils/helpers/tags/tags.js"),n=require("./heading.style.js"),i=require("../../hooks/__internal__/useLocale/useLocale.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 l(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 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}const d=a=>{var{children:d,backLink:o,divider:c=!0,help:u,helpAriaLabel:p,helpLink:b,pills:y,separator:h=!1,subheader:f,subtitleId:g,headingType:j="h1",title:O,titleId:v}=a,S=function(e,t){if(null==e)return{};var r,n,i=function(e,t){if(null==e)return{};var r,n,i={},a=Object.keys(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||(i[r]=e[r]);return i}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(i[r]=e[r])}return i}(a,["children","backLink","divider","help","helpAriaLabel","helpLink","pills","separator","subheader","subtitleId","headingType","title","titleId"]);const k=i.default(),m=t.default(S);return O?e.jsxs(n.StyledHeading,s(l({},r.default("heading",S),m),{children:[e.jsxs(n.StyledHeader,{"data-element":"header-container",divider:c,subheader:!!f,hasBackLink:!!o,children:[o&&(()=>{const t="string"==typeof o?{href:o}:{onClick:o};return e.jsx(n.StyledHeadingBackButton,s(l({"aria-label":k.heading.backLinkAriaLabel(),"data-element":"back","data-role":"heading-back-button",onMouseDown:e=>e.currentTarget.focus({preventScroll:!0})},t),{children:e.jsx(n.StyledHeadingIcon,{type:"chevron_left"})}))})(),e.jsxs(n.StyledHeaderContent,{children:[e.jsx(n.StyledHeadingTitle,{withMargin:!!y||!!u,variant:j,"data-element":"title",id:v,children:O}),(u||b)&&e.jsx(n.StyledHeaderHelp,{"data-element":"help",tooltipPosition:"right",href:b,ariaLabel:p,children:u}),y&&e.jsx(n.StyledHeadingPills,{"data-element":"pills","data-role":"heading-pills-container",children:y})]}),h&&e.jsx(n.StyledSeparator,{"data-role":"heading-separator"}),f&&e.jsx(n.StyledSubHeader,{"data-element":"subtitle","data-role":"subtitle",id:g,hasBackLink:!!o,hasSeparator:h,children:f})]}),c&&e.jsx(n.StyledDivider,{"data-element":"divider","data-role":"heading-divider"}),d]})):null};exports.Heading=d,exports.default=d;

package/lib/components/icon-button/icon-button.component.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("../../__internal__/utils/helpers/tags/tags.js"),n=require("../../__internal__/utils/helpers/events/events.js"),o=require("./icon-button.style.js"),l=require("../../__internal__/tooltip-provider/index.js"),i=require("../batch-selection/__internal__/batch-selection.context.js");function c(e){return e&&e.__esModule?e:{default:e}}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 a(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){u(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}const b=c(t).default.forwardRef(((c,u)=>{var b,{"aria-label":f,onClick:p,children:d,disabled:y=!1}=c,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}(c,["aria-label","onClick","children","disabled"]);const{batchSelectionDisabled:j}=t.useContext(i.default),v=y||j,[_,g]=t.useState(),h=f||(null==_||null===(b=_.querySelector("[data-component='icon']"))||void 0===b?void 0:b.getAttribute("type"))||"",P=t.useCallback((e=>{g(e),u&&("object"==typeof u&&(u.current=e),"function"==typeof u&&u(e))}),[u]);var m;return e.jsx(o.default,s(a(s(a({p:0},O),{"aria-label":h,onKeyDown:e=>{(n.default.isEnterKey(e)||n.default.isSpaceKey(e))&&(e.preventDefault(),null==p||p(e))},onClick:e=>{null==_||_.focus(),null==p||p(e)},ref:P,disabled:v}),r.default(null!==(m=O["data-component"])&&void 0!==m?m:"icon-button",O)),{children:e.jsx(l.TooltipProvider,{disabled:v,focusable:!1,target:_,children:d})}))}));b.displayName="IconButton",exports.default=b;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("../../__internal__/utils/helpers/tags/tags.js"),n=require("../../__internal__/utils/helpers/events/events.js"),o=require("./icon-button.style.js"),l=require("../../__internal__/tooltip-provider/index.js"),i=require("../batch-selection/__internal__/batch-selection.context.js");function c(e){return e&&e.__esModule?e:{default:e}}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 a(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){u(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}const b=c(t).default.forwardRef(((c,u)=>{var b,{"aria-label":f,onClick:p,children:d,disabled:y=!1}=c,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}(c,["aria-label","onClick","children","disabled"]);const{batchSelectionDisabled:j}=t.useContext(i.default),v=y||j,[_,g]=t.useState(),h=f||(null==_||null===(b=_.querySelector("[data-component='icon']"))||void 0===b?void 0:b.getAttribute("type"))||"",P=t.useCallback((e=>{g(e),u&&("object"==typeof u&&(u.current=e),"function"==typeof u&&u(e))}),[u]);var m;return e.jsx(o.default,s(a(s(a({p:0},O),{"aria-label":h,onKeyDown:e=>{(n.default.isEnterKey(e)||n.default.isSpaceKey(e))&&(e.preventDefault(),null==p||p(e))},onClick:e=>{null==_||_.focus({preventScroll:!0}),null==p||p(e)},ref:P,disabled:v}),r.default(null!==(m=O["data-component"])&&void 0!==m?m:"icon-button",O)),{children:e.jsx(l.TooltipProvider,{disabled:v,focusable:!1,target:_,children:d})}))}));b.displayName="IconButton",exports.default=b;

package/lib/components/tabs/__internal__/tab-title/tab-title.component.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("./tab-title.style.js"),n=require("../../../../__internal__/utils/helpers/tags/tags.js"),i=require("../../../../__internal__/validations/validation-icon.component.js"),o=require("../../../icon/icon.component.js"),a=require("../../../../__internal__/utils/helpers/events/events.js"),l=require("../../../../__internal__/tooltip-provider/index.js"),s=require("./tab-title.context.js"),d=require("../../../typography/typography.component.js"),c=require("../../../carbon-provider/__internal__/new-validation.context.js");function u(e){return e&&e.__esModule?e:{default:e}}var p=u(t);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 f(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 y(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})),e}const g=p.default.forwardRef(((u,b)=>{var{isTabSelected:g,dataTabId:j,"data-role":O,title:h,position:v,error:m,warning:S,info:x,size:w="default",onClick:_,titlePosition:P="before",siblings:I,errorMessage:T="",warningMessage:L="",infoMessage:k="",borders:q,alternateStyling:R=!1,noLeftBorder:B=!1,noRightBorder:C=!1,customLayout:M,isInSidebar:D,href:E,onKeyDown:V,align:z,tabIndex:K,id:F}=u,W=function(e,t){if(null==e)return{};var r,n,i=function(e,t){if(null==e)return{};var r,n,i={},o=Object.keys(e);for(n=0;n<o.length;n++)r=o[n],t.indexOf(r)>=0||(i[r]=e[r]);return i}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)r=o[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(i[r]=e[r])}return i}(u,["isTabSelected","dataTabId","data-role","title","position","error","warning","info","size","onClick","titlePosition","siblings","errorMessage","warningMessage","infoMessage","borders","alternateStyling","noLeftBorder","noRightBorder","customLayout","isInSidebar","href","onKeyDown","align","tabIndex","id"]);const $=!!E,A=R||D,H=m||S||x,[N,G]=t.useState(!1),J=t.useRef(!1),{validationRedesignOptIn:Q}=t.useContext(c.default);let U="";m?U=T:S&&(U=L);const X=()=>{G(!0)},Y=()=>{"object"!=typeof b||(null==b?void 0:b.current)===document.activeElement||J.current||G(!1)},Z=e=>{return e.preventDefault(),E?(_(e),window.open(E,"_blank")):("object"==typeof b&&(null==b||null===(t=b.current)||void 0===t||t.focus()),_(e));var t},ee=e.jsxs(e.Fragment,{children:[e.jsxs(r.StyledTitleContent,{"data-role":"tab-title-content",error:m,warning:S,info:x,position:v,size:w,noLeftBorder:B,noRightBorder:C,borders:q,hasSiblings:!!I,isTabSelected:g,hasCustomLayout:!!M,alternateStyling:A,align:z,hasHref:!!E,validationRedesignOptIn:Q,children:[(()=>{if(M)return e.jsx(r.StyledLayoutWrapper,{hasCustomLayout:!0,children:M});if(!I)return h;const t=e.jsx(p.default.Fragment,{children:h},"title"),n=e.jsx(r.StyledLayoutWrapper,{titlePosition:P,children:p.default.Children.toArray(I).map((e=>p.default.isValidElement(e)?p.default.cloneElement(e,y(f({},e.props),{onClick:Z})):e))},"title-siblings");return"before"===P?[t,n]:[n,t]})(),$&&e.jsx(o.default,{type:"link"}),H&&e.jsxs(r.StyledLayoutWrapper,{position:v,hasCustomSibling:!!M,validationRedesignOptIn:Q,children:[m&&e.jsx(i.ValidationIcon,{tooltipPosition:"top",error:T}),!m&&S&&e.jsx(i.ValidationIcon,{tooltipPosition:"top",warning:L}),!S&&!m&&x&&e.jsx(i.ValidationIcon,{tooltipPosition:"top",info:k})]})]}),Q&&"left"===v&&e.jsx(r.StyledVerticalIndicator,{}),(!(H||A)||Q)&&g&&e.jsx(r.StyledSelectedIndicator,{warning:S,error:m,"data-element":"tab-selected-indicator","data-role":"tab-selected-indicator",position:v})]}),te=y(f(y(f({"aria-selected":g,"data-element":"select-tab","data-tabid":j,"data-role":O,role:"tab",position:v,isTabSelected:g,error:m,warning:S,info:x,noRightBorder:C,noLeftBorder:B,alternateStyling:R||D,borders:q,isInSidebar:D,tabIndex:K,id:F},W,n.default("tab-header",f({id:F},W))),{onKeyDown:e=>E&&a.default.isEnterOrSpaceKey(e)?window.open(E,"_blank"):V(e),onClick:Z,size:w,onMouseOver:()=>{J.current=!0,X()},onMouseLeave:()=>{J.current=!1,Y()},onFocus:X,onBlur:Y}),Q&&H&&{"aria-invalid":!0,"aria-errormessage":`${F}-message`,"aria-describedby":`${F}-message`}),{validationRedesignOptIn:Q}),re=$?e.jsx(r.StyledTabTitleLink,y(f({},te),{ref:b,href:E,target:"_blank",children:ee})):e.jsx(r.StyledTabTitleButton,y(f({},te),{type:"button",ref:b,children:ee}));return e.jsxs(l.TooltipProvider,{tooltipVisible:!Q&&N,children:[e.jsx(s.default.Provider,{value:{isInTab:!0},children:re}),Q&&H&&e.jsx(d.Typography,{screenReaderOnly:!0,id:`${F}-message`,children:U})]})}));g.displayName="TabTitle",exports.default=g;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("./tab-title.style.js"),n=require("../../../../__internal__/utils/helpers/tags/tags.js"),i=require("../../../../__internal__/validations/validation-icon.component.js"),o=require("../../../icon/icon.component.js"),a=require("../../../../__internal__/utils/helpers/events/events.js"),l=require("../../../../__internal__/tooltip-provider/index.js"),s=require("./tab-title.context.js"),d=require("../../../typography/typography.component.js"),c=require("../../../carbon-provider/__internal__/new-validation.context.js");function u(e){return e&&e.__esModule?e:{default:e}}var p=u(t);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 f(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 y(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})),e}const g=p.default.forwardRef(((u,b)=>{var{isTabSelected:g,dataTabId:j,"data-role":O,title:h,position:v,error:m,warning:S,info:x,size:w="default",onClick:_,titlePosition:P="before",siblings:I,errorMessage:T="",warningMessage:L="",infoMessage:k="",borders:q,alternateStyling:R=!1,noLeftBorder:B=!1,noRightBorder:C=!1,customLayout:M,isInSidebar:D,href:E,onKeyDown:V,align:z,tabIndex:K,id:F}=u,W=function(e,t){if(null==e)return{};var r,n,i=function(e,t){if(null==e)return{};var r,n,i={},o=Object.keys(e);for(n=0;n<o.length;n++)r=o[n],t.indexOf(r)>=0||(i[r]=e[r]);return i}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)r=o[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(i[r]=e[r])}return i}(u,["isTabSelected","dataTabId","data-role","title","position","error","warning","info","size","onClick","titlePosition","siblings","errorMessage","warningMessage","infoMessage","borders","alternateStyling","noLeftBorder","noRightBorder","customLayout","isInSidebar","href","onKeyDown","align","tabIndex","id"]);const $=!!E,A=R||D,H=m||S||x,[N,G]=t.useState(!1),J=t.useRef(!1),{validationRedesignOptIn:Q}=t.useContext(c.default);let U="";m?U=T:S&&(U=L);const X=()=>{G(!0)},Y=()=>{"object"!=typeof b||(null==b?void 0:b.current)===document.activeElement||J.current||G(!1)},Z=e=>{return e.preventDefault(),E?(_(e),window.open(E,"_blank")):("object"==typeof b&&(null==b||null===(t=b.current)||void 0===t||t.focus({preventScroll:!0})),_(e));var t},ee=e.jsxs(e.Fragment,{children:[e.jsxs(r.StyledTitleContent,{"data-role":"tab-title-content",error:m,warning:S,info:x,position:v,size:w,noLeftBorder:B,noRightBorder:C,borders:q,hasSiblings:!!I,isTabSelected:g,hasCustomLayout:!!M,alternateStyling:A,align:z,hasHref:!!E,validationRedesignOptIn:Q,children:[(()=>{if(M)return e.jsx(r.StyledLayoutWrapper,{hasCustomLayout:!0,children:M});if(!I)return h;const t=e.jsx(p.default.Fragment,{children:h},"title"),n=e.jsx(r.StyledLayoutWrapper,{titlePosition:P,children:p.default.Children.toArray(I).map((e=>p.default.isValidElement(e)?p.default.cloneElement(e,y(f({},e.props),{onClick:Z})):e))},"title-siblings");return"before"===P?[t,n]:[n,t]})(),$&&e.jsx(o.default,{type:"link"}),H&&e.jsxs(r.StyledLayoutWrapper,{position:v,hasCustomSibling:!!M,validationRedesignOptIn:Q,children:[m&&e.jsx(i.ValidationIcon,{tooltipPosition:"top",error:T}),!m&&S&&e.jsx(i.ValidationIcon,{tooltipPosition:"top",warning:L}),!S&&!m&&x&&e.jsx(i.ValidationIcon,{tooltipPosition:"top",info:k})]})]}),Q&&"left"===v&&e.jsx(r.StyledVerticalIndicator,{}),(!(H||A)||Q)&&g&&e.jsx(r.StyledSelectedIndicator,{warning:S,error:m,"data-element":"tab-selected-indicator","data-role":"tab-selected-indicator",position:v})]}),te=y(f(y(f({"aria-selected":g,"data-element":"select-tab","data-tabid":j,"data-role":O,role:"tab",position:v,isTabSelected:g,error:m,warning:S,info:x,noRightBorder:C,noLeftBorder:B,alternateStyling:R||D,borders:q,isInSidebar:D,tabIndex:K,id:F},W,n.default("tab-header",f({id:F},W))),{onKeyDown:e=>E&&a.default.isEnterOrSpaceKey(e)?window.open(E,"_blank"):V(e),onClick:Z,size:w,onMouseOver:()=>{J.current=!0,X()},onMouseLeave:()=>{J.current=!1,Y()},onFocus:X,onBlur:Y}),Q&&H&&{"aria-invalid":!0,"aria-errormessage":`${F}-message`,"aria-describedby":`${F}-message`}),{validationRedesignOptIn:Q}),re=$?e.jsx(r.StyledTabTitleLink,y(f({},te),{ref:b,href:E,target:"_blank",children:ee})):e.jsx(r.StyledTabTitleButton,y(f({},te),{type:"button",ref:b,children:ee}));return e.jsxs(l.TooltipProvider,{tooltipVisible:!Q&&N,children:[e.jsx(s.default.Provider,{value:{isInTab:!0},children:re}),Q&&H&&e.jsx(d.Typography,{screenReaderOnly:!0,id:`${F}-message`,children:U})]})}));g.displayName="TabTitle",exports.default=g;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "carbon-react",
-  "version": "154.7.1",
+  "version": "154.7.3",
   "description": "A library of reusable React components for easily building user interfaces.",
   "files": [
     "lib",