carbon-react 162.10.0 → 162.12.0-beta.1

package/esm/components/text-editor/__internal__/__ui__/Toolbar/buttons/underline.component.d.ts

@@ -1,4 +0,0 @@
-import React from "react";
-import { FormattingButtonProps } from "../../../__utils__/interfaces.types";
-declare const UnderlineButton: ({ isActive, isFirstButton, namespace, size, }: FormattingButtonProps) => React.JSX.Element;
-export default UnderlineButton;

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

@@ -1 +0,0 @@
-import{jsx as t}from"react/jsx-runtime";import{useLexicalComposerContext as e}from"@lexical/react/LexicalComposerContext";import{FORMAT_TEXT_COMMAND as o}from"lexical";import"react";import n from"../toolbar-button.component.js";import r from"../../../../../../hooks/__internal__/useLocale/useLocale.js";import{TEXT_EDITOR_ACTION_TYPES as i}from"../../../__utils__/constants.js";const a=({isActive:a,isFirstButton:s=!1,namespace:l,size:m="medium"})=>{const[u]=e(),c=r();return t(n,{type:"button",size:m,"aria-label":c.textEditor.underlineAria(),onClick:()=>{u.isEditable()&&u.dispatchCommand(o,i.Underline)},buttonIcon:"underline",onMouseDown:t=>t.preventDefault(),pressed:a,"data-role":`${l}-underline-button`,id:`${l}-underline-button`,tabIndex:s?0:-1,className:"toolbar-button"})};export{a as default};

package/esm/components/text-editor/__internal__/__ui__/Toolbar/index.d.ts

@@ -1 +0,0 @@
-export { default } from "./toolbar.component";

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

@@ -1 +0,0 @@
-export{default}from"./toolbar.component.js";

package/esm/components/text-editor/__internal__/__ui__/Toolbar/toolbar-button.component.d.ts

@@ -1,6 +0,0 @@
-import React from "react";
-import { ButtonToggleProps } from "../../../../button-toggle";
-type ToolbarNativeButtonProps = Pick<React.ButtonHTMLAttributes<HTMLButtonElement>, "onMouseDown" | "tabIndex" | "type">;
-type ToolbarButtonToggleProps = ButtonToggleProps & ToolbarNativeButtonProps;
-declare const ToolbarButtonToggle: ({ onClick, ...props }: ToolbarButtonToggleProps) => React.JSX.Element;
-export default ToolbarButtonToggle;

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

@@ -1 +0,0 @@
-import{jsx as t}from"react/jsx-runtime";import"react";import{ButtonToggle as e}from"../../../../button-toggle/button-toggle.component.js";import"../../../../button-toggle/button-toggle-group/button-toggle-group.component.js";function r(t,e,r){return e in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}const n=n=>{var o,c,{onClick:l}=n,u=function(t,e){if(null==t)return{};var r,n,o=function(t,e){if(null==t)return{};var r,n,o={},c=Object.keys(t);for(n=0;n<c.length;n++)r=c[n],e.indexOf(r)>=0||(o[r]=t[r]);return o}(t,e);if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(t);for(n=0;n<c.length;n++)r=c[n],e.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(t,r)&&(o[r]=t[r])}return o}(n,["onClick"]);return t(e,(o=function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},o=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(n).filter((function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable})))),o.forEach((function(e){r(t,e,n[e])}))}return t}({},u),c=null!=(c={onClick:t=>{t.currentTarget.focus({preventScroll:!0}),null==l||l(t)}})?c:{},Object.getOwnPropertyDescriptors?Object.defineProperties(o,Object.getOwnPropertyDescriptors(c)):function(t){var e=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e.push.apply(e,r)}return e}(Object(c)).forEach((function(t){Object.defineProperty(o,t,Object.getOwnPropertyDescriptor(c,t))})),o))};export{n as default};

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

@@ -1,4 +0,0 @@
-import React from "react";
-import { ToolbarProps } from "../../__utils__/interfaces.types";
-declare const Toolbar: ({ contentEditorRef, namespace, hasHeader, onCancel, onSave, size, toolbarControls, }: ToolbarProps) => React.JSX.Element | null;
-export default Toolbar;

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

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

package/esm/components/text-editor/__internal__/__ui__/Toolbar/toolbar.style.d.ts

@@ -1,15 +0,0 @@
-import { ButtonProps } from "../../../../button/__next__";
-interface StyledToolbarButtonProps extends ButtonProps {
-    tabIndex?: number;
-    onMouseDown?: React.MouseEventHandler<HTMLButtonElement>;
-    size: "small" | "medium" | "large";
-}
-interface StyledToolbarProps {
-    hasHeader?: boolean;
-    size: "small" | "medium" | "large";
-}
-declare const StyledToolbarWrapper: import("styled-components").StyledComponent<"div", any, StyledToolbarProps, never>;
-declare const StyledToolbar: import("styled-components").StyledComponent<"div", any, {}, never>;
-declare const CommandButtons: import("styled-components").StyledComponent<"div", any, {}, never>;
-declare const StyledToolbarButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<HTMLAnchorElement | HTMLButtonElement>>, any, StyledToolbarButtonProps, never>;
-export { StyledToolbar, StyledToolbarWrapper, CommandButtons, StyledToolbarButton, };

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

@@ -1 +0,0 @@
-import o,{css as a}from"styled-components";import{Button as e}from"../../../../button/__next__/button.component.js";const l={small:{toolbarPadding:"var(--global-space-comp-s)",withHeaderPadding:"var(--global-space-comp-xs)",buttonSize:"var(--global-size-s)"},medium:{toolbarPadding:"var(--global-space-comp-m)",withHeaderPadding:"var(--global-space-comp-s)",buttonSize:"var(--global-size-m)"},large:{toolbarPadding:"var(--global-space-comp-l)",withHeaderPadding:"var(--global-space-comp-m)",buttonSize:"var(--global-size-l)"}},t=o.div.withConfig({displayName:"toolbar.style__StyledToolbarWrapper",componentId:"carbon_v162_9_1__sc-bd588fa6-0"})(["",";display:flex;flex-direction:row;gap:var(--global-space-comp-s);border-bottom:var(--global-borderwidth-xs) solid var(--input-typical-border-default);align-items:center;flex-wrap:wrap;"],(({size:o,hasHeader:e})=>a(["padding:",";",""],l[o].toolbarPadding,e&&a(["padding-top:",";"],l[o].withHeaderPadding)))),r=o.div.withConfig({displayName:"toolbar.style__StyledToolbar",componentId:"carbon_v162_9_1__sc-bd588fa6-1"})(["display:flex;flex-direction:row;gap:var(--global-space-comp-s);align-items:center;flex-wrap:wrap;padding:var(--global-space-comp-xs);"]),i=o.div.withConfig({displayName:"toolbar.style__CommandButtons",componentId:"carbon_v162_9_1__sc-bd588fa6-2"})(["display:flex;flex-direction:row;gap:var(--global-space-comp-s);"]),d=o(e).withConfig({displayName:"toolbar.style__StyledToolbarButton",componentId:"carbon_v162_9_1__sc-bd588fa6-3"})(["border:none;color:var(--button-typical-toggle-label-default);&:hover{background-color:var(--button-typical-toggle-bg-hover);color:var(--button-typical-toggle-label-hover);}",""],(({size:o})=>a(["min-width:",";min-height:",";"],l[o].buttonSize,l[o].buttonSize)));export{i as CommandButtons,r as StyledToolbar,d as StyledToolbarButton,t as StyledToolbarWrapper};

package/esm/components/text-editor/__internal__/__ui__/index.d.ts

@@ -1,6 +0,0 @@
-export { default as CharacterCounterPlugin } from "./CharacterCounter";
-export { default as ContentEditor } from "./ContentEditor";
-export { default as Mentions } from "./Mentions";
-export { default as Placeholder } from "./Placeholder";
-export { default as ToolbarPlugin } from "./Toolbar";
-export type { Mention } from "./Mentions";

package/esm/components/text-editor/__internal__/__ui__/index.js

@@ -1 +0,0 @@
-export{default as CharacterCounterPlugin}from"./CharacterCounter/character-counter.component.js";export{default as ContentEditor}from"./ContentEditor/content-editor.component.js";export{MentionsPlugin as Mentions}from"./Mentions/mentions.component.js";export{default as Placeholder}from"./Placeholder/placeholder.component.js";export{default as ToolbarPlugin}from"./Toolbar/toolbar.component.js";

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

@@ -1,21 +0,0 @@
-import { CodeNode } from "@lexical/code";
-import { LinkNode } from "@lexical/link";
-import { ListNode, ListItemNode, ListType } from "@lexical/list";
-import { HorizontalRuleNode } from "@lexical/react/LexicalHorizontalRuleNode";
-import { HeadingNode, QuoteNode } from "@lexical/rich-text";
-import { TextFormatType } from "lexical";
-import { StyledSpanNode } from "../__nodes__/styled-span.node";
-import { MentionNode } from "../__nodes__/mention.node";
-/** The default prefix applied to the editor's internal class names, IDs, etc. */
-declare const COMPONENT_PREFIX = "carbon-rte";
-/** The available actions that can be used in the editor */
-declare const TEXT_EDITOR_ACTION_TYPES: {
-    Bold: TextFormatType;
-    Italic: TextFormatType;
-    Underline: TextFormatType;
-    OrderedList: ListType;
-    UnorderedList: ListType;
-};
-/** The nodes supported by markdown */
-declare const MARKDOWN_NODES: (typeof StyledSpanNode | typeof MentionNode | typeof LinkNode | typeof CodeNode | typeof ListNode | typeof ListItemNode | typeof HeadingNode | typeof QuoteNode | typeof HorizontalRuleNode)[];
-export { COMPONENT_PREFIX, MARKDOWN_NODES, TEXT_EDITOR_ACTION_TYPES };

package/esm/components/text-editor/__internal__/__utils__/constants.js

@@ -1 +0,0 @@
-import{CodeNode as e}from"@lexical/code";import{AutoLinkNode as o,LinkNode as r}from"@lexical/link";import{ListNode as i,ListItemNode as l}from"@lexical/list";import{HorizontalRuleNode as t}from"@lexical/react/LexicalHorizontalRuleNode";import{HeadingNode as n,QuoteNode as m}from"@lexical/rich-text";import{StyledSpanNode as d}from"../__nodes__/styled-span.node.js";import{MentionNode as c}from"../__nodes__/mention.node.js";const a="carbon-rte",s={Bold:"bold",Italic:"italic",Underline:"underline",OrderedList:"number",UnorderedList:"bullet"},p=[o,e,r,i,l,n,m,t,d,c];export{a as COMPONENT_PREFIX,p as MARKDOWN_NODES,s as TEXT_EDITOR_ACTION_TYPES};

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

@@ -1,37 +0,0 @@
-import { LexicalEditor } from "lexical";
-/**
- * Post-processes HTML serialised from the Lexical editor, adding inline text
- * formatting and applying brand-consistent defaults to all elements.
- *
- * Specifically:
- * - Converts text format classes and semantic formatting tags to inline styles
- * - Applies the Sage UI font family to all elements
- * - Applies link styles (color, cursor, underline) to anchor elements
- * - Preserves any existing inline styles set by Lexical (e.g. white-space: pre-wrap)
- *
- * This ensures the output HTML is portable and renders correctly in contexts where
- * the Lexical stylesheet is not present, such as email templates or external consumers.
- */
-declare const generateHTMLWithInlineStyles: (html: string) => string;
-/**
- * This helper takes the current state of the editor and serializes it into two formats:
- * 1. HTML
- * 2. JSON
- * This allows the editor state to be saved and restored at a later time, in a format suitable
- * for the majority of customers' use cases.
- */
-declare const SerializeLexical: (editor: LexicalEditor) => {
-    htmlString: undefined;
-    json: undefined;
-};
-/**
- * This helper takes an HTML string and deserializes it into the editor.
- * This allows the editor to be restored from a previously saved state.
- */
-declare const DeserializeHTML: (html: string) => string;
-/** Function to validate a given URL */
-declare function validateUrl(url: string): boolean;
-declare const createFromHTML: (html: string) => string;
-/** Creates and returns a string representation of an empty editor */
-declare const createEmpty: () => string;
-export { createEmpty, createFromHTML, DeserializeHTML, SerializeLexical, generateHTMLWithInlineStyles, validateUrl, };

package/esm/components/text-editor/__internal__/__utils__/helpers.js

@@ -1 +0,0 @@
-import{createHeadlessEditor as t}from"@lexical/headless";import{$generateNodesFromDOM as e,$generateHtmlFromNodes as r}from"@lexical/html";import{$getRoot as o,$getSelection as n}from"lexical";import{MARKDOWN_NODES as i}from"./constants.js";import{getTheme as s}from"./theme.js";import l from"../../../../__internal__/utils/logger/index.js";const a="font-family: 'Sage UI', sans-serif;",c=`color: #007e45ff; cursor: pointer; text-decoration: underline; ${a}`,m={textBold:"font-weight: bold;",textItalic:"font-style: italic;",textUnderline:"text-decoration: underline;"},d={STRONG:"font-weight: bold;",B:"font-weight: bold;",EM:"font-style: italic;",I:"font-style: italic;",U:"text-decoration: underline;"},f=t=>{const e=(new DOMParser).parseFromString(t,"text/html");return e.body.querySelectorAll("*").forEach((t=>{const e=t,r=[];Array.from(e.classList).forEach((t=>{const o=m[t];o&&(r.push(o),e.classList.remove(t))}));const o=d[e.tagName];var n;o&&r.push(o),"A"===e.tagName?r.push(c):r.push(a);const i=[null!==(n=e.getAttribute("style"))&&void 0!==n?n:"",...r].filter(Boolean).join(" ");e.setAttribute("style",i),0===e.classList.length&&e.removeAttribute("class")})),e.body.innerHTML},h=t=>{let e,o;return t.read((()=>{const n=t.getEditorState();o=n.toJSON(),e=r(t,null)})),{htmlString:e,json:o}},u=r=>{const a=t({namespace:"html-to-json",onError:t=>l.error(t.message),theme:s(),nodes:i});let c;if(a.update((()=>{const t=(new DOMParser).parseFromString(r,"text/html"),i=e(a,t);o().select();const s=n();if(s)try{s.insertNodes(i)}catch(t){c=t}}),{discrete:!0}),c)throw c;const m=a.getEditorState().toJSON();return JSON.stringify(m)},p=new RegExp(/((([A-Za-z]{3,9}:(?:\/\/)?)(?:[-;:&=+$,\w]+@)?[A-Za-z0-9.-]+|(?:www.|[-;:&=+$,\w]+@)[A-Za-z0-9.-]+)((?:\/[+~%/.\w-_]*)?\??(?:[-+=&;%@.\w_]*)#?(?:[\w]*))?)/);function g(t){return"https://"===t||p.test(t)}const w=t=>u(t),x=()=>'{"root":{"children":[{"children":[],"direction":null,"format":"","indent":0,"type":"paragraph","version":1}],"direction":null,"format":"","indent":0,"type":"root","version":1}}';export{u as DeserializeHTML,h as SerializeLexical,x as createEmpty,w as createFromHTML,f as generateHTMLWithInlineStyles,g as validateUrl};

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

@@ -1,202 +0,0 @@
-import { MarginProps } from "styled-system";
-import { TagProps } from "../../../../__internal__/utils/helpers/tags";
-import { LexicalEditor } from "lexical";
-import { RefObject } from "react";
-export interface TextEditorHandle {
-    /** Programmatically focus on the text editor. */
-    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 */
-    error?: string;
-    /** Custom footer content to be displayed below the editor */
-    footer?: React.ReactNode;
-    /** Custom header content to be displayed above the editor */
-    header?: React.ReactNode;
-    /** A hint string rendered before the editor but after the label. Intended to describe the purpose or content of the input. */
-    inputHint?: string;
-    /** The label to display above the editor */
-    labelText: string;
-    /** The identifier for the Text Editor. This allows for the using of multiple Text Editors on a screen */
-    namespace?: string;
-    /** The id attribute, set on the content editable div within the Text Editor */
-    id?: string;
-    /** Callback that is triggered when the editor loses focus. */
-    onBlur?: (ev: React.FocusEvent<HTMLElement>) => void;
-    /**
-     * [Legacy] Callback that is triggered when the editor's cancel button is activated. The cancel button is rendered when this function is provided.
-     * @deprecated Please ensure that `TextEditor` is used as a part of a `Form` component, which will handle the cancel functionality.
-     */
-    onCancel?: () => void;
-    /** Callback that is triggered when the editor's text content is modified or styled. */
-    onChange?: (value: string, formattedValues: EditorFormattedValues) => void;
-    /** Callback that is triggered when the editor gains focus. */
-    onFocus?: (ev: React.FocusEvent<HTMLElement>) => void;
-    /** Callback that is triggered when a link is added in the editor's content. */
-    onLinkAdded?: (link: string, state: string) => void;
-    /**
-     * [Legacy] Callback that is triggered when the editor's save button is activated. The save button is rendered when this function is provided.
-     * @deprecated Please ensure that `TextEditor` is used as a part of a `Form` component, which will handle the save functionality.
-     */
-    onSave?: (value: EditorFormattedValues) => void;
-    /**
-     * Callback that is triggered when a parent form of the editor is submitted.
-     * The callback returns the current content of the editor in multiple formats, including HTML with inline styles.
-     */
-    onFormSubmission?: (value: EditorFormattedValuesWithInlineStyles) => void;
-    /** The placeholder to display when the editor is empty */
-    placeholder?: string;
-    /** An array of link preview nodes to render in the editor */
-    previews?: React.JSX.Element[];
-    /** Whether the editor is read-only */
-    readOnly?: boolean;
-    /** Whether the content of the editor is required to have a value */
-    required?: boolean;
-    /** Number greater than 2 multiplied to override the default min-height of the editor */
-    rows?: number;
-    /** The size of the toolbar */
-    size?: "small" | "medium" | "large";
-    /** The message to be shown when the editor is in an warning state */
-    warning?: string;
-    /**
-     * Alias of `initialValue` prop.
-     * @deprecated Please use `initialValue` instead.
-     */
-    value?: string | undefined;
-    /** The initial value of the editor, as a HTML string, or JSON */
-    initialValue?: string | undefined;
-    /**
-     * Allows the injection of one or more Lexical-compatible React components into the editor to extend its functionality.
-     * This prop is optional and supports a single plugin, multiple plugins (via fragments or arrays), or `null`.
-     */
-    customPlugins?: React.ReactNode;
-    /** Render the ValidationMessage above the TextEditor */
-    validationMessagePositionTop?: boolean;
-    /**  */
-    toolbarControls?: ToolbarControl[];
-}
-export interface PlaceholderProps {
-    /** The namespace of the editor that this placeholder belongs to */
-    namespace: string;
-    /** The text to display in the placeholder */
-    text: string | undefined;
-}
-export interface ContentEditorProps {
-    /** A hint string rendered before the editor but after the label. Intended to describe the purpose or content of the input. */
-    inputHint?: string;
-    /** Whether the content editor has focused */
-    isFocused?: boolean;
-    /** The namespace of the editor that this content editor belongs to */
-    namespace: string;
-    /** The link previews to render at the foot of the editor */
-    previews?: React.JSX.Element[];
-    /** The number of rows to render in the editor */
-    rows?: number;
-    /** Whether the editor is read-only */
-    readOnly?: boolean;
-    /** Whether the editor is required */
-    required?: boolean;
-    /** Editor has an error */
-    error?: boolean;
-    /** Editor has a warning */
-    warning?: boolean;
-    /** Render the ValidationMessage above the Editor */
-    validationMessagePositionTop?: boolean;
-    /** The size of the content editor */
-    size?: "small" | "medium" | "large";
-    /** The id attribute */
-    id?: string;
-    /** If the editor has a footer */
-    hasFooter?: boolean;
-}
-export interface CharacterCounterPluginProps {
-    /** Whether the content editor has focused */
-    isFocused?: boolean;
-    /** The maximum number of characters to allow before showing the warning */
-    maxChars: number;
-    /** The namespace of the editor that this counter belongs to */
-    namespace: string;
-    /** The size of the content editor */
-    size: "small" | "medium" | "large";
-}
-export interface FocusCommandPayload {
-    defaultToEnd: boolean;
-}
-export interface ToolbarProps {
-    /** Reference to the editor for the toolbar to consume */
-    contentEditorRef: RefObject<HTMLDivElement>;
-    /** The namespace of the editor that this toolbar belongs to */
-    namespace: string;
-    /** Determines if the Text Editor has a header */
-    hasHeader?: boolean;
-    /** The callback to call when the cancel button is clicked */
-    onCancel?: (editor: LexicalEditor) => void;
-    /** The callback to call when the save button is clicked */
-    onSave?: (value: EditorFormattedValues) => void;
-    /** The size of the toolbar */
-    size?: "small" | "medium" | "large";
-    /** The list of enabled controls */
-    toolbarControls?: ToolbarControl[];
-}
-export type ButtonGroupProps = {
-    /** The children of the button group */
-    children?: React.ReactNode | React.ReactNode[];
-    /** The name of the button group */
-    name: string;
-    /** The namespace of the containing editor */
-    namespace?: string;
-    /** Determines if the button group should show a divider */
-    showDivider?: boolean;
-};
-export interface FormattingButtonProps {
-    /** Whether the button is active or not, relative to the text at the current cursor position */
-    isActive: boolean;
-    /** Whether the button is the first in a group of buttons */
-    isFirstButton?: boolean;
-    /** The namespace of the editor that this button belongs to */
-    namespace: string;
-    /** The size of the button */
-    size?: "small" | "medium" | "large";
-}
-export interface SaveObjectProps {
-    detail: number;
-    format: number;
-    mode: string;
-    style: string;
-    text: string;
-    type: string;
-    version: number;
-}
-export interface SaveProps {
-    children: SaveObjectProps[];
-}
-export interface EditorFormattedValues {
-    htmlString?: string;
-    json?: {
-        root: {
-            children: SaveProps[];
-            direction: string;
-            format: string;
-            indent: number;
-            type: string;
-            version: string;
-        };
-    };
-}
-export interface EditorFormattedValuesWithInlineStyles extends EditorFormattedValues {
-    htmlStringWithInlineStyles?: string;
-}
-export type onFormSubmissionCallback = (value: EditorFormattedValuesWithInlineStyles) => void;
-export interface SaveButtonProps {
-    /** The namespace of the editor that this button belongs to */
-    namespace: string;
-    /** The callback to call when the save button is clicked */
-    onSave: (value: EditorFormattedValues) => void;
-    /** The size of the button */
-    size?: "small" | "medium" | "large";
-}
-export type ToolbarControl = "typography" | "bold" | "italic" | "underline" | "unordered-list" | "ordered-list" | "link";

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

@@ -1,5 +0,0 @@
-import { EditorThemeClasses } from "lexical";
-/** The theme overrides needed to correctly style the editor */
-declare const THEME: EditorThemeClasses;
-declare const getTheme: () => EditorThemeClasses;
-export { getTheme, THEME };

package/esm/components/text-editor/__internal__/__utils__/theme.js

@@ -1 +0,0 @@
-const t={text:{bold:"textBold",italic:"textItalic",underline:"textUnderline"}},e=()=>t;export{t as THEME,e as getTheme};

package/esm/components/text-editor/__internal__/index.d.ts

@@ -1 +0,0 @@
-export { default } from "./__ui__/Mentions/";

package/esm/components/text-editor/__internal__/index.js

@@ -1 +0,0 @@
-export{MentionsPlugin as default}from"./__ui__/Mentions/mentions.component.js";

package/esm/components/text-editor/index.d.ts

@@ -1,5 +0,0 @@
-export { default } from "./text-editor.component";
-export { createEmpty, createFromHTML } from "./__internal__/__utils__/helpers";
-export type { TextEditorHandle, TextEditorProps, EditorFormattedValues, EditorFormattedValuesWithInlineStyles, } from "./__internal__/__utils__/interfaces.types";
-export { default as MentionsPlugin } from "./__internal__/__ui__/Mentions/";
-export type { Mention } from "./__internal__/__ui__/Mentions";

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

@@ -1 +0,0 @@
-export{TextEditor as default}from"./text-editor.component.js";export{createEmpty,createFromHTML}from"./__internal__/__utils__/helpers.js";export{MentionsPlugin}from"./__internal__/__ui__/Mentions/mentions.component.js";

package/esm/components/text-editor/text-editor.component.d.ts

@@ -1,4 +0,0 @@
-import React from "react";
-import { TextEditorHandle, TextEditorProps } from "./__internal__/__utils__/interfaces.types";
-export declare const TextEditor: React.ForwardRefExoticComponent<TextEditorProps & React.RefAttributes<TextEditorHandle>>;
-export default TextEditor;

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

@@ -1 +0,0 @@
-import{jsx as e,jsxs as r,Fragment as t}from"react/jsx-runtime";import{LexicalComposer as o}from"@lexical/react/LexicalComposer";import{ClickableLinkPlugin as n}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 _}from"@lexical/react/LexicalListPlugin";import{OnChangePlugin as p}from"@lexical/react/LexicalOnChangePlugin";import{PluginProvider as d}from"./__internal__/__providers__/plugin-provider.js";import{$getRoot as u}from"lexical";import{forwardRef as m,useRef as f,useState as g,useContext as h,useImperativeHandle as b,useEffect as v,useMemo as x,useCallback as j}from"react";import y from"../../__internal__/label/label.component.js";import w from"../../hooks/__internal__/useLocale/useLocale.js";import O from"../../__internal__/utils/logger/index.js";import{COMPONENT_PREFIX as P,MARKDOWN_NODES as L}from"./__internal__/__utils__/constants.js";import E from"./__internal__/__plugins__/AutoLinker/auto-link.component.js";import C from"./__internal__/__plugins__/LinkMonitor/link-monitor.plugin.js";import S from"./__internal__/__plugins__/StyledSpanEnter/styled-span-enter.plugin.js";import"./__internal__/__plugins__/useCursorAtEnd/index.js";import{FormSubmissionPlugin as T}from"./__internal__/__plugins__/FormSubmission/form-submission.plugin.js";import k from"./text-editor.context.js";import{StyledTextEditorWrapper as z,StyledWrapper as F,StyledEditorToolbarWrapper as $,StyledHeaderWrapper as M,StyledTextEditor as H,StyledFooterWrapper as B}from"./text-editor.style.js";import{createEmpty as R,SerializeLexical as q,validateUrl as A}from"./__internal__/__utils__/helpers.js";import{HintText as D}from"../../__internal__/hint-text/hint-text.component.js";import V from"../../__internal__/validation-message/__next__/validation-message.component.js";import I from"../../__internal__/error-border/error-border.style.js";import"../../style/utils/filter-styled-system-padding-props.js";import U from"../../style/utils/filter-styled-system-margin-props.js";import G from"../../__internal__/utils/helpers/tags/tags.js";import J from"./__internal__/__ui__/ReadOnlyEditor/read-only-rte.component.js";import{getTheme as K}from"./__internal__/__utils__/theme.js";import N from"./__internal__/__ui__/CharacterCounter/character-counter.component.js";import Q from"./__internal__/__ui__/ContentEditor/content-editor.component.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 W from"./__internal__/__ui__/Placeholder/placeholder.component.js";import X from"./__internal__/__ui__/Toolbar/toolbar.component.js";import Y from"../fieldset/__internal__/fieldset.context.js";function Z(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function ee(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},o=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),o.forEach((function(r){Z(e,r,t[r])}))}return e}let re=!1,te=!1,oe=!1;const ne=m(((m,Z)=>{var ne,ie,ae,{characterLimit:le=3e3,error:se,footer:ce,header:_e,inputHint:pe,labelText:de,namespace:ue=P,id:me,onBlur:fe,onCancel:ge,onChange:he,onFocus:be,onLinkAdded:ve,onSave:xe,onFormSubmission:je,placeholder:ye,previews:we=[],readOnly:Oe=!1,required:Pe=!1,rows:Le,size:Ee="medium",warning:Ce,customPlugins:Se,validationMessagePositionTop:Te=!1,toolbarControls:ke}=m,ze=function(e,r){if(null==e)return{};var t,o,n=function(e,r){if(null==e)return{};var t,o,n={},i=Object.keys(e);for(o=0;o<i.length;o++)t=i[o],r.indexOf(t)>=0||(n[t]=e[t]);return n}(e,r);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(o=0;o<i.length;o++)t=i[o],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(n[t]=e[t])}return n}(m,["characterLimit","error","footer","header","inputHint","labelText","namespace","id","onBlur","onCancel","onChange","onFocus","onLinkAdded","onSave","onFormSubmission","placeholder","previews","readOnly","required","rows","size","warning","customPlugins","validationMessagePositionTop","toolbarControls"]);!re&&ze.value&&(re=!0,O.deprecate("`value` is deprecated in TextEditor and support will soon be removed. Please use `initialValue` instead.")),!te&&ge&&(te=!0,O.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.")),!oe&&xe&&(oe=!0,O.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 Fe=f(null!==(ae=null!==(ie=ze.initialValue)&&void 0!==ie?ie:ze.value)&&void 0!==ae?ae:R()),$e=w(),[Me,He]=g(void 0),Be=f(null),[Re,qe]=g(null),[Ae,De]=g(!1),{size:Ve,hasError:Ie,required:Ue}=h(Y),Ge=Ve||Ee,Je=!!se||Ie;b(Z,(()=>({focus(){var e;null===(e=Be.current)||void 0===e||e.focus()}})),[]),v((()=>{const e=null==Be?void 0:Be.current,r=()=>{De(!0)},t=()=>{De(!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)}}),[Be]);const Ke=x((()=>({namespace:ue,nodes:L,onError:e=>O.error(e.message),theme:K(),editorState:Fe.current,editable:!Oe})),[ue,Oe]),Ne=j(((e,r)=>{const t=e.read((()=>u().getChildren().map((e=>e.getTextContent())).join("\n\n")));if(he){const e=q(r);null==he||he(t,e)}if(le>0){const e=le-t.length;He(e<0?$e.textEditor.characterLimit(Math.abs(e)):void 0)}}),[le,$e.textEditor,he]),Qe=j((e=>{if(!e.isEditable())return;if(!ge)return;const r=e.parseEditorState(Fe.current);e.setEditorState(r),ge()}),[ge]),We=x((()=>({namespace:ue,onCancel:ge?Qe:void 0,onSave:xe,toolbarControls:ke})),[Qe,ue,ge,xe,ke]),Xe=Ce||Me,Ye=r(t,{children:[e(V,{error:se,warning:Xe,id:`${ue}-validation-message`,"data-role":`${ue}-validation-message`,size:Ge}),(se||Xe)&&e(I,{$warning:!(se||!Xe)})]});return e(z,(Ze=ee({"data-role":`${ue}-editor-wrapper`,onBlur:e=>{e.currentTarget.contains(e.relatedTarget)||null==fe||fe(e)},onFocus:e=>{e.currentTarget.contains(e.relatedTarget)||null==be||be(e)}},U(ze),G("text-editor",ze)),er={children:r(k.Provider,{value:{onLinkAdded:ve},children:[e(y,{onClick:()=>{var e;return null===(e=Be.current)||void 0===e?void 0:e.focus()},isRequired:Pe,id:`${ue}-label`,size:Ge,children:de}),pe&&e(D,{id:`${ue}-input-hint`,size:Ge,children:pe}),e(o,{initialConfig:Ke,children:r(F,{"data-role":`${ue}-wrapper`,ref:qe,size:Ge,children:[Te&&Ye,r($,{"data-role":`${ue}-editor-toolbar-wrapper`,id:`${ue}-editor-toolbar-wrapper`,isReadOnly:Oe,children:[_e&&e(M,{"data-role":`${ue}-header-wrapper`,size:Ge,children:_e}),Oe?e(J,{"aria-label":de,initialValue:(null===(ne=Be.current)||void 0===ne?void 0:ne.innerHTML)||Fe.current,size:Ge}):r(t,{children:[e(X,ee({contentEditorRef:Be,hasHeader:Boolean(_e),size:Ge},We)),r(H,{"data-role":`${ue}-editor`,error:Je,children:[e(s,{contentEditable:e(Q,{id:me,ref:Be,inputHint:pe,isFocused:Ae,namespace:ue,previews:we,rows:Le,readOnly:Oe,required:Pe||Ue,error:Je,warning:!!Ce||!!Me,validationMessagePositionTop:Te,size:Ge,hasFooter:!!ce}),placeholder:e(W,{namespace:ue,text:ye}),ErrorBoundary:i}),e(_,{}),e(a,{}),e(l,{}),e(p,{onChange:Ne,ignoreHistoryMergeTagChange:!0,ignoreSelectionChange:!0}),e(c,{validateUrl:A}),e(n,{newTab:!0}),e(E,{}),e(S,{}),e(T,{onFormSubmission:je}),e(d,{parentRef:Re,size:Ge,children:Se})]})]}),ce&&e(B,{"data-role":`${ue}-footer-wrapper`,size:Ge,children:ce}),e(C,{})]}),!Te&&Ye,le>0&&!Oe&&e(N,{isFocused:Ae,maxChars:le,namespace:ue,size:Ge})]})})]})},er=null!=er?er:{},Object.getOwnPropertyDescriptors?Object.defineProperties(Ze,Object.getOwnPropertyDescriptors(er)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(er)).forEach((function(e){Object.defineProperty(Ze,e,Object.getOwnPropertyDescriptor(er,e))})),Ze));var Ze,er}));export{ne as TextEditor,ne as default};

package/esm/components/text-editor/text-editor.context.d.ts

@@ -1,5 +0,0 @@
-import React from "react";
-declare const _default: React.Context<{
-    onLinkAdded?: (link: string, state: string) => void;
-}>;
-export default _default;

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

@@ -1 +0,0 @@
-import t from"react";var e=t.createContext({});export{e as default};

package/esm/components/text-editor/text-editor.style.d.ts

@@ -1,14 +0,0 @@
-export declare const StyledTextEditor: import("styled-components").StyledComponent<"div", any, {
-    error?: boolean;
-}, never>;
-export declare const StyledTextEditorWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-interface StyledProps {
-    size: "small" | "medium" | "large";
-}
-export declare const StyledWrapper: import("styled-components").StyledComponent<"div", any, StyledProps, never>;
-export declare const StyledEditorToolbarWrapper: import("styled-components").StyledComponent<"div", any, {
-    isReadOnly?: boolean;
-}, never>;
-export declare const StyledHeaderWrapper: import("styled-components").StyledComponent<"div", any, StyledProps, never>;
-export declare const StyledFooterWrapper: import("styled-components").StyledComponent<"div", any, StyledProps, never>;
-export {};

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

@@ -1 +0,0 @@
-import o,{css as a}from"styled-components";import{margin as e}from"styled-system";const r={small:{contentMargin:"var(--global-space-comp-xs)",validationGap:"var(--global-space-comp-xs)",headerPadding:"var(--global-space-comp-s)",footerPadding:"var(--global-space-comp-s)"},medium:{contentMargin:"var(--global-space-comp-s)",validationGap:"var(--global-space-comp-s)",headerPadding:"var(--global-space-comp-m)",footerPadding:"var(--global-space-comp-m)"},large:{contentMargin:"var(--global-space-comp-m)",validationGap:"var(--global-space-comp-s)",headerPadding:"var(--global-space-comp-l)",footerPadding:"var(--global-space-comp-l)"}},t=o.div.withConfig({displayName:"text-editor.style__StyledTextEditor",componentId:"carbon_v162_9_1__sc-e0163114-0"})(["position:relative;box-sizing:border-box;",""],(({error:o})=>o&&a(["margin:-1px;"]))),i=o.div.withConfig({displayName:"text-editor.style__StyledTextEditorWrapper",componentId:"carbon_v162_9_1__sc-e0163114-1"})(["margin-bottom:var(--fieldSpacing);"," min-width:288px;display:flex;flex-direction:column;"],e),l=o.div.withConfig({displayName:"text-editor.style__StyledWrapper",componentId:"carbon_v162_9_1__sc-e0163114-2"})(["",""],(({size:o})=>a(["display:flex;flex-direction:column;gap:",";margin-top:",';position:relative;.textBold{font-weight:bold !important;}.textItalic{font-style:italic;}.textUnderline{text-decoration:underline;}a:not([data-component="link-preview"]):not([data-role="link-anchor"]){color:var(--link-typical-label-default);cursor:pointer;&:hover{color:var(--link-typical-label-hover);}&:focus{outline:none;text-decoration:none;color:var(--focus-label);background-color:var(--focus-bg);border-radius:var(--global-radius-action-xs);box-shadow:0 var(--global-size-5-xs) 0 0 var(--focus-borderalt);}}'],r[o].validationGap,r[o].contentMargin))),d=o.div.withConfig({displayName:"text-editor.style__StyledEditorToolbarWrapper",componentId:"carbon_v162_9_1__sc-e0163114-3"})(["border-radius:var(--global-radius-container-m);border:var(--global-borderwidth-xs) solid var(--input-typical-border-default);background-color:var(--input-typical-bg-default);",";"],(({isReadOnly:o})=>o&&a(["border-color:var(--input-typical-border-read-only);background-color:var(--input-typical-bg-read-only);"]))),n=o.div.withConfig({displayName:"text-editor.style__StyledHeaderWrapper",componentId:"carbon_v162_9_1__sc-e0163114-4"})(["",";"],(({size:o})=>a(["padding:"," "," 0;"],r[o].headerPadding,r[o].headerPadding))),c=o.div.withConfig({displayName:"text-editor.style__StyledFooterWrapper",componentId:"carbon_v162_9_1__sc-e0163114-5"})(["border-top:var(--global-borderwidth-xs) solid var(--input-typical-border-default);",";"],(({size:o})=>a(["padding:",";"],r[o].footerPadding)));export{d as StyledEditorToolbarWrapper,c as StyledFooterWrapper,n as StyledHeaderWrapper,t as StyledTextEditor,i as StyledTextEditorWrapper,l as StyledWrapper};

package/esm/components/textarea/__internal__/tokens/index.d.ts

@@ -1,24 +0,0 @@
-export declare const globalFontStaticCompRegularS: {
-    fontFamily: string;
-    fontWeight: string;
-    lineHeight: number;
-    fontSize: string;
-    paragraphSpacing: string;
-};
-export declare const globalFontStaticCompRegularM: {
-    fontFamily: string;
-    fontWeight: string;
-    lineHeight: number;
-    fontSize: string;
-    paragraphSpacing: string;
-};
-export declare const globalFontStaticCompRegularL: {
-    fontFamily: string;
-    fontWeight: string;
-    lineHeight: number;
-    fontSize: string;
-    paragraphSpacing: string;
-};
-export declare const globalSpaceCompXs = "4px";
-export declare const globalSpaceCompS = "8px";
-export declare const globalSpaceCompM = "12px";

package/esm/components/textarea/__internal__/tokens/index.js

@@ -1 +0,0 @@
-const n={fontFamily:"var(--global-font-families-component)",fontWeight:"400",lineHeight:1.5,fontSize:"14px",paragraphSpacing:"0"},a={fontFamily:"var(--global-font-families-component)",fontWeight:"400",lineHeight:1.5,fontSize:"14px",paragraphSpacing:"0"},i={fontFamily:"var(--global-font-families-component)",fontWeight:"400",lineHeight:1.5,fontSize:"16px",paragraphSpacing:"0"},o="4px",t="8px",e="12px";export{i as globalFontStaticCompRegularL,a as globalFontStaticCompRegularM,n as globalFontStaticCompRegularS,e as globalSpaceCompM,t as globalSpaceCompS,o as globalSpaceCompXs};

package/esm/components/textarea/index.d.ts

@@ -1,2 +0,0 @@
-export { default } from "./textarea.component";
-export type { TextareaProps } from "./textarea.component";

package/esm/components/textarea/index.js

@@ -1 +0,0 @@
-export{OriginalTextarea as default}from"./textarea.component.js";