carbon-react 158.12.0 → 158.13.0

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

@@ -2,6 +2,8 @@ import React from "react";
 import { MarginProps } from "styled-system";
 import { TagProps } from "../../__internal__/utils/helpers/tags";
 export interface NoteProps extends MarginProps, TagProps {
+    /** The aria-label to be used when no title is present */
+    "aria-label"?: string;
     /** Adds a created on date to the Note footer */
     createdDate: string;
     /** renders a control for the Note */
@@ -24,5 +26,5 @@ export interface NoteProps extends MarginProps, TagProps {
     /** Set a percentage-based width for the whole Note component, relative to its parent. */
     width?: number;
 }
-export declare const Note: ({ createdDate, inlineControl, name, noteContent, onLinkAdded, previews, status, title, width, ...rest }: NoteProps) => React.JSX.Element;
+export declare const Note: ({ "aria-label": ariaLabel, createdDate, inlineControl, name, noteContent, onLinkAdded, previews, status, title, width, ...rest }: NoteProps) => React.JSX.Element;
 export default Note;

package/esm/components/note/note.component.js

@@ -1 +1 @@
-import{jsx as e,jsxs as t}from"react/jsx-runtime";import o from"react";import n from"invariant";import{StyledNote as r,StyledNoteMain as i,StyledNoteContent as p,StyledTitleWrapper as a,StyledInlineControl as c,StyledFooter as l,StyledFooterContent as m}from"./note.style.js";import s from"./__internal__/status-icon/status-icon.component.js";import{ActionPopover as d}from"../action-popover/action-popover.component.js";import"../action-popover/action-popover-menu/action-popover-menu.component.js";import"../action-popover/action-popover-item/action-popover-item.component.js";import"../action-popover/action-popover-menu-button/action-popover-menu-button.component.js";import"../action-popover/action-popover-divider/action-popover-divider.component.js";import u from"../text-editor/__internal__/__ui__/ReadOnlyEditor/read-only-rte.component.js";import f from"../text-editor/text-editor.context.js";import{LinkPreview as h}from"../link-preview/link-preview.component.js";import{Typography as v}from"../typography/typography.component.js";import y from"../../__internal__/utils/helpers/tags/tags.js";function b(e,t,o){return t in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e}function j(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){b(e,t,o[t])}))}return e}const O=b=>{var O,g,{createdDate:w,inlineControl:P,name:_,noteContent:x,onLinkAdded:k,previews:C,status:S,title:E,width:N=100}=b,D=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}(b,["createdDate","inlineControl","name","noteContent","onLinkAdded","previews","status","title","width"]);return n(N>0,"<Note> width must be greater than 0"),n(!P||o.isValidElement(P)&&P.type===d,"<Note> inlineControl must be an instance of <ActionPopover>"),e(f.Provider,{value:{onLinkAdded:k},children:t(r,(O=j({width:N},D,y("note",D)),g={children:[t(i,{children:[t(p,{children:[E&&("string"==typeof E?e(v,{"data-role":"note-title",fontWeight:"700",fontSize:"16px",lineHeight:"21px",paddingBottom:"16px",variant:"h3",children:E}):e(a,{children:E})),e(u,{initialValue:x,useBackgroundColor:!1})]}),P&&e(c,{children:P})]}),e(p,{children:o.Children.map(C,(e=>{return o.isValidElement(e)&&(t=e,n=h.displayName,t.type.displayName===n)?o.cloneElement(e,{as:"a",onClose:void 0}):e;var t,n}))}),w&&e(p,{hasPreview:!!o.Children.count(C),children:t(l,{"data-element":"note-footer",children:[_&&e(m,{hasName:!!_,children:_}),e(m,{hasName:!!_,children:w}),(()=>{if(!S)return null;const{text:t,timeStamp:o}=S;return e(m,{hasName:!!_,"data-component":"note-status",children:e(s,{tooltipMessage:o,children:t})})})()]})})]},g=null!=g?g:{},Object.getOwnPropertyDescriptors?Object.defineProperties(O,Object.getOwnPropertyDescriptors(g)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t.push.apply(t,o)}return t}(Object(g)).forEach((function(e){Object.defineProperty(O,e,Object.getOwnPropertyDescriptor(g,e))})),O))})};export{O as Note,O as default};
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import o from"react";import n from"invariant";import{StyledNote as r,StyledNoteMain as i,StyledNoteContent as a,StyledTitleWrapper as p,StyledInlineControl as c,StyledFooter as l,StyledFooterContent as m}from"./note.style.js";import s from"./__internal__/status-icon/status-icon.component.js";import{ActionPopover as d}from"../action-popover/action-popover.component.js";import"../action-popover/action-popover-menu/action-popover-menu.component.js";import"../action-popover/action-popover-item/action-popover-item.component.js";import"../action-popover/action-popover-menu-button/action-popover-menu-button.component.js";import"../action-popover/action-popover-divider/action-popover-divider.component.js";import u from"../text-editor/__internal__/__ui__/ReadOnlyEditor/read-only-rte.component.js";import f from"../text-editor/text-editor.context.js";import{LinkPreview as h}from"../link-preview/link-preview.component.js";import{Typography as v}from"../typography/typography.component.js";import y from"../../__internal__/utils/helpers/tags/tags.js";function b(e,t,o){return t in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e}function j(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){b(e,t,o[t])}))}return e}const O=b=>{var O,g,{"aria-label":w,createdDate:P,inlineControl:_,name:x,noteContent:k,onLinkAdded:C,previews:S,status:E,title:N,width:D=100}=b,A=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}(b,["aria-label","createdDate","inlineControl","name","noteContent","onLinkAdded","previews","status","title","width"]);return n(D>0,"<Note> width must be greater than 0"),n(!_||o.isValidElement(_)&&_.type===d,"<Note> inlineControl must be an instance of <ActionPopover>"),e(f.Provider,{value:{onLinkAdded:C},children:t(r,(O=j({width:D},A,y("note",A)),g={children:[t(i,{children:[t(a,{children:[N&&("string"==typeof N?e(v,{"data-role":"note-title",fontWeight:"700",fontSize:"16px",lineHeight:"21px",paddingBottom:"16px",variant:"h3",children:N}):e(p,{children:N})),e(u,{"aria-label":w,initialValue:k,useBackgroundColor:!1})]}),_&&e(c,{children:_})]}),e(a,{children:o.Children.map(S,(e=>{return o.isValidElement(e)&&(t=e,n=h.displayName,t.type.displayName===n)?o.cloneElement(e,{as:"a",onClose:void 0}):e;var t,n}))}),P&&e(a,{hasPreview:!!o.Children.count(S),children:t(l,{"data-element":"note-footer",children:[x&&e(m,{hasName:!!x,children:x}),e(m,{hasName:!!x,children:P}),(()=>{if(!E)return null;const{text:t,timeStamp:o}=E;return e(m,{hasName:!!x,"data-component":"note-status",children:e(s,{tooltipMessage:o,children:t})})})()]})})]},g=null!=g?g:{},Object.getOwnPropertyDescriptors?Object.defineProperties(O,Object.getOwnPropertyDescriptors(g)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t.push.apply(t,o)}return t}(Object(g)).forEach((function(e){Object.defineProperty(O,e,Object.getOwnPropertyDescriptor(g,e))})),O))})};export{O as Note,O as default};

package/esm/components/text-editor/__internal__/__nodes__/mention.node.d.ts

@@ -27,6 +27,7 @@ export declare class MentionNode extends TextNode {
         version: number;
         mention: string;
         format: number;
+        $?: Record<string, unknown> | undefined;
         detail: number;
         mode: import("lexical").TextModeType;
         style: string;

package/esm/components/text-editor/__internal__/__nodes__/styled-span.node.d.ts

@@ -71,6 +71,7 @@ export declare class StyledSpanNode extends TextNode {
         fontWeight: string;
         fontSize: string;
         lineHeight: string;
+        $?: Record<string, unknown> | undefined;
         detail: number;
         format: number;
         mode: import("lexical").TextModeType;

package/esm/components/text-editor/__internal__/__nodes__/styled-span.node.js

@@ -1 +1 @@
-import{TextNode as t}from"lexical";function e(t,e,i){return e in t?Object.defineProperty(t,e,{value:i,enumerable:!0,configurable:!0,writable:!0}):t[e]=i,t}const i={title:{weight:"700",lineHeight:"30px",size:"24px"},subtitle:{weight:"500",lineHeight:"26.25px",size:"21px"},sectionHeader:{weight:"500",lineHeight:"22.5px",size:"18px"},sectionSubheader:{weight:"500",lineHeight:"20px",size:"16px"},paragraph:{weight:"400",lineHeight:"21px",size:"14px"}};class n extends t{static getType(){return"styled-span"}static clone(t){return new n(t.__text,t.__fontWeight,t.__fontSize,t.__lineHeight,t.__key)}getFontWeight(){return this.__fontWeight}getFontSize(){return this.__fontSize}getLineHeight(){return this.__lineHeight}setFontWeight(t){this.getWritable().__fontWeight=t}setFontSize(t){this.getWritable().__fontSize=t}setLineHeight(t){this.getWritable().__lineHeight=t}getTypographyKey(){for(const t of Object.keys(i)){const{weight:e,size:n,lineHeight:r}=i[t];if(this.__fontWeight===e&&this.__fontSize===n&&this.__lineHeight===r)return t}return"paragraph"}exportDOM(){const t=document.createElement("span");return t.style.fontWeight=this.__fontWeight,t.style.fontSize=this.__fontSize,t.style.lineHeight=this.__lineHeight,t.textContent=this.getTextContent(),{element:t}}static importDOM(){return{span:t=>({conversion:()=>{const e=t.style.fontWeight||"400",i=t.style.fontSize||"14px",r=t.style.lineHeight||"21px";return{node:new n(t.textContent||"",e,i,r)}},priority:1})}}exportJSON(){return t=function(t){for(var i=1;i<arguments.length;i++){var n=null!=arguments[i]?arguments[i]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter((function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable})))),r.forEach((function(i){e(t,i,n[i])}))}return t}({},super.exportJSON()),i=null!=(i={type:"styled-span",version:1,fontWeight:this.__fontWeight,fontSize:this.__fontSize,lineHeight:this.__lineHeight})?i:{},Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(i)):function(t){var e=Object.keys(t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);e.push.apply(e,i)}return e}(Object(i)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(i,e))})),t;var t,i}static importJSON(t){return new n(t.text,t.fontWeight,t.fontSize,t.lineHeight)}createDOM(t){const e=super.createDOM(t);return e.style.fontWeight=this.__fontWeight,e.style.fontSize=this.__fontSize,e.style.lineHeight=this.__lineHeight,e}updateDOM(t,e,i){let n=super.updateDOM(t,e,i);return this.__fontWeight!==t.__fontWeight&&(e.style.fontWeight=this.__fontWeight,n=!0),this.__fontSize!==t.__fontSize&&(e.style.fontSize=this.__fontSize,n=!0),this.__lineHeight!==t.__lineHeight&&(e.style.lineHeight=this.__lineHeight,n=!0),n}static createFromOption(t,e=""){const{weight:r,size:o,lineHeight:s}=i[t];return new n(e,r,o,s)}constructor(t,i,n,r,o){super(t,o),e(this,"__fontWeight",void 0),e(this,"__fontSize",void 0),e(this,"__lineHeight",void 0),this.__fontWeight=i,this.__fontSize=n,this.__lineHeight=r}}function r(t,e,i,r){return new n(t,e,i,r)}function o(t){return t instanceof n}export{r as $createStyledSpanNode,o as $isStyledSpanNode,n as StyledSpanNode};
+import{TextNode as t}from"lexical";function e(t,e,i){return e in t?Object.defineProperty(t,e,{value:i,enumerable:!0,configurable:!0,writable:!0}):t[e]=i,t}const i={title:{weight:"700",lineHeight:"30px",size:"24px"},subtitle:{weight:"500",lineHeight:"26.25px",size:"21px"},sectionHeader:{weight:"500",lineHeight:"22.5px",size:"18px"},sectionSubheader:{weight:"500",lineHeight:"20px",size:"16px"},paragraph:{weight:"400",lineHeight:"21px",size:"14px"}};class n extends t{static getType(){return"styled-span"}static clone(t){return new n(t.__text,t.__fontWeight,t.__fontSize,t.__lineHeight,t.__key)}getFontWeight(){return this.__fontWeight}getFontSize(){return this.__fontSize}getLineHeight(){return this.__lineHeight}setFontWeight(t){this.getWritable().__fontWeight=t}setFontSize(t){this.getWritable().__fontSize=t}setLineHeight(t){this.getWritable().__lineHeight=t}getTypographyKey(){for(const t of Object.keys(i)){const{weight:e,size:n,lineHeight:r}=i[t];if(this.__fontWeight===e&&this.__fontSize===n&&this.__lineHeight===r)return t}return"paragraph"}exportDOM(){const t=document.createElement("span");return t.style.fontWeight=this.__fontWeight,t.style.fontSize=this.__fontSize,t.style.lineHeight=this.__lineHeight,t.textContent=this.getTextContent(),{element:t}}static importDOM(){return{span:t=>({conversion:()=>{const e=t.style.fontWeight||"400",i=t.style.fontSize||"14px",r=t.style.lineHeight||"21px";return{node:new n(t.textContent||"",e,i,r)}},priority:1})}}exportJSON(){return t=function(t){for(var i=1;i<arguments.length;i++){var n=null!=arguments[i]?arguments[i]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter((function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable})))),r.forEach((function(i){e(t,i,n[i])}))}return t}({},super.exportJSON()),i=null!=(i={type:"styled-span",version:1,fontWeight:this.__fontWeight,fontSize:this.__fontSize,lineHeight:this.__lineHeight})?i:{},Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(i)):function(t){var e=Object.keys(t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);e.push.apply(e,i)}return e}(Object(i)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(i,e))})),t;var t,i}static importJSON(t){return new n(t.text,t.fontWeight,t.fontSize,t.lineHeight)}createDOM(t){const e=super.createDOM(t);return e.style.fontWeight=this.__fontWeight,e.style.fontSize=this.__fontSize,e.style.lineHeight=this.__lineHeight,e}updateDOM(t,e,i){let n=super.updateDOM(this,e,i);return this.__fontWeight!==t.__fontWeight&&(e.style.fontWeight=this.__fontWeight,n=!0),this.__fontSize!==t.__fontSize&&(e.style.fontSize=this.__fontSize,n=!0),this.__lineHeight!==t.__lineHeight&&(e.style.lineHeight=this.__lineHeight,n=!0),n}static createFromOption(t,e=""){const{weight:r,size:o,lineHeight:s}=i[t];return new n(e,r,o,s)}constructor(t,i,n,r,o){super(t,o),e(this,"__fontWeight",void 0),e(this,"__fontSize",void 0),e(this,"__lineHeight",void 0),this.__fontWeight=i,this.__fontSize=n,this.__lineHeight=r}}function r(t,e,i,r){return new n(t,e,i,r)}function o(t){return t instanceof n}export{r as $createStyledSpanNode,o as $isStyledSpanNode,n as StyledSpanNode};

package/esm/components/text-editor/__internal__/__ui__/ReadOnlyEditor/read-only-rte.component.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import { TextEditorProps } from "../../__utils__/interfaces.types";
-declare const ReadOnlyEditor: ({ initialValue, namespace, size, useBackgroundColor, }: Partial<TextEditorProps> & {
+declare const ReadOnlyEditor: ({ "aria-label": ariaLabel, initialValue, namespace, size, useBackgroundColor, }: Partial<TextEditorProps> & {
     useBackgroundColor?: boolean;
 }) => React.JSX.Element;
 export default ReadOnlyEditor;

package/esm/components/text-editor/__internal__/__ui__/ReadOnlyEditor/read-only-rte.component.js

@@ -1 +1 @@
-import{jsx as e,jsxs as r}from"react/jsx-runtime";import{LexicalComposer as t}from"@lexical/react/LexicalComposer";import{ContentEditable as i}from"@lexical/react/LexicalContentEditable";import{LexicalErrorBoundary as o}from"@lexical/react/LexicalErrorBoundary";import{RichTextPlugin as a}from"@lexical/react/LexicalRichTextPlugin";import{LinkPlugin as l}from"@lexical/react/LexicalLinkPlugin";import{ClickableLinkPlugin as n}from"@lexical/react/LexicalClickableLinkPlugin";import{validateUrl as c,createFromHTML as m}from"../../__utils__/helpers.js";import{useMemo as s}from"react";import{getTheme as p}from"../../__utils__/theme.js";import{MARKDOWN_NODES as d}from"../../__utils__/constants.js";import u from"../../../../../__internal__/utils/logger/index.js";import x from"../ContentEditor/content-editor.style.js";import _ from"../../__plugins__/AutoLinker/auto-link.component.js";import"@lexical/react/LexicalComposerContext";import"@lexical/link";import"../../../text-editor.context.js";import"lexical";import"../../__plugins__/useCursorAtEnd/index.js";const f=e=>{let r;if(!e)return m("<p><br></p>");try{JSON.parse(e)&&(r=!0)}catch(e){r=!1}if(!r){if(/<[a-z][\s\S]*>/i.test(e))return m(e);const r=`<p dir="ltr"><span data-lexical-text="true">${(e=>e.replace(/((https?:\/\/)?[\w-]+(\.[\w-]+)+\.?(:\d+)?(\/\S*)?)/g,"<a href='$1'>$1</a>"))(e)}</span></p>`;return m(r)}return e},g=({initialValue:m,namespace:g="carbon-rte-readonly",size:C="medium",useBackgroundColor:L=!0})=>{const h=s((()=>({namespace:g,nodes:d,onError:e=>u.error(e.message),theme:p(),editorState:f(m),editable:!1})),[g,m]);return e(x,{namespace:g,readOnly:!0,size:C,useBackgroundColor:L,children:r(t,{initialConfig:h,children:[e(a,{contentEditable:e(i,{"data-role":`${g}-content-editor`,"aria-autocomplete":void 0,"aria-readonly":void 0}),ErrorBoundary:o}),e(l,{validateUrl:c}),e(n,{newTab:!0}),e(_,{})]})})};export{g as default};
+import{jsx as e,jsxs as r}from"react/jsx-runtime";import{LexicalComposer as t}from"@lexical/react/LexicalComposer";import{ContentEditable as i}from"@lexical/react/LexicalContentEditable";import{LexicalErrorBoundary as o}from"@lexical/react/LexicalErrorBoundary";import{RichTextPlugin as a}from"@lexical/react/LexicalRichTextPlugin";import{LinkPlugin as l}from"@lexical/react/LexicalLinkPlugin";import{ClickableLinkPlugin as n}from"@lexical/react/LexicalClickableLinkPlugin";import{validateUrl as c,createFromHTML as m}from"../../__utils__/helpers.js";import{useMemo as s}from"react";import{getTheme as p}from"../../__utils__/theme.js";import{MARKDOWN_NODES as u}from"../../__utils__/constants.js";import d from"../../../../../__internal__/utils/logger/index.js";import x from"../ContentEditor/content-editor.style.js";import _ from"../../__plugins__/AutoLinker/auto-link.component.js";import"@lexical/react/LexicalComposerContext";import"@lexical/link";import"../../../text-editor.context.js";import"lexical";import"../../__plugins__/useCursorAtEnd/index.js";const f=e=>{let r;if(!e)return m("<p><br></p>");try{JSON.parse(e)&&(r=!0)}catch(e){r=!1}if(!r){if(/<[a-z][\s\S]*>/i.test(e))return m(e);const r=`<p><span data-lexical-text="true">${(e=>e.replace(/((https?:\/\/)?[\w-]+(\.[\w-]+)+\.?(:\d+)?(\/\S*)?)/g,"<a href='$1'>$1</a>"))(e)}</span></p>`;return m(r)}return e},g=({"aria-label":m,initialValue:g,namespace:C="carbon-rte-readonly",size:L="medium",useBackgroundColor:b=!0})=>{const h=s((()=>({namespace:C,nodes:u,onError:e=>d.error(e.message),theme:p(),editorState:f(g),editable:!1})),[C,g]);return e(x,{namespace:C,readOnly:!0,size:L,useBackgroundColor:b,children:r(t,{initialConfig:h,children:[e(a,{contentEditable:e(i,{"aria-label":m,"data-role":`${C}-content-editor`,"aria-autocomplete":void 0,"aria-readonly":void 0}),ErrorBoundary:o}),e(l,{validateUrl:c}),e(n,{newTab:!0}),e(_,{})]})})};export{g as default};

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

@@ -1 +1 @@
-import{jsxs as e,Fragment as t,jsx as r}from"react/jsx-runtime";import{INSERT_ORDERED_LIST_COMMAND as n,insertList as o,INSERT_UNORDERED_LIST_COMMAND as i,REMOVE_LIST_COMMAND as l,removeList as s,ListNode as a,ListItemNode as d,$isListNode as u,$isListItemNode as c,$createListNode as f}from"@lexical/list";import{useLexicalComposerContext as m}from"@lexical/react/LexicalComposerContext";import{mergeRegister as p}from"@lexical/utils";import{COMMAND_PRIORITY_LOW as g,$getSelection as b,$isRangeSelection as h,$getNodeByKey as v}from"lexical";import{useState as y,useEffect as C,useCallback as L}from"react";import{FormattingButton as x}from"../toolbar.style.js";import _ from"../../../../../../hooks/__internal__/useLocale/useLocale.js";import{TEXT_EDITOR_ACTION_TYPES as S}from"../../../__utils__/constants.js";const E=({namespace:E,olIsFirstButton:T,showOL:A=!0,showUL:w=!0,ulIsFirstButton:P,size:k="medium"})=>{const[B]=m(),N=_(),[j,D]=y(!1),[I,$]=y(!1);C((()=>p(B.registerCommand(n,(()=>(o(B,S.OrderedList),!0)),g),B.registerCommand(i,(()=>(o(B,S.UnorderedList),!0)),g),B.registerCommand(l,(()=>(s(B),!0)),g))),[B]);const z=e=>{let t=e;for(;null!==t;){if(t instanceof d)return t;t=null==t?void 0:t.getParent()}return null},K=L((()=>{const e=b();if(!e)return D(!1),void $(!1);const t=e.getNodes();if(0===t.length)return D(!1),void $(!1);const r=t.map(z).find((e=>null!==e));if(!r)return D(!1),void $(!1);let n=r.getParent();for(;n&&!(n instanceof a);)n=n.getParent();n instanceof a?(D("number"===n.getListType()),$("bullet"===n.getListType())):(D(!1),$(!1))}),[]);C((()=>p(B.registerUpdateListener((({editorState:e})=>{e.read((()=>{B.isEditable()&&K()}))})))),[K,B]);const U=e=>{B.update((()=>{const t=b();if(!h(t))return;let r=t.anchor.getNode().getParent();for(;r&&!u(r);)r=r.getParent();if(!r)return;const n=t.getNodes().map((e=>"list"===e.getType()?e:null)).filter((e=>null!==e));if(n.length>1)return o=e,void n.forEach((e=>{B.update((()=>{e.setListType(o)}))}));var o;const i=[],l=[],s=[],a=t.getNodes().map((e=>{let t=e.getParent();if(!c(t)){const e=null==t?void 0:t.getType();if(!e||!["link","autolink"].includes(e))return null;var n;t=null!==(n=null==t?void 0:t.getParent())&&void 0!==n?n:null}const o=null==t?void 0:t.getKey();return o!==(null==r?void 0:r.getKey())?o:null})).filter((e=>null!=e)),d=r.getChildrenKeys(),m=Array.from(new Set(a)),{beforeSubset:p,subset:g,afterSubset:y}=function(e,t){let r=-1;for(let n=0;n<=e.length-t.length;n++)if(e.slice(n,n+t.length).toString()===t.toString()){r=n;break}if(-1===r)throw new Error("Subset B not found in array A");return 0===r&&t.length===e.length?{beforeSubset:[],subset:e,afterSubset:[]}:{beforeSubset:e.slice(0,r),subset:e.slice(r,r+t.length),afterSubset:e.slice(r+t.length)}}(d,m);p.forEach((e=>{const t=v(e);c(t)&&i.push(t)})),g.forEach((e=>{const t=v(e);c(t)&&l.push(t)})),y.forEach((e=>{const t=v(e);c(t)&&s.push(t)}));const C=r.getListType(),L=f(C),x=f(e),_=f(C);L.append(...i),x.append(...l),_.append(...s),L.getChildren().length>0&&r.insertBefore(L),x.getChildren().length>0&&(L.getChildren().length>0?L.insertAfter(x):r.insertBefore(x)),_.getChildren().length>0&&(x.getChildren().length>0?x.insertAfter(_):L.getChildren().length>0?L.insertAfter(_):r.insertBefore(_)),r.remove()}))};return e(t,{children:[w&&r(x,{size:k,"aria-label":N.textEditor.unorderedListAria(),onClick:()=>j?U("bullet"):void(B.isEditable()&&(I?(B.dispatchCommand(l,void 0),$(!1)):(B.dispatchCommand(i,void 0),$(!0)),D(!1))),onMouseDown:e=>e.preventDefault(),iconType:"bullet_list_dotted",buttonType:I?"primary":"tertiary",isActive:I,"aria-pressed":I,"data-role":`${E}-unordered-list-button`,id:`${E}-unordered-list-button`,tabIndex:P?0:-1,className:"toolbar-button"}),A&&r(x,{size:k,"aria-label":N.textEditor.orderedListAria(),onClick:()=>I?U("number"):void(B.isEditable()&&(j?(B.dispatchCommand(l,void 0),D(!1)):(B.dispatchCommand(n,void 0),D(!0)),$(!1))),onMouseDown:e=>e.preventDefault(),iconType:"bullet_list_numbers",buttonType:j?"primary":"tertiary",isActive:j,"aria-pressed":j,"data-role":`${E}-ordered-list-button`,id:`${E}-ordered-list-button`,tabIndex:T?0:-1,className:"toolbar-button"})]})};export{E as default};
+import{jsxs as e,Fragment as t,jsx as r}from"react/jsx-runtime";import{INSERT_ORDERED_LIST_COMMAND as n,$insertList as o,INSERT_UNORDERED_LIST_COMMAND as i,REMOVE_LIST_COMMAND as l,$removeList as s,ListNode as a,ListItemNode as d,$isListNode as u,$isListItemNode as c,$createListNode as f}from"@lexical/list";import{useLexicalComposerContext as m}from"@lexical/react/LexicalComposerContext";import{mergeRegister as p}from"@lexical/utils";import{COMMAND_PRIORITY_LOW as g,$getSelection as b,$isRangeSelection as h,$getNodeByKey as v}from"lexical";import{useState as y,useEffect as C,useCallback as L}from"react";import{FormattingButton as x}from"../toolbar.style.js";import _ from"../../../../../../hooks/__internal__/useLocale/useLocale.js";import{TEXT_EDITOR_ACTION_TYPES as S}from"../../../__utils__/constants.js";const E=({namespace:E,olIsFirstButton:T,showOL:A=!0,showUL:w=!0,ulIsFirstButton:P,size:k="medium"})=>{const[B]=m(),N=_(),[j,D]=y(!1),[I,$]=y(!1);C((()=>p(B.registerCommand(n,(()=>(o(S.OrderedList),!0)),g),B.registerCommand(i,(()=>(o(S.UnorderedList),!0)),g),B.registerCommand(l,(()=>(s(),!0)),g))),[B]);const z=e=>{let t=e;for(;null!==t;){if(t instanceof d)return t;t=null==t?void 0:t.getParent()}return null},K=L((()=>{const e=b();if(!e)return D(!1),void $(!1);const t=e.getNodes();if(0===t.length)return D(!1),void $(!1);const r=t.map(z).find((e=>null!==e));if(!r)return D(!1),void $(!1);let n=r.getParent();for(;n&&!(n instanceof a);)n=n.getParent();n instanceof a?(D("number"===n.getListType()),$("bullet"===n.getListType())):(D(!1),$(!1))}),[]);C((()=>p(B.registerUpdateListener((({editorState:e})=>{e.read((()=>{B.isEditable()&&K()}))})))),[K,B]);const U=e=>{B.update((()=>{const t=b();if(!h(t))return;let r=t.anchor.getNode().getParent();for(;r&&!u(r);)r=r.getParent();if(!r)return;const n=t.getNodes().map((e=>"list"===e.getType()?e:null)).filter((e=>null!==e));if(n.length>1)return o=e,void n.forEach((e=>{B.update((()=>{e.setListType(o)}))}));var o;const i=[],l=[],s=[],a=t.getNodes().map((e=>{let t=e.getParent();if(!c(t)){const e=null==t?void 0:t.getType();if(!e||!["link","autolink"].includes(e))return null;var n;t=null!==(n=null==t?void 0:t.getParent())&&void 0!==n?n:null}const o=null==t?void 0:t.getKey();return o!==(null==r?void 0:r.getKey())?o:null})).filter((e=>null!=e)),d=r.getChildrenKeys(),m=Array.from(new Set(a)),{beforeSubset:p,subset:g,afterSubset:y}=function(e,t){let r=-1;for(let n=0;n<=e.length-t.length;n++)if(e.slice(n,n+t.length).toString()===t.toString()){r=n;break}if(-1===r)throw new Error("Subset B not found in array A");return 0===r&&t.length===e.length?{beforeSubset:[],subset:e,afterSubset:[]}:{beforeSubset:e.slice(0,r),subset:e.slice(r,r+t.length),afterSubset:e.slice(r+t.length)}}(d,m);p.forEach((e=>{const t=v(e);c(t)&&i.push(t)})),g.forEach((e=>{const t=v(e);c(t)&&l.push(t)})),y.forEach((e=>{const t=v(e);c(t)&&s.push(t)}));const C=r.getListType(),L=f(C),x=f(e),_=f(C);L.append(...i),x.append(...l),_.append(...s),L.getChildren().length>0&&r.insertBefore(L),x.getChildren().length>0&&(L.getChildren().length>0?L.insertAfter(x):r.insertBefore(x)),_.getChildren().length>0&&(x.getChildren().length>0?x.insertAfter(_):L.getChildren().length>0?L.insertAfter(_):r.insertBefore(_)),r.remove()}))};return e(t,{children:[w&&r(x,{size:k,"aria-label":N.textEditor.unorderedListAria(),onClick:()=>j?U("bullet"):void(B.isEditable()&&(I?(B.dispatchCommand(l,void 0),$(!1)):(B.dispatchCommand(i,void 0),$(!0)),D(!1))),onMouseDown:e=>e.preventDefault(),iconType:"bullet_list_dotted",buttonType:I?"primary":"tertiary",isActive:I,"aria-pressed":I,"data-role":`${E}-unordered-list-button`,id:`${E}-unordered-list-button`,tabIndex:P?0:-1,className:"toolbar-button"}),A&&r(x,{size:k,"aria-label":N.textEditor.orderedListAria(),onClick:()=>I?U("number"):void(B.isEditable()&&(j?(B.dispatchCommand(l,void 0),D(!1)):(B.dispatchCommand(n,void 0),D(!0)),$(!1))),onMouseDown:e=>e.preventDefault(),iconType:"bullet_list_numbers",buttonType:j?"primary":"tertiary",isActive:j,"aria-pressed":j,"data-role":`${E}-ordered-list-button`,id:`${E}-ordered-list-button`,tabIndex:T?0:-1,className:"toolbar-button"})]})};export{E as default};

package/esm/components/text-editor/__internal__/__utils__/interfaces.types.d.ts

@@ -7,6 +7,8 @@ export interface TextEditorHandle {
     focus: () => void;
 }
 export interface TextEditorProps extends MarginProps, TagProps {
+    /** The aria-label to be rendered when in read-only mode */
+    "aria-label"?: string;
     /** The maximum number of characters allowed in the editor */
     characterLimit?: number;
     /** The message to be shown when the editor is in an error state */

package/esm/components/text-editor/text-editor.component.js

@@ -1 +1 @@
-import{jsx as e,jsxs as r,Fragment as t}from"react/jsx-runtime";import{LexicalComposer as n}from"@lexical/react/LexicalComposer";import{ClickableLinkPlugin as o}from"@lexical/react/LexicalClickableLinkPlugin";import{LexicalErrorBoundary as i}from"@lexical/react/LexicalErrorBoundary";import{HistoryPlugin as a}from"@lexical/react/LexicalHistoryPlugin";import{MarkdownShortcutPlugin as l}from"@lexical/react/LexicalMarkdownShortcutPlugin";import{RichTextPlugin as s}from"@lexical/react/LexicalRichTextPlugin";import{LinkPlugin as c}from"@lexical/react/LexicalLinkPlugin";import{ListPlugin as p}from"@lexical/react/LexicalListPlugin";import{OnChangePlugin as d}from"@lexical/react/LexicalOnChangePlugin";import{$getRoot as _}from"lexical";import{forwardRef as u,useRef as m,useState as f,useImperativeHandle as g,useEffect as h,useMemo as v,useCallback as b}from"react";import x from"../../__internal__/label/label.component.js";import y from"../../hooks/__internal__/useLocale/useLocale.js";import j from"../../__internal__/utils/logger/index.js";import{COMPONENT_PREFIX as w,MARKDOWN_NODES as O}from"./__internal__/__utils__/constants.js";import P from"./__internal__/__plugins__/AutoLinker/auto-link.component.js";import L from"./__internal__/__plugins__/LinkMonitor/link-monitor.plugin.js";import E from"./__internal__/__plugins__/StyledSpanEnter/styled-span-enter.plugin.js";import"./__internal__/__plugins__/useCursorAtEnd/index.js";import C from"./text-editor.context.js";import{StyledTextEditorWrapper as T,StyledWrapper as k,StyledEditorToolbarWrapper as S,StyledHeaderWrapper as M,StyledTextEditor as $,StyledFooterWrapper as B}from"./text-editor.style.js";import{createEmpty as F,SerializeLexical as H,validateUrl as z}from"./__internal__/__utils__/helpers.js";import{HintText as A}from"../../__internal__/hint-text/hint-text.component.js";import q from"../../__internal__/validation-message/validation-message.component.js";import D from"../textbox/textbox.style.js";import"../../style/utils/filter-styled-system-padding-props.js";import I from"../../style/utils/filter-styled-system-margin-props.js";import R from"../../__internal__/utils/helpers/tags/tags.js";import V from"./__internal__/__ui__/ReadOnlyEditor/read-only-rte.component.js";import{getTheme as U}from"./__internal__/__utils__/theme.js";import G from"./__internal__/__ui__/CharacterCounter/character-counter.component.js";import J from"./__internal__/__ui__/ContentEditor/content-editor.component.js";import"./__internal__/__ui__/LinkPreviewer/link-previewer.style.js";import"@lexical/react/LexicalComposerContext";import"@lexical/react/LexicalTypeaheadMenuPlugin";import"react-dom";import"./__internal__/__ui__/Mentions/constants.js";import"./__internal__/__ui__/Mentions/mentions.style.js";import"../tooltip/tooltip.component.js";import"../portrait/portrait.style.js";import K from"./__internal__/__ui__/Placeholder/placeholder.component.js";import N from"./__internal__/__ui__/Toolbar/toolbar.component.js";function Q(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function W(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},n=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),n.forEach((function(r){Q(e,r,t[r])}))}return e}let X=!1,Y=!1,Z=!1;const ee=u(((u,Q)=>{var ee,re,te,{characterLimit:ne=3e3,error:oe,footer:ie,header:ae,inputHint:le,labelText:se,namespace:ce=w,onBlur:pe,onCancel:de,onChange:_e,onFocus:ue,onLinkAdded:me,onSave:fe,placeholder:ge,previews:he=[],readOnly:ve=!1,required:be=!1,rows:xe,size:ye="medium",warning:je,customPlugins:we,validationMessagePositionTop:Oe=!1,toolbarControls:Pe}=u,Le=function(e,r){if(null==e)return{};var t,n,o=function(e,r){if(null==e)return{};var t,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)t=i[n],r.indexOf(t)>=0||(o[t]=e[t]);return o}(e,r);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)t=i[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}(u,["characterLimit","error","footer","header","inputHint","labelText","namespace","onBlur","onCancel","onChange","onFocus","onLinkAdded","onSave","placeholder","previews","readOnly","required","rows","size","warning","customPlugins","validationMessagePositionTop","toolbarControls"]);!X&&Le.value&&(X=!0,j.deprecate("`value` is deprecated in TextEditor and support will soon be removed. Please use `initialValue` instead.")),!Y&&de&&(Y=!0,j.deprecate("`onCancel` is deprecated in TextEditor and support will soon be removed. Please ensure that `TextEditor` is used as a part of a `Form` component, which will handle the cancel functionality.")),!Z&&fe&&(Z=!0,j.deprecate("`onSave` is deprecated in TextEditor and support will soon be removed. Please ensure that `TextEditor` is used as a part of a `Form` component, which will handle the save functionality."));const Ee=m(null!==(te=null!==(re=Le.initialValue)&&void 0!==re?re:Le.value)&&void 0!==te?te:F()),Ce=y(),[Te,ke]=f(void 0),Se=m(null),[Me,$e]=f(!1);g(Q,(()=>({focus(){var e;null===(e=Se.current)||void 0===e||e.focus()}})),[]),h((()=>{const e=null==Se?void 0:Se.current,r=()=>{$e(!0)},t=()=>{$e(!1)};return null==e||e.addEventListener("focus",r),null==e||e.addEventListener("blur",t),()=>{null==e||e.removeEventListener("focus",r),null==e||e.removeEventListener("blur",t)}}),[Se]);const Be=v((()=>({namespace:ce,nodes:O,onError:e=>j.error(e.message),theme:U(),editorState:Ee.current,editable:!ve})),[ce,ve]),Fe=b(((e,r)=>{const t=e.read((()=>_().getChildren().map((e=>e.getTextContent())).join("\n\n")));if(_e){const e=H(r);null==_e||_e(t,e)}if(ne>0){const e=ne-t.length;ke(e<0?Ce.textEditor.characterLimit(Math.abs(e)):void 0)}}),[ne,Ce.textEditor,_e]),He=b((e=>{if(!e.isEditable())return;if(!de)return;const r=e.parseEditorState(Ee.current);e.setEditorState(r),de()}),[de]),ze=v((()=>({namespace:ce,onCancel:de?He:void 0,onSave:fe,toolbarControls:Pe})),[He,ce,de,fe,Pe]),Ae=je||Te,qe=()=>{switch(ye){case"large":return"var(--spacing150)";case"small":return"var(--spacing050)";default:return"var(--spacing100)"}};return e(T,(De=W({"data-role":`${ce}-editor-wrapper`,onBlur:e=>{e.currentTarget.contains(e.relatedTarget)||null==pe||pe(e)},onFocus:e=>{e.currentTarget.contains(e.relatedTarget)||null==ue||ue(e)}},I(Le),R("text-editor",Le)),Ie=null!=(Ie={children:r(C.Provider,{value:{onLinkAdded:me},children:[e(x,{isRequired:be,labelId:`${ce}-label`,children:se}),le&&!ve&&e(A,{id:`${ce}-input-hint`,marginBottom:qe(),children:le}),e(n,{initialConfig:Be,children:r(k,{"data-role":`${ce}-wrapper`,children:[Oe&&r(t,{children:[e(q,{error:oe,warning:Ae,validationId:`${ce}-validation-message`,"data-role":`${ce}-validation-message`,validationMessagePositionTop:Oe}),(oe||Ae)&&e(D,{warning:!(oe||!Ae)})]}),r(S,{"data-role":`${ce}-editor-toolbar-wrapper`,error:!!oe,id:`${ce}-editor-toolbar-wrapper`,children:[ae&&e(M,{"data-role":`${ce}-header-wrapper`,children:ae}),ve?e(V,{initialValue:(null===(ee=Se.current)||void 0===ee?void 0:ee.innerHTML)||Ee.current,size:ye}):r(t,{children:[e(N,W({contentEditorRef:Se,hasHeader:Boolean(ae),size:ye},ze)),r($,{"data-role":`${ce}-editor`,error:!!oe,children:[e(s,{contentEditable:e(J,{ref:Se,inputHint:le,isFocused:Me,namespace:ce,previews:he,rows:xe,readOnly:ve,required:be,error:!!oe,warning:!!je||!!Te,validationMessagePositionTop:Oe,size:ye}),placeholder:e(K,{namespace:ce,text:ge}),ErrorBoundary:i}),e(p,{}),e(a,{}),e(l,{}),e(d,{onChange:Fe,ignoreHistoryMergeTagChange:!0,ignoreSelectionChange:!0}),e(c,{validateUrl:z}),e(o,{newTab:!0}),e(P,{}),e(E,{}),we]})]}),ie&&e(B,{"data-role":`${ce}-footer-wrapper`,size:ye,children:ie}),e(L,{})]}),!Oe&&r(t,{children:[e(q,{error:oe,warning:Ae,validationId:`${ce}-validation-message`,"data-role":`${ce}-validation-message`,validationMessagePositionTop:Oe}),(oe||Ae)&&e(D,{warning:!(oe||!Ae)})]}),ne>0&&!ve&&e(G,{isFocused:Me,maxChars:ne,namespace:ce,marginTop:qe()})]})})]})})?Ie:{},Object.getOwnPropertyDescriptors?Object.defineProperties(De,Object.getOwnPropertyDescriptors(Ie)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(Ie)).forEach((function(e){Object.defineProperty(De,e,Object.getOwnPropertyDescriptor(Ie,e))})),De));var De,Ie}));export{ee as TextEditor,ee as default};
+import{jsx as e,jsxs as r,Fragment as t}from"react/jsx-runtime";import{LexicalComposer as n}from"@lexical/react/LexicalComposer";import{ClickableLinkPlugin as o}from"@lexical/react/LexicalClickableLinkPlugin";import{LexicalErrorBoundary as i}from"@lexical/react/LexicalErrorBoundary";import{HistoryPlugin as a}from"@lexical/react/LexicalHistoryPlugin";import{MarkdownShortcutPlugin as l}from"@lexical/react/LexicalMarkdownShortcutPlugin";import{RichTextPlugin as s}from"@lexical/react/LexicalRichTextPlugin";import{LinkPlugin as c}from"@lexical/react/LexicalLinkPlugin";import{ListPlugin as p}from"@lexical/react/LexicalListPlugin";import{OnChangePlugin as d}from"@lexical/react/LexicalOnChangePlugin";import{$getRoot as _}from"lexical";import{forwardRef as u,useRef as m,useState as f,useImperativeHandle as g,useEffect as h,useMemo as v,useCallback as b}from"react";import x from"../../__internal__/label/label.component.js";import y from"../../hooks/__internal__/useLocale/useLocale.js";import j from"../../__internal__/utils/logger/index.js";import{COMPONENT_PREFIX as w,MARKDOWN_NODES as O}from"./__internal__/__utils__/constants.js";import P from"./__internal__/__plugins__/AutoLinker/auto-link.component.js";import L from"./__internal__/__plugins__/LinkMonitor/link-monitor.plugin.js";import E from"./__internal__/__plugins__/StyledSpanEnter/styled-span-enter.plugin.js";import"./__internal__/__plugins__/useCursorAtEnd/index.js";import C from"./text-editor.context.js";import{StyledTextEditorWrapper as T,StyledWrapper as k,StyledEditorToolbarWrapper as S,StyledHeaderWrapper as M,StyledTextEditor as $,StyledFooterWrapper as B}from"./text-editor.style.js";import{createEmpty as F,SerializeLexical as H,validateUrl as z}from"./__internal__/__utils__/helpers.js";import{HintText as A}from"../../__internal__/hint-text/hint-text.component.js";import q from"../../__internal__/validation-message/validation-message.component.js";import D from"../textbox/textbox.style.js";import"../../style/utils/filter-styled-system-padding-props.js";import I from"../../style/utils/filter-styled-system-margin-props.js";import R from"../../__internal__/utils/helpers/tags/tags.js";import V from"./__internal__/__ui__/ReadOnlyEditor/read-only-rte.component.js";import{getTheme as U}from"./__internal__/__utils__/theme.js";import G from"./__internal__/__ui__/CharacterCounter/character-counter.component.js";import J from"./__internal__/__ui__/ContentEditor/content-editor.component.js";import"./__internal__/__ui__/LinkPreviewer/link-previewer.style.js";import"@lexical/react/LexicalComposerContext";import"@lexical/react/LexicalTypeaheadMenuPlugin";import"react-dom";import"./__internal__/__ui__/Mentions/constants.js";import"./__internal__/__ui__/Mentions/mentions.style.js";import"../tooltip/tooltip.component.js";import"../portrait/portrait.style.js";import K from"./__internal__/__ui__/Placeholder/placeholder.component.js";import N from"./__internal__/__ui__/Toolbar/toolbar.component.js";function Q(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function W(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},n=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),n.forEach((function(r){Q(e,r,t[r])}))}return e}let X=!1,Y=!1,Z=!1;const ee=u(((u,Q)=>{var ee,re,te,{characterLimit:ne=3e3,error:oe,footer:ie,header:ae,inputHint:le,labelText:se,namespace:ce=w,onBlur:pe,onCancel:de,onChange:_e,onFocus:ue,onLinkAdded:me,onSave:fe,placeholder:ge,previews:he=[],readOnly:ve=!1,required:be=!1,rows:xe,size:ye="medium",warning:je,customPlugins:we,validationMessagePositionTop:Oe=!1,toolbarControls:Pe}=u,Le=function(e,r){if(null==e)return{};var t,n,o=function(e,r){if(null==e)return{};var t,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)t=i[n],r.indexOf(t)>=0||(o[t]=e[t]);return o}(e,r);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)t=i[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}(u,["characterLimit","error","footer","header","inputHint","labelText","namespace","onBlur","onCancel","onChange","onFocus","onLinkAdded","onSave","placeholder","previews","readOnly","required","rows","size","warning","customPlugins","validationMessagePositionTop","toolbarControls"]);!X&&Le.value&&(X=!0,j.deprecate("`value` is deprecated in TextEditor and support will soon be removed. Please use `initialValue` instead.")),!Y&&de&&(Y=!0,j.deprecate("`onCancel` is deprecated in TextEditor and support will soon be removed. Please ensure that `TextEditor` is used as a part of a `Form` component, which will handle the cancel functionality.")),!Z&&fe&&(Z=!0,j.deprecate("`onSave` is deprecated in TextEditor and support will soon be removed. Please ensure that `TextEditor` is used as a part of a `Form` component, which will handle the save functionality."));const Ee=m(null!==(te=null!==(re=Le.initialValue)&&void 0!==re?re:Le.value)&&void 0!==te?te:F()),Ce=y(),[Te,ke]=f(void 0),Se=m(null),[Me,$e]=f(!1);g(Q,(()=>({focus(){var e;null===(e=Se.current)||void 0===e||e.focus()}})),[]),h((()=>{const e=null==Se?void 0:Se.current,r=()=>{$e(!0)},t=()=>{$e(!1)};return null==e||e.addEventListener("focus",r),null==e||e.addEventListener("blur",t),()=>{null==e||e.removeEventListener("focus",r),null==e||e.removeEventListener("blur",t)}}),[Se]);const Be=v((()=>({namespace:ce,nodes:O,onError:e=>j.error(e.message),theme:U(),editorState:Ee.current,editable:!ve})),[ce,ve]),Fe=b(((e,r)=>{const t=e.read((()=>_().getChildren().map((e=>e.getTextContent())).join("\n\n")));if(_e){const e=H(r);null==_e||_e(t,e)}if(ne>0){const e=ne-t.length;ke(e<0?Ce.textEditor.characterLimit(Math.abs(e)):void 0)}}),[ne,Ce.textEditor,_e]),He=b((e=>{if(!e.isEditable())return;if(!de)return;const r=e.parseEditorState(Ee.current);e.setEditorState(r),de()}),[de]),ze=v((()=>({namespace:ce,onCancel:de?He:void 0,onSave:fe,toolbarControls:Pe})),[He,ce,de,fe,Pe]),Ae=je||Te,qe=()=>{switch(ye){case"large":return"var(--spacing150)";case"small":return"var(--spacing050)";default:return"var(--spacing100)"}};return e(T,(De=W({"data-role":`${ce}-editor-wrapper`,onBlur:e=>{e.currentTarget.contains(e.relatedTarget)||null==pe||pe(e)},onFocus:e=>{e.currentTarget.contains(e.relatedTarget)||null==ue||ue(e)}},I(Le),R("text-editor",Le)),Ie=null!=(Ie={children:r(C.Provider,{value:{onLinkAdded:me},children:[e(x,{isRequired:be,labelId:`${ce}-label`,children:se}),le&&!ve&&e(A,{id:`${ce}-input-hint`,marginBottom:qe(),children:le}),e(n,{initialConfig:Be,children:r(k,{"data-role":`${ce}-wrapper`,children:[Oe&&r(t,{children:[e(q,{error:oe,warning:Ae,validationId:`${ce}-validation-message`,"data-role":`${ce}-validation-message`,validationMessagePositionTop:Oe}),(oe||Ae)&&e(D,{warning:!(oe||!Ae)})]}),r(S,{"data-role":`${ce}-editor-toolbar-wrapper`,error:!!oe,id:`${ce}-editor-toolbar-wrapper`,children:[ae&&e(M,{"data-role":`${ce}-header-wrapper`,children:ae}),ve?e(V,{"aria-label":se,initialValue:(null===(ee=Se.current)||void 0===ee?void 0:ee.innerHTML)||Ee.current,size:ye}):r(t,{children:[e(N,W({contentEditorRef:Se,hasHeader:Boolean(ae),size:ye},ze)),r($,{"data-role":`${ce}-editor`,error:!!oe,children:[e(s,{contentEditable:e(J,{ref:Se,inputHint:le,isFocused:Me,namespace:ce,previews:he,rows:xe,readOnly:ve,required:be,error:!!oe,warning:!!je||!!Te,validationMessagePositionTop:Oe,size:ye}),placeholder:e(K,{namespace:ce,text:ge}),ErrorBoundary:i}),e(p,{}),e(a,{}),e(l,{}),e(d,{onChange:Fe,ignoreHistoryMergeTagChange:!0,ignoreSelectionChange:!0}),e(c,{validateUrl:z}),e(o,{newTab:!0}),e(P,{}),e(E,{}),we]})]}),ie&&e(B,{"data-role":`${ce}-footer-wrapper`,size:ye,children:ie}),e(L,{})]}),!Oe&&r(t,{children:[e(q,{error:oe,warning:Ae,validationId:`${ce}-validation-message`,"data-role":`${ce}-validation-message`,validationMessagePositionTop:Oe}),(oe||Ae)&&e(D,{warning:!(oe||!Ae)})]}),ne>0&&!ve&&e(G,{isFocused:Me,maxChars:ne,namespace:ce,marginTop:qe()})]})})]})})?Ie:{},Object.getOwnPropertyDescriptors?Object.defineProperties(De,Object.getOwnPropertyDescriptors(Ie)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(Ie)).forEach((function(e){Object.defineProperty(De,e,Object.getOwnPropertyDescriptor(Ie,e))})),De));var De,Ie}));export{ee as TextEditor,ee as default};

package/lib/components/note/note.component.d.ts

@@ -2,6 +2,8 @@ import React from "react";
 import { MarginProps } from "styled-system";
 import { TagProps } from "../../__internal__/utils/helpers/tags";
 export interface NoteProps extends MarginProps, TagProps {
+    /** The aria-label to be used when no title is present */
+    "aria-label"?: string;
     /** Adds a created on date to the Note footer */
     createdDate: string;
     /** renders a control for the Note */
@@ -24,5 +26,5 @@ export interface NoteProps extends MarginProps, TagProps {
     /** Set a percentage-based width for the whole Note component, relative to its parent. */
     width?: number;
 }
-export declare const Note: ({ createdDate, inlineControl, name, noteContent, onLinkAdded, previews, status, title, width, ...rest }: NoteProps) => React.JSX.Element;
+export declare const Note: ({ "aria-label": ariaLabel, createdDate, inlineControl, name, noteContent, onLinkAdded, previews, status, title, width, ...rest }: NoteProps) => React.JSX.Element;
 export default Note;

package/lib/components/note/note.component.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),n=require("invariant"),r=require("./note.style.js"),o=require("./__internal__/status-icon/status-icon.component.js"),i=require("../action-popover/action-popover.component.js");require("../action-popover/action-popover-menu/action-popover-menu.component.js"),require("../action-popover/action-popover-item/action-popover-item.component.js"),require("../action-popover/action-popover-menu-button/action-popover-menu-button.component.js"),require("../action-popover/action-popover-divider/action-popover-divider.component.js");var a=require("../text-editor/__internal__/__ui__/ReadOnlyEditor/read-only-rte.component.js"),l=require("../text-editor/text-editor.context.js"),p=require("../link-preview/link-preview.component.js"),c=require("../typography/typography.component.js"),s=require("../../__internal__/utils/helpers/tags/tags.js");function u(e){return e&&e.__esModule?e:{default:e}}var d=u(t),y=u(n);function f(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function j(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),r.forEach((function(t){f(e,t,n[t])}))}return e}const m=t=>{var n,u,{createdDate:f,inlineControl:m,name:v,noteContent:h,onLinkAdded:b,previews:O,status:x,title:g,width:w=100}=t,_=function(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},i=Object.keys(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}(t,["createdDate","inlineControl","name","noteContent","onLinkAdded","previews","status","title","width"]);return y.default(w>0,"<Note> width must be greater than 0"),y.default(!m||d.default.isValidElement(m)&&m.type===i.ActionPopover,"<Note> inlineControl must be an instance of <ActionPopover>"),e.jsx(l.default.Provider,{value:{onLinkAdded:b},children:e.jsxs(r.StyledNote,(n=j({width:w},_,s.default("note",_)),u={children:[e.jsxs(r.StyledNoteMain,{children:[e.jsxs(r.StyledNoteContent,{children:[g&&("string"==typeof g?e.jsx(c.Typography,{"data-role":"note-title",fontWeight:"700",fontSize:"16px",lineHeight:"21px",paddingBottom:"16px",variant:"h3",children:g}):e.jsx(r.StyledTitleWrapper,{children:g})),e.jsx(a.default,{initialValue:h,useBackgroundColor:!1})]}),m&&e.jsx(r.StyledInlineControl,{children:m})]}),e.jsx(r.StyledNoteContent,{children:d.default.Children.map(O,(e=>{return d.default.isValidElement(e)&&(t=e,n=p.LinkPreview.displayName,t.type.displayName===n)?d.default.cloneElement(e,{as:"a",onClose:void 0}):e;var t,n}))}),f&&e.jsx(r.StyledNoteContent,{hasPreview:!!d.default.Children.count(O),children:e.jsxs(r.StyledFooter,{"data-element":"note-footer",children:[v&&e.jsx(r.StyledFooterContent,{hasName:!!v,children:v}),e.jsx(r.StyledFooterContent,{hasName:!!v,children:f}),(()=>{if(!x)return null;const{text:t,timeStamp:n}=x;return e.jsx(r.StyledFooterContent,{hasName:!!v,"data-component":"note-status",children:e.jsx(o.default,{tooltipMessage:n,children:t})})})()]})})]},u=null!=u?u:{},Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(u)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t.push.apply(t,n)}return t}(Object(u)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(u,e))})),n))})};exports.Note=m,exports.default=m;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("invariant"),n=require("./note.style.js"),o=require("./__internal__/status-icon/status-icon.component.js"),i=require("../action-popover/action-popover.component.js");require("../action-popover/action-popover-menu/action-popover-menu.component.js"),require("../action-popover/action-popover-item/action-popover-item.component.js"),require("../action-popover/action-popover-menu-button/action-popover-menu-button.component.js"),require("../action-popover/action-popover-divider/action-popover-divider.component.js");var a=require("../text-editor/__internal__/__ui__/ReadOnlyEditor/read-only-rte.component.js"),l=require("../text-editor/text-editor.context.js"),p=require("../link-preview/link-preview.component.js"),c=require("../typography/typography.component.js"),s=require("../../__internal__/utils/helpers/tags/tags.js");function u(e){return e&&e.__esModule?e:{default:e}}var d=u(t),y=u(r);function f(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function j(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){f(e,t,r[t])}))}return e}const m=t=>{var r,u,{"aria-label":f,createdDate:m,inlineControl:v,name:h,noteContent:b,onLinkAdded:O,previews:x,status:g,title:w,width:_=100}=t,P=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}(t,["aria-label","createdDate","inlineControl","name","noteContent","onLinkAdded","previews","status","title","width"]);return y.default(_>0,"<Note> width must be greater than 0"),y.default(!v||d.default.isValidElement(v)&&v.type===i.ActionPopover,"<Note> inlineControl must be an instance of <ActionPopover>"),e.jsx(l.default.Provider,{value:{onLinkAdded:O},children:e.jsxs(n.StyledNote,(r=j({width:_},P,s.default("note",P)),u={children:[e.jsxs(n.StyledNoteMain,{children:[e.jsxs(n.StyledNoteContent,{children:[w&&("string"==typeof w?e.jsx(c.Typography,{"data-role":"note-title",fontWeight:"700",fontSize:"16px",lineHeight:"21px",paddingBottom:"16px",variant:"h3",children:w}):e.jsx(n.StyledTitleWrapper,{children:w})),e.jsx(a.default,{"aria-label":f,initialValue:b,useBackgroundColor:!1})]}),v&&e.jsx(n.StyledInlineControl,{children:v})]}),e.jsx(n.StyledNoteContent,{children:d.default.Children.map(x,(e=>{return d.default.isValidElement(e)&&(t=e,r=p.LinkPreview.displayName,t.type.displayName===r)?d.default.cloneElement(e,{as:"a",onClose:void 0}):e;var t,r}))}),m&&e.jsx(n.StyledNoteContent,{hasPreview:!!d.default.Children.count(x),children:e.jsxs(n.StyledFooter,{"data-element":"note-footer",children:[h&&e.jsx(n.StyledFooterContent,{hasName:!!h,children:h}),e.jsx(n.StyledFooterContent,{hasName:!!h,children:m}),(()=>{if(!g)return null;const{text:t,timeStamp:r}=g;return e.jsx(n.StyledFooterContent,{hasName:!!h,"data-component":"note-status",children:e.jsx(o.default,{tooltipMessage:r,children:t})})})()]})})]},u=null!=u?u:{},Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(u)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(u)).forEach((function(e){Object.defineProperty(r,e,Object.getOwnPropertyDescriptor(u,e))})),r))})};exports.Note=m,exports.default=m;

package/lib/components/text-editor/__internal__/__nodes__/mention.node.d.ts

@@ -27,6 +27,7 @@ export declare class MentionNode extends TextNode {
         version: number;
         mention: string;
         format: number;
+        $?: Record<string, unknown> | undefined;
         detail: number;
         mode: import("lexical").TextModeType;
         style: string;

package/lib/components/text-editor/__internal__/__nodes__/styled-span.node.d.ts

@@ -71,6 +71,7 @@ export declare class StyledSpanNode extends TextNode {
         fontWeight: string;
         fontSize: string;
         lineHeight: string;
+        $?: Record<string, unknown> | undefined;
         detail: number;
         format: number;
         mode: import("lexical").TextModeType;

package/lib/components/text-editor/__internal__/__nodes__/styled-span.node.js

@@ -1 +1 @@
-"use strict";var t=require("lexical");function e(t,e,i){return e in t?Object.defineProperty(t,e,{value:i,enumerable:!0,configurable:!0,writable:!0}):t[e]=i,t}const i={title:{weight:"700",lineHeight:"30px",size:"24px"},subtitle:{weight:"500",lineHeight:"26.25px",size:"21px"},sectionHeader:{weight:"500",lineHeight:"22.5px",size:"18px"},sectionSubheader:{weight:"500",lineHeight:"20px",size:"16px"},paragraph:{weight:"400",lineHeight:"21px",size:"14px"}};class n extends t.TextNode{static getType(){return"styled-span"}static clone(t){return new n(t.__text,t.__fontWeight,t.__fontSize,t.__lineHeight,t.__key)}getFontWeight(){return this.__fontWeight}getFontSize(){return this.__fontSize}getLineHeight(){return this.__lineHeight}setFontWeight(t){this.getWritable().__fontWeight=t}setFontSize(t){this.getWritable().__fontSize=t}setLineHeight(t){this.getWritable().__lineHeight=t}getTypographyKey(){for(const t of Object.keys(i)){const{weight:e,size:n,lineHeight:r}=i[t];if(this.__fontWeight===e&&this.__fontSize===n&&this.__lineHeight===r)return t}return"paragraph"}exportDOM(){const t=document.createElement("span");return t.style.fontWeight=this.__fontWeight,t.style.fontSize=this.__fontSize,t.style.lineHeight=this.__lineHeight,t.textContent=this.getTextContent(),{element:t}}static importDOM(){return{span:t=>({conversion:()=>{const e=t.style.fontWeight||"400",i=t.style.fontSize||"14px",r=t.style.lineHeight||"21px";return{node:new n(t.textContent||"",e,i,r)}},priority:1})}}exportJSON(){return t=function(t){for(var i=1;i<arguments.length;i++){var n=null!=arguments[i]?arguments[i]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter((function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable})))),r.forEach((function(i){e(t,i,n[i])}))}return t}({},super.exportJSON()),i=null!=(i={type:"styled-span",version:1,fontWeight:this.__fontWeight,fontSize:this.__fontSize,lineHeight:this.__lineHeight})?i:{},Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(i)):function(t){var e=Object.keys(t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);e.push.apply(e,i)}return e}(Object(i)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(i,e))})),t;var t,i}static importJSON(t){return new n(t.text,t.fontWeight,t.fontSize,t.lineHeight)}createDOM(t){const e=super.createDOM(t);return e.style.fontWeight=this.__fontWeight,e.style.fontSize=this.__fontSize,e.style.lineHeight=this.__lineHeight,e}updateDOM(t,e,i){let n=super.updateDOM(t,e,i);return this.__fontWeight!==t.__fontWeight&&(e.style.fontWeight=this.__fontWeight,n=!0),this.__fontSize!==t.__fontSize&&(e.style.fontSize=this.__fontSize,n=!0),this.__lineHeight!==t.__lineHeight&&(e.style.lineHeight=this.__lineHeight,n=!0),n}static createFromOption(t,e=""){const{weight:r,size:o,lineHeight:s}=i[t];return new n(e,r,o,s)}constructor(t,i,n,r,o){super(t,o),e(this,"__fontWeight",void 0),e(this,"__fontSize",void 0),e(this,"__lineHeight",void 0),this.__fontWeight=i,this.__fontSize=n,this.__lineHeight=r}}exports.$createStyledSpanNode=function(t,e,i,r){return new n(t,e,i,r)},exports.$isStyledSpanNode=function(t){return t instanceof n},exports.StyledSpanNode=n;
+"use strict";var t=require("lexical");function e(t,e,i){return e in t?Object.defineProperty(t,e,{value:i,enumerable:!0,configurable:!0,writable:!0}):t[e]=i,t}const i={title:{weight:"700",lineHeight:"30px",size:"24px"},subtitle:{weight:"500",lineHeight:"26.25px",size:"21px"},sectionHeader:{weight:"500",lineHeight:"22.5px",size:"18px"},sectionSubheader:{weight:"500",lineHeight:"20px",size:"16px"},paragraph:{weight:"400",lineHeight:"21px",size:"14px"}};class n extends t.TextNode{static getType(){return"styled-span"}static clone(t){return new n(t.__text,t.__fontWeight,t.__fontSize,t.__lineHeight,t.__key)}getFontWeight(){return this.__fontWeight}getFontSize(){return this.__fontSize}getLineHeight(){return this.__lineHeight}setFontWeight(t){this.getWritable().__fontWeight=t}setFontSize(t){this.getWritable().__fontSize=t}setLineHeight(t){this.getWritable().__lineHeight=t}getTypographyKey(){for(const t of Object.keys(i)){const{weight:e,size:n,lineHeight:r}=i[t];if(this.__fontWeight===e&&this.__fontSize===n&&this.__lineHeight===r)return t}return"paragraph"}exportDOM(){const t=document.createElement("span");return t.style.fontWeight=this.__fontWeight,t.style.fontSize=this.__fontSize,t.style.lineHeight=this.__lineHeight,t.textContent=this.getTextContent(),{element:t}}static importDOM(){return{span:t=>({conversion:()=>{const e=t.style.fontWeight||"400",i=t.style.fontSize||"14px",r=t.style.lineHeight||"21px";return{node:new n(t.textContent||"",e,i,r)}},priority:1})}}exportJSON(){return t=function(t){for(var i=1;i<arguments.length;i++){var n=null!=arguments[i]?arguments[i]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter((function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable})))),r.forEach((function(i){e(t,i,n[i])}))}return t}({},super.exportJSON()),i=null!=(i={type:"styled-span",version:1,fontWeight:this.__fontWeight,fontSize:this.__fontSize,lineHeight:this.__lineHeight})?i:{},Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(i)):function(t){var e=Object.keys(t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);e.push.apply(e,i)}return e}(Object(i)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(i,e))})),t;var t,i}static importJSON(t){return new n(t.text,t.fontWeight,t.fontSize,t.lineHeight)}createDOM(t){const e=super.createDOM(t);return e.style.fontWeight=this.__fontWeight,e.style.fontSize=this.__fontSize,e.style.lineHeight=this.__lineHeight,e}updateDOM(t,e,i){let n=super.updateDOM(this,e,i);return this.__fontWeight!==t.__fontWeight&&(e.style.fontWeight=this.__fontWeight,n=!0),this.__fontSize!==t.__fontSize&&(e.style.fontSize=this.__fontSize,n=!0),this.__lineHeight!==t.__lineHeight&&(e.style.lineHeight=this.__lineHeight,n=!0),n}static createFromOption(t,e=""){const{weight:r,size:o,lineHeight:s}=i[t];return new n(e,r,o,s)}constructor(t,i,n,r,o){super(t,o),e(this,"__fontWeight",void 0),e(this,"__fontSize",void 0),e(this,"__lineHeight",void 0),this.__fontWeight=i,this.__fontSize=n,this.__lineHeight=r}}exports.$createStyledSpanNode=function(t,e,i,r){return new n(t,e,i,r)},exports.$isStyledSpanNode=function(t){return t instanceof n},exports.StyledSpanNode=n;

package/lib/components/text-editor/__internal__/__ui__/ReadOnlyEditor/read-only-rte.component.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import { TextEditorProps } from "../../__utils__/interfaces.types";
-declare const ReadOnlyEditor: ({ initialValue, namespace, size, useBackgroundColor, }: Partial<TextEditorProps> & {
+declare const ReadOnlyEditor: ({ "aria-label": ariaLabel, initialValue, namespace, size, useBackgroundColor, }: Partial<TextEditorProps> & {
     useBackgroundColor?: boolean;
 }) => React.JSX.Element;
 export default ReadOnlyEditor;

package/lib/components/text-editor/__internal__/__ui__/ReadOnlyEditor/read-only-rte.component.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("@lexical/react/LexicalComposer"),i=require("@lexical/react/LexicalContentEditable"),t=require("@lexical/react/LexicalErrorBoundary"),a=require("@lexical/react/LexicalRichTextPlugin"),l=require("@lexical/react/LexicalLinkPlugin"),n=require("@lexical/react/LexicalClickableLinkPlugin"),o=require("../../__utils__/helpers.js"),u=require("react"),c=require("../../__utils__/theme.js"),s=require("../../__utils__/constants.js"),d=require("../../../../../__internal__/utils/logger/index.js"),x=require("../ContentEditor/content-editor.style.js"),_=require("../../__plugins__/AutoLinker/auto-link.component.js");require("@lexical/react/LexicalComposerContext"),require("@lexical/link"),require("../../../text-editor.context.js"),require("lexical"),require("../../__plugins__/useCursorAtEnd/index.js");const p=e=>{let r;if(!e)return o.createFromHTML("<p><br></p>");try{JSON.parse(e)&&(r=!0)}catch(e){r=!1}if(!r){if(/<[a-z][\s\S]*>/i.test(e))return o.createFromHTML(e);const r=`<p dir="ltr"><span data-lexical-text="true">${(e=>e.replace(/((https?:\/\/)?[\w-]+(\.[\w-]+)+\.?(:\d+)?(\/\S*)?)/g,"<a href='$1'>$1</a>"))(e)}</span></p>`;return o.createFromHTML(r)}return e};exports.default=({initialValue:m,namespace:q="carbon-rte-readonly",size:j="medium",useBackgroundColor:L=!0})=>{const g=u.useMemo((()=>({namespace:q,nodes:s.MARKDOWN_NODES,onError:e=>d.default.error(e.message),theme:c.getTheme(),editorState:p(m),editable:!1})),[q,m]);return e.jsx(x.default,{namespace:q,readOnly:!0,size:j,useBackgroundColor:L,children:e.jsxs(r.LexicalComposer,{initialConfig:g,children:[e.jsx(a.RichTextPlugin,{contentEditable:e.jsx(i.ContentEditable,{"data-role":`${q}-content-editor`,"aria-autocomplete":void 0,"aria-readonly":void 0}),ErrorBoundary:t.LexicalErrorBoundary}),e.jsx(l.LinkPlugin,{validateUrl:o.validateUrl}),e.jsx(n.ClickableLinkPlugin,{newTab:!0}),e.jsx(_.default,{})]})})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("@lexical/react/LexicalComposer"),i=require("@lexical/react/LexicalContentEditable"),t=require("@lexical/react/LexicalErrorBoundary"),a=require("@lexical/react/LexicalRichTextPlugin"),l=require("@lexical/react/LexicalLinkPlugin"),n=require("@lexical/react/LexicalClickableLinkPlugin"),o=require("../../__utils__/helpers.js"),u=require("react"),c=require("../../__utils__/theme.js"),s=require("../../__utils__/constants.js"),d=require("../../../../../__internal__/utils/logger/index.js"),x=require("../ContentEditor/content-editor.style.js"),_=require("../../__plugins__/AutoLinker/auto-link.component.js");require("@lexical/react/LexicalComposerContext"),require("@lexical/link"),require("../../../text-editor.context.js"),require("lexical"),require("../../__plugins__/useCursorAtEnd/index.js");const p=e=>{let r;if(!e)return o.createFromHTML("<p><br></p>");try{JSON.parse(e)&&(r=!0)}catch(e){r=!1}if(!r){if(/<[a-z][\s\S]*>/i.test(e))return o.createFromHTML(e);const r=`<p><span data-lexical-text="true">${(e=>e.replace(/((https?:\/\/)?[\w-]+(\.[\w-]+)+\.?(:\d+)?(\/\S*)?)/g,"<a href='$1'>$1</a>"))(e)}</span></p>`;return o.createFromHTML(r)}return e};exports.default=({"aria-label":m,initialValue:q,namespace:j="carbon-rte-readonly",size:L="medium",useBackgroundColor:g=!0})=>{const C=u.useMemo((()=>({namespace:j,nodes:s.MARKDOWN_NODES,onError:e=>d.default.error(e.message),theme:c.getTheme(),editorState:p(q),editable:!1})),[j,q]);return e.jsx(x.default,{namespace:j,readOnly:!0,size:L,useBackgroundColor:g,children:e.jsxs(r.LexicalComposer,{initialConfig:C,children:[e.jsx(a.RichTextPlugin,{contentEditable:e.jsx(i.ContentEditable,{"aria-label":m,"data-role":`${j}-content-editor`,"aria-autocomplete":void 0,"aria-readonly":void 0}),ErrorBoundary:t.LexicalErrorBoundary}),e.jsx(l.LinkPlugin,{validateUrl:o.validateUrl}),e.jsx(n.ClickableLinkPlugin,{newTab:!0}),e.jsx(_.default,{})]})})};

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("@lexical/list"),r=require("@lexical/react/LexicalComposerContext"),i=require("@lexical/utils"),n=require("lexical"),s=require("react"),o=require("../toolbar.style.js"),l=require("../../../../../../hooks/__internal__/useLocale/useLocale.js"),a=require("../../../__utils__/constants.js");exports.default=({namespace:d,olIsFirstButton:u,showOL:c=!0,showUL:g=!0,ulIsFirstButton:f,size:_="medium"})=>{const[m]=r.useLexicalComposerContext(),b=l.default(),[p,h]=s.useState(!1),[L,N]=s.useState(!1);s.useEffect((()=>i.mergeRegister(m.registerCommand(t.INSERT_ORDERED_LIST_COMMAND,(()=>(t.insertList(m,a.TEXT_EDITOR_ACTION_TYPES.OrderedList),!0)),n.COMMAND_PRIORITY_LOW),m.registerCommand(t.INSERT_UNORDERED_LIST_COMMAND,(()=>(t.insertList(m,a.TEXT_EDITOR_ACTION_TYPES.UnorderedList),!0)),n.COMMAND_PRIORITY_LOW),m.registerCommand(t.REMOVE_LIST_COMMAND,(()=>(t.removeList(m),!0)),n.COMMAND_PRIORITY_LOW))),[m]);const E=e=>{let r=e;for(;null!==r;){if(r instanceof t.ListItemNode)return r;r=null==r?void 0:r.getParent()}return null},T=s.useCallback((()=>{const e=n.$getSelection();if(!e)return h(!1),void N(!1);const r=e.getNodes();if(0===r.length)return h(!1),void N(!1);const i=r.map(E).find((e=>null!==e));if(!i)return h(!1),void N(!1);let s=i.getParent();for(;s&&!(s instanceof t.ListNode);)s=s.getParent();s instanceof t.ListNode?(h("number"===s.getListType()),N("bullet"===s.getListType())):(h(!1),N(!1))}),[]);s.useEffect((()=>i.mergeRegister(m.registerUpdateListener((({editorState:e})=>{e.read((()=>{m.isEditable()&&T()}))})))),[T,m]);const C=e=>{m.update((()=>{const r=n.$getSelection();if(!n.$isRangeSelection(r))return;let i=r.anchor.getNode().getParent();for(;i&&!t.$isListNode(i);)i=i.getParent();if(!i)return;const s=r.getNodes().map((e=>"list"===e.getType()?e:null)).filter((e=>null!==e));if(s.length>1)return o=e,void s.forEach((e=>{m.update((()=>{e.setListType(o)}))}));var o;const l=[],a=[],d=[],u=r.getNodes().map((e=>{let r=e.getParent();if(!t.$isListItemNode(r)){const e=null==r?void 0:r.getType();if(!e||!["link","autolink"].includes(e))return null;var n;r=null!==(n=null==r?void 0:r.getParent())&&void 0!==n?n:null}const s=null==r?void 0:r.getKey();return s!==(null==i?void 0:i.getKey())?s:null})).filter((e=>null!=e)),c=i.getChildrenKeys(),g=Array.from(new Set(u)),{beforeSubset:f,subset:_,afterSubset:b}=function(e,t){let r=-1;for(let i=0;i<=e.length-t.length;i++)if(e.slice(i,i+t.length).toString()===t.toString()){r=i;break}if(-1===r)throw new Error("Subset B not found in array A");return 0===r&&t.length===e.length?{beforeSubset:[],subset:e,afterSubset:[]}:{beforeSubset:e.slice(0,r),subset:e.slice(r,r+t.length),afterSubset:e.slice(r+t.length)}}(c,g);f.forEach((e=>{const r=n.$getNodeByKey(e);t.$isListItemNode(r)&&l.push(r)})),_.forEach((e=>{const r=n.$getNodeByKey(e);t.$isListItemNode(r)&&a.push(r)})),b.forEach((e=>{const r=n.$getNodeByKey(e);t.$isListItemNode(r)&&d.push(r)}));const p=i.getListType(),h=t.$createListNode(p),L=t.$createListNode(e),N=t.$createListNode(p);h.append(...l),L.append(...a),N.append(...d),h.getChildren().length>0&&i.insertBefore(h),L.getChildren().length>0&&(h.getChildren().length>0?h.insertAfter(L):i.insertBefore(L)),N.getChildren().length>0&&(L.getChildren().length>0?L.insertAfter(N):h.getChildren().length>0?h.insertAfter(N):i.insertBefore(N)),i.remove()}))};return e.jsxs(e.Fragment,{children:[g&&e.jsx(o.FormattingButton,{size:_,"aria-label":b.textEditor.unorderedListAria(),onClick:()=>p?C("bullet"):void(m.isEditable()&&(L?(m.dispatchCommand(t.REMOVE_LIST_COMMAND,void 0),N(!1)):(m.dispatchCommand(t.INSERT_UNORDERED_LIST_COMMAND,void 0),N(!0)),h(!1))),onMouseDown:e=>e.preventDefault(),iconType:"bullet_list_dotted",buttonType:L?"primary":"tertiary",isActive:L,"aria-pressed":L,"data-role":`${d}-unordered-list-button`,id:`${d}-unordered-list-button`,tabIndex:f?0:-1,className:"toolbar-button"}),c&&e.jsx(o.FormattingButton,{size:_,"aria-label":b.textEditor.orderedListAria(),onClick:()=>L?C("number"):void(m.isEditable()&&(p?(m.dispatchCommand(t.REMOVE_LIST_COMMAND,void 0),h(!1)):(m.dispatchCommand(t.INSERT_ORDERED_LIST_COMMAND,void 0),h(!0)),N(!1))),onMouseDown:e=>e.preventDefault(),iconType:"bullet_list_numbers",buttonType:p?"primary":"tertiary",isActive:p,"aria-pressed":p,"data-role":`${d}-ordered-list-button`,id:`${d}-ordered-list-button`,tabIndex:u?0:-1,className:"toolbar-button"})]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("@lexical/list"),r=require("@lexical/react/LexicalComposerContext"),i=require("@lexical/utils"),n=require("lexical"),s=require("react"),o=require("../toolbar.style.js"),l=require("../../../../../../hooks/__internal__/useLocale/useLocale.js"),a=require("../../../__utils__/constants.js");exports.default=({namespace:d,olIsFirstButton:u,showOL:c=!0,showUL:g=!0,ulIsFirstButton:f,size:_="medium"})=>{const[m]=r.useLexicalComposerContext(),b=l.default(),[p,h]=s.useState(!1),[L,N]=s.useState(!1);s.useEffect((()=>i.mergeRegister(m.registerCommand(t.INSERT_ORDERED_LIST_COMMAND,(()=>(t.$insertList(a.TEXT_EDITOR_ACTION_TYPES.OrderedList),!0)),n.COMMAND_PRIORITY_LOW),m.registerCommand(t.INSERT_UNORDERED_LIST_COMMAND,(()=>(t.$insertList(a.TEXT_EDITOR_ACTION_TYPES.UnorderedList),!0)),n.COMMAND_PRIORITY_LOW),m.registerCommand(t.REMOVE_LIST_COMMAND,(()=>(t.$removeList(),!0)),n.COMMAND_PRIORITY_LOW))),[m]);const E=e=>{let r=e;for(;null!==r;){if(r instanceof t.ListItemNode)return r;r=null==r?void 0:r.getParent()}return null},T=s.useCallback((()=>{const e=n.$getSelection();if(!e)return h(!1),void N(!1);const r=e.getNodes();if(0===r.length)return h(!1),void N(!1);const i=r.map(E).find((e=>null!==e));if(!i)return h(!1),void N(!1);let s=i.getParent();for(;s&&!(s instanceof t.ListNode);)s=s.getParent();s instanceof t.ListNode?(h("number"===s.getListType()),N("bullet"===s.getListType())):(h(!1),N(!1))}),[]);s.useEffect((()=>i.mergeRegister(m.registerUpdateListener((({editorState:e})=>{e.read((()=>{m.isEditable()&&T()}))})))),[T,m]);const C=e=>{m.update((()=>{const r=n.$getSelection();if(!n.$isRangeSelection(r))return;let i=r.anchor.getNode().getParent();for(;i&&!t.$isListNode(i);)i=i.getParent();if(!i)return;const s=r.getNodes().map((e=>"list"===e.getType()?e:null)).filter((e=>null!==e));if(s.length>1)return o=e,void s.forEach((e=>{m.update((()=>{e.setListType(o)}))}));var o;const l=[],a=[],d=[],u=r.getNodes().map((e=>{let r=e.getParent();if(!t.$isListItemNode(r)){const e=null==r?void 0:r.getType();if(!e||!["link","autolink"].includes(e))return null;var n;r=null!==(n=null==r?void 0:r.getParent())&&void 0!==n?n:null}const s=null==r?void 0:r.getKey();return s!==(null==i?void 0:i.getKey())?s:null})).filter((e=>null!=e)),c=i.getChildrenKeys(),g=Array.from(new Set(u)),{beforeSubset:f,subset:_,afterSubset:b}=function(e,t){let r=-1;for(let i=0;i<=e.length-t.length;i++)if(e.slice(i,i+t.length).toString()===t.toString()){r=i;break}if(-1===r)throw new Error("Subset B not found in array A");return 0===r&&t.length===e.length?{beforeSubset:[],subset:e,afterSubset:[]}:{beforeSubset:e.slice(0,r),subset:e.slice(r,r+t.length),afterSubset:e.slice(r+t.length)}}(c,g);f.forEach((e=>{const r=n.$getNodeByKey(e);t.$isListItemNode(r)&&l.push(r)})),_.forEach((e=>{const r=n.$getNodeByKey(e);t.$isListItemNode(r)&&a.push(r)})),b.forEach((e=>{const r=n.$getNodeByKey(e);t.$isListItemNode(r)&&d.push(r)}));const p=i.getListType(),h=t.$createListNode(p),L=t.$createListNode(e),N=t.$createListNode(p);h.append(...l),L.append(...a),N.append(...d),h.getChildren().length>0&&i.insertBefore(h),L.getChildren().length>0&&(h.getChildren().length>0?h.insertAfter(L):i.insertBefore(L)),N.getChildren().length>0&&(L.getChildren().length>0?L.insertAfter(N):h.getChildren().length>0?h.insertAfter(N):i.insertBefore(N)),i.remove()}))};return e.jsxs(e.Fragment,{children:[g&&e.jsx(o.FormattingButton,{size:_,"aria-label":b.textEditor.unorderedListAria(),onClick:()=>p?C("bullet"):void(m.isEditable()&&(L?(m.dispatchCommand(t.REMOVE_LIST_COMMAND,void 0),N(!1)):(m.dispatchCommand(t.INSERT_UNORDERED_LIST_COMMAND,void 0),N(!0)),h(!1))),onMouseDown:e=>e.preventDefault(),iconType:"bullet_list_dotted",buttonType:L?"primary":"tertiary",isActive:L,"aria-pressed":L,"data-role":`${d}-unordered-list-button`,id:`${d}-unordered-list-button`,tabIndex:f?0:-1,className:"toolbar-button"}),c&&e.jsx(o.FormattingButton,{size:_,"aria-label":b.textEditor.orderedListAria(),onClick:()=>L?C("number"):void(m.isEditable()&&(p?(m.dispatchCommand(t.REMOVE_LIST_COMMAND,void 0),h(!1)):(m.dispatchCommand(t.INSERT_ORDERED_LIST_COMMAND,void 0),h(!0)),N(!1))),onMouseDown:e=>e.preventDefault(),iconType:"bullet_list_numbers",buttonType:p?"primary":"tertiary",isActive:p,"aria-pressed":p,"data-role":`${d}-ordered-list-button`,id:`${d}-ordered-list-button`,tabIndex:u?0:-1,className:"toolbar-button"})]})};

package/lib/components/text-editor/__internal__/__utils__/interfaces.types.d.ts

@@ -7,6 +7,8 @@ export interface TextEditorHandle {
     focus: () => void;
 }
 export interface TextEditorProps extends MarginProps, TagProps {
+    /** The aria-label to be rendered when in read-only mode */
+    "aria-label"?: string;
     /** The maximum number of characters allowed in the editor */
     characterLimit?: number;
     /** The message to be shown when the editor is in an error state */

package/lib/components/text-editor/text-editor.component.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("@lexical/react/LexicalComposer"),t=require("@lexical/react/LexicalClickableLinkPlugin"),n=require("@lexical/react/LexicalErrorBoundary"),i=require("@lexical/react/LexicalHistoryPlugin"),a=require("@lexical/react/LexicalMarkdownShortcutPlugin"),l=require("@lexical/react/LexicalRichTextPlugin"),o=require("@lexical/react/LexicalLinkPlugin"),s=require("@lexical/react/LexicalListPlugin"),u=require("@lexical/react/LexicalOnChangePlugin"),c=require("lexical"),d=require("react"),_=require("../../__internal__/label/label.component.js"),p=require("../../hooks/__internal__/useLocale/useLocale.js"),x=require("../../__internal__/utils/logger/index.js"),g=require("./__internal__/__utils__/constants.js"),j=require("./__internal__/__plugins__/AutoLinker/auto-link.component.js"),f=require("./__internal__/__plugins__/LinkMonitor/link-monitor.plugin.js"),m=require("./__internal__/__plugins__/StyledSpanEnter/styled-span-enter.plugin.js");require("./__internal__/__plugins__/useCursorAtEnd/index.js");var h=require("./text-editor.context.js"),v=require("./text-editor.style.js"),b=require("./__internal__/__utils__/helpers.js"),y=require("../../__internal__/hint-text/hint-text.component.js"),q=require("../../__internal__/validation-message/validation-message.component.js"),w=require("../textbox/textbox.style.js");require("../../style/utils/filter-styled-system-padding-props.js");var P=require("../../style/utils/filter-styled-system-margin-props.js"),O=require("../../__internal__/utils/helpers/tags/tags.js"),E=require("./__internal__/__ui__/ReadOnlyEditor/read-only-rte.component.js"),L=require("./__internal__/__utils__/theme.js"),T=require("./__internal__/__ui__/CharacterCounter/character-counter.component.js"),C=require("./__internal__/__ui__/ContentEditor/content-editor.component.js");require("./__internal__/__ui__/LinkPreviewer/link-previewer.style.js"),require("@lexical/react/LexicalComposerContext"),require("@lexical/react/LexicalTypeaheadMenuPlugin"),require("react-dom"),require("./__internal__/__ui__/Mentions/constants.js"),require("./__internal__/__ui__/Mentions/mentions.style.js"),require("../tooltip/tooltip.component.js"),require("../portrait/portrait.style.js");var S=require("./__internal__/__ui__/Placeholder/placeholder.component.js"),k=require("./__internal__/__ui__/Toolbar/toolbar.component.js");function M(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function $(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},n=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),n.forEach((function(r){M(e,r,t[r])}))}return e}let F=!1,H=!1,R=!1;const B=d.forwardRef(((M,B)=>{var z,A,D,{characterLimit:I=3e3,error:W,footer:N,header:V,inputHint:U,labelText:K,namespace:X=g.COMPONENT_PREFIX,onBlur:G,onCancel:J,onChange:Q,onFocus:Y,onLinkAdded:Z,onSave:ee,placeholder:re,previews:te=[],readOnly:ne=!1,required:ie=!1,rows:ae,size:le="medium",warning:oe,customPlugins:se,validationMessagePositionTop:ue=!1,toolbarControls:ce}=M,de=function(e,r){if(null==e)return{};var t,n,i=function(e,r){if(null==e)return{};var t,n,i={},a=Object.keys(e);for(n=0;n<a.length;n++)t=a[n],r.indexOf(t)>=0||(i[t]=e[t]);return i}(e,r);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)t=a[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(i[t]=e[t])}return i}(M,["characterLimit","error","footer","header","inputHint","labelText","namespace","onBlur","onCancel","onChange","onFocus","onLinkAdded","onSave","placeholder","previews","readOnly","required","rows","size","warning","customPlugins","validationMessagePositionTop","toolbarControls"]);!F&&de.value&&(F=!0,x.default.deprecate("`value` is deprecated in TextEditor and support will soon be removed. Please use `initialValue` instead.")),!H&&J&&(H=!0,x.default.deprecate("`onCancel` is deprecated in TextEditor and support will soon be removed. Please ensure that `TextEditor` is used as a part of a `Form` component, which will handle the cancel functionality.")),!R&&ee&&(R=!0,x.default.deprecate("`onSave` is deprecated in TextEditor and support will soon be removed. Please ensure that `TextEditor` is used as a part of a `Form` component, which will handle the save functionality."));const _e=d.useRef(null!==(D=null!==(A=de.initialValue)&&void 0!==A?A:de.value)&&void 0!==D?D:b.createEmpty()),pe=p.default(),[xe,ge]=d.useState(void 0),je=d.useRef(null),[fe,me]=d.useState(!1);d.useImperativeHandle(B,(()=>({focus(){var e;null===(e=je.current)||void 0===e||e.focus()}})),[]),d.useEffect((()=>{const e=null==je?void 0:je.current,r=()=>{me(!0)},t=()=>{me(!1)};return null==e||e.addEventListener("focus",r),null==e||e.addEventListener("blur",t),()=>{null==e||e.removeEventListener("focus",r),null==e||e.removeEventListener("blur",t)}}),[je]);const he=d.useMemo((()=>({namespace:X,nodes:g.MARKDOWN_NODES,onError:e=>x.default.error(e.message),theme:L.getTheme(),editorState:_e.current,editable:!ne})),[X,ne]),ve=d.useCallback(((e,r)=>{const t=e.read((()=>c.$getRoot().getChildren().map((e=>e.getTextContent())).join("\n\n")));if(Q){const e=b.SerializeLexical(r);null==Q||Q(t,e)}if(I>0){const e=I-t.length;ge(e<0?pe.textEditor.characterLimit(Math.abs(e)):void 0)}}),[I,pe.textEditor,Q]),be=d.useCallback((e=>{if(!e.isEditable())return;if(!J)return;const r=e.parseEditorState(_e.current);e.setEditorState(r),J()}),[J]),ye=d.useMemo((()=>({namespace:X,onCancel:J?be:void 0,onSave:ee,toolbarControls:ce})),[be,X,J,ee,ce]),qe=oe||xe,we=()=>{switch(le){case"large":return"var(--spacing150)";case"small":return"var(--spacing050)";default:return"var(--spacing100)"}};return e.jsx(v.StyledTextEditorWrapper,(Pe=$({"data-role":`${X}-editor-wrapper`,onBlur:e=>{e.currentTarget.contains(e.relatedTarget)||null==G||G(e)},onFocus:e=>{e.currentTarget.contains(e.relatedTarget)||null==Y||Y(e)}},P.default(de),O.default("text-editor",de)),Oe=null!=(Oe={children:e.jsxs(h.default.Provider,{value:{onLinkAdded:Z},children:[e.jsx(_.default,{isRequired:ie,labelId:`${X}-label`,children:K}),U&&!ne&&e.jsx(y.HintText,{id:`${X}-input-hint`,marginBottom:we(),children:U}),e.jsx(r.LexicalComposer,{initialConfig:he,children:e.jsxs(v.StyledWrapper,{"data-role":`${X}-wrapper`,children:[ue&&e.jsxs(e.Fragment,{children:[e.jsx(q.default,{error:W,warning:qe,validationId:`${X}-validation-message`,"data-role":`${X}-validation-message`,validationMessagePositionTop:ue}),(W||qe)&&e.jsx(w.default,{warning:!(W||!qe)})]}),e.jsxs(v.StyledEditorToolbarWrapper,{"data-role":`${X}-editor-toolbar-wrapper`,error:!!W,id:`${X}-editor-toolbar-wrapper`,children:[V&&e.jsx(v.StyledHeaderWrapper,{"data-role":`${X}-header-wrapper`,children:V}),ne?e.jsx(E.default,{initialValue:(null===(z=je.current)||void 0===z?void 0:z.innerHTML)||_e.current,size:le}):e.jsxs(e.Fragment,{children:[e.jsx(k.default,$({contentEditorRef:je,hasHeader:Boolean(V),size:le},ye)),e.jsxs(v.StyledTextEditor,{"data-role":`${X}-editor`,error:!!W,children:[e.jsx(l.RichTextPlugin,{contentEditable:e.jsx(C.default,{ref:je,inputHint:U,isFocused:fe,namespace:X,previews:te,rows:ae,readOnly:ne,required:ie,error:!!W,warning:!!oe||!!xe,validationMessagePositionTop:ue,size:le}),placeholder:e.jsx(S.default,{namespace:X,text:re}),ErrorBoundary:n.LexicalErrorBoundary}),e.jsx(s.ListPlugin,{}),e.jsx(i.HistoryPlugin,{}),e.jsx(a.MarkdownShortcutPlugin,{}),e.jsx(u.OnChangePlugin,{onChange:ve,ignoreHistoryMergeTagChange:!0,ignoreSelectionChange:!0}),e.jsx(o.LinkPlugin,{validateUrl:b.validateUrl}),e.jsx(t.ClickableLinkPlugin,{newTab:!0}),e.jsx(j.default,{}),e.jsx(m.default,{}),se]})]}),N&&e.jsx(v.StyledFooterWrapper,{"data-role":`${X}-footer-wrapper`,size:le,children:N}),e.jsx(f.default,{})]}),!ue&&e.jsxs(e.Fragment,{children:[e.jsx(q.default,{error:W,warning:qe,validationId:`${X}-validation-message`,"data-role":`${X}-validation-message`,validationMessagePositionTop:ue}),(W||qe)&&e.jsx(w.default,{warning:!(W||!qe)})]}),I>0&&!ne&&e.jsx(T.default,{isFocused:fe,maxChars:I,namespace:X,marginTop:we()})]})})]})})?Oe:{},Object.getOwnPropertyDescriptors?Object.defineProperties(Pe,Object.getOwnPropertyDescriptors(Oe)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(Oe)).forEach((function(e){Object.defineProperty(Pe,e,Object.getOwnPropertyDescriptor(Oe,e))})),Pe));var Pe,Oe}));exports.TextEditor=B,exports.default=B;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("@lexical/react/LexicalComposer"),t=require("@lexical/react/LexicalClickableLinkPlugin"),n=require("@lexical/react/LexicalErrorBoundary"),i=require("@lexical/react/LexicalHistoryPlugin"),a=require("@lexical/react/LexicalMarkdownShortcutPlugin"),l=require("@lexical/react/LexicalRichTextPlugin"),o=require("@lexical/react/LexicalLinkPlugin"),s=require("@lexical/react/LexicalListPlugin"),u=require("@lexical/react/LexicalOnChangePlugin"),c=require("lexical"),d=require("react"),_=require("../../__internal__/label/label.component.js"),p=require("../../hooks/__internal__/useLocale/useLocale.js"),x=require("../../__internal__/utils/logger/index.js"),g=require("./__internal__/__utils__/constants.js"),j=require("./__internal__/__plugins__/AutoLinker/auto-link.component.js"),f=require("./__internal__/__plugins__/LinkMonitor/link-monitor.plugin.js"),m=require("./__internal__/__plugins__/StyledSpanEnter/styled-span-enter.plugin.js");require("./__internal__/__plugins__/useCursorAtEnd/index.js");var h=require("./text-editor.context.js"),v=require("./text-editor.style.js"),b=require("./__internal__/__utils__/helpers.js"),y=require("../../__internal__/hint-text/hint-text.component.js"),q=require("../../__internal__/validation-message/validation-message.component.js"),w=require("../textbox/textbox.style.js");require("../../style/utils/filter-styled-system-padding-props.js");var P=require("../../style/utils/filter-styled-system-margin-props.js"),O=require("../../__internal__/utils/helpers/tags/tags.js"),E=require("./__internal__/__ui__/ReadOnlyEditor/read-only-rte.component.js"),L=require("./__internal__/__utils__/theme.js"),T=require("./__internal__/__ui__/CharacterCounter/character-counter.component.js"),C=require("./__internal__/__ui__/ContentEditor/content-editor.component.js");require("./__internal__/__ui__/LinkPreviewer/link-previewer.style.js"),require("@lexical/react/LexicalComposerContext"),require("@lexical/react/LexicalTypeaheadMenuPlugin"),require("react-dom"),require("./__internal__/__ui__/Mentions/constants.js"),require("./__internal__/__ui__/Mentions/mentions.style.js"),require("../tooltip/tooltip.component.js"),require("../portrait/portrait.style.js");var S=require("./__internal__/__ui__/Placeholder/placeholder.component.js"),k=require("./__internal__/__ui__/Toolbar/toolbar.component.js");function M(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function $(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},n=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),n.forEach((function(r){M(e,r,t[r])}))}return e}let F=!1,H=!1,R=!1;const B=d.forwardRef(((M,B)=>{var z,A,D,{characterLimit:I=3e3,error:W,footer:N,header:V,inputHint:U,labelText:K,namespace:X=g.COMPONENT_PREFIX,onBlur:G,onCancel:J,onChange:Q,onFocus:Y,onLinkAdded:Z,onSave:ee,placeholder:re,previews:te=[],readOnly:ne=!1,required:ie=!1,rows:ae,size:le="medium",warning:oe,customPlugins:se,validationMessagePositionTop:ue=!1,toolbarControls:ce}=M,de=function(e,r){if(null==e)return{};var t,n,i=function(e,r){if(null==e)return{};var t,n,i={},a=Object.keys(e);for(n=0;n<a.length;n++)t=a[n],r.indexOf(t)>=0||(i[t]=e[t]);return i}(e,r);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)t=a[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(i[t]=e[t])}return i}(M,["characterLimit","error","footer","header","inputHint","labelText","namespace","onBlur","onCancel","onChange","onFocus","onLinkAdded","onSave","placeholder","previews","readOnly","required","rows","size","warning","customPlugins","validationMessagePositionTop","toolbarControls"]);!F&&de.value&&(F=!0,x.default.deprecate("`value` is deprecated in TextEditor and support will soon be removed. Please use `initialValue` instead.")),!H&&J&&(H=!0,x.default.deprecate("`onCancel` is deprecated in TextEditor and support will soon be removed. Please ensure that `TextEditor` is used as a part of a `Form` component, which will handle the cancel functionality.")),!R&&ee&&(R=!0,x.default.deprecate("`onSave` is deprecated in TextEditor and support will soon be removed. Please ensure that `TextEditor` is used as a part of a `Form` component, which will handle the save functionality."));const _e=d.useRef(null!==(D=null!==(A=de.initialValue)&&void 0!==A?A:de.value)&&void 0!==D?D:b.createEmpty()),pe=p.default(),[xe,ge]=d.useState(void 0),je=d.useRef(null),[fe,me]=d.useState(!1);d.useImperativeHandle(B,(()=>({focus(){var e;null===(e=je.current)||void 0===e||e.focus()}})),[]),d.useEffect((()=>{const e=null==je?void 0:je.current,r=()=>{me(!0)},t=()=>{me(!1)};return null==e||e.addEventListener("focus",r),null==e||e.addEventListener("blur",t),()=>{null==e||e.removeEventListener("focus",r),null==e||e.removeEventListener("blur",t)}}),[je]);const he=d.useMemo((()=>({namespace:X,nodes:g.MARKDOWN_NODES,onError:e=>x.default.error(e.message),theme:L.getTheme(),editorState:_e.current,editable:!ne})),[X,ne]),ve=d.useCallback(((e,r)=>{const t=e.read((()=>c.$getRoot().getChildren().map((e=>e.getTextContent())).join("\n\n")));if(Q){const e=b.SerializeLexical(r);null==Q||Q(t,e)}if(I>0){const e=I-t.length;ge(e<0?pe.textEditor.characterLimit(Math.abs(e)):void 0)}}),[I,pe.textEditor,Q]),be=d.useCallback((e=>{if(!e.isEditable())return;if(!J)return;const r=e.parseEditorState(_e.current);e.setEditorState(r),J()}),[J]),ye=d.useMemo((()=>({namespace:X,onCancel:J?be:void 0,onSave:ee,toolbarControls:ce})),[be,X,J,ee,ce]),qe=oe||xe,we=()=>{switch(le){case"large":return"var(--spacing150)";case"small":return"var(--spacing050)";default:return"var(--spacing100)"}};return e.jsx(v.StyledTextEditorWrapper,(Pe=$({"data-role":`${X}-editor-wrapper`,onBlur:e=>{e.currentTarget.contains(e.relatedTarget)||null==G||G(e)},onFocus:e=>{e.currentTarget.contains(e.relatedTarget)||null==Y||Y(e)}},P.default(de),O.default("text-editor",de)),Oe=null!=(Oe={children:e.jsxs(h.default.Provider,{value:{onLinkAdded:Z},children:[e.jsx(_.default,{isRequired:ie,labelId:`${X}-label`,children:K}),U&&!ne&&e.jsx(y.HintText,{id:`${X}-input-hint`,marginBottom:we(),children:U}),e.jsx(r.LexicalComposer,{initialConfig:he,children:e.jsxs(v.StyledWrapper,{"data-role":`${X}-wrapper`,children:[ue&&e.jsxs(e.Fragment,{children:[e.jsx(q.default,{error:W,warning:qe,validationId:`${X}-validation-message`,"data-role":`${X}-validation-message`,validationMessagePositionTop:ue}),(W||qe)&&e.jsx(w.default,{warning:!(W||!qe)})]}),e.jsxs(v.StyledEditorToolbarWrapper,{"data-role":`${X}-editor-toolbar-wrapper`,error:!!W,id:`${X}-editor-toolbar-wrapper`,children:[V&&e.jsx(v.StyledHeaderWrapper,{"data-role":`${X}-header-wrapper`,children:V}),ne?e.jsx(E.default,{"aria-label":K,initialValue:(null===(z=je.current)||void 0===z?void 0:z.innerHTML)||_e.current,size:le}):e.jsxs(e.Fragment,{children:[e.jsx(k.default,$({contentEditorRef:je,hasHeader:Boolean(V),size:le},ye)),e.jsxs(v.StyledTextEditor,{"data-role":`${X}-editor`,error:!!W,children:[e.jsx(l.RichTextPlugin,{contentEditable:e.jsx(C.default,{ref:je,inputHint:U,isFocused:fe,namespace:X,previews:te,rows:ae,readOnly:ne,required:ie,error:!!W,warning:!!oe||!!xe,validationMessagePositionTop:ue,size:le}),placeholder:e.jsx(S.default,{namespace:X,text:re}),ErrorBoundary:n.LexicalErrorBoundary}),e.jsx(s.ListPlugin,{}),e.jsx(i.HistoryPlugin,{}),e.jsx(a.MarkdownShortcutPlugin,{}),e.jsx(u.OnChangePlugin,{onChange:ve,ignoreHistoryMergeTagChange:!0,ignoreSelectionChange:!0}),e.jsx(o.LinkPlugin,{validateUrl:b.validateUrl}),e.jsx(t.ClickableLinkPlugin,{newTab:!0}),e.jsx(j.default,{}),e.jsx(m.default,{}),se]})]}),N&&e.jsx(v.StyledFooterWrapper,{"data-role":`${X}-footer-wrapper`,size:le,children:N}),e.jsx(f.default,{})]}),!ue&&e.jsxs(e.Fragment,{children:[e.jsx(q.default,{error:W,warning:qe,validationId:`${X}-validation-message`,"data-role":`${X}-validation-message`,validationMessagePositionTop:ue}),(W||qe)&&e.jsx(w.default,{warning:!(W||!qe)})]}),I>0&&!ne&&e.jsx(T.default,{isFocused:fe,maxChars:I,namespace:X,marginTop:we()})]})})]})})?Oe:{},Object.getOwnPropertyDescriptors?Object.defineProperties(Pe,Object.getOwnPropertyDescriptors(Oe)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(Oe)).forEach((function(e){Object.defineProperty(Pe,e,Object.getOwnPropertyDescriptor(Oe,e))})),Pe));var Pe,Oe}));exports.TextEditor=B,exports.default=B;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "carbon-react",
-  "version": "158.12.0",
+  "version": "158.13.0",
   "description": "A library of reusable React components for easily building user interfaces.",
   "files": [
     "lib",
@@ -196,10 +196,10 @@
     "@atlaskit/pragmatic-drag-and-drop-hitbox": "^1.1.0",
     "@floating-ui/dom": "~1.2.9",
     "@floating-ui/react-dom": "~1.3.0",
-    "@lexical/headless": "^0.21.0",
-    "@lexical/link": "^0.21.0",
-    "@lexical/react": "^0.21.0",
-    "@lexical/selection": "^0.21.0",
+    "@lexical/headless": "0.38.2",
+    "@lexical/link": "0.38.2",
+    "@lexical/react": "0.38.2",
+    "@lexical/selection": "0.38.2",
     "@styled-system/prop-types": "^5.1.5",
     "@tanstack/react-virtual": "^3.13.12",
     "@types/styled-system": "^5.1.22",
@@ -208,7 +208,7 @@
     "date-fns": "^4.1.0",
     "immutable": "~3.8.2",
     "invariant": "^2.2.4",
-    "lexical": "^0.21.0",
+    "lexical": "0.38.2",
     "lodash": "^4.17.21",
     "prop-types": "^15.8.1",
     "react-day-picker": "~9.3.2",