carbon-react 162.11.0 → 162.12.0-beta.1

package/esm/components/tabs/__next__/tabs.types.d.ts

@@ -1,94 +0,0 @@
-import React, { Dispatch, SetStateAction } from "react";
-import { TagProps } from "../../../__internal__/utils/helpers/tags";
-export type TabValidationRecord = Record<string, string | boolean>;
-export type ValidationRecord = Record<string, TabValidationRecord>;
-export interface TabContextProps {
-    tabId?: string;
-}
-export type TabsHandle = {
-    /**
-     * Programmatically focus on a specific tab.
-     * @param id - The ID of the tab to focus. Must match the `id` prop of the target `Tab` component.
-     */
-    focusTab: (id: string) => void;
-};
-export interface TabsContextProps {
-    activeTab: string;
-    currentTabId?: string;
-    focusIndex: string;
-    isInTab?: boolean;
-    labelledBy?: string;
-    orientation: "horizontal" | "vertical";
-    selectedTabId?: string;
-    setActiveTab: Dispatch<SetStateAction<string>>;
-    setFocusIndex: Dispatch<SetStateAction<string>>;
-    setCurrentTabId: Dispatch<SetStateAction<string>>;
-    setErrors: (childId: string, tabId: string, error: string | boolean) => void;
-    setWarnings: (childId: string, tabId: string, warning: string | boolean) => void;
-    errors: ValidationRecord;
-    warnings: ValidationRecord;
-    size: "medium" | "large";
-    infos: ValidationRecord;
-    setInfos: (childId: string, tabId: string, info: string | boolean) => void;
-}
-export interface TabPanelProps extends TagProps {
-    /** The content to be shown in the tab panel */
-    children?: React.ReactNode;
-    /** The ID of the tab panel */
-    id: string;
-    /** The ID of the controlling tab */
-    tabId: string;
-}
-export interface TabListProps extends TagProps {
-    /** The label read out when the tab list gains focus */
-    ariaLabel: string;
-    /** The tabs to be shown in the tab list */
-    children?: React.ReactNode;
-    /** A callback for when the active tab is changed */
-    onTabChange?: (tabId: string) => void;
-    /**
-     * @private @ignore @internal
-     */
-    headerWidth?: string;
-}
-export interface TabProps extends TagProps {
-    /** The tab panel that this tab controls */
-    controls: string;
-    /** The ID of the tab */
-    id: string;
-    /** The error state of the tab */
-    error?: boolean | string;
-    /** The label shown on the tab */
-    label: React.ReactNode;
-    /** The item shown to the left of the label */
-    leftSlot?: React.ReactNode;
-    /** The item shown to the right of the label */
-    rightSlot?: React.ReactNode;
-    /** The warning state of the tab */
-    warning?: boolean | string;
-    /**
-     * The info state of the tab
-     * @deprecated to be removed when legacy `Tabs` and `Tab` are removed
-     * */
-    info?: boolean | string;
-    /**
-     * @internal @private @ignore
-     */
-    hasCustomLayout?: boolean;
-    /** @private @ignore @internal */
-    headerWidth?: string;
-    /** @private @ignore @internal */
-    href?: string;
-}
-export interface TabsProps extends TagProps {
-    /** The tab list to be rendered within this set of tabs  */
-    children?: React.ReactNode;
-    /** The label associated with this set of tabs, for assistive technologies */
-    labelledBy?: string;
-    /** The orientation of the tabs */
-    orientation?: "horizontal" | "vertical";
-    /** The pre-selected tab to show e.g when restoring from URL  */
-    selectedTabId?: string;
-    /** The size of the tabs to use */
-    size?: "medium" | "large";
-}

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

@@ -1,4 +0,0 @@
-export { Tabs } from "./tabs.component";
-export { default as Tab } from "./tab";
-export type { TabsProps, TabsHandle } from "./tabs.component";
-export type { TabProps } from "./tab";

package/esm/components/tabs/index.js

@@ -1 +0,0 @@
-export{Tabs}from"./tabs.component.js";export{Tab}from"./tab/tab.component.js";

package/esm/components/tabs/tab/index.d.ts

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

package/esm/components/tabs/tab/index.js

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

package/esm/components/tabs/tab/tab.component.d.ts

@@ -1,93 +0,0 @@
-import React from "react";
-import { PaddingProps } from "styled-system";
-import { TagProps } from "../../../__internal__/utils/helpers/tags/tags";
-import type { TabProps as NextTabProps } from "../__next__";
-export type TabsHandle = {
-    /** Programmatically focus on a specific tab.
-     * @param tabId - The ID of the tab to focus. Must match the `tabId` prop of the target `Tab` component.
-     */
-    focusTab: (tabId: string) => void;
-} | null;
-export interface TabProps extends PaddingProps, TagProps, Partial<NextTabProps> {
-    /**
-     * The title of the Tab.
-     * @deprecated Support will be removed in a future release, it is recommended to use `label` prop instead.
-     */
-    title?: string;
-    /**
-     * A unique ID to identify this specific tab.
-     * @deprecated Support will be removed in a future release, it is recommended to use `id` instead.
-     * */
-    tabId?: string;
-    /** The child elements of Tab component. */
-    children?: React.ReactNode;
-    /** @ignore @private Boolean indicating selected state of Tab. */
-    isTabSelected?: boolean;
-    /**
-     * The position of the Tab.
-     * @deprecated Support will be removed in a future release.
-     * */
-    position?: "top" | "left";
-    /**
-     * @deprecated
-     * Message displayed when Tab has error
-     * The legacy validation pattern is being removed in a future release.
-     * */
-    errorMessage?: string;
-    /**
-     * @deprecated
-     * Message displayed when Tab has warning
-     * The legacy validation pattern is being removed in a future release.
-     * */
-    warningMessage?: string;
-    /**
-     * @deprecated
-     * Message displayed when Tab has info
-     * The legacy validation pattern is being removed in a future release.
-     * */
-    infoMessage?: string;
-    /**
-     * Additional content to display with title
-     * @deprecated Support for siblings will be removed in a future release.
-     * It is recommended to use `label` prop to compose what you want.
-     * */
-    siblings?: React.ReactNode;
-    /**
-     * Position title before or after siblings
-     * @deprecated Support for titlePosition will be removed in a future release.
-     * It is recommended to use `label` prop to compose what you want.
-     * */
-    titlePosition?: "before" | "after";
-    /**
-     * Allows Tab to be a link
-     * @deprecated Using tabs as links is inaccessible; this prop will be deprecated in a future release.
-     * */
-    href?: string;
-    /**
-     * Overrides default layout with a one defined in this prop
-     * @deprecated Support for customLayout will be removed in a future release, it is recommended to use the `label` prop instead.
-     * */
-    customLayout?: React.ReactNode;
-    /** Additional props to be passed to the Tab's corresponding title. */
-    titleProps?: {
-        /** Identifier used for testing purposes */
-        "data-role"?: string;
-    };
-    /** @private @ignore */
-    role?: string;
-    /** @private @ignore */
-    ariaLabelledby?: string;
-    /** @private @ignore @internal */
-    validationStatusOverride?: {
-        error?: boolean;
-        warning?: boolean;
-        info?: boolean;
-    };
-    /** @private @ignore @internal */
-    headerWidth?: string;
-}
-export declare const Tab: {
-    ({ tabId, title, customLayout, siblings, titlePosition, validationStatusOverride, errorMessage, warningMessage, infoMessage, titleProps, controls, id, label, error, warning, info, ...rest }: TabProps): React.JSX.Element | null;
-    displayName: string;
-};
-export default Tab;

package/esm/components/tabs/tab/tab.component.js

@@ -1 +0,0 @@
-import{jsx as e,jsxs as r,Fragment as t}from"react/jsx-runtime";import"react";import{Tab as n}from"../__next__/tabs.component.js";import o from"../../../__internal__/utils/logger/index.js";function i(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}let a=!1;const l=l=>{var{tabId:s,title:u,customLayout:c,siblings:f,titlePosition:b,validationStatusOverride:g,errorMessage:d,warningMessage:p,infoMessage:m,titleProps:y,controls:O,id:v,label:w,error:h,warning:j,info:P}=l,_=function(e,r){if(null==e)return{};var t,n,o=function(e,r){if(null==e)return{};var t,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)t=i[n],r.indexOf(t)>=0||(o[t]=e[t]);return o}(e,r);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)t=i[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}(l,["tabId","title","customLayout","siblings","titlePosition","validationStatusOverride","errorMessage","warningMessage","infoMessage","titleProps","controls","id","label","error","warning","info"]);a||(o.warn("Warning: This version of the `Tab` component is intended to help migration to the `next` version and will be removed in a future release."),a=!0);let x="";if(w)x=w;else if(c)x=c;else if(x=u,f){const n=e("span",{children:w||u});x=r(t,"after"===b?{children:[f,n]}:{children:[n,f]})}const{error:M,warning:S,info:T}=g||{},I=v||s;return I?e(n,function(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},n=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),n.forEach((function(r){i(e,r,t[r])}))}return e}({id:I,controls:O||`${I}-panel`,label:x,error:h||M,warning:j||S,info:P||T,hasCustomLayout:!!c,"data-role":null==y?void 0:y["data-role"]},_)):null};l.displayName="Tab";export{l as Tab,l as default};

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

@@ -1,73 +0,0 @@
-import React from "react";
-import { MarginProps } from "styled-system";
-import { TagProps } from "../../__internal__/utils/helpers/tags/tags";
-export type TabsHandle = {
-    /** Programmatically focus on a specific tab.
-     * @param tabId - The ID of the tab to focus. Must match the `tabId` prop of the target `Tab` component.
-     */
-    focusTab: (tabId: string) => void;
-} | null;
-export interface TabsProps extends MarginProps, TagProps {
-    /**
-     * Prevent rendering of hidden tabs, by default this is set to true and therefore all tabs will be rendered
-     * @deprecated Support for this prop will be removed in a future release. All tabs will be rendered by default.
-     * */
-    renderHiddenTabs?: boolean;
-    /** Allows manual control over the currently selected tab. */
-    selectedTabId?: string;
-    /** The child elements of Tabs need to be Tab components. */
-    children: React.ReactNode;
-    /**
-     * Sets the alignment of the tab titles. Possible values include.
-     * @deprecated Support for right-aligned tab content has been removed.
-     */
-    align?: "left" | "right";
-    /** A callback for when a tab is changed. You can use this to manually control
-     * tab changing or to fire other events when a tab is changed.
-     */
-    onTabChange?: (tabId: string) => void;
-    /**
-     * The position of the tab title.
-     * */
-    position?: "top" | "left";
-    /** Sets size of the tab titles. */
-    size?: "default" | "large";
-    /**
-     * Sets the divider of the tab titles header to extend the full width of the parent.
-     * @deprecated Support for extended lines in tab headers has been removed.
-     * */
-    extendedLine?: boolean;
-    /**
-     * Adds a combination of borders to the tab titles.
-     * @deprecated Support for configurable borders on tab titles has been removed.
-     * */
-    borders?: "off" | "on" | "no left side" | "no right side" | "no sides";
-    /**
-     * Adds an alternate styling variant to the tab titles.
-     * @deprecated Support for alternate styling variants on tab titles has been removed.
-     */
-    variant?: "default" | "alternate";
-    /** sets width to the tab headers. Can be any valid CSS string.
-     * The headerWidth prop works only for `position="left"`
-     * @deprecated Support will be removed in a future release.
-     */
-    headerWidth?: string;
-    /** An object to support overriding validation statuses, when the Tabs have custom targets for example.
-     * The `id` property should match the `tabId`s for the rendered Tabs.
-     */
-    validationStatusOverride?: {
-        [id: string]: {
-            error?: boolean;
-            warning?: boolean;
-            info?: boolean;
-        };
-    };
-    /**
-     * When this prop is set any string validation failures in the children of each Tab
-     * will be summarised in the Tooltip next to the Tab title
-     * @deprecated Support for validation summaries has been removed.
-     */
-    showValidationsSummary?: boolean;
-}
-export declare const Tabs: React.ForwardRefExoticComponent<TabsProps & React.RefAttributes<TabsHandle>>;
-export default Tabs;

package/esm/components/tabs/tabs.component.js

@@ -1 +0,0 @@
-import{jsxs as e,jsx as r}from"react/jsx-runtime";import t,{forwardRef as n,useMemo as o,useState as i,useEffect as a,createElement as l}from"react";import{Tabs as s,TabList as d,TabPanel as p}from"./__next__/tabs.component.js";import{Tab as c}from"./tab/tab.component.js";import b from"../../__internal__/utils/logger/index.js";import u from"../drawer/__internal__/drawer-sidebar.context.js";import f from"../../hooks/__internal__/usePrevious/index.js";function m(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function h(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},n=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),n.forEach((function(r){m(e,r,t[r])}))}return e}function O(e,r){return r=null!=r?r:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})),e}let y=!1;const g=n(((n,m)=>{var g,v,{children:j,selectedTabId:w,onTabChange:T,position:P="top",size:_="default",validationStatusOverride:I,align:x,headerWidth:S,renderHiddenTabs:W=!0}=n,E=function(e,r){if(null==e)return{};var t,n,o=function(e,r){if(null==e)return{};var t,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)t=i[n],r.indexOf(t)>=0||(o[t]=e[t]);return o}(e,r);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)t=i[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}(n,["children","selectedTabId","onTabChange","position","size","validationStatusOverride","align","headerWidth","renderHiddenTabs"]);y||(b.warn("Warning: This version of the `Tabs` component is intended to help migration to the `next` version and will be removed in a future release."),y=!0);const k=o((()=>{const e=[];return t.Children.forEach(j,(r=>{t.isValidElement(r)&&e.push({props:r.props})})),e}),[j]),[C,z]=i(w||(null===(g=k[0])||void 0===g?void 0:g.props.id)||(null===(v=k[0])||void 0===v?void 0:v.props.tabId)),D="default"===_?"medium":"large",{isInSidebar:H}=t.useContext(u),$=H||"left"===P?"vertical":"horizontal",q=W?k:k.filter((({props:e})=>e.isTabSelected||e.tabId===C)),L=f(w);return a((()=>{w!==L&&w!==C&&z(w)}),[w,L,C]),e(s,O(h({orientation:$,selectedTabId:C,size:D},E),{children:[r(d,{ref:m,ariaLabel:"Tabs",onTabChange:e=>{z(e),null==T||T(e)},headerWidth:H?"100%":void 0,children:k.map((({props:e})=>{const r=e.id||e.tabId;return r?l(c,O(h({headerWidth:H?"100%":S},e),{key:r})):(b.warn("Warning: Tab component is missing a unique identifier. Please provide an `id` prop to ensure proper functionality."),null)}))}),!H&&q.map((({props:e})=>{const t=e.id||e.tabId;return t?r(p,{id:`${t}-panel`,tabId:t,children:e.children},`${t}-panel`):(b.warn("Warning: Each `Tab` component must have an `id` or `tabId` prop to associate it with a TabPanel."),null)}))]}))}));g.displayName="Tabs";export{g as Tabs,g as default};

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

@@ -1,61 +0,0 @@
-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

@@ -1 +0,0 @@
-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

@@ -1,106 +0,0 @@
-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

@@ -1 +0,0 @@
-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

@@ -1,3 +0,0 @@
-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

@@ -1 +0,0 @@
-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

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

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

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

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

@@ -1,5 +0,0 @@
-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

@@ -1 +0,0 @@
-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

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

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

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

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

@@ -1,22 +0,0 @@
-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

@@ -1 +0,0 @@
-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

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

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

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

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

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

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

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

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

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

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

@@ -1 +0,0 @@
-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

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

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

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

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

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

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

@@ -1 +0,0 @@
-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

@@ -1,5 +0,0 @@
-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

@@ -1 +0,0 @@
-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

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

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

@@ -1 +0,0 @@
-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

@@ -1,12 +0,0 @@
-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

@@ -1 +0,0 @@
-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

@@ -1,4 +0,0 @@
-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

@@ -1 +0,0 @@
-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};