carbon-react 158.46.1 → 158.46.3

package/esm/components/text-editor/__internal__/__ui__/CharacterCounter/character-counter.component.js

@@ -1 +1 @@
-import{jsxs as e,Fragment as r,jsx as t}from"react/jsx-runtime";import{useState as o,useEffect as a,useCallback as n,useMemo as c}from"react";import{useLexicalComposerContext as i}from"@lexical/react/LexicalComposerContext";import{$getRoot as l}from"lexical";import{StyledCharacterCounter as m,VisuallyHiddenCharacterCounter as s}from"./character-counter.style.js";import u from"../../../../../hooks/__internal__/useDebounce/useDebounce.js";import p from"../../../../../hooks/__internal__/useLocale/useLocale.js";const d=({isFocused:d,maxChars:h,namespace:f,marginTop:x})=>{const[_,g]=o(""),[C]=i();a((()=>{C.registerUpdateListener((({editorState:e})=>{e.read((()=>{const e=l().getChildren().map((e=>e.getTextContent())).join("\n\n");g(e)}))}))}),[C]);const j=p(),L=n((e=>new Intl.NumberFormat(j.locale()).format(e)),[j]),[b,v]=o(0),T=c((()=>{const e=h-(_?_.length:0);return e>=0?e:0}),[_,h]),k=u((e=>{v(e||0)}),2e3);return a((()=>{k(T)}),[T,k]),e(r,{children:[t(m,{"data-role":`${f}-character-limit`,marginTop:null!=x?x:"var(--spacing050)",children:j.textEditor.characterCounter(L(T))}),t(s,{id:`${f}-live-character-counter`,"aria-live":d?"polite":"off",children:j.textEditor.characterCounter(L(b))})]})};export{d as default};
+import{jsxs as e,Fragment as r,jsx as t}from"react/jsx-runtime";import{useState as o,useEffect as a,useCallback as n,useMemo as i}from"react";import{useLexicalComposerContext as c}from"@lexical/react/LexicalComposerContext";import{$getRoot as l}from"lexical";import{StyledCharacterCounter as m,VisuallyHiddenCharacterCounter as s}from"./character-counter.style.js";import d from"../../../../../hooks/__internal__/useDebounce/useDebounce.js";import u from"../../../../../hooks/__internal__/useLocale/useLocale.js";const h=({isFocused:h,maxChars:p,namespace:f,marginTop:x})=>{const[_,g]=o(""),[C]=c();a((()=>{C.registerUpdateListener((({editorState:e})=>{e.read((()=>{const e=l().getChildren().map((e=>e.getTextContent())).join("\n\n");g(e)}))}))}),[C]);const j=u(),v=n((e=>new Intl.NumberFormat(j.locale()).format(e)),[j]),[L,b]=o(p),T=i((()=>{const e=p-(_?_.length:0);return e>=0?e:0}),[_,p]),$=d((e=>{b(e||0)}),2e3);return a((()=>{$(T)}),[T,$]),e(r,{children:[t(m,{"data-role":`${f}-character-limit`,marginTop:null!=x?x:"var(--spacing050)","aria-hidden":"true",children:j.textEditor.characterCounter(v(T))}),t(s,{"data-role":`${f}-hidden-live-character-counter`,id:`${f}-hidden-live-character-counter`,"aria-live":h?"polite":"off",children:j.textEditor.characterCounter(v(L))})]})};export{h as default};

package/esm/components/text-editor/__internal__/__ui__/Toolbar/toolbar.component.js

@@ -1 +1 @@
-import{jsxs as e,Fragment as t,jsx as o}from"react/jsx-runtime";import{useLexicalComposerContext as r}from"@lexical/react/LexicalComposerContext";import{mergeRegister as n}from"@lexical/utils";import{$getSelection as i,$isRangeSelection as l,$getRoot as a,$createTextNode as s,$createParagraphNode as c,$isParagraphNode as d}from"lexical";import{useRef as p,useState as u,useCallback as m,useEffect as f}from"react";import{StyledToolbarWrapper as b,StyledToolbar as h,CommandButtons as y}from"./toolbar.style.js";import x from"../../../../button/button.component.js";import g from"../../../../../hooks/__internal__/useLocale/useLocale.js";import v from"./buttons/bold.component.js";import j from"./buttons/hyperlink.component.js";import k from"./buttons/italic.component.js";import O from"./buttons/list.component.js";import E from"./buttons/save.component.js";import w from"./buttons/typography.component.js";import F from"./buttons/underline.component.js";import D from"./button-group/button-group.component.js";import{TEXT_EDITOR_ACTION_TYPES as B}from"../../__utils__/constants.js";import{Textbox as z}from"../../../../textbox/textbox.component.js";import{$createLinkNode as P}from"@lexical/link";import{Dialog as C}from"../../../../dialog/dialog.component.js";import{Form as S}from"../../../../form/form.component.js";import"../../../../form/required-fields-indicator/required-fields-indicator.component.js";import{Box as L}from"../../../../box/box.component.js";import{Typography as $}from"../../../../typography/typography.component.js";function A(e,t,o){return t in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e}function I(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{},r=Object.keys(o);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(o).filter((function(e){return Object.getOwnPropertyDescriptor(o,e).enumerable})))),r.forEach((function(t){A(e,t,o[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 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}const T=({contentEditorRef:A,namespace:T,hasHeader:W,onCancel:q,onSave:H,size:M="medium",toolbarControls:R=["typography","bold","italic","underline","unordered-list","ordered-list","link"]})=>{var U,K,N,G,J,Q;const[V]=r(),X=V.isEditable(),Y=p(null),[Z,ee]=u(!1),[te,oe]=u(!1),[re,ne]=u(!1),[ie,le]=u(!1),[ae,se]=u(!1),[ce,de]=u(-1),[pe,ue]=u(""),[me,fe]=u(""),[be,he]=u(!1),[ye,xe]=u(!1),ge=p(null),ve=p(null),je=g(),ke=R.includes("typography"),Oe=R.includes("bold")||R.includes("italic")||R.includes("underline"),Ee=R.includes("unordered-list")||R.includes("ordered-list"),we=R.includes("link"),Fe=m((()=>{const e=i();l(e)&&(ee(e.hasFormat(B.Bold)),oe(e.hasFormat(B.Italic)),ne(e.hasFormat(B.Underline)))}),[]);f((()=>n(V.registerUpdateListener((({editorState:e})=>{e.read((()=>{V.isEditable()&&Fe()}))})))),[Fe,V]),f((()=>{ie&&V.read((()=>{const e=i();if(l(e)){const t=e.getTextContent();ue(t)}}))}),[ie,V]);const De=()=>{ue(""),fe(""),he(!1),xe(!1),le(!1)};return X?e(b,{"data-role":`${T}-toolbar-wrapper`,hasHeader:W,id:`${T}-toolbar-wrapper`,size:M,children:[e(h,{role:"toolbar","aria-label":je.textEditor.toolbarAriaLabel(),"data-role":`${T}-toolbar`,id:`${T}-toolbar`,ref:Y,onKeyDown:e=>{var t,o;if(0===R.length||!Y.current)return;const r=Array.from(null===(t=Y.current)||void 0===t?void 0:t.querySelectorAll("button.toolbar-button"));if(!r.length)return;const n=r.findIndex((e=>{var t;return e.id===(null===(t=document.activeElement)||void 0===t?void 0:t.id)}));let i=-1;switch(e.key){case"ArrowRight":e.preventDefault(),ae||(i=n<r.length-1?n+1:0);break;case"ArrowLeft":e.preventDefault(),ae||(i=n>0?n-1:r.length-1);break;case"Home":e.preventDefault(),i=0;break;case"End":e.preventDefault(),i=r.length-1;break;default:return}r.forEach(((e,t)=>{e.tabIndex=t===i?0:-1})),i>-1&&(null===(o=r[i])||void 0===o||o.focus())},tabIndex:-1,children:[e(t,{children:[ke&&o(D,{name:"typography-formatting-buttons",namespace:T,showDivider:Oe||Ee||we,children:o(w,{contentEditorRef:A,namespace:T,isFirstButton:!0,isOpen:ae,setIsOpen:se,focusedIndex:ce,setFocusedIndex:de,size:M})}),Oe&&e(D,{name:"text-formatting-buttons",namespace:T,showDivider:Ee||we,children:[R.includes("bold")&&o(v,{isActive:Z,namespace:T,isFirstButton:!ke,size:M}),R.includes("italic")&&o(k,{isActive:te,namespace:T,isFirstButton:!ke&&!R.includes("bold"),size:M}),R.includes("underline")&&o(F,{isActive:re,namespace:T,isFirstButton:!ke&&!R.includes("bold")&&!R.includes("italic"),size:M})]}),Ee&&o(D,{name:"list-formatting-buttons",namespace:T,showDivider:we,children:o(O,{namespace:T,olIsFirstButton:!ke&&!Oe&&!R.includes("unordered-list"),showOL:R.includes("ordered-list"),showUL:R.includes("unordered-list"),ulIsFirstButton:!ke&&!Oe,size:M})}),we&&o(D,{name:"hyperlink-formatting-buttons",namespace:T,showDivider:!1,children:o(j,{namespace:T,isFirstButton:!ke&&!Oe&&!Ee,setDialogOpen:le,size:M})})]}),o(C,{open:ie,onCancel:()=>{De()},title:je.textEditor.hyperlink.dialogTitle(),"data-role":`${T}-hyperlink-dialog`,"aria-label":je.textEditor.hyperlink.dialogTitle(),size:"medium-small",children:o(S,{leftSideButtons:o(x,{"data-role":`${T}-hyperlink-cancel-button`,onClick:()=>{De()},children:je.textEditor.cancelButton()}),saveButton:o(x,{buttonType:"primary",type:"submit","data-role":`${T}-hyperlink-save-button`,children:je.textEditor.saveButton()}),onSubmit:e=>{e.preventDefault();const t=!pe.trim(),o=!me.trim();var r,n;(he(t),xe(o),t||o)?t?null===(r=ge.current)||void 0===r||r.focus():null===(n=ve.current)||void 0===n||n.focus():V.isEditable()&&(V.update((()=>{const e=a(),t=e.getChildrenSize(),o=i(),r=P(me);if(r.append(s(pe)),0===t){const t=c();t.append(r),e.append(t),t.selectEnd()}else if(l(o))o.insertNodes([r]);else{const t=e.getLastChild();d(t)&&t.append(r)}})),De())},children:e(L,{display:"flex",flexDirection:"column",gap:"16px",children:[e($,{fontSize:"14px",fontWeight:"500",lineHeight:"21px",children:[o($,{as:"span",color:"#FF0000",children:"*"})," ",null===(U=(K=je.textEditor.hyperlink).formKey)||void 0===U?void 0:U.call(K)]}),e(L,{display:"flex",gap:"24px",flexWrap:"wrap",children:[o(L,{flex:"1 1 200px",minWidth:"200px",maxWidth:"560px",children:o(z,_(I({label:je.textEditor.hyperlink.textFieldLabel(),name:"text",required:!0,validationMessagePositionTop:!1},be&&{error:null===(N=(G=je.textEditor.hyperlink).textFieldErrorMessage)||void 0===N?void 0:N.call(G)}),{"data-role":`${T}-hyperlink-text-field`,value:pe,ref:ge,onChange:e=>{ue(e.target.value),he(!1)}}))}),o(L,{flex:"1 1 200px",minWidth:"200px",maxWidth:"560px",children:o(z,_(I({label:je.textEditor.hyperlink.linkFieldLabel(),name:"link",required:!0,validationMessagePositionTop:!1},ye&&{error:null===(J=(Q=je.textEditor.hyperlink).linkFieldErrorMessage)||void 0===J?void 0:J.call(Q)}),{"data-role":`${T}-hyperlink-link-field`,value:me,ref:ve,onChange:e=>{fe(e.target.value),xe(!1)}}))})]})]})})})]}),e(y,{"data-role":`${T}-command-buttons`,children:[q&&o(x,{buttonType:"tertiary","data-role":`${T}-cancel-button`,"aria-label":je.textEditor.cancelButtonAria(),onClick:()=>null==q?void 0:q(V),size:M,className:"command-button",children:je.textEditor.cancelButton()}),H&&o(E,{namespace:T,onSave:H,size:M})]})]}):null};export{T as default};
+import{jsxs as e,Fragment as t,jsx as o}from"react/jsx-runtime";import{useLexicalComposerContext as r}from"@lexical/react/LexicalComposerContext";import{mergeRegister as n}from"@lexical/utils";import{$getSelection as i,$isRangeSelection as l,$getRoot as a,$createTextNode as s,$createParagraphNode as c,$isParagraphNode as d}from"lexical";import{useRef as p,useState as u,useCallback as m,useEffect as f}from"react";import{StyledToolbarWrapper as b,StyledToolbar as h,CommandButtons as y}from"./toolbar.style.js";import x from"../../../../button/button.component.js";import g from"../../../../../hooks/__internal__/useLocale/useLocale.js";import v from"./buttons/bold.component.js";import j from"./buttons/hyperlink.component.js";import k from"./buttons/italic.component.js";import O from"./buttons/list.component.js";import E from"./buttons/save.component.js";import w from"./buttons/typography.component.js";import F from"./buttons/underline.component.js";import D from"./button-group/button-group.component.js";import{TEXT_EDITOR_ACTION_TYPES as B}from"../../__utils__/constants.js";import{Textbox as P}from"../../../../textbox/textbox.component.js";import{$createLinkNode as z}from"@lexical/link";import{Dialog as C}from"../../../../dialog/dialog.component.js";import{Form as S}from"../../../../form/form.component.js";import"../../../../form/required-fields-indicator/required-fields-indicator.component.js";import{Box as L}from"../../../../box/box.component.js";import{Typography as $}from"../../../../typography/typography.component.js";function A(e,t,o){return t in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e}function I(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{},r=Object.keys(o);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(o).filter((function(e){return Object.getOwnPropertyDescriptor(o,e).enumerable})))),r.forEach((function(t){A(e,t,o[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 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}const T=({contentEditorRef:A,namespace:T,hasHeader:W,onCancel:q,onSave:H,size:M="medium",toolbarControls:R=["typography","bold","italic","underline","unordered-list","ordered-list","link"]})=>{var U,K,N,G,J,Q;const[V]=r(),X=V.isEditable(),Y=p(null),[Z,ee]=u(!1),[te,oe]=u(!1),[re,ne]=u(!1),[ie,le]=u(!1),[ae,se]=u(!1),[ce,de]=u(-1),[pe,ue]=u(""),[me,fe]=u(""),[be,he]=u(!1),[ye,xe]=u(!1),ge=p(null),ve=p(null),je=g(),ke=R.includes("typography"),Oe=R.includes("bold")||R.includes("italic")||R.includes("underline"),Ee=R.includes("unordered-list")||R.includes("ordered-list"),we=R.includes("link"),Fe=m((()=>{const e=i();l(e)&&(ee(e.hasFormat(B.Bold)),oe(e.hasFormat(B.Italic)),ne(e.hasFormat(B.Underline)))}),[]);f((()=>n(V.registerUpdateListener((({editorState:e})=>{e.read((()=>{V.isEditable()&&Fe()}))})))),[Fe,V]),f((()=>{ie&&V.read((()=>{const e=i();if(l(e)){const t=e.getTextContent();ue(t)}}))}),[ie,V]);const De=()=>{ue(""),fe(""),he(!1),xe(!1),le(!1)};return X?e(b,{"data-role":`${T}-toolbar-wrapper`,hasHeader:W,id:`${T}-toolbar-wrapper`,size:M,children:[e(h,{role:"toolbar","aria-label":je.textEditor.toolbarAriaLabel(),"data-role":`${T}-toolbar`,id:`${T}-toolbar`,ref:Y,onKeyDown:e=>{var t,o;if(0===R.length||!Y.current)return;const r=Array.from(null===(t=Y.current)||void 0===t?void 0:t.querySelectorAll("button.toolbar-button"));if(!r.length)return;const n=r.findIndex((e=>{var t;return e.id===(null===(t=document.activeElement)||void 0===t?void 0:t.id)}));let i=-1;switch(e.key){case"ArrowRight":e.preventDefault(),ae||(i=n<r.length-1?n+1:0);break;case"ArrowLeft":e.preventDefault(),ae||(i=n>0?n-1:r.length-1);break;case"Home":e.preventDefault(),i=0;break;case"End":e.preventDefault(),i=r.length-1;break;default:return}r.forEach(((e,t)=>{e.tabIndex=t===i?0:-1})),i>-1&&(null===(o=r[i])||void 0===o||o.focus())},tabIndex:-1,children:[e(t,{children:[ke&&o(D,{name:"typography-formatting-buttons",namespace:T,showDivider:Oe||Ee||we,children:o(w,{contentEditorRef:A,namespace:T,isFirstButton:!0,isOpen:ae,setIsOpen:se,focusedIndex:ce,setFocusedIndex:de,size:M})}),Oe&&e(D,{name:"text-formatting-buttons",namespace:T,showDivider:Ee||we,children:[R.includes("bold")&&o(v,{isActive:Z,namespace:T,isFirstButton:!ke,size:M}),R.includes("italic")&&o(k,{isActive:te,namespace:T,isFirstButton:!ke&&!R.includes("bold"),size:M}),R.includes("underline")&&o(F,{isActive:re,namespace:T,isFirstButton:!ke&&!R.includes("bold")&&!R.includes("italic"),size:M})]}),Ee&&o(D,{name:"list-formatting-buttons",namespace:T,showDivider:we,children:o(O,{namespace:T,olIsFirstButton:!ke&&!Oe&&!R.includes("unordered-list"),showOL:R.includes("ordered-list"),showUL:R.includes("unordered-list"),ulIsFirstButton:!ke&&!Oe,size:M})}),we&&o(D,{name:"hyperlink-formatting-buttons",namespace:T,showDivider:!1,children:o(j,{namespace:T,isFirstButton:!ke&&!Oe&&!Ee,setDialogOpen:le,size:M})})]}),o(C,{open:ie,onCancel:()=>{De()},title:je.textEditor.hyperlink.dialogTitle(),"data-role":`${T}-hyperlink-dialog`,"aria-label":je.textEditor.hyperlink.dialogTitle(),size:"medium-small",children:o(S,{leftSideButtons:o(x,{"data-role":`${T}-hyperlink-cancel-button`,onClick:()=>{De()},children:je.textEditor.cancelButton()}),saveButton:o(x,{buttonType:"primary",type:"submit","data-role":`${T}-hyperlink-save-button`,children:je.textEditor.saveButton()}),onSubmit:e=>{e.preventDefault(),e.stopPropagation();const t=!pe.trim(),o=!me.trim();var r,n;(he(t),xe(o),t||o)?t?null===(r=ge.current)||void 0===r||r.focus():null===(n=ve.current)||void 0===n||n.focus():V.isEditable()&&(V.update((()=>{const e=a(),t=e.getChildrenSize(),o=i(),r=z(me);if(r.append(s(pe)),0===t){const t=c();t.append(r),e.append(t),t.selectEnd()}else if(l(o))o.insertNodes([r]);else{const t=e.getLastChild();d(t)&&t.append(r)}})),De())},children:e(L,{display:"flex",flexDirection:"column",gap:"16px",children:[e($,{fontSize:"14px",fontWeight:"500",lineHeight:"21px",children:[o($,{as:"span",color:"#FF0000",children:"*"})," ",null===(U=(K=je.textEditor.hyperlink).formKey)||void 0===U?void 0:U.call(K)]}),e(L,{display:"flex",gap:"24px",flexWrap:"wrap",children:[o(L,{flex:"1 1 200px",minWidth:"200px",maxWidth:"560px",children:o(P,_(I({label:je.textEditor.hyperlink.textFieldLabel(),name:"text",required:!0,validationMessagePositionTop:!1},be&&{error:null===(N=(G=je.textEditor.hyperlink).textFieldErrorMessage)||void 0===N?void 0:N.call(G)}),{"data-role":`${T}-hyperlink-text-field`,value:pe,ref:ge,onChange:e=>{ue(e.target.value),he(!1)}}))}),o(L,{flex:"1 1 200px",minWidth:"200px",maxWidth:"560px",children:o(P,_(I({label:je.textEditor.hyperlink.linkFieldLabel(),name:"link",required:!0,validationMessagePositionTop:!1},ye&&{error:null===(J=(Q=je.textEditor.hyperlink).linkFieldErrorMessage)||void 0===J?void 0:J.call(Q)}),{"data-role":`${T}-hyperlink-link-field`,value:me,ref:ve,onChange:e=>{fe(e.target.value),xe(!1)}}))})]})]})})})]}),e(y,{"data-role":`${T}-command-buttons`,children:[q&&o(x,{buttonType:"tertiary","data-role":`${T}-cancel-button`,"aria-label":je.textEditor.cancelButtonAria(),onClick:()=>null==q?void 0:q(V),size:M,className:"command-button",children:je.textEditor.cancelButton()}),H&&o(E,{namespace:T,onSave:H,size:M})]})]}):null};export{T as default};

package/lib/components/text-editor/__internal__/__ui__/CharacterCounter/character-counter.component.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("@lexical/react/LexicalComposerContext"),a=require("lexical"),o=require("./character-counter.style.js"),n=require("../../../../../hooks/__internal__/useDebounce/useDebounce.js"),c=require("../../../../../hooks/__internal__/useLocale/useLocale.js");exports.default=({isFocused:s,maxChars:i,namespace:u,marginTop:l})=>{const[d,x]=r.useState(""),[h]=t.useLexicalComposerContext();r.useEffect((()=>{h.registerUpdateListener((({editorState:e})=>{e.read((()=>{const e=a.$getRoot().getChildren().map((e=>e.getTextContent())).join("\n\n");x(e)}))}))}),[h]);const m=c.default(),C=r.useCallback((e=>new Intl.NumberFormat(m.locale()).format(e)),[m]),[p,f]=r.useState(0),_=r.useMemo((()=>{const e=i-(d?d.length:0);return e>=0?e:0}),[d,i]),g=n.default((e=>{f(e||0)}),2e3);return r.useEffect((()=>{g(_)}),[_,g]),e.jsxs(e.Fragment,{children:[e.jsx(o.StyledCharacterCounter,{"data-role":`${u}-character-limit`,marginTop:null!=l?l:"var(--spacing050)",children:m.textEditor.characterCounter(C(_))}),e.jsx(o.VisuallyHiddenCharacterCounter,{id:`${u}-live-character-counter`,"aria-live":s?"polite":"off",children:m.textEditor.characterCounter(C(p))})]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("@lexical/react/LexicalComposerContext"),a=require("lexical"),o=require("./character-counter.style.js"),n=require("../../../../../hooks/__internal__/useDebounce/useDebounce.js"),c=require("../../../../../hooks/__internal__/useLocale/useLocale.js");exports.default=({isFocused:i,maxChars:s,namespace:u,marginTop:l})=>{const[d,h]=r.useState(""),[x]=t.useLexicalComposerContext();r.useEffect((()=>{x.registerUpdateListener((({editorState:e})=>{e.read((()=>{const e=a.$getRoot().getChildren().map((e=>e.getTextContent())).join("\n\n");h(e)}))}))}),[x]);const m=c.default(),C=r.useCallback((e=>new Intl.NumberFormat(m.locale()).format(e)),[m]),[p,f]=r.useState(s),_=r.useMemo((()=>{const e=s-(d?d.length:0);return e>=0?e:0}),[d,s]),g=n.default((e=>{f(e||0)}),2e3);return r.useEffect((()=>{g(_)}),[_,g]),e.jsxs(e.Fragment,{children:[e.jsx(o.StyledCharacterCounter,{"data-role":`${u}-character-limit`,marginTop:null!=l?l:"var(--spacing050)","aria-hidden":"true",children:m.textEditor.characterCounter(C(_))}),e.jsx(o.VisuallyHiddenCharacterCounter,{"data-role":`${u}-hidden-live-character-counter`,id:`${u}-hidden-live-character-counter`,"aria-live":i?"polite":"off",children:m.textEditor.characterCounter(C(p))})]})};

package/lib/components/text-editor/__internal__/__ui__/Toolbar/toolbar.component.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("@lexical/react/LexicalComposerContext"),r=require("@lexical/utils"),n=require("lexical"),o=require("react"),i=require("./toolbar.style.js"),l=require("../../../../button/button.component.js"),a=require("../../../../../hooks/__internal__/useLocale/useLocale.js"),s=require("./buttons/bold.component.js"),u=require("./buttons/hyperlink.component.js"),d=require("./buttons/italic.component.js"),c=require("./buttons/list.component.js"),p=require("./buttons/save.component.js"),x=require("./buttons/typography.component.js"),b=require("./buttons/underline.component.js"),f=require("./button-group/button-group.component.js"),m=require("../../__utils__/constants.js"),h=require("../../../../textbox/textbox.component.js"),g=require("@lexical/link"),y=require("../../../../dialog/dialog.component.js"),j=require("../../../../form/form.component.js");require("../../../../form/required-fields-indicator/required-fields-indicator.component.js");var v=require("../../../../box/box.component.js"),E=require("../../../../typography/typography.component.js");function k(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]:{},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){k(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}exports.default=({contentEditorRef:k,namespace:q,hasHeader:T,onCancel:w,onSave:$,size:D="medium",toolbarControls:B=["typography","bold","italic","underline","unordered-list","ordered-list","link"]})=>{var C,F,P,_,I,R;const[z]=t.useLexicalComposerContext(),L=z.isEditable(),A=o.useRef(null),[N,W]=o.useState(!1),[M,H]=o.useState(!1),[U,X]=o.useState(!1),[Y,K]=o.useState(!1),[G,J]=o.useState(!1),[Q,V]=o.useState(-1),[Z,ee]=o.useState(""),[te,re]=o.useState(""),[ne,oe]=o.useState(!1),[ie,le]=o.useState(!1),ae=o.useRef(null),se=o.useRef(null),ue=a.default(),de=B.includes("typography"),ce=B.includes("bold")||B.includes("italic")||B.includes("underline"),pe=B.includes("unordered-list")||B.includes("ordered-list"),xe=B.includes("link"),be=o.useCallback((()=>{const e=n.$getSelection();n.$isRangeSelection(e)&&(W(e.hasFormat(m.TEXT_EDITOR_ACTION_TYPES.Bold)),H(e.hasFormat(m.TEXT_EDITOR_ACTION_TYPES.Italic)),X(e.hasFormat(m.TEXT_EDITOR_ACTION_TYPES.Underline)))}),[]);o.useEffect((()=>r.mergeRegister(z.registerUpdateListener((({editorState:e})=>{e.read((()=>{z.isEditable()&&be()}))})))),[be,z]),o.useEffect((()=>{Y&&z.read((()=>{const e=n.$getSelection();if(n.$isRangeSelection(e)){const t=e.getTextContent();ee(t)}}))}),[Y,z]);const fe=()=>{ee(""),re(""),oe(!1),le(!1),K(!1)};return L?e.jsxs(i.StyledToolbarWrapper,{"data-role":`${q}-toolbar-wrapper`,hasHeader:T,id:`${q}-toolbar-wrapper`,size:D,children:[e.jsxs(i.StyledToolbar,{role:"toolbar","aria-label":ue.textEditor.toolbarAriaLabel(),"data-role":`${q}-toolbar`,id:`${q}-toolbar`,ref:A,onKeyDown:e=>{var t,r;if(0===B.length||!A.current)return;const n=Array.from(null===(t=A.current)||void 0===t?void 0:t.querySelectorAll("button.toolbar-button"));if(!n.length)return;const o=n.findIndex((e=>{var t;return e.id===(null===(t=document.activeElement)||void 0===t?void 0:t.id)}));let i=-1;switch(e.key){case"ArrowRight":e.preventDefault(),G||(i=o<n.length-1?o+1:0);break;case"ArrowLeft":e.preventDefault(),G||(i=o>0?o-1:n.length-1);break;case"Home":e.preventDefault(),i=0;break;case"End":e.preventDefault(),i=n.length-1;break;default:return}n.forEach(((e,t)=>{e.tabIndex=t===i?0:-1})),i>-1&&(null===(r=n[i])||void 0===r||r.focus())},tabIndex:-1,children:[e.jsxs(e.Fragment,{children:[de&&e.jsx(f.default,{name:"typography-formatting-buttons",namespace:q,showDivider:ce||pe||xe,children:e.jsx(x.default,{contentEditorRef:k,namespace:q,isFirstButton:!0,isOpen:G,setIsOpen:J,focusedIndex:Q,setFocusedIndex:V,size:D})}),ce&&e.jsxs(f.default,{name:"text-formatting-buttons",namespace:q,showDivider:pe||xe,children:[B.includes("bold")&&e.jsx(s.default,{isActive:N,namespace:q,isFirstButton:!de,size:D}),B.includes("italic")&&e.jsx(d.default,{isActive:M,namespace:q,isFirstButton:!de&&!B.includes("bold"),size:D}),B.includes("underline")&&e.jsx(b.default,{isActive:U,namespace:q,isFirstButton:!de&&!B.includes("bold")&&!B.includes("italic"),size:D})]}),pe&&e.jsx(f.default,{name:"list-formatting-buttons",namespace:q,showDivider:xe,children:e.jsx(c.default,{namespace:q,olIsFirstButton:!de&&!ce&&!B.includes("unordered-list"),showOL:B.includes("ordered-list"),showUL:B.includes("unordered-list"),ulIsFirstButton:!de&&!ce,size:D})}),xe&&e.jsx(f.default,{name:"hyperlink-formatting-buttons",namespace:q,showDivider:!1,children:e.jsx(u.default,{namespace:q,isFirstButton:!de&&!ce&&!pe,setDialogOpen:K,size:D})})]}),e.jsx(y.Dialog,{open:Y,onCancel:()=>{fe()},title:ue.textEditor.hyperlink.dialogTitle(),"data-role":`${q}-hyperlink-dialog`,"aria-label":ue.textEditor.hyperlink.dialogTitle(),size:"medium-small",children:e.jsx(j.Form,{leftSideButtons:e.jsx(l.default,{"data-role":`${q}-hyperlink-cancel-button`,onClick:()=>{fe()},children:ue.textEditor.cancelButton()}),saveButton:e.jsx(l.default,{buttonType:"primary",type:"submit","data-role":`${q}-hyperlink-save-button`,children:ue.textEditor.saveButton()}),onSubmit:e=>{e.preventDefault();const t=!Z.trim(),r=!te.trim();var o,i;(oe(t),le(r),t||r)?t?null===(o=ae.current)||void 0===o||o.focus():null===(i=se.current)||void 0===i||i.focus():z.isEditable()&&(z.update((()=>{const e=n.$getRoot(),t=e.getChildrenSize(),r=n.$getSelection(),o=g.$createLinkNode(te);if(o.append(n.$createTextNode(Z)),0===t){const t=n.$createParagraphNode();t.append(o),e.append(t),t.selectEnd()}else if(n.$isRangeSelection(r))r.insertNodes([o]);else{const t=e.getLastChild();n.$isParagraphNode(t)&&t.append(o)}})),fe())},children:e.jsxs(v.Box,{display:"flex",flexDirection:"column",gap:"16px",children:[e.jsxs(E.Typography,{fontSize:"14px",fontWeight:"500",lineHeight:"21px",children:[e.jsx(E.Typography,{as:"span",color:"#FF0000",children:"*"})," ",null===(C=(F=ue.textEditor.hyperlink).formKey)||void 0===C?void 0:C.call(F)]}),e.jsxs(v.Box,{display:"flex",gap:"24px",flexWrap:"wrap",children:[e.jsx(v.Box,{flex:"1 1 200px",minWidth:"200px",maxWidth:"560px",children:e.jsx(h.Textbox,S(O({label:ue.textEditor.hyperlink.textFieldLabel(),name:"text",required:!0,validationMessagePositionTop:!1},ne&&{error:null===(P=(_=ue.textEditor.hyperlink).textFieldErrorMessage)||void 0===P?void 0:P.call(_)}),{"data-role":`${q}-hyperlink-text-field`,value:Z,ref:ae,onChange:e=>{ee(e.target.value),oe(!1)}}))}),e.jsx(v.Box,{flex:"1 1 200px",minWidth:"200px",maxWidth:"560px",children:e.jsx(h.Textbox,S(O({label:ue.textEditor.hyperlink.linkFieldLabel(),name:"link",required:!0,validationMessagePositionTop:!1},ie&&{error:null===(I=(R=ue.textEditor.hyperlink).linkFieldErrorMessage)||void 0===I?void 0:I.call(R)}),{"data-role":`${q}-hyperlink-link-field`,value:te,ref:se,onChange:e=>{re(e.target.value),le(!1)}}))})]})]})})})]}),e.jsxs(i.CommandButtons,{"data-role":`${q}-command-buttons`,children:[w&&e.jsx(l.default,{buttonType:"tertiary","data-role":`${q}-cancel-button`,"aria-label":ue.textEditor.cancelButtonAria(),onClick:()=>null==w?void 0:w(z),size:D,className:"command-button",children:ue.textEditor.cancelButton()}),$&&e.jsx(p.default,{namespace:q,onSave:$,size:D})]})]}):null};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("@lexical/react/LexicalComposerContext"),r=require("@lexical/utils"),n=require("lexical"),o=require("react"),i=require("./toolbar.style.js"),l=require("../../../../button/button.component.js"),a=require("../../../../../hooks/__internal__/useLocale/useLocale.js"),s=require("./buttons/bold.component.js"),u=require("./buttons/hyperlink.component.js"),d=require("./buttons/italic.component.js"),c=require("./buttons/list.component.js"),p=require("./buttons/save.component.js"),x=require("./buttons/typography.component.js"),b=require("./buttons/underline.component.js"),f=require("./button-group/button-group.component.js"),m=require("../../__utils__/constants.js"),h=require("../../../../textbox/textbox.component.js"),g=require("@lexical/link"),y=require("../../../../dialog/dialog.component.js"),j=require("../../../../form/form.component.js");require("../../../../form/required-fields-indicator/required-fields-indicator.component.js");var v=require("../../../../box/box.component.js"),E=require("../../../../typography/typography.component.js");function k(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]:{},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){k(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}exports.default=({contentEditorRef:k,namespace:q,hasHeader:T,onCancel:w,onSave:$,size:D="medium",toolbarControls:P=["typography","bold","italic","underline","unordered-list","ordered-list","link"]})=>{var B,C,F,_,I,R;const[z]=t.useLexicalComposerContext(),L=z.isEditable(),A=o.useRef(null),[N,W]=o.useState(!1),[M,H]=o.useState(!1),[U,X]=o.useState(!1),[Y,K]=o.useState(!1),[G,J]=o.useState(!1),[Q,V]=o.useState(-1),[Z,ee]=o.useState(""),[te,re]=o.useState(""),[ne,oe]=o.useState(!1),[ie,le]=o.useState(!1),ae=o.useRef(null),se=o.useRef(null),ue=a.default(),de=P.includes("typography"),ce=P.includes("bold")||P.includes("italic")||P.includes("underline"),pe=P.includes("unordered-list")||P.includes("ordered-list"),xe=P.includes("link"),be=o.useCallback((()=>{const e=n.$getSelection();n.$isRangeSelection(e)&&(W(e.hasFormat(m.TEXT_EDITOR_ACTION_TYPES.Bold)),H(e.hasFormat(m.TEXT_EDITOR_ACTION_TYPES.Italic)),X(e.hasFormat(m.TEXT_EDITOR_ACTION_TYPES.Underline)))}),[]);o.useEffect((()=>r.mergeRegister(z.registerUpdateListener((({editorState:e})=>{e.read((()=>{z.isEditable()&&be()}))})))),[be,z]),o.useEffect((()=>{Y&&z.read((()=>{const e=n.$getSelection();if(n.$isRangeSelection(e)){const t=e.getTextContent();ee(t)}}))}),[Y,z]);const fe=()=>{ee(""),re(""),oe(!1),le(!1),K(!1)};return L?e.jsxs(i.StyledToolbarWrapper,{"data-role":`${q}-toolbar-wrapper`,hasHeader:T,id:`${q}-toolbar-wrapper`,size:D,children:[e.jsxs(i.StyledToolbar,{role:"toolbar","aria-label":ue.textEditor.toolbarAriaLabel(),"data-role":`${q}-toolbar`,id:`${q}-toolbar`,ref:A,onKeyDown:e=>{var t,r;if(0===P.length||!A.current)return;const n=Array.from(null===(t=A.current)||void 0===t?void 0:t.querySelectorAll("button.toolbar-button"));if(!n.length)return;const o=n.findIndex((e=>{var t;return e.id===(null===(t=document.activeElement)||void 0===t?void 0:t.id)}));let i=-1;switch(e.key){case"ArrowRight":e.preventDefault(),G||(i=o<n.length-1?o+1:0);break;case"ArrowLeft":e.preventDefault(),G||(i=o>0?o-1:n.length-1);break;case"Home":e.preventDefault(),i=0;break;case"End":e.preventDefault(),i=n.length-1;break;default:return}n.forEach(((e,t)=>{e.tabIndex=t===i?0:-1})),i>-1&&(null===(r=n[i])||void 0===r||r.focus())},tabIndex:-1,children:[e.jsxs(e.Fragment,{children:[de&&e.jsx(f.default,{name:"typography-formatting-buttons",namespace:q,showDivider:ce||pe||xe,children:e.jsx(x.default,{contentEditorRef:k,namespace:q,isFirstButton:!0,isOpen:G,setIsOpen:J,focusedIndex:Q,setFocusedIndex:V,size:D})}),ce&&e.jsxs(f.default,{name:"text-formatting-buttons",namespace:q,showDivider:pe||xe,children:[P.includes("bold")&&e.jsx(s.default,{isActive:N,namespace:q,isFirstButton:!de,size:D}),P.includes("italic")&&e.jsx(d.default,{isActive:M,namespace:q,isFirstButton:!de&&!P.includes("bold"),size:D}),P.includes("underline")&&e.jsx(b.default,{isActive:U,namespace:q,isFirstButton:!de&&!P.includes("bold")&&!P.includes("italic"),size:D})]}),pe&&e.jsx(f.default,{name:"list-formatting-buttons",namespace:q,showDivider:xe,children:e.jsx(c.default,{namespace:q,olIsFirstButton:!de&&!ce&&!P.includes("unordered-list"),showOL:P.includes("ordered-list"),showUL:P.includes("unordered-list"),ulIsFirstButton:!de&&!ce,size:D})}),xe&&e.jsx(f.default,{name:"hyperlink-formatting-buttons",namespace:q,showDivider:!1,children:e.jsx(u.default,{namespace:q,isFirstButton:!de&&!ce&&!pe,setDialogOpen:K,size:D})})]}),e.jsx(y.Dialog,{open:Y,onCancel:()=>{fe()},title:ue.textEditor.hyperlink.dialogTitle(),"data-role":`${q}-hyperlink-dialog`,"aria-label":ue.textEditor.hyperlink.dialogTitle(),size:"medium-small",children:e.jsx(j.Form,{leftSideButtons:e.jsx(l.default,{"data-role":`${q}-hyperlink-cancel-button`,onClick:()=>{fe()},children:ue.textEditor.cancelButton()}),saveButton:e.jsx(l.default,{buttonType:"primary",type:"submit","data-role":`${q}-hyperlink-save-button`,children:ue.textEditor.saveButton()}),onSubmit:e=>{e.preventDefault(),e.stopPropagation();const t=!Z.trim(),r=!te.trim();var o,i;(oe(t),le(r),t||r)?t?null===(o=ae.current)||void 0===o||o.focus():null===(i=se.current)||void 0===i||i.focus():z.isEditable()&&(z.update((()=>{const e=n.$getRoot(),t=e.getChildrenSize(),r=n.$getSelection(),o=g.$createLinkNode(te);if(o.append(n.$createTextNode(Z)),0===t){const t=n.$createParagraphNode();t.append(o),e.append(t),t.selectEnd()}else if(n.$isRangeSelection(r))r.insertNodes([o]);else{const t=e.getLastChild();n.$isParagraphNode(t)&&t.append(o)}})),fe())},children:e.jsxs(v.Box,{display:"flex",flexDirection:"column",gap:"16px",children:[e.jsxs(E.Typography,{fontSize:"14px",fontWeight:"500",lineHeight:"21px",children:[e.jsx(E.Typography,{as:"span",color:"#FF0000",children:"*"})," ",null===(B=(C=ue.textEditor.hyperlink).formKey)||void 0===B?void 0:B.call(C)]}),e.jsxs(v.Box,{display:"flex",gap:"24px",flexWrap:"wrap",children:[e.jsx(v.Box,{flex:"1 1 200px",minWidth:"200px",maxWidth:"560px",children:e.jsx(h.Textbox,S(O({label:ue.textEditor.hyperlink.textFieldLabel(),name:"text",required:!0,validationMessagePositionTop:!1},ne&&{error:null===(F=(_=ue.textEditor.hyperlink).textFieldErrorMessage)||void 0===F?void 0:F.call(_)}),{"data-role":`${q}-hyperlink-text-field`,value:Z,ref:ae,onChange:e=>{ee(e.target.value),oe(!1)}}))}),e.jsx(v.Box,{flex:"1 1 200px",minWidth:"200px",maxWidth:"560px",children:e.jsx(h.Textbox,S(O({label:ue.textEditor.hyperlink.linkFieldLabel(),name:"link",required:!0,validationMessagePositionTop:!1},ie&&{error:null===(I=(R=ue.textEditor.hyperlink).linkFieldErrorMessage)||void 0===I?void 0:I.call(R)}),{"data-role":`${q}-hyperlink-link-field`,value:te,ref:se,onChange:e=>{re(e.target.value),le(!1)}}))})]})]})})})]}),e.jsxs(i.CommandButtons,{"data-role":`${q}-command-buttons`,children:[w&&e.jsx(l.default,{buttonType:"tertiary","data-role":`${q}-cancel-button`,"aria-label":ue.textEditor.cancelButtonAria(),onClick:()=>null==w?void 0:w(z),size:D,className:"command-button",children:ue.textEditor.cancelButton()}),$&&e.jsx(p.default,{namespace:q,onSave:$,size:D})]})]}):null};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "carbon-react",
-  "version": "158.46.1",
+  "version": "158.46.3",
   "description": "A library of reusable React components for easily building user interfaces.",
   "files": [
     "lib",
@@ -109,7 +109,6 @@
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.3.0",
     "@testing-library/user-event": "^14.5.2",
-    "@types/crypto-js": "^4.2.1",
     "@types/glob": "^8.1.0",
     "@types/invariant": "^2.2.37",
     "@types/jest": "^29.5.0",
@@ -188,7 +187,7 @@
     "ts-morph": "^27.0.2",
     "typescript": "^5.8.3",
     "url-loader": "^4.1.1",
-    "uuid": "^8.3.2",
+    "uuid": "^14.0.0",
     "vite": "^6.3.4",
     "vite-plugin-static-copy": "^3.1.2"
   },
@@ -205,7 +204,6 @@
     "@tanstack/react-virtual": "^3.13.12",
     "@types/styled-system": "^5.1.22",
     "chalk": "^4.1.2",
-    "crypto-js": "^4.2.0",
     "date-fns": "^4.1.0",
     "invariant": "^2.2.4",
     "lexical": "0.38.2",
@@ -221,7 +219,8 @@
   },
   "overrides": {
     "playwright-core": "$@playwright/experimental-ct-react",
-    "jsdom": "$jsdom"
+    "jsdom": "$jsdom",
+    "uuid": "^14.0.0"
   },
   "lint-staged": {
     "./**/*.{js,jsx,ts,tsx}": [