carbon-react 162.12.0-beta.1 → 162.13.0

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

@@ -0,0 +1,61 @@
+import { DOMConversionOutput, EditorConfig, LexicalNode, NodeKey, SerializedTextNode, TextNode } from "lexical";
+export interface SerializedMentionNode extends SerializedTextNode {
+    mention: string;
+}
+export declare class MentionNode extends TextNode {
+    __mention: string;
+    /**
+     * Returns the custom type when requested
+     * @returns the custom "mention" typing
+     */
+    static getType(): string;
+    /**
+     * [INTERNAL] Copies the node. This method is internal to Lexical and should not be used;
+     * use $convertMentionElement or $createMentionNode
+     */
+    static clone(node: MentionNode): MentionNode;
+    /**
+     * Initializes the node with the mention name and optional text/key
+     * @param mentionName The actual mention data
+     * @param text The displayed mention
+     * @param key Lexical key
+     */
+    constructor(mentionName: string, text?: string, key?: NodeKey);
+    createDOM(config: EditorConfig): HTMLElement;
+    exportJSON(): {
+        type: string;
+        version: number;
+        mention: string;
+        format: number;
+        $?: Record<string, unknown> | undefined;
+        detail: number;
+        mode: import("lexical").TextModeType;
+        style: string;
+        text: string;
+    };
+    static importJSON(serializedNode: SerializedMentionNode): MentionNode;
+    setFormat(): this;
+    toggleFormat(): this;
+    hasFormat(): boolean;
+    canInsertTextBefore(): boolean;
+    canInsertTextAfter(): boolean;
+}
+/**
+ * Creates a new mention instance
+ * @param mentionName The underlying mention content e.g. `john-doe`
+ * @param textContent The text representation to display e.g. `John Doe`
+ * @returns a new MentionNode
+ */
+export declare function $createMentionNode(mentionName: string, textContent?: string): MentionNode;
+/**
+ * Determines whether a node is a MentionNode
+ * @param node the node to check
+ * @returns true if a mention, otherwise false
+ */
+export declare function $isMentionNode(node?: LexicalNode | null): node is MentionNode;
+/**
+ * Converts a DOM node to a MentionNode
+ * @param domNode The DOM node to convert
+ * @returns a MentionNode
+ */
+export declare const $convertMentionElement: (domNode: HTMLElement) => DOMConversionOutput | null;

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

@@ -0,0 +1 @@
+import{$applyNodeReplacement as e,TextNode as t}from"lexical";function r(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}class n extends t{static getType(){return"mention"}static clone(e){return new n(e.__mention,e.__text,e.__key)}createDOM(e){const t=super.createDOM(e);return t.style.cssText="\n  box-sizing: border-box;\n  background: var(--pill-gray-bg-alt-default);\n  box-shadow: inset 0 0 0 var(--global-borderwidth-xs) var(--pill-gray-border-default);\n  border-radius: var(--global-radius-container-s);\n  color: var(--pill-generic-label-alt-default);\n  cursor: pointer;\n  display: inline-block;\n  font: var(--global-font-static-comp-regular-m);\n  min-height: 20px;\n  padding: 0px var(--global-space-comp-s);\n  margin: 0px var(--global-space-comp-xs);\n",t.className="mention",t.spellcheck=!1,t}exportJSON(){return e=function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{},o=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),o.forEach((function(t){r(e,t,n[t])}))}return e}({},super.exportJSON()),t=null!=(t={type:"mention",version:1,mention:this.__mention,format:0})?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})),e;var e,t}static importJSON(e){return new n(e.mention,e.text)}setFormat(){return this}toggleFormat(){return this}hasFormat(){return!1}canInsertTextBefore(){return!0}canInsertTextAfter(){return!0}constructor(e,t,n){super(null!=t?t:e,n),r(this,"__mention",void 0),this.__mention=e}}function o(t,r){const o=new n(t,null!=r?r:t);return o.setMode("token").toggleDirectionless(),e(o)}function i(e){return e instanceof n}const a=e=>{const{textContent:t}=e,r=e.getAttribute("data-lexical-mention-name");return(null==t?void 0:t.length)?{node:o("string"==typeof r?r:t,t)}:null};export{a as $convertMentionElement,o as $createMentionNode,i as $isMentionNode,n as MentionNode};

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

@@ -0,0 +1,106 @@
+import { DOMConversionMap, DOMExportOutput, EditorConfig, LexicalNode, NodeKey, SerializedTextNode, TextNode } from "lexical";
+import { TypographyKey } from "../__ui__/Toolbar/buttons/typography.component";
+export interface SerializedSpanNode extends SerializedTextNode {
+    fontWeight: string;
+    fontSize: string;
+    lineHeight: string;
+}
+export declare class StyledSpanNode extends TextNode {
+    __fontWeight: string;
+    __fontSize: string;
+    __lineHeight: string;
+    /**
+     * Returns the custom type when requested
+     * @returns the custom "styled-span" typing
+     */
+    static getType(): string;
+    /**
+     * [INTERNAL] Copies the node. This method is internal to Lexical and should not be used;
+     * use $createStyledSpanNode instead.
+     */
+    static clone(node: StyledSpanNode): StyledSpanNode;
+    /**
+     * Creates a new styled span node
+     * @param text The text of the node
+     * @param fontWeight The font weight
+     * @param fontSize The font size
+     * @param lineHeight The line height of the node
+     * @param key Lexical key
+     */
+    constructor(text: string, fontWeight: string, fontSize: string, lineHeight: string, key?: NodeKey);
+    /**
+     * Gets the font weight of the node
+     * @returns The font weight
+     */
+    getFontWeight(): string;
+    /**
+     * Gets the node's font size
+     * @returns The font size
+     */
+    getFontSize(): string;
+    /**
+     * Gets the node's line height
+     * @returns The line height
+     */
+    getLineHeight(): string;
+    /**
+     * Set the node's font weight
+     * @param weight the font's weight
+     */
+    setFontWeight(weight: string): void;
+    /**
+     * Set the node's font size
+     * @param size the font's size
+     */
+    setFontSize(size: string): void;
+    /**
+     * Set the node's font line height
+     * @param lineHeight the font's line height
+     */
+    setLineHeight(lineHeight: string): void;
+    /**
+     * Determine the typography key based on the current styles
+     * @returns the variant of this styled span
+     */
+    getTypographyKey(): TypographyKey;
+    exportDOM(): DOMExportOutput;
+    static importDOM(): DOMConversionMap | null;
+    exportJSON(): {
+        type: string;
+        version: number;
+        fontWeight: string;
+        fontSize: string;
+        lineHeight: string;
+        $?: Record<string, unknown> | undefined;
+        detail: number;
+        format: number;
+        mode: import("lexical").TextModeType;
+        style: string;
+        text: string;
+    };
+    static importJSON(serializedNode: SerializedSpanNode): StyledSpanNode;
+    createDOM(_config: EditorConfig): HTMLElement;
+    updateDOM(prevNode: StyledSpanNode, dom: HTMLElement, config: EditorConfig): boolean;
+    /**
+     * Factory-style helper method to create a StyledSpanNode from a typography key. Initial text can be provided, defaulting to an empty string.
+     * @param option Typography type to use
+     * @param text Text to set, or blank
+     * @returns StyledSpan node
+     */
+    static createFromOption(option: TypographyKey, text?: string): StyledSpanNode;
+}
+/**
+ * Create a StyledSpanNode with default styles. Removes the need to manually specify the styles each time
+ * @param text The text of the node
+ * @param weight The font weight
+ * @param size The font size
+ * @param lineHeight The line height
+ * @returns a StyledSpanNode representing the config
+ */
+export declare function $createStyledSpanNode(text: string, weight: string, size: string, lineHeight: string): StyledSpanNode;
+/**
+ * Determines whether a node is a StyledSpanNode
+ * @param node the node to check
+ * @returns true if a styled span, otherwise false
+ */
+export declare function $isStyledSpanNode(node: LexicalNode | null | undefined): node is StyledSpanNode;

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

@@ -0,0 +1 @@
+import{TextNode as t,IS_ITALIC as e,IS_UNDERLINE as i,IS_BOLD as n}from"lexical";function o(t,e,i){return e in t?Object.defineProperty(t,e,{value:i,enumerable:!0,configurable:!0,writable:!0}):t[e]=i,t}const r={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"}},s="data-carbon-base-weight";class h extends t{static getType(){return"styled-span"}static clone(t){return new h(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(r)){const{weight:e,size:i,lineHeight:n}=r[t];if(this.__fontWeight===e&&this.__fontSize===i&&this.__lineHeight===n)return t}return"paragraph"}exportDOM(){let t=document.createElement("span");const o=this.getFormat(),r=!!(o&n);if(r||(t.style.fontWeight=this.__fontWeight),t.style.fontSize=this.__fontSize,t.style.lineHeight=this.__lineHeight,t.textContent=this.getTextContent(),(r||("700"===this.__fontWeight||"bold"===this.__fontWeight)&&"paragraph"===this.getTypographyKey())&&t.setAttribute(s,this.__fontWeight),r){const e=document.createElement("strong");e.appendChild(t),t=e}if(o&e){const e=document.createElement("em");e.appendChild(t),t=e}if(o&i){const e=document.createElement("u");e.appendChild(t),t=e}return{element:t}}static importDOM(){return{span:t=>({conversion:()=>{const e=t.getAttribute(s);let i=e&&"true"!==e?e:t.style.fontWeight||"400";const n=t.style.fontSize||"14px",o=t.style.lineHeight||"21px";let l=!1;if(null===e&&("700"===i||"bold"===i)&&!Object.values(r).some((t=>"700"===t.weight&&t.size===n&&t.lineHeight===o))){const e=Object.values(r).find((t=>t.size===n&&t.lineHeight===o));i=e?e.weight:"400",l=!t.closest("strong, b")}const g=new h(t.textContent||"",i,n,o);return l&&g.toggleFormat("bold"),{node:g}},priority:1})}}exportJSON(){return t=function(t){for(var e=1;e<arguments.length;e++){var i=null!=arguments[e]?arguments[e]:{},n=Object.keys(i);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(i).filter((function(t){return Object.getOwnPropertyDescriptor(i,t).enumerable})))),n.forEach((function(e){o(t,e,i[e])}))}return t}({},super.exportJSON()),e=null!=(e={type:"styled-span",version:1,fontWeight:this.__fontWeight,fontSize:this.__fontSize,lineHeight:this.__lineHeight})?e:{},Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(e)):function(t){var e=Object.keys(t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);e.push.apply(e,i)}return e}(Object(e)).forEach((function(i){Object.defineProperty(t,i,Object.getOwnPropertyDescriptor(e,i))})),t;var t,e}static importJSON(t){return new h(t.text,t.fontWeight,t.fontSize,t.lineHeight).updateFromJSON(t)}createDOM(t){const i=super.createDOM(t),o=this.__format;return i.style.fontWeight=o&n?"700":this.__fontWeight,i.style.fontSize=this.__fontSize,i.style.lineHeight=this.__lineHeight,o&e&&(i.style.fontStyle="italic"),i}updateDOM(t,i,o){let r=super.updateDOM(t,i,o);const s=t.__format&n?"700":t.__fontWeight,h=this.__format&n?"700":this.__fontWeight;h!==s&&(i.style.fontWeight=h,r=!0),this.__fontSize!==t.__fontSize&&(i.style.fontSize=this.__fontSize,r=!0),this.__lineHeight!==t.__lineHeight&&(i.style.lineHeight=this.__lineHeight,r=!0);const l=!!(t.__format&e),g=!!(this.__format&e);return l!==g&&(i.style.fontStyle=g?"italic":"",r=!0),r}static createFromOption(t,e=""){const{weight:i,size:n,lineHeight:o}=r[t];return new h(e,i,n,o)}constructor(t,e,i,n,r){super(t,r),o(this,"__fontWeight",void 0),o(this,"__fontSize",void 0),o(this,"__lineHeight",void 0),this.__fontWeight=e,this.__fontSize=i,this.__lineHeight=n}}function l(t,e,i,n){return new h(t,e,i,n)}function g(t){return t instanceof h}export{l as $createStyledSpanNode,g as $isStyledSpanNode,h as StyledSpanNode};

package/esm/components/text-editor/__internal__/__plugins__/AutoLinker/auto-link.component.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+declare const AutoLinkerPlugin: () => React.JSX.Element;
+export default AutoLinkerPlugin;

package/esm/components/text-editor/__internal__/__plugins__/AutoLinker/auto-link.component.js

@@ -0,0 +1 @@
+import{jsx as t}from"react/jsx-runtime";import{createLinkMatcherWithRegExp as a,AutoLinkPlugin as r}from"@lexical/react/LexicalAutoLinkPlugin";import"react";const e=[a(RegExp("((https?:\\/\\/(www\\.)?)|(www\\.))[-a-zA-Z0-9@:%._+~#=]{1,256}\\.[a-zA-Z0-9()]{1,6}\\b([-a-zA-Z0-9()@:%_+.~#?&//=]*)(?<![-.+():%])"),(t=>t.startsWith("http")?t:`https://${t}`)),a(/(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))/,(t=>`mailto:${t}`))],i=()=>t(r,{matchers:e});export{i as default};

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

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

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

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

package/esm/components/text-editor/__internal__/__plugins__/EditorRef/editor-ref.plugin.d.ts

@@ -0,0 +1,5 @@
+import { LexicalEditor } from "lexical";
+declare const EditorRefPlugin: ({ setEditorRef, }: {
+    setEditorRef: (editor: LexicalEditor) => void;
+}) => null;
+export default EditorRefPlugin;

package/esm/components/text-editor/__internal__/__plugins__/EditorRef/editor-ref.plugin.js

@@ -0,0 +1 @@
+import{useEffect as t}from"react";import{useLexicalComposerContext as e}from"@lexical/react/LexicalComposerContext";const o=({setEditorRef:o})=>{const[r]=e();return t((()=>{o(r)}),[r,o]),null};export{o as default};

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

@@ -0,0 +1 @@
+export { default } from "./editor-ref.plugin";

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

@@ -0,0 +1 @@
+export{default}from"./editor-ref.plugin.js";

package/esm/components/text-editor/__internal__/__plugins__/FormSubmission/form-submission.plugin.d.ts

@@ -0,0 +1,22 @@
+import type { EditorFormattedValuesWithInlineStyles } from "../../__utils__/interfaces.types";
+/**
+ * FormSubmissionPlugin - A Lexical plugin that listens for form submission events
+ * and calls the onFormSubmission callback with the current editor state.
+ *
+ * Returns the editor's current formatted values (HTML and JSON) including HTML with inline styles.
+ *
+ * @param onFormSubmission - Callback function that receives EditorFormattedValuesWithInlineStyles containing:
+ *   - htmlString: string - HTML representation of the editor content
+ *   - json: object - JSON representation of the editor state
+ *   - htmlStringWithInlineStyles: string - HTML with inline styles instead of classes
+ *
+ * @example
+ * <TextEditor labelText="...">
+ *   <FormSubmissionPlugin onFormSubmission={(values) => console.log(values.htmlStringWithInlineStyles)} />
+ * </TextEditor>
+ */
+export interface FormSubmissionPluginProps {
+    onFormSubmission?: (value: EditorFormattedValuesWithInlineStyles) => void;
+}
+export declare const FormSubmissionPlugin: ({ onFormSubmission, }: FormSubmissionPluginProps) => null;
+export default FormSubmissionPlugin;

package/esm/components/text-editor/__internal__/__plugins__/FormSubmission/form-submission.plugin.js

@@ -0,0 +1 @@
+import{useLexicalComposerContext as e}from"@lexical/react/LexicalComposerContext";import{useEffect as t}from"react";import{SerializeLexical as r,generateHTMLWithInlineStyles as n}from"../../__utils__/helpers.js";function o(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}const i=({onFormSubmission:i})=>{const[c]=e();return t((()=>{var e;if(!i)return;const t=null===(e=c.getRootElement())||void 0===e?void 0:e.closest("form");if(!t)return;const l=()=>{if(!c.isEditable())return;const e=r(c),t=e.htmlString&&n(e.htmlString);var l,s;i((l=function(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){o(e,t,r[t])}))}return e}({},e),s=null!=(s={htmlStringWithInlineStyles:t||""})?s:{},Object.getOwnPropertyDescriptors?Object.defineProperties(l,Object.getOwnPropertyDescriptors(s)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(s)).forEach((function(e){Object.defineProperty(l,e,Object.getOwnPropertyDescriptor(s,e))})),l))};return t.addEventListener("submit",l),()=>{t.removeEventListener("submit",l)}}),[c,i]),null};export{i as FormSubmissionPlugin,i as default};

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

@@ -0,0 +1 @@
+export { default } from "./form-submission.plugin";

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

@@ -0,0 +1 @@
+export{FormSubmissionPlugin as default}from"./form-submission.plugin.js";

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

@@ -0,0 +1 @@
+export { default } from "./link-monitor.plugin";

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

@@ -0,0 +1 @@
+export{default}from"./link-monitor.plugin.js";

package/esm/components/text-editor/__internal__/__plugins__/LinkMonitor/link-monitor.plugin.d.ts

@@ -0,0 +1,2 @@
+declare const LinkMonitorPlugin: () => null;
+export default LinkMonitorPlugin;

package/esm/components/text-editor/__internal__/__plugins__/LinkMonitor/link-monitor.plugin.js

@@ -0,0 +1 @@
+import{useLexicalComposerContext as t}from"@lexical/react/LexicalComposerContext";import{AutoLinkNode as e,$isAutoLinkNode as o}from"@lexical/link";import{useContext as r,useEffect as i}from"react";import{validateUrl as n}from"../../__utils__/helpers.js";import l from"../../../text-editor.context.js";import{$getNodeByKey as s}from"lexical";const a=()=>{const[a]=t(),{onLinkAdded:m}=r(l);return i((()=>{const t=a.registerMutationListener(e,((t,{prevEditorState:e})=>{if(a.isEditable())for(const[r,i]of t){const t=a.getElementByKey(r),l=null==t?void 0:t.innerText;l?n(l)&&(null==m||m(l,i)):e.read((()=>{const t=s(r);o(t)&&(null==m||m(t.getURL(),i))}))}}),{skipInitialization:!1});return()=>{t()}}),[a,m]),null};export{a as default};

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

@@ -0,0 +1 @@
+export { default } from "./styled-span-enter.plugin";

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

@@ -0,0 +1 @@
+export{default}from"./styled-span-enter.plugin.js";

package/esm/components/text-editor/__internal__/__plugins__/StyledSpanEnter/styled-span-enter.plugin.d.ts

@@ -0,0 +1,2 @@
+declare const StyledSpanEnterPlugin: () => null;
+export default StyledSpanEnterPlugin;

package/esm/components/text-editor/__internal__/__plugins__/StyledSpanEnter/styled-span-enter.plugin.js

@@ -0,0 +1 @@
+import{useEffect as o}from"react";import{useLexicalComposerContext as t}from"@lexical/react/LexicalComposerContext";import{KEY_ENTER_COMMAND as e,$getSelection as r,$isRangeSelection as s,COMMAND_PRIORITY_LOW as n}from"lexical";import{$isStyledSpanNode as a}from"../../__nodes__/styled-span.node.js";const c=()=>{const[c]=t();return o((()=>c.registerCommand(e,(()=>{const o=r();return s(o)&&o.getNodes().forEach((t=>{if(a(t)){const{offset:e}=o.anchor;t.splitText(e)}})),!1}),n)),[c]),null};export{c as default};

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

@@ -0,0 +1,5 @@
+export { default as AutoLinkerPlugin } from "./AutoLinker";
+export { default as LinkMonitorPlugin } from "./LinkMonitor";
+export { default as StyledSpanEnterPlugin } from "./StyledSpanEnter";
+export { default as useCursorAtEnd } from "./useCursorAtEnd";
+export { default as FormSubmissionPlugin } from "./FormSubmission";

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

@@ -0,0 +1 @@
+export{default as AutoLinkerPlugin}from"./AutoLinker/auto-link.component.js";export{default as LinkMonitorPlugin}from"./LinkMonitor/link-monitor.plugin.js";export{default as StyledSpanEnterPlugin}from"./StyledSpanEnter/styled-span-enter.plugin.js";export{default as useCursorAtEnd}from"./useCursorAtEnd/index.js";export{FormSubmissionPlugin}from"./FormSubmission/form-submission.plugin.js";

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

@@ -0,0 +1,2 @@
+declare function useCursorAtEnd(): (e: React.FocusEvent) => void;
+export default useCursorAtEnd;

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

@@ -0,0 +1 @@
+import{useLexicalComposerContext as t}from"@lexical/react/LexicalComposerContext";import{useEffect as e}from"react";import{createCommand as o,$getSelection as n,$setSelection as s,$getRoot as r,$createRangeSelection as i,$createTextNode as a,COMMAND_PRIORITY_NORMAL as c}from"lexical";const g=o("FOCUS_COMMAND");function l(){const[o]=t();return e((()=>o.registerCommand(g,(t=>(o.update((()=>{if(!t.defaultToEnd){const t=n();if(t)return void s(t)}const e=r(),o=e.getChildrenSize(),c=i();if(1===o){const t=e.getFirstChild();if(t&&t&&"paragraph"===t.getType()){const e=t.getChildrenSize();if("paragraph"===t.getType()&&0===e){const e=a("");t.append(e),c.anchor.set(e.getKey(),0,"text"),c.focus.set(e.getKey(),0,"text")}else{const e=t.getLastChild();if(e&&"text"===e.getType()){const t=e.getTextContentSize(),o=e.getKey();c.anchor.set(o,t,"text"),c.focus.set(o,t,"text")}}s(c)}}else{const t=e.getAllTextNodes();if(0===t.length)return;const o=t[t.length-1];if(o){const t=o.getTextContentSize();c.anchor.set(o.getKey(),t,"text"),c.focus.set(o.getKey(),t,"text"),s(c)}}})),!0)),c)),[o]),t=>{const e=null!==t.relatedTarget;o.dispatchCommand(g,{defaultToEnd:e})}}export{l as default};

package/esm/components/text-editor/__internal__/__providers__/plugin-provider.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+interface PluginProviderProps {
+    children: React.ReactNode;
+    parentRef: HTMLElement | null;
+    size?: "small" | "medium" | "large";
+}
+export declare const PluginProvider: ({ children, parentRef, size, }: PluginProviderProps) => React.JSX.Element;
+export declare const usePluginContext: () => {
+    getParentRef: () => HTMLElement | undefined;
+    size?: "small" | "medium" | "large";
+};
+export {};

package/esm/components/text-editor/__internal__/__providers__/plugin-provider.js

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import{useContext as r,createContext as t}from"react";const i=t({getParentRef:()=>{},size:"medium"}),o=({children:r,parentRef:t,size:o})=>e(i.Provider,{value:{getParentRef:()=>t||void 0,size:o},children:r}),m=()=>r(i);export{o as PluginProvider,m as usePluginContext};

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

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

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

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

package/esm/components/text-editor/__internal__/__ui__/CharacterCounter/character-counter.style.d.ts

@@ -0,0 +1,5 @@
+export declare const StyledCharacterCounter: import("styled-components").StyledComponent<"div", any, {
+    size: "small" | "medium" | "large";
+}, never>;
+export declare const VisuallyHiddenCharacterCounter: import("styled-components").StyledComponent<"div", any, {}, never>;
+export default StyledCharacterCounter;

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

@@ -0,0 +1 @@
+import t,{css as a}from"styled-components";import o from"../../../../../style/utils/visually-hidden.js";const r={small:"var(--global-font-static-comp-regular-s)",medium:"var(--global-font-static-comp-regular-m)",large:"var(--global-font-static-comp-regular-l)"},e=t.div.withConfig({displayName:"character-counter.style__StyledCharacterCounter",componentId:"carbon_v162_12_0__sc-12917643-0"})(["",""],(({size:t})=>a(["font:",";color:var(--input-typical-txt-alt);"],r[t]))),l=t.div.withConfig({displayName:"character-counter.style__VisuallyHiddenCharacterCounter",componentId:"carbon_v162_12_0__sc-12917643-1"})(['::after{content:" ";}',""],o);export{e as StyledCharacterCounter,l as VisuallyHiddenCharacterCounter,e as default};

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

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

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

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

package/esm/components/text-editor/__internal__/__ui__/ContentEditor/content-editor.component.d.ts

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

package/esm/components/text-editor/__internal__/__ui__/ContentEditor/content-editor.component.js

@@ -0,0 +1 @@
+import{jsxs as e,jsx as i}from"react/jsx-runtime";import{ContentEditable as t}from"@lexical/react/LexicalContentEditable";import r,{forwardRef as o}from"react";import a,{StyledPreviewContainer as l}from"./content-editor.style.js";import"../../__plugins__/AutoLinker/auto-link.component.js";import"@lexical/react/LexicalComposerContext";import"@lexical/link";import"@lexical/headless";import"@lexical/html";import"lexical";import"@lexical/code";import"@lexical/list";import"@lexical/react/LexicalHorizontalRuleNode";import"@lexical/rich-text";import"../../../text-editor.context.js";import n from"../../__plugins__/useCursorAtEnd/index.js";const s=o((({inputHint:o,namespace:s,previews:c=[],rows:d,readOnly:m,required:p,error:u,warning:x,validationMessagePositionTop:b,size:v="medium",id:$,hasFooter:f},g)=>{const h=n(),_=u||x?`${s}-validation-message`:"",y=o?`${s}-input-hint`:"",L=(b?`${_} ${y}`:`${y} ${_}`).trim();return e(a,{"data-role":`${s}-content-editable`,error:u,warning:x,namespace:s,rows:d,readOnly:m,size:v,hasFooter:f,children:[i(t,{id:$,ref:g,"aria-describedby":L,"aria-labelledby":`${s}-label`,"aria-required":p,"aria-invalid":u,className:`${s}-editable`,"data-role":`${s}-editable`,onBlur:e=>{var i;if(null===(i=e.relatedTarget)||void 0===i?void 0:i.classList.contains("toolbar-button")){var t;const i=null===(t=e.relatedTarget)||void 0===t?void 0:t.id;if(i){const e=document.querySelector(`[id="${i}"]`);e&&e.focus()}}},onFocus:e=>{e.relatedTarget&&e.relatedTarget.classList.contains("toolbar-button")||h(e)},"aria-autocomplete":void 0,"aria-readonly":void 0}),!!r.Children.count(c)&&i(l,{$size:v,children:c})]})}));export{s as default};

package/esm/components/text-editor/__internal__/__ui__/ContentEditor/content-editor.style.d.ts

@@ -0,0 +1,12 @@
+import { ContentEditorProps } from "../../__utils__/interfaces.types";
+interface StyledContentEditableProps extends ContentEditorProps {
+    readOnly?: boolean;
+    size: "small" | "medium" | "large";
+    showBorders?: boolean;
+    hasFooter?: boolean;
+}
+declare const StyledContentEditable: import("styled-components").StyledComponent<"div", any, StyledContentEditableProps, never>;
+export declare const StyledPreviewContainer: import("styled-components").StyledComponent<"div", any, {
+    $size: "small" | "medium" | "large";
+}, never>;
+export default StyledContentEditable;

package/esm/components/text-editor/__internal__/__ui__/ContentEditor/content-editor.style.js

@@ -0,0 +1 @@
+import a,{css as e}from"styled-components";import o from"../../../../../style/utils/add-focus-styling.js";const r={small:{padding:"var(--global-space-comp-s)",previewGap:"var(--global-space-comp-xs)"},medium:{padding:"var(--global-space-comp-m)",previewGap:"var(--global-space-comp-s)"},large:{padding:"var(--global-space-comp-l)",previewGap:"var(--global-space-comp-m)"}},i=a.div.withConfig({displayName:"content-editor.style__StyledContentEditable",componentId:"carbon_v162_12_0__sc-26f7625-0"})(["",""],(({error:a,namespace:i,rows:d,readOnly:t,size:p,hasFooter:l})=>e([""," .","-editable{min-height:","px;"," padding:",";"," "," &:focus{","}& > p:first-of-type{margin:0;}& > p{line-height:150%;}}"],t&&e(["padding:",";p:first-of-type{margin:0;}"],r[p].padding),i,d&&d>2?21*d:210,t&&e(["border-radius:var(--global-radius-container-m);"]),r[p].padding,!l&&e(["border-bottom-right-radius:var(--global-radius-container-m);border-bottom-left-radius:var(--global-radius-container-m);"]),a&&e(["border:var(--global-borderwidth-s) solid var(--input-validation-border-error);"]),o()))),d=a.div.withConfig({displayName:"content-editor.style__StyledPreviewContainer",componentId:"carbon_v162_12_0__sc-26f7625-1"})(["",";"],(({$size:a})=>e(["display:flex;flex-direction:column;gap:",";padding:",";"],r[a].previewGap,r[a].padding)));export{d as StyledPreviewContainer,i as default};

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

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

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

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

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

@@ -0,0 +1,15 @@
+export declare const PUNCTUATION = "\\.,\\+\\*\\?\\$\\@\\|#{}\\(\\)\\^\\-\\[\\]\\\\/!%'\"~=<>_:;";
+export declare const NAME = "\\b[A-Z][^\\s\\.,\\+\\*\\?\\$\\@\\|#{}\\(\\)\\^\\-\\[\\]\\\\/!%'\"~=<>_:;]";
+export declare const DocumentMentionsRegex: {
+    NAME: string;
+    PUNCTUATION: string;
+};
+export declare const PUNC: string;
+export declare const TRIGGERS: string;
+export declare const VALID_CHARS: string;
+export declare const VALID_JOINS: string;
+export declare const LENGTH_LIMIT = 75;
+export declare const ALIAS_LENGTH_LIMIT = 50;
+export declare const SUGGESTION_LIST_LENGTH_LIMIT = 5;
+export declare const AtSignMentionsRegex: RegExp;
+export declare const AtSignMentionsRegexAliasRegex: RegExp;

package/esm/components/text-editor/__internal__/__ui__/Mentions/constants.js

@@ -0,0 +1 @@
+const $="\\.,\\+\\*\\?\\$\\@\\|#{}\\(\\)\\^\\-\\[\\]\\\\/!%'\"~=<>_:;",e=`\\b[A-Z][^\\s${$}]`,s={NAME:e,PUNCTUATION:$},N=s.PUNCTUATION,n=["@"].join(""),A=`[^${n}${N}\\s]`,T=`(?:\\.[ |$]| |[${N}]|)`,U=75,o=50,p=5,x=new RegExp(`(^|\\s|\\()([${n}]((?:${A}${T}){0,75}))$`),E=new RegExp(`(^|\\s|\\()([${n}]((?:${A}){0,50}))$`);export{o as ALIAS_LENGTH_LIMIT,x as AtSignMentionsRegex,E as AtSignMentionsRegexAliasRegex,s as DocumentMentionsRegex,U as LENGTH_LIMIT,e as NAME,N as PUNC,$ as PUNCTUATION,p as SUGGESTION_LIST_LENGTH_LIMIT,n as TRIGGERS,A as VALID_CHARS,T as VALID_JOINS};

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

@@ -0,0 +1,3 @@
+import { MenuTextMatch } from "@lexical/react/LexicalTypeaheadMenuPlugin";
+export declare function checkForAtSignMentions(text: string, minMatchLength: number): MenuTextMatch | null;
+export declare function getPossibleQueryMatch(text: string): MenuTextMatch | null;

package/esm/components/text-editor/__internal__/__ui__/Mentions/helpers.js

@@ -0,0 +1 @@
+import{AtSignMentionsRegex as n,AtSignMentionsRegexAliasRegex as t}from"./constants.js";function e(e,r){const c=n.exec(e)||t.exec(e);if(null!==c){const n=c[1],t=c[3];if(t.length>=r)return{leadOffset:c.index+n.length,matchingString:t,replaceableString:c[2]}}return null}function r(n){return e(n,1)}export{e as checkForAtSignMentions,r as getPossibleQueryMatch};

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

@@ -0,0 +1,2 @@
+export { default } from "./mentions.component";
+export type { Mention } from "./mention.types";

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

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

package/esm/components/text-editor/__internal__/__ui__/Mentions/mention-typeahead-option.class.d.ts

@@ -0,0 +1,11 @@
+import { MenuOption } from "@lexical/react/LexicalTypeaheadMenuPlugin";
+import { IconType } from "../../../../icon";
+export declare class MentionTypeaheadOption extends MenuOption {
+    id: string;
+    name: string;
+    initials?: string;
+    src?: string;
+    iconType?: IconType;
+    constructor(id: string, name: string, initials?: string, iconType?: IconType, src?: string);
+}
+export default MentionTypeaheadOption;

package/esm/components/text-editor/__internal__/__ui__/Mentions/mention-typeahead-option.class.js

@@ -0,0 +1 @@
+import{MenuOption as i}from"@lexical/react/LexicalTypeaheadMenuPlugin";function e(i,e,t){return e in i?Object.defineProperty(i,e,{value:t,enumerable:!0,configurable:!0,writable:!0}):i[e]=t,i}class t extends i{constructor(i,t,s,n,a){super(i),e(this,"id",void 0),e(this,"name",void 0),e(this,"initials",void 0),e(this,"src",void 0),e(this,"iconType",void 0),this.id=i,this.name=t,this.src=a,this.iconType=n,this.initials=s}}export{t as MentionTypeaheadOption,t as default};

package/esm/components/text-editor/__internal__/__ui__/Mentions/mention.types.d.ts

@@ -0,0 +1,14 @@
+import { IconType } from "../../../../icon";
+export type Mention = {
+    /** The ID of the Mention entry */
+    id: string;
+    /** The name shown in the list */
+    name: string;
+    /** The initials to be shown in the Mention's avatar */
+    initials?: string;
+    /** The icon to be used in the Mention's avatar */
+    iconType?: IconType;
+    /** The source URL of the image to be shown in the Mention's avatar */
+    src?: string;
+};
+export default Mention;

package/esm/components/text-editor/__internal__/__ui__/Mentions/mentions-typeahead-menu-item.component.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+import MentionTypeaheadOption from "./mention-typeahead-option.class";
+export declare const MentionsTypeaheadMenuItem: ({ index, isSelected, onClick, onMouseEnter, option, currentQueryString, size, ...rest }: {
+    index: number;
+    isSelected: boolean;
+    onClick: () => void;
+    onMouseEnter: () => void;
+    option: MentionTypeaheadOption;
+    currentQueryString?: string;
+    size?: "small" | "medium" | "large";
+}) => React.JSX.Element;
+export default MentionsTypeaheadMenuItem;

package/esm/components/text-editor/__internal__/__ui__/Mentions/mentions-typeahead-menu-item.component.js

@@ -0,0 +1 @@
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import"react";import{MentionsListItem as r}from"./mentions.style.js";import{Portrait as n}from"../../../../portrait/portrait.component.js";function o(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}const i=({text:r,query:n})=>{if(!n)return t("span",{children:r});const o=r.toLowerCase(),i=n.toLowerCase(),c=o.indexOf(i);if(-1===c)return t("span",{children:r});const s=r.slice(0,c),l=r.slice(c,c+n.length),a=r.slice(c+n.length);return e("span",{className:"text",children:[s,t("strong",{children:l}),a]})},c=c=>{var s,l,{index:a,isSelected:u,onClick:p,onMouseEnter:f,option:y,currentQueryString:b,size:O="medium"}=c,m=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}(c,["index","isSelected","onClick","onMouseEnter","option","currentQueryString","size"]);return e(r,(s=function(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){o(e,t,r[t])}))}return e}({tabIndex:-1,className:"item mentions-list-item"+(u?" selected":""),ref:y.setRefElement,role:"option","aria-selected":u,id:`typeahead-item-${a}`,onMouseEnter:f,onClick:p,onKeyDown:p,"aria-label":y.name,$size:O},m),l=null!=(l={children:[t(n,{initials:y.initials,src:y.src,iconType:y.iconType||"individual",size:"XS",shape:"circle"}),t(i,{text:y.name,query:b})]})?l:{},Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(l)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(l)).forEach((function(e){Object.defineProperty(s,e,Object.getOwnPropertyDescriptor(l,e))})),s),y.id)};export{c as MentionsTypeaheadMenuItem,c as default};

package/esm/components/text-editor/__internal__/__ui__/Mentions/mentions.component.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import Mention from "./mention.types";
+export declare const MentionsPlugin: ({ namespace, searchOptions, }: {
+    namespace: string;
+    searchOptions: Array<Mention>;
+}) => React.JSX.Element;
+export default MentionsPlugin;

package/esm/components/text-editor/__internal__/__ui__/Mentions/mentions.component.js

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import{useLexicalComposerContext as t}from"@lexical/react/LexicalComposerContext";import{LexicalTypeaheadMenuPlugin as n}from"@lexical/react/LexicalTypeaheadMenuPlugin";import{$isTextNode as o,$createTextNode as r,KEY_BACKSPACE_COMMAND as i,$getSelection as l,$isRangeSelection as s,TextNode as a,COMMAND_PRIORITY_LOW as m}from"lexical";import{useState as c,useMemo as p,useCallback as d,useEffect as u}from"react";import f from"react-dom";import{SUGGESTION_LIST_LENGTH_LIMIT as g}from"./constants.js";import{getPossibleQueryMatch as x}from"./helpers.js";import{MentionsTypeaheadMenuItem as h}from"./mentions-typeahead-menu-item.component.js";import{MentionTypeaheadOption as v}from"./mention-typeahead-option.class.js";import{$createMentionNode as C,$isMentionNode as _}from"../../__nodes__/mention.node.js";import j from"../../../../../hooks/__internal__/useLocale/useLocale.js";import{TypeaheadPopover as b,MentionsList as y}from"./mentions.style.js";import{usePluginContext as L}from"../../__providers__/plugin-provider.js";const $=({namespace:$,searchOptions:A})=>{const[O]=t(),[T,w]=c(null),S=p((()=>T?A.filter((e=>e.name.toLowerCase().includes(T.toLowerCase()))):[]),[T,A]),k=j(),z=p((()=>S.map((e=>new v(e.id,e.name,e.initials,e.iconType,e.src))).slice(0,g)),[S]),I=d(((e,t,n)=>{O.update((()=>{const i=C(`@${e.name}`);t&&t.replace(i);const l=i.getNextSibling();if(o(l)&&l.getTextContent().startsWith(" "))l.select(1,1);else{const e=r(" ");i.insertAfter(e),e.select()}n()}))}),[O]);u((()=>O.registerCommand(i,(()=>{const e=l();if(!s(e)||!e.isCollapsed())return!1;const{anchor:t}=e,n=t.getNode();if(_(n)){const e=new a(n.getTextContent());return n.replace(e),!0}return!1}),m)),[O]);const{getParentRef:N,size:P="medium"}=L(),R=N(),E=null==R?void 0:R.getBoundingClientRect();var F;const M=null!==(F=null==E?void 0:E.left)&&void 0!==F?F:0;var Q;const B=null!==(Q=null==E?void 0:E.top)&&void 0!==Q?Q:0;return e(n,{onQueryChange:w,onSelectOption:I,triggerFn:e=>x(e),options:z,parent:R,menuRenderFn:(t,{selectedIndex:n,selectOptionAndCleanUp:o,setHighlightedIndex:r})=>{const i=t.current;return i&&0!==S.length?(i.setAttribute("aria-label",k.textEditor.mentions.listAriaLabel()),f.createPortal(e(b,{className:"carbon-portal-mentions",id:`${$}-mentions-menu`,parentOffsetLeft:M,parentOffsetTop:B,children:e(y,{"data-role":"mention-list",id:`${$}-mention-list`,role:"group",tabIndex:0,$size:P,children:z.map(((t,i)=>{var l,s;const a=null!==(s=null!==(l=t.key)&&void 0!==l?l:t.id)&&void 0!==s?s:`${$}-${i}`;return e(h,{index:i,isSelected:n===i,onClick:()=>{r(i),o(t)},onMouseEnter:()=>{r(i)},option:t,currentQueryString:null!=T?T:void 0,size:P},a)}))})}),i)):(null==i||i.removeAttribute("aria-label"),null)}})};export{$ as MentionsPlugin,$ as default};

package/esm/components/text-editor/__internal__/__ui__/Mentions/mentions.style.d.ts

@@ -0,0 +1,10 @@
+export declare const TypeaheadPopover: import("styled-components").StyledComponent<"div", any, {
+    parentOffsetLeft: number;
+    parentOffsetTop: number;
+}, never>;
+interface MentionsListProps {
+    $size: "small" | "medium" | "large";
+}
+export declare const MentionsList: import("styled-components").StyledComponent<"ul", any, MentionsListProps, never>;
+export declare const MentionsListItem: import("styled-components").StyledComponent<"li", any, MentionsListProps, never>;
+export {};

package/esm/components/text-editor/__internal__/__ui__/Mentions/mentions.style.js

@@ -0,0 +1 @@
+import o,{css as a}from"styled-components";const e=o.div.withConfig({displayName:"mentions.style__TypeaheadPopover",componentId:"carbon_v162_12_0__sc-742f32ff-0"})(["background:var(--popover-bg-default);box-shadow:var(--global-depth-lvl1);border-radius:var(--global-radius-action-m);position:relative;top:","px;left:","px;width:250px;"],(({parentOffsetTop:o})=>-o),(({parentOffsetLeft:o})=>-o)),l={small:{listPadding:"var(--global-space-comp-xs) 0",listItemFont:"var(--global-font-static-comp-regular-s)",listItemPadding:"var(--global-space-comp-xs) var(--global-space-comp-m) var(--global-space-comp-xs) var(--global-size-2-xs)",listItemMinHeight:"var(--global-size-s)",textMarginLeft:"var(--global-space-comp-2-xs)"},medium:{listPadding:"var(--global-space-comp-s) 0",listItemFont:"var(--global-font-static-comp-regular-m)",listItemPadding:"var(--global-space-comp-s) var(--global-space-comp-m) var(--global-space-comp-s) var(--global-space-comp-xl)",listItemMinHeight:"var(--global-size-m)",textMarginLeft:"var(--global-space-comp-xs)"},large:{listPadding:"var(--global-space-comp-m) 0",listItemFont:"var(--global-font-static-comp-regular-l)",listItemPadding:"var(--global-space-comp-m) var(--global-space-comp-m) var(--global-space-comp-m) var(--global-space-comp-xl)",listItemMinHeight:"var(--global-size-l)",textMarginLeft:"var(--global-space-comp-xs)"}},t=o.ul.withConfig({displayName:"mentions.style__MentionsList",componentId:"carbon_v162_12_0__sc-742f32ff-1"})(["padding:",";list-style:none;margin:0;border-radius:var(--global-radius-container-m);max-height:200px;overflow-y:scroll;&::-webkit-scrollbar{display:none;}-ms-overflow-style:none;scrollbar-width:none;"],(({$size:o})=>l[o].listPadding)),i=o.li.withConfig({displayName:"mentions.style__MentionsListItem",componentId:"carbon_v162_12_0__sc-742f32ff-2"})(["",";"],(({$size:o})=>a(["box-sizing:border-box;padding:",";min-height:",";color:var(--input-dropdown-label-default);cursor:pointer;font:",";display:flex;align-items:center;flex-direction:row;background-color:var(--popover-bg-default);&:hover{color:var(--popover-label-hover);}&.selected{background:var(--popover-bg-hover);color:var(--popover-label-hover);}.text{display:flex;flex-grow:1;min-width:150px;margin-left:",';align-items:center;white-space:pre;}div[data-component="portrait"]{color:var(--input-dropdown-label-default);font:var(--profile-font-initials-xs);min-width:var(--profile-size-outside-xs);height:var(--profile-size-outside-xs);overflow:hidden;border-radius:var(--global-radius-container-circle);border:none;box-shadow:inset 0 0 0 var(--global-borderwidth-xs) var(--profile-border-default);display:inline-block;[data-element="initials"],[data-component="icon"]{color:var(--input-dropdown-label-default);}}'],l[o].listItemPadding,l[o].listItemMinHeight,l[o].listItemFont,l[o].textMarginLeft)));export{t as MentionsList,i as MentionsListItem,e as TypeaheadPopover};

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

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

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

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

package/esm/components/text-editor/__internal__/__ui__/Placeholder/placeholder.component.d.ts

@@ -0,0 +1,9 @@
+/**
+ * The placeholder component does not reside in the editor in a traditional sense, but is instead rendered
+ * in a separate component which is then styled to appear as if it is part of the editor. This is by design
+ * in the Lexical project to allow for greater flexibility in the design of the editor (apparently).
+ */
+import React from "react";
+import { PlaceholderProps } from "../../__utils__/interfaces.types";
+declare const Placeholder: ({ namespace, text }: PlaceholderProps) => React.JSX.Element;
+export default Placeholder;

package/esm/components/text-editor/__internal__/__ui__/Placeholder/placeholder.component.js

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import"react";import r from"./placeholder.style.js";const t=({namespace:t,text:a=""})=>e(r,{"data-role":`${t}-placeholder`,children:a});export{t as default};

package/esm/components/text-editor/__internal__/__ui__/Placeholder/placeholder.style.d.ts

@@ -0,0 +1,2 @@
+declare const StyledPlaceholder: import("styled-components").StyledComponent<"div", any, {}, never>;
+export default StyledPlaceholder;

package/esm/components/text-editor/__internal__/__ui__/Placeholder/placeholder.style.js

@@ -0,0 +1 @@
+import e from"styled-components";const t=e.div.withConfig({displayName:"placeholder.style__StyledPlaceholder",componentId:"carbon_v162_12_0__sc-ebc3eff5-0"})(["pointer-events:none;position:absolute;top:12px;color:var(--input-typical-txt-alt);left:14px;user-select:none;"]);export{t as default};

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

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

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

@@ -0,0 +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 a}from"@lexical/react/LexicalErrorBoundary";import{RichTextPlugin as o}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><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:h="carbon-rte-readonly",size:L="medium"})=>{const b=s((()=>({namespace:h,nodes:d,onError:e=>u.error(e.message),theme:p(),editorState:f(g),editable:!1})),[h,g]);return e(x,{namespace:h,readOnly:!0,size:L,children:r(t,{initialConfig:b,children:[e(o,{contentEditable:e(i,{"aria-label":m,"data-role":`${h}-content-editor`,"aria-autocomplete":void 0,"aria-readonly":void 0,spellCheck:!1,role:"article"}),ErrorBoundary:a}),e(l,{validateUrl:c}),e(n,{newTab:!0}),e(_,{})]})})};export{g as default};

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

@@ -0,0 +1,4 @@
+import React from "react";
+import { ButtonGroupProps } from "../../../__utils__/interfaces.types";
+declare const ButtonGroup: ({ children, name, namespace, showDivider, }: ButtonGroupProps) => React.JSX.Element | null;
+export default ButtonGroup;

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

@@ -0,0 +1 @@
+import{jsxs as r,jsx as e}from"react/jsx-runtime";import"react";import t from"./button-group.style.js";const a=({children:a,name:o,namespace:i,showDivider:d=!0})=>a?r(t,{id:`${i}-${o}`,"data-role":`btg-${i}-${o}`,children:[a,d&&e("div",{role:"separator","aria-hidden":"true",className:"button-group-divider"})]}):null;export{a as default};

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

@@ -0,0 +1,2 @@
+declare const StyledButtonGroup: import("styled-components").StyledComponent<"div", any, {}, never>;
+export default StyledButtonGroup;

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

@@ -0,0 +1 @@
+import o from"styled-components";const e=o.div.withConfig({displayName:"button-group.style__StyledButtonGroup",componentId:"carbon_v162_12_0__sc-9b30eeea-0"})(["display:flex;flex-direction:row;gap:var(--global-space-comp-s);align-items:center;.button-group-divider{width:1px;background-color:var(--container-standard-border-default);min-height:var(--global-size-s);}"]);export{e as default};

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

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