carbon-react 158.11.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/tabs/__next__/tabs.component.js

@@ -1 +1 @@
-import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import{forwardRef as n,useState as i,useEffect as o,useRef as l,useImperativeHandle as a,useCallback as s}from"react";import{Typography as c}from"../../typography/typography.component.js";import{TabsProvider as d,useTabs as b}from"./tabs.context.js";import{StyledTabs as u,StyledTab as f,StyledTabListWrapper as h,StyledTabList as p,Spacer as g,StyledTabPanel as m,StyledScrollButton as v,StyledScrollButtonPlaceholder as y}from"./tabs.style.js";import I from"../../../__internal__/utils/logger/index.js";import w from"../../../hooks/__internal__/useResizeObserver/useResizeObserver.js";import x from"../../icon/icon.component.js";import{TabProvider as k}from"./tab.context.js";import T from"../../../hooks/__internal__/usePrevious/index.js";const _=({children:t,id:r,tabId:n})=>{const{activeTab:i}=b();return e(k,{tabId:n,visible:n===i,children:e(m,{id:r,role:"tabpanel","aria-labelledby":n,children:t})})};let z=!1;const j=({controls:r,error:n=!1,id:l,label:a,leftSlot:s,rightSlot:c,warning:d=!1,info:u=!1})=>{const[h,p]=i(n),[g,m]=i(d),[v,y]=i(u),{activeTab:w,focusIndex:T,orientation:_,setActiveTab:j,setCurrentTabId:S,setFocusIndex:A,size:L,errors:O,warnings:R,infos:C}=b(),N=w===l;o((()=>{N&&S(l)}),[l,N,S]),!s&&!c||"string"==typeof a||z||(I.warn("[WARNING] Using `leftSlot` and/or `rightSlot` is not supported when `label` is not a string. Please use `leftSlot` and/or `rightSlot` alongside a string `label`, or use the `label` prop exclusively."),z=!0),o((()=>{if(T===l){const e=document.getElementById(l);null==e||e.focus()}}),[T,l,S]),o((()=>{let e=O[l],t=R[l],r=C[l];if(n&&!e&&(e={static:n}),d&&!t&&(t={static:d}),u&&!r&&(r={static:u}),!e)return void p(!1);const i=Object.keys(e).map((t=>e[t])).filter((e=>!1!==e)),o=n||i.length>0;if(p(o),!t)return void m(!1);const a=Object.keys(t).map((e=>t[e])).filter((e=>!1!==e)),s=d||a.length>0;if(m(s),!r)return void y(!1);const c=Object.keys(r).map((e=>r[e])).filter((e=>!1!==e)),b=u||c.length>0;y(b)}),[n,l,O,R,d,C,u]);const B=()=>{if(h||g||v){if(h)return e(x,{"data-role":"icon-error",type:"error",color:"#db004e"});if(g)return e(x,{"data-role":"icon-warning",type:"warning",color:"#d64309"});if(v)return e(x,{"data-role":"icon-info",type:"info",color:"#0060a7ff"})}return null};return e(k,{tabId:l,visible:!0,children:e(f,{activeTab:w===l,"aria-controls":r,"aria-selected":N?"true":"false",error:h,info:v,id:l,onClick:()=>{j(l),A(l)},orientation:_,role:"tab",size:L,type:"button",tabIndex:w===l?0:-1,warning:g,children:t("span","string"==typeof a?{className:"tab-title-content-wrapper",children:[s,a,c,B()]}:{className:"tab-title-content-wrapper",children:[a,B()]})})})},S=n((({ariaLabel:n,children:d,onTabChange:u},f)=>{const m=l(null),{activeTab:I,focusIndex:k,orientation:_,selectedTabId:z,setFocusIndex:j,setActiveTab:S,size:A}=b();a(f,(()=>({focusTab:e=>{var t;const r=null===(t=m.current)||void 0===t?void 0:t.querySelector(`#${e}`);null==r||r.focus(),j(e),S(e)}})));const L=s((()=>{var e;const t=(null===(e=m.current)||void 0===e?void 0:e.querySelectorAll("[role='tab']"))||[];return Array.from(t).map((e=>e.id)).filter((e=>e))}),[]);o((()=>{if(z)S(z);else if(!I){const e=L()[0];S(e)}}),[I,L,z,S]);const O=T(I);o((()=>{O&&O!==I&&(null==u||u(I))}),[I,u,O]);const[R,C]=i(!1),[N,B]=i(!1),[E,W]=i(!1),q=s((()=>{if(m.current){const e=m.current.scrollWidth-m.current.clientWidth-20;C(e>0),B(m.current.scrollLeft>=20),W(m.current.scrollLeft<=e)}}),[]);w(m,(()=>{q()})),o((()=>{m.current&&q()}),[q]);const D=e=>{m.current&&("left"===e?m.current.scrollLeft-=200:m.current.scrollLeft+=200,q())};return t(r,{children:[e(c,{id:"tablist-aria-label",screenReaderOnly:!0,children:n}),t(h,{children:["vertical"!==_&&R?N?e(v,{"data-role":"tab-navigation-button-left",id:"tab-navigation-button-left",onClick:()=>D("left"),size:A,tabIndex:-1,title:"Scroll Tabs Left",type:"button",children:e(x,{type:"chevron_left"})}):e(y,{size:A}):null,t(p,{ariaLabel:n,"aria-labelledby":"tablist-aria-label",id:"tablist",onKeyDown:e=>{const t=L(),r=t.indexOf(k||I),n=t.length-1;if(-1===r)return;let i=r;switch(e.key){case"Home":i=0;break;case"End":i=n;break;case"ArrowRight":i=(r+1)%t.length;break;case"ArrowLeft":i=(r-1+t.length)%t.length;break;case"ArrowUp":"vertical"===_&&(i=(r-1+t.length)%t.length);break;case"ArrowDown":"vertical"===_&&(i=(r+1)%t.length);break;case"Enter":case" ":return void S(I);default:return}j(t[i])},orientation:_,ref:m,role:"tablist",size:A,tabIndex:-1,children:[d,e(g,{})]}),"vertical"!==_&&R?E?e(v,{"data-role":"tab-navigation-button-right",id:"tab-navigation-button-right",onClick:()=>D("right"),size:A,tabIndex:-1,title:"Scroll Tabs Right",type:"button",children:e(x,{type:"chevron_right"})}):e(y,{size:A}):null]})]})})),A=({children:t,labelledBy:r="",orientation:n="horizontal",selectedTabId:i,size:o="medium"})=>e(d,{labelledBy:r,orientation:n,selectedTabId:i,size:o,children:e(u,{id:"tabs-container",orientation:n,children:t})});export{j as Tab,S as TabList,_ as TabPanel,A as Tabs,A as default};
+import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import{forwardRef as n,useState as i,useEffect as o,useRef as l,useImperativeHandle as a,useCallback as s}from"react";import{TabsProvider as c,useTabs as d}from"./tabs.context.js";import{StyledTabs as b,StyledTab as u,StyledTabListWrapper as f,StyledTabList as h,Spacer as g,StyledTabPanel as p,StyledScrollButton as m,StyledScrollButtonPlaceholder as v}from"./tabs.style.js";import y from"../../../__internal__/utils/logger/index.js";import I from"../../../hooks/__internal__/useResizeObserver/useResizeObserver.js";import w from"../../icon/icon.component.js";import{TabProvider as x}from"./tab.context.js";import k from"../../../hooks/__internal__/usePrevious/index.js";const T=({children:t,id:r,tabId:n})=>{const{activeTab:i}=d();return e(x,{tabId:n,visible:n===i,children:e(p,{id:r,role:"tabpanel","aria-labelledby":n,children:t})})};let _=!1;const z=({controls:r,error:n=!1,id:l,label:a,leftSlot:s,rightSlot:c,warning:b=!1,info:f=!1})=>{const[h,g]=i(n),[p,m]=i(b),[v,I]=i(f),{activeTab:k,focusIndex:T,orientation:z,setActiveTab:j,setCurrentTabId:S,setFocusIndex:A,size:L,errors:O,warnings:C,infos:R}=d(),N=k===l;o((()=>{N&&S(l)}),[l,N,S]),!s&&!c||"string"==typeof a||_||(y.warn("[WARNING] Using `leftSlot` and/or `rightSlot` is not supported when `label` is not a string. Please use `leftSlot` and/or `rightSlot` alongside a string `label`, or use the `label` prop exclusively."),_=!0),o((()=>{if(T===l){const e=document.getElementById(l);null==e||e.focus()}}),[T,l,S]),o((()=>{let e=O[l],t=C[l],r=R[l];if(n&&!e&&(e={static:n}),b&&!t&&(t={static:b}),f&&!r&&(r={static:f}),!e)return void g(!1);const i=Object.keys(e).map((t=>e[t])).filter((e=>!1!==e)),o=n||i.length>0;if(g(o),!t)return void m(!1);const a=Object.keys(t).map((e=>t[e])).filter((e=>!1!==e)),s=b||a.length>0;if(m(s),!r)return void I(!1);const c=Object.keys(r).map((e=>r[e])).filter((e=>!1!==e)),d=f||c.length>0;I(d)}),[n,l,O,C,b,R,f]);const B=()=>{if(h||p||v){if(h)return e(w,{"data-role":"icon-error",type:"error",color:"#db004e"});if(p)return e(w,{"data-role":"icon-warning",type:"warning",color:"#d64309"});if(v)return e(w,{"data-role":"icon-info",type:"info",color:"#0060a7ff"})}return null};return e(x,{tabId:l,visible:!0,children:e(u,{activeTab:k===l,"aria-controls":r,"aria-selected":N?"true":"false",error:h,info:v,id:l,onClick:()=>{j(l),A(l)},orientation:z,role:"tab",size:L,type:"button",tabIndex:k===l?0:-1,warning:p,children:t("span","string"==typeof a?{className:"tab-title-content-wrapper",children:[s,a,c,B()]}:{className:"tab-title-content-wrapper",children:[a,B()]})})})},j=n((({ariaLabel:n,children:c,onTabChange:b},u)=>{const p=l(null),{activeTab:y,focusIndex:x,orientation:T,selectedTabId:_,setFocusIndex:z,setActiveTab:j,size:S}=d();a(u,(()=>({focusTab:e=>{var t;const r=null===(t=p.current)||void 0===t?void 0:t.querySelector(`#${e}`);null==r||r.focus(),z(e),j(e)}})));const A=s((()=>{var e;const t=(null===(e=p.current)||void 0===e?void 0:e.querySelectorAll("[role='tab']"))||[];return Array.from(t).map((e=>e.id)).filter((e=>e))}),[]);o((()=>{if(_)j(_);else if(!y){const e=A()[0];j(e)}}),[y,A,_,j]);const L=k(y);o((()=>{L&&L!==y&&(null==b||b(y))}),[y,b,L]);const[O,C]=i(!1),[R,N]=i(!1),[B,E]=i(!1),W=s((()=>{if(p.current){const e=p.current.scrollWidth-p.current.clientWidth-20;C(e>0),N(p.current.scrollLeft>=20),E(p.current.scrollLeft<=e)}}),[]);I(p,(()=>{W()})),o((()=>{p.current&&W()}),[W]);const q=e=>{p.current&&("left"===e?p.current.scrollLeft-=200:p.current.scrollLeft+=200,W())};return e(r,{children:t(f,{children:["vertical"!==T&&O?R?e(m,{"data-role":"tab-navigation-button-left",id:"tab-navigation-button-left",onClick:()=>q("left"),size:S,tabIndex:-1,title:"Scroll Tabs Left",type:"button",children:e(w,{type:"chevron_left"})}):e(v,{size:S}):null,t(h,{ariaLabel:n,id:"tablist",onKeyDown:e=>{const t=A(),r=t.indexOf(x||y),n=t.length-1;if(-1===r)return;let i=r;switch(e.key){case"Home":i=0;break;case"End":i=n;break;case"ArrowRight":i=(r+1)%t.length;break;case"ArrowLeft":i=(r-1+t.length)%t.length;break;case"ArrowUp":"vertical"===T&&(i=(r-1+t.length)%t.length);break;case"ArrowDown":"vertical"===T&&(i=(r+1)%t.length);break;case"Enter":case" ":return void j(y);default:return}z(t[i])},orientation:T,ref:p,role:"tablist",size:S,tabIndex:-1,children:[c,e(g,{})]}),"vertical"!==T&&O?B?e(m,{"data-role":"tab-navigation-button-right",id:"tab-navigation-button-right",onClick:()=>q("right"),size:S,tabIndex:-1,title:"Scroll Tabs Right",type:"button",children:e(w,{type:"chevron_right"})}):e(v,{size:S}):null]})})})),S=({children:t,labelledBy:r="",orientation:n="horizontal",selectedTabId:i,size:o="medium"})=>e(c,{labelledBy:r,orientation:n,selectedTabId:i,size:o,children:e(b,{id:"tabs-container",orientation:n,children:t})});export{z as Tab,j as TabList,T as TabPanel,S as Tabs,S as default};

package/esm/components/tabs/__next__/tabs.style.js

@@ -1 +1 @@
-import i,{css as o}from"styled-components";import t from"../../../style/utils/add-focus-styling.js";const e={medium:{fontSize:14,iconMinWidth:84,height:40,paddingX:16,paddingY:8,width:56},large:{fontSize:16,iconMinWidth:104,height:48,paddingX:24,paddingY:0,width:76}},d=i.div.withConfig({displayName:"tabs.style__StyledTabPanel",componentId:"sc-4305491c-0"})(["padding:0 6px;"]),r=i.div.withConfig({displayName:"tabs.style__StyledTabList",componentId:"sc-4305491c-1"})(["display:flex;"," width:100%;height:fit-content;white-space:nowrap;padding:6px;overflow-x:hidden;"],(({orientation:i})=>o(["flex-direction:",";",":8px;"],"vertical"===i?"column":"row","horizontal"===i?"margin-bottom":"margin-right"))),n=i.div.withConfig({displayName:"tabs.style__StyledTabListWrapper",componentId:"sc-4305491c-2"})(["display:flex;z-index:6;"]),a=i.div.withConfig({displayName:"tabs.style__Spacer",componentId:"sc-4305491c-3"})(["align-self:flex-end;background:#8b8b8bff;flex-grow:1;height:2px;"]),p=i.button.withConfig({displayName:"tabs.style__StyledScrollButton",componentId:"sc-4305491c-4"})(["height:",";width:",";border-radius:0px;border-top-right-radius:8px;border-top-left-radius:8px;border-color:#8b8b8bff;background:white;border:none;border-bottom:2px solid #8b8b8bff;top:6px;position:relative;"],(({size:i})=>"medium"===i?"40px":"48px"),(({size:i})=>"medium"===i?"40px":"48px")),b=i.div.withConfig({displayName:"tabs.style__StyledScrollButtonPlaceholder",componentId:"sc-4305491c-5"})(["height:",";width:",";border-radius:0;border-color:#8b8b8bff;border:none;border-bottom:2px solid #8b8b8bff;top:4px;position:relative;"],(({size:i})=>"medium"===i?"40px":"48px"),(({size:i})=>"medium"===i?"40px":"48px")),l=i.button.withConfig({displayName:"tabs.style__StyledTab",componentId:"sc-4305491c-6"})(["background-color:transparent;border:none;border-bottom:2px solid #8b8b8bff;border-bottom-left-radius:0px;border-bottom-right-radius:0px;border-top-left-radius:8px;border-top-right-radius:8px;color:var(--colorsYin090);font-weight:var(--fontWeights500);line-height:var(--lineHeights500);position:relative;.tab-title-content-wrapper{align-items:center;display:flex;gap:8px;","}:hover{background-color:#00000010;cursor:pointer;}",";",";"," :focus{"," z-index:1;border-radius:8px;}"],(({activeTab:i,size:t})=>i&&"large"===t&&o(["margin-top:-4px;"])),(({size:i})=>o(["font-size:","px;height:","px;padding:","px ","px;"],e[i].fontSize,e[i].height,e[i].paddingY,e[i].paddingX)),(({activeTab:i,error:t,info:d,orientation:r,size:n,warning:a})=>i&&"horizontal"===r&&o(["background-color:white;border:2px solid #8b8b8bff;border-bottom:none;padding-top:","px;padding-right:","px;padding-bottom:","px;padding-left:",'px;:hover{background-color:white;}::after{content:"";position:absolute;bottom:0;left:20%;width:60%;height:4px;background-color:',";border-radius:2px;min-width:24px;}"],e[n].paddingY-4,e[n].paddingX-2,e[n].paddingY,e[n].paddingX-2,(()=>t?"#db004e":a?"#d64309":d?"#0060a7ff":"black"))),(({activeTab:i,error:t,info:d,orientation:r,size:n,warning:a})=>"vertical"===r?o(["border:none;border-right:2px solid #8b8b8bff;border-bottom-left-radius:8px;border-bottom-right-radius:0px;border-top-left-radius:8px;border-top-right-radius:0px;max-width:","px;min-width:","px;",""],200,200,i&&o(["background-color:white;border:2px solid #8b8b8bff;border-right:none;padding-top:","px !important;padding-right:","px;padding-bottom:","px;padding-left:",'px;:hover{background-color:white;}.tab-title-content-wrapper{::after{content:"";position:absolute;right:0;top:20%;height:60%;width:4px;background-color:',";border-radius:2px;min-height:24px;}}"],"medium"===n?e.medium.paddingY-2:4,e[n].paddingX-2,"medium"===n?e.medium.paddingY-2:e.large.paddingY,e[n].paddingX-2,(()=>t?"#db004e":a?"#d64309":d?"#0060a7ff":"black"))):o([""])),t()),s=i.div.withConfig({displayName:"tabs.style__StyledTabs",componentId:"sc-4305491c-7"})(["display:flex;",""],(({orientation:i})=>o(["flex-direction:",";"],"horizontal"===i?"column":"row"))),g=i.div.withConfig({displayName:"tabs.style__StyledTabProvider",componentId:"sc-4305491c-8"})(["",""],(({visible:i})=>o(["display:",";"],i?"block":"none")));export{a as Spacer,p as StyledScrollButton,b as StyledScrollButtonPlaceholder,l as StyledTab,r as StyledTabList,n as StyledTabListWrapper,d as StyledTabPanel,g as StyledTabProvider,s as StyledTabs};
+import o,{css as i}from"styled-components";import t from"../../../style/utils/add-focus-styling.js";const e={medium:{fontSize:14,iconMinWidth:84,height:40,paddingX:16,paddingY:8,width:56},large:{fontSize:16,iconMinWidth:104,height:48,paddingX:24,paddingY:0,width:76}},d=o.div.withConfig({displayName:"tabs.style__StyledTabPanel",componentId:"sc-40b14a58-0"})(["padding:0 6px;"]),r=o.div.withConfig({displayName:"tabs.style__StyledTabList",componentId:"sc-40b14a58-1"})(["display:flex;"," width:100%;height:fit-content;white-space:nowrap;padding:6px;overflow-x:hidden;"],(({orientation:o})=>i(["flex-direction:",";",":8px;"],"vertical"===o?"column":"row","horizontal"===o?"margin-bottom":"margin-right"))),a=o.div.withConfig({displayName:"tabs.style__StyledTabListWrapper",componentId:"sc-40b14a58-2"})(["display:flex;z-index:6;"]),n=o.div.withConfig({displayName:"tabs.style__Spacer",componentId:"sc-40b14a58-3"})(["align-self:flex-end;background:#8b8b8bff;flex-grow:1;height:2px;"]),p=o.button.withConfig({displayName:"tabs.style__StyledScrollButton",componentId:"sc-40b14a58-4"})(["height:",";width:",";border-radius:0px;border-top-right-radius:8px;border-top-left-radius:8px;border-color:#8b8b8bff;background:white;border:none;border-bottom:2px solid #8b8b8bff;top:6px;position:relative;"],(({size:o})=>"medium"===o?"40px":"48px"),(({size:o})=>"medium"===o?"40px":"48px")),b=o.div.withConfig({displayName:"tabs.style__StyledScrollButtonPlaceholder",componentId:"sc-40b14a58-5"})(["height:",";width:",";border-radius:0;border-color:#8b8b8bff;border:none;border-bottom:2px solid #8b8b8bff;top:4px;position:relative;"],(({size:o})=>"medium"===o?"40px":"48px"),(({size:o})=>"medium"===o?"40px":"48px")),l=o.button.withConfig({displayName:"tabs.style__StyledTab",componentId:"sc-40b14a58-6"})(["background-color:transparent;border:none;border-bottom:2px solid #8b8b8bff;border-bottom-left-radius:0px;border-bottom-right-radius:0px;border-top-left-radius:8px;border-top-right-radius:8px;color:var(--colorsYin090);font-weight:var(--fontWeights500);line-height:var(--lineHeights500);position:relative;.tab-title-content-wrapper{align-items:center;display:flex;gap:8px;","}:hover{background-color:#00000010;cursor:pointer;}",";",";"," :focus{"," z-index:1;","}"],(({activeTab:o,size:t})=>o&&"large"===t&&i(["margin-top:-4px;"])),(({size:o})=>i(["font-size:","px;height:","px;padding:","px ","px;"],e[o].fontSize,e[o].height,e[o].paddingY,e[o].paddingX)),(({activeTab:o,error:t,info:d,orientation:r,size:a,warning:n})=>o&&"horizontal"===r&&i(["background-color:white;border:2px solid #8b8b8bff;border-bottom:none;padding-top:","px;padding-right:","px;padding-bottom:","px;padding-left:",'px;:hover{background-color:white;}::after{content:"";position:absolute;bottom:0;left:20%;width:60%;height:4px;background-color:',";border-radius:2px;min-width:24px;}"],e[a].paddingY-4,e[a].paddingX-2,e[a].paddingY,e[a].paddingX-2,(()=>t?"#db004e":n?"#d64309":d?"#0060a7ff":"black"))),(({activeTab:o,error:t,info:d,orientation:r,size:a,warning:n})=>"vertical"===r?i(["border:none;border-right:2px solid #8b8b8bff;border-bottom-left-radius:8px;border-bottom-right-radius:0px;border-top-left-radius:8px;border-top-right-radius:0px;max-width:","px;min-width:","px;",""],200,200,o&&i(["background-color:white;border:2px solid #8b8b8bff;border-right:none;padding-top:","px !important;padding-right:","px;padding-bottom:","px;padding-left:",'px;:hover{background-color:white;}.tab-title-content-wrapper{::after{content:"";position:absolute;right:0;top:20%;height:60%;width:4px;background-color:',";border-radius:2px;min-height:24px;}}"],"medium"===a?e.medium.paddingY-2:4,e[a].paddingX-2,"medium"===a?e.medium.paddingY-2:e.large.paddingY,e[a].paddingX-2,(()=>t?"#db004e":n?"#d64309":d?"#0060a7ff":"black"))):i([""])),t(),(({orientation:o})=>i(["border-top-left-radius:8px;border-top-right-radius:",";border-bottom-left-radius:",";border-bottom-right-radius:0px;"],"horizontal"===o?"8px":"0","horizontal"===o?"0px":"8px"))),s=o.div.withConfig({displayName:"tabs.style__StyledTabs",componentId:"sc-40b14a58-7"})(["display:flex;",""],(({orientation:o})=>i(["flex-direction:",";"],"horizontal"===o?"column":"row"))),g=o.div.withConfig({displayName:"tabs.style__StyledTabProvider",componentId:"sc-40b14a58-8"})(["",""],(({visible:o})=>i(["display:",";"],o?"block":"none")));export{n as Spacer,p as StyledScrollButton,b as StyledScrollButtonPlaceholder,l as StyledTab,r as StyledTabList,a as StyledTabListWrapper,d as StyledTabPanel,g as StyledTabProvider,s as StyledTabs};

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/tabs/__next__/tabs.component.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("../../typography/typography.component.js"),a=require("./tabs.context.js"),l=require("./tabs.style.js"),n=require("../../../__internal__/utils/logger/index.js"),i=require("../../../hooks/__internal__/useResizeObserver/useResizeObserver.js"),s=require("../../icon/icon.component.js"),o=require("./tab.context.js"),c=require("../../../hooks/__internal__/usePrevious/index.js");let u=!1;const d=t.forwardRef((({ariaLabel:n,children:o,onTabChange:u},d)=>{const b=t.useRef(null),{activeTab:f,focusIndex:h,orientation:p,selectedTabId:x,setFocusIndex:g,setActiveTab:y,size:v}=a.useTabs();t.useImperativeHandle(d,(()=>({focusTab:e=>{var t;const r=null===(t=b.current)||void 0===t?void 0:t.querySelector(`#${e}`);null==r||r.focus(),g(e),y(e)}})));const j=t.useCallback((()=>{var e;const t=(null===(e=b.current)||void 0===e?void 0:e.querySelectorAll("[role='tab']"))||[];return Array.from(t).map((e=>e.id)).filter((e=>e))}),[]);t.useEffect((()=>{if(x)y(x);else if(!f){const e=j()[0];y(e)}}),[f,j,x,y]);const S=c.default(f);t.useEffect((()=>{S&&S!==f&&(null==u||u(f))}),[f,u,S]);const[T,I]=t.useState(!1),[k,m]=t.useState(!1),[w,_]=t.useState(!1),z=t.useCallback((()=>{if(b.current){const e=b.current.scrollWidth-b.current.clientWidth-20;I(e>0),m(b.current.scrollLeft>=20),_(b.current.scrollLeft<=e)}}),[]);i.default(b,(()=>{z()})),t.useEffect((()=>{b.current&&z()}),[z]);const q=e=>{b.current&&("left"===e?b.current.scrollLeft-=200:b.current.scrollLeft+=200,z())};return e.jsxs(e.Fragment,{children:[e.jsx(r.Typography,{id:"tablist-aria-label",screenReaderOnly:!0,children:n}),e.jsxs(l.StyledTabListWrapper,{children:["vertical"!==p&&T?k?e.jsx(l.StyledScrollButton,{"data-role":"tab-navigation-button-left",id:"tab-navigation-button-left",onClick:()=>q("left"),size:v,tabIndex:-1,title:"Scroll Tabs Left",type:"button",children:e.jsx(s.default,{type:"chevron_left"})}):e.jsx(l.StyledScrollButtonPlaceholder,{size:v}):null,e.jsxs(l.StyledTabList,{ariaLabel:n,"aria-labelledby":"tablist-aria-label",id:"tablist",onKeyDown:e=>{const t=j(),r=t.indexOf(h||f),a=t.length-1;if(-1===r)return;let l=r;switch(e.key){case"Home":l=0;break;case"End":l=a;break;case"ArrowRight":l=(r+1)%t.length;break;case"ArrowLeft":l=(r-1+t.length)%t.length;break;case"ArrowUp":"vertical"===p&&(l=(r-1+t.length)%t.length);break;case"ArrowDown":"vertical"===p&&(l=(r+1)%t.length);break;case"Enter":case" ":return void y(f);default:return}g(t[l])},orientation:p,ref:b,role:"tablist",size:v,tabIndex:-1,children:[o,e.jsx(l.Spacer,{})]}),"vertical"!==p&&T?w?e.jsx(l.StyledScrollButton,{"data-role":"tab-navigation-button-right",id:"tab-navigation-button-right",onClick:()=>q("right"),size:v,tabIndex:-1,title:"Scroll Tabs Right",type:"button",children:e.jsx(s.default,{type:"chevron_right"})}):e.jsx(l.StyledScrollButtonPlaceholder,{size:v}):null]})]})})),b=({children:t,labelledBy:r="",orientation:n="horizontal",selectedTabId:i,size:s="medium"})=>e.jsx(a.TabsProvider,{labelledBy:r,orientation:n,selectedTabId:i,size:s,children:e.jsx(l.StyledTabs,{id:"tabs-container",orientation:n,children:t})});exports.Tab=({controls:r,error:i=!1,id:c,label:d,leftSlot:b,rightSlot:f,warning:h=!1,info:p=!1})=>{const[x,g]=t.useState(i),[y,v]=t.useState(h),[j,S]=t.useState(p),{activeTab:T,focusIndex:I,orientation:k,setActiveTab:m,setCurrentTabId:w,setFocusIndex:_,size:z,errors:q,warnings:L,infos:P}=a.useTabs(),A=T===c;t.useEffect((()=>{A&&w(c)}),[c,A,w]),!b&&!f||"string"==typeof d||u||(n.default.warn("[WARNING] Using `leftSlot` and/or `rightSlot` is not supported when `label` is not a string. Please use `leftSlot` and/or `rightSlot` alongside a string `label`, or use the `label` prop exclusively."),u=!0),t.useEffect((()=>{if(I===c){const e=document.getElementById(c);null==e||e.focus()}}),[I,c,w]),t.useEffect((()=>{let e=q[c],t=L[c],r=P[c];if(i&&!e&&(e={static:i}),h&&!t&&(t={static:h}),p&&!r&&(r={static:p}),!e)return void g(!1);const a=Object.keys(e).map((t=>e[t])).filter((e=>!1!==e)),l=i||a.length>0;if(g(l),!t)return void v(!1);const n=Object.keys(t).map((e=>t[e])).filter((e=>!1!==e)),s=h||n.length>0;if(v(s),!r)return void S(!1);const o=Object.keys(r).map((e=>r[e])).filter((e=>!1!==e)),u=p||o.length>0;S(u)}),[i,c,q,L,h,P,p]);const E=()=>{if(x||y||j){if(x)return e.jsx(s.default,{"data-role":"icon-error",type:"error",color:"#db004e"});if(y)return e.jsx(s.default,{"data-role":"icon-warning",type:"warning",color:"#d64309"});if(j)return e.jsx(s.default,{"data-role":"icon-info",type:"info",color:"#0060a7ff"})}return null};return e.jsx(o.TabProvider,{tabId:c,visible:!0,children:e.jsx(l.StyledTab,{activeTab:T===c,"aria-controls":r,"aria-selected":A?"true":"false",error:x,info:j,id:c,onClick:()=>{m(c),_(c)},orientation:k,role:"tab",size:z,type:"button",tabIndex:T===c?0:-1,warning:y,children:"string"==typeof d?e.jsxs("span",{className:"tab-title-content-wrapper",children:[b,d,f,E()]}):e.jsxs("span",{className:"tab-title-content-wrapper",children:[d,E()]})})})},exports.TabList=d,exports.TabPanel=({children:t,id:r,tabId:n})=>{const{activeTab:i}=a.useTabs();return e.jsx(o.TabProvider,{tabId:n,visible:n===i,children:e.jsx(l.StyledTabPanel,{id:r,role:"tabpanel","aria-labelledby":n,children:t})})},exports.Tabs=b,exports.default=b;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("./tabs.context.js"),n=require("./tabs.style.js"),l=require("../../../__internal__/utils/logger/index.js"),a=require("../../../hooks/__internal__/useResizeObserver/useResizeObserver.js"),i=require("../../icon/icon.component.js"),s=require("./tab.context.js"),o=require("../../../hooks/__internal__/usePrevious/index.js");let c=!1;const u=t.forwardRef((({ariaLabel:l,children:s,onTabChange:c},u)=>{const d=t.useRef(null),{activeTab:b,focusIndex:f,orientation:h,selectedTabId:x,setFocusIndex:g,setActiveTab:p,size:v}=r.useTabs();t.useImperativeHandle(u,(()=>({focusTab:e=>{var t;const r=null===(t=d.current)||void 0===t?void 0:t.querySelector(`#${e}`);null==r||r.focus(),g(e),p(e)}})));const y=t.useCallback((()=>{var e;const t=(null===(e=d.current)||void 0===e?void 0:e.querySelectorAll("[role='tab']"))||[];return Array.from(t).map((e=>e.id)).filter((e=>e))}),[]);t.useEffect((()=>{if(x)p(x);else if(!b){const e=y()[0];p(e)}}),[b,y,x,p]);const j=o.default(b);t.useEffect((()=>{j&&j!==b&&(null==c||c(b))}),[b,c,j]);const[S,T]=t.useState(!1),[I,k]=t.useState(!1),[w,m]=t.useState(!1),_=t.useCallback((()=>{if(d.current){const e=d.current.scrollWidth-d.current.clientWidth-20;T(e>0),k(d.current.scrollLeft>=20),m(d.current.scrollLeft<=e)}}),[]);a.default(d,(()=>{_()})),t.useEffect((()=>{d.current&&_()}),[_]);const z=e=>{d.current&&("left"===e?d.current.scrollLeft-=200:d.current.scrollLeft+=200,_())};return e.jsx(e.Fragment,{children:e.jsxs(n.StyledTabListWrapper,{children:["vertical"!==h&&S?I?e.jsx(n.StyledScrollButton,{"data-role":"tab-navigation-button-left",id:"tab-navigation-button-left",onClick:()=>z("left"),size:v,tabIndex:-1,title:"Scroll Tabs Left",type:"button",children:e.jsx(i.default,{type:"chevron_left"})}):e.jsx(n.StyledScrollButtonPlaceholder,{size:v}):null,e.jsxs(n.StyledTabList,{ariaLabel:l,id:"tablist",onKeyDown:e=>{const t=y(),r=t.indexOf(f||b),n=t.length-1;if(-1===r)return;let l=r;switch(e.key){case"Home":l=0;break;case"End":l=n;break;case"ArrowRight":l=(r+1)%t.length;break;case"ArrowLeft":l=(r-1+t.length)%t.length;break;case"ArrowUp":"vertical"===h&&(l=(r-1+t.length)%t.length);break;case"ArrowDown":"vertical"===h&&(l=(r+1)%t.length);break;case"Enter":case" ":return void p(b);default:return}g(t[l])},orientation:h,ref:d,role:"tablist",size:v,tabIndex:-1,children:[s,e.jsx(n.Spacer,{})]}),"vertical"!==h&&S?w?e.jsx(n.StyledScrollButton,{"data-role":"tab-navigation-button-right",id:"tab-navigation-button-right",onClick:()=>z("right"),size:v,tabIndex:-1,title:"Scroll Tabs Right",type:"button",children:e.jsx(i.default,{type:"chevron_right"})}):e.jsx(n.StyledScrollButtonPlaceholder,{size:v}):null]})})})),d=({children:t,labelledBy:l="",orientation:a="horizontal",selectedTabId:i,size:s="medium"})=>e.jsx(r.TabsProvider,{labelledBy:l,orientation:a,selectedTabId:i,size:s,children:e.jsx(n.StyledTabs,{id:"tabs-container",orientation:a,children:t})});exports.Tab=({controls:a,error:o=!1,id:u,label:d,leftSlot:b,rightSlot:f,warning:h=!1,info:x=!1})=>{const[g,p]=t.useState(o),[v,y]=t.useState(h),[j,S]=t.useState(x),{activeTab:T,focusIndex:I,orientation:k,setActiveTab:w,setCurrentTabId:m,setFocusIndex:_,size:z,errors:q,warnings:L,infos:P}=r.useTabs(),A=T===u;t.useEffect((()=>{A&&m(u)}),[u,A,m]),!b&&!f||"string"==typeof d||c||(l.default.warn("[WARNING] Using `leftSlot` and/or `rightSlot` is not supported when `label` is not a string. Please use `leftSlot` and/or `rightSlot` alongside a string `label`, or use the `label` prop exclusively."),c=!0),t.useEffect((()=>{if(I===u){const e=document.getElementById(u);null==e||e.focus()}}),[I,u,m]),t.useEffect((()=>{let e=q[u],t=L[u],r=P[u];if(o&&!e&&(e={static:o}),h&&!t&&(t={static:h}),x&&!r&&(r={static:x}),!e)return void p(!1);const n=Object.keys(e).map((t=>e[t])).filter((e=>!1!==e)),l=o||n.length>0;if(p(l),!t)return void y(!1);const a=Object.keys(t).map((e=>t[e])).filter((e=>!1!==e)),i=h||a.length>0;if(y(i),!r)return void S(!1);const s=Object.keys(r).map((e=>r[e])).filter((e=>!1!==e)),c=x||s.length>0;S(c)}),[o,u,q,L,h,P,x]);const E=()=>{if(g||v||j){if(g)return e.jsx(i.default,{"data-role":"icon-error",type:"error",color:"#db004e"});if(v)return e.jsx(i.default,{"data-role":"icon-warning",type:"warning",color:"#d64309"});if(j)return e.jsx(i.default,{"data-role":"icon-info",type:"info",color:"#0060a7ff"})}return null};return e.jsx(s.TabProvider,{tabId:u,visible:!0,children:e.jsx(n.StyledTab,{activeTab:T===u,"aria-controls":a,"aria-selected":A?"true":"false",error:g,info:j,id:u,onClick:()=>{w(u),_(u)},orientation:k,role:"tab",size:z,type:"button",tabIndex:T===u?0:-1,warning:v,children:"string"==typeof d?e.jsxs("span",{className:"tab-title-content-wrapper",children:[b,d,f,E()]}):e.jsxs("span",{className:"tab-title-content-wrapper",children:[d,E()]})})})},exports.TabList=u,exports.TabPanel=({children:t,id:l,tabId:a})=>{const{activeTab:i}=r.useTabs();return e.jsx(s.TabProvider,{tabId:a,visible:a===i,children:e.jsx(n.StyledTabPanel,{id:l,role:"tabpanel","aria-labelledby":a,children:t})})},exports.Tabs=d,exports.default=d;

package/lib/components/tabs/__next__/tabs.style.js

@@ -1 +1 @@
-"use strict";var t=require("styled-components"),e=require("../../../style/utils/add-focus-styling.js");function o(t){return t&&t.__esModule?t:{default:t}}var i=o(t);const d={medium:{fontSize:14,iconMinWidth:84,height:40,paddingX:16,paddingY:8,width:56},large:{fontSize:16,iconMinWidth:104,height:48,paddingX:24,paddingY:0,width:76}},r=i.default.div.withConfig({displayName:"tabs.style__StyledTabPanel",componentId:"sc-4305491c-0"})(["padding:0 6px;"]),a=i.default.div.withConfig({displayName:"tabs.style__StyledTabList",componentId:"sc-4305491c-1"})(["display:flex;"," width:100%;height:fit-content;white-space:nowrap;padding:6px;overflow-x:hidden;"],(({orientation:e})=>t.css(["flex-direction:",";",":8px;"],"vertical"===e?"column":"row","horizontal"===e?"margin-bottom":"margin-right"))),n=i.default.div.withConfig({displayName:"tabs.style__StyledTabListWrapper",componentId:"sc-4305491c-2"})(["display:flex;z-index:6;"]),p=i.default.div.withConfig({displayName:"tabs.style__Spacer",componentId:"sc-4305491c-3"})(["align-self:flex-end;background:#8b8b8bff;flex-grow:1;height:2px;"]),s=i.default.button.withConfig({displayName:"tabs.style__StyledScrollButton",componentId:"sc-4305491c-4"})(["height:",";width:",";border-radius:0px;border-top-right-radius:8px;border-top-left-radius:8px;border-color:#8b8b8bff;background:white;border:none;border-bottom:2px solid #8b8b8bff;top:6px;position:relative;"],(({size:t})=>"medium"===t?"40px":"48px"),(({size:t})=>"medium"===t?"40px":"48px")),l=i.default.div.withConfig({displayName:"tabs.style__StyledScrollButtonPlaceholder",componentId:"sc-4305491c-5"})(["height:",";width:",";border-radius:0;border-color:#8b8b8bff;border:none;border-bottom:2px solid #8b8b8bff;top:4px;position:relative;"],(({size:t})=>"medium"===t?"40px":"48px"),(({size:t})=>"medium"===t?"40px":"48px")),b=i.default.button.withConfig({displayName:"tabs.style__StyledTab",componentId:"sc-4305491c-6"})(["background-color:transparent;border:none;border-bottom:2px solid #8b8b8bff;border-bottom-left-radius:0px;border-bottom-right-radius:0px;border-top-left-radius:8px;border-top-right-radius:8px;color:var(--colorsYin090);font-weight:var(--fontWeights500);line-height:var(--lineHeights500);position:relative;.tab-title-content-wrapper{align-items:center;display:flex;gap:8px;","}:hover{background-color:#00000010;cursor:pointer;}",";",";"," :focus{"," z-index:1;border-radius:8px;}"],(({activeTab:e,size:o})=>e&&"large"===o&&t.css(["margin-top:-4px;"])),(({size:e})=>t.css(["font-size:","px;height:","px;padding:","px ","px;"],d[e].fontSize,d[e].height,d[e].paddingY,d[e].paddingX)),(({activeTab:e,error:o,info:i,orientation:r,size:a,warning:n})=>e&&"horizontal"===r&&t.css(["background-color:white;border:2px solid #8b8b8bff;border-bottom:none;padding-top:","px;padding-right:","px;padding-bottom:","px;padding-left:",'px;:hover{background-color:white;}::after{content:"";position:absolute;bottom:0;left:20%;width:60%;height:4px;background-color:',";border-radius:2px;min-width:24px;}"],d[a].paddingY-4,d[a].paddingX-2,d[a].paddingY,d[a].paddingX-2,(()=>o?"#db004e":n?"#d64309":i?"#0060a7ff":"black"))),(({activeTab:e,error:o,info:i,orientation:r,size:a,warning:n})=>"vertical"===r?t.css(["border:none;border-right:2px solid #8b8b8bff;border-bottom-left-radius:8px;border-bottom-right-radius:0px;border-top-left-radius:8px;border-top-right-radius:0px;max-width:","px;min-width:","px;",""],200,200,e&&t.css(["background-color:white;border:2px solid #8b8b8bff;border-right:none;padding-top:","px !important;padding-right:","px;padding-bottom:","px;padding-left:",'px;:hover{background-color:white;}.tab-title-content-wrapper{::after{content:"";position:absolute;right:0;top:20%;height:60%;width:4px;background-color:',";border-radius:2px;min-height:24px;}}"],"medium"===a?d.medium.paddingY-2:4,d[a].paddingX-2,"medium"===a?d.medium.paddingY-2:d.large.paddingY,d[a].paddingX-2,(()=>o?"#db004e":n?"#d64309":i?"#0060a7ff":"black"))):t.css([""])),e.default()),c=i.default.div.withConfig({displayName:"tabs.style__StyledTabs",componentId:"sc-4305491c-7"})(["display:flex;",""],(({orientation:e})=>t.css(["flex-direction:",";"],"horizontal"===e?"column":"row"))),g=i.default.div.withConfig({displayName:"tabs.style__StyledTabProvider",componentId:"sc-4305491c-8"})(["",""],(({visible:e})=>t.css(["display:",";"],e?"block":"none")));exports.Spacer=p,exports.StyledScrollButton=s,exports.StyledScrollButtonPlaceholder=l,exports.StyledTab=b,exports.StyledTabList=a,exports.StyledTabListWrapper=n,exports.StyledTabPanel=r,exports.StyledTabProvider=g,exports.StyledTabs=c;
+"use strict";var t=require("styled-components"),o=require("../../../style/utils/add-focus-styling.js");function e(t){return t&&t.__esModule?t:{default:t}}var i=e(t);const d={medium:{fontSize:14,iconMinWidth:84,height:40,paddingX:16,paddingY:8,width:56},large:{fontSize:16,iconMinWidth:104,height:48,paddingX:24,paddingY:0,width:76}},r=i.default.div.withConfig({displayName:"tabs.style__StyledTabPanel",componentId:"sc-40b14a58-0"})(["padding:0 6px;"]),a=i.default.div.withConfig({displayName:"tabs.style__StyledTabList",componentId:"sc-40b14a58-1"})(["display:flex;"," width:100%;height:fit-content;white-space:nowrap;padding:6px;overflow-x:hidden;"],(({orientation:o})=>t.css(["flex-direction:",";",":8px;"],"vertical"===o?"column":"row","horizontal"===o?"margin-bottom":"margin-right"))),n=i.default.div.withConfig({displayName:"tabs.style__StyledTabListWrapper",componentId:"sc-40b14a58-2"})(["display:flex;z-index:6;"]),p=i.default.div.withConfig({displayName:"tabs.style__Spacer",componentId:"sc-40b14a58-3"})(["align-self:flex-end;background:#8b8b8bff;flex-grow:1;height:2px;"]),s=i.default.button.withConfig({displayName:"tabs.style__StyledScrollButton",componentId:"sc-40b14a58-4"})(["height:",";width:",";border-radius:0px;border-top-right-radius:8px;border-top-left-radius:8px;border-color:#8b8b8bff;background:white;border:none;border-bottom:2px solid #8b8b8bff;top:6px;position:relative;"],(({size:t})=>"medium"===t?"40px":"48px"),(({size:t})=>"medium"===t?"40px":"48px")),l=i.default.div.withConfig({displayName:"tabs.style__StyledScrollButtonPlaceholder",componentId:"sc-40b14a58-5"})(["height:",";width:",";border-radius:0;border-color:#8b8b8bff;border:none;border-bottom:2px solid #8b8b8bff;top:4px;position:relative;"],(({size:t})=>"medium"===t?"40px":"48px"),(({size:t})=>"medium"===t?"40px":"48px")),b=i.default.button.withConfig({displayName:"tabs.style__StyledTab",componentId:"sc-40b14a58-6"})(["background-color:transparent;border:none;border-bottom:2px solid #8b8b8bff;border-bottom-left-radius:0px;border-bottom-right-radius:0px;border-top-left-radius:8px;border-top-right-radius:8px;color:var(--colorsYin090);font-weight:var(--fontWeights500);line-height:var(--lineHeights500);position:relative;.tab-title-content-wrapper{align-items:center;display:flex;gap:8px;","}:hover{background-color:#00000010;cursor:pointer;}",";",";"," :focus{"," z-index:1;","}"],(({activeTab:o,size:e})=>o&&"large"===e&&t.css(["margin-top:-4px;"])),(({size:o})=>t.css(["font-size:","px;height:","px;padding:","px ","px;"],d[o].fontSize,d[o].height,d[o].paddingY,d[o].paddingX)),(({activeTab:o,error:e,info:i,orientation:r,size:a,warning:n})=>o&&"horizontal"===r&&t.css(["background-color:white;border:2px solid #8b8b8bff;border-bottom:none;padding-top:","px;padding-right:","px;padding-bottom:","px;padding-left:",'px;:hover{background-color:white;}::after{content:"";position:absolute;bottom:0;left:20%;width:60%;height:4px;background-color:',";border-radius:2px;min-width:24px;}"],d[a].paddingY-4,d[a].paddingX-2,d[a].paddingY,d[a].paddingX-2,(()=>e?"#db004e":n?"#d64309":i?"#0060a7ff":"black"))),(({activeTab:o,error:e,info:i,orientation:r,size:a,warning:n})=>"vertical"===r?t.css(["border:none;border-right:2px solid #8b8b8bff;border-bottom-left-radius:8px;border-bottom-right-radius:0px;border-top-left-radius:8px;border-top-right-radius:0px;max-width:","px;min-width:","px;",""],200,200,o&&t.css(["background-color:white;border:2px solid #8b8b8bff;border-right:none;padding-top:","px !important;padding-right:","px;padding-bottom:","px;padding-left:",'px;:hover{background-color:white;}.tab-title-content-wrapper{::after{content:"";position:absolute;right:0;top:20%;height:60%;width:4px;background-color:',";border-radius:2px;min-height:24px;}}"],"medium"===a?d.medium.paddingY-2:4,d[a].paddingX-2,"medium"===a?d.medium.paddingY-2:d.large.paddingY,d[a].paddingX-2,(()=>e?"#db004e":n?"#d64309":i?"#0060a7ff":"black"))):t.css([""])),o.default(),(({orientation:o})=>t.css(["border-top-left-radius:8px;border-top-right-radius:",";border-bottom-left-radius:",";border-bottom-right-radius:0px;"],"horizontal"===o?"8px":"0","horizontal"===o?"0px":"8px"))),c=i.default.div.withConfig({displayName:"tabs.style__StyledTabs",componentId:"sc-40b14a58-7"})(["display:flex;",""],(({orientation:o})=>t.css(["flex-direction:",";"],"horizontal"===o?"column":"row"))),g=i.default.div.withConfig({displayName:"tabs.style__StyledTabProvider",componentId:"sc-40b14a58-8"})(["",""],(({visible:o})=>t.css(["display:",";"],o?"block":"none")));exports.Spacer=p,exports.StyledScrollButton=s,exports.StyledScrollButtonPlaceholder=l,exports.StyledTab=b,exports.StyledTabList=a,exports.StyledTabListWrapper=n,exports.StyledTabPanel=r,exports.StyledTabProvider=g,exports.StyledTabs=c;

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.11.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",