carbon-react 162.11.0 → 162.12.0-beta.1

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/esm/components/textarea/index.js

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

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

@@ -1,138 +0,0 @@
-import React from "react";
-import { MarginProps } from "styled-system";
-import { IconType } from "../icon";
-import { ValidationProps } from "../../__internal__/validations";
-import { TagProps } from "../../__internal__/utils/helpers/tags";
-import { BorderRadiusType } from "../box/box.component";
-export declare const parseValueUnit: (str: string) => number;
-export declare const getDefaultMinHeightBySize: (size: "small" | "medium" | "large") => number;
-export interface TextareaProps extends ValidationProps, MarginProps, Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, "size">, TagProps {
-    /** Prop to specify the aria-labelledby property of the component */
-    "aria-labelledby"?: string;
-    /** id of the input */
-    id?: string;
-    /** @deprecated [Legacy] The default value alignment on the input. This property is deprecated and will be removed in future versions. */
-    align?: "left" | "right";
-    /**
-     * @deprecated [Legacy] Specify a custom border radius for the input. This prop is retained for
-     * backwards compatibility but no longer has any effect (use `borderRadius` instead).
-     * This property is deprecated and will be removed in future versions.
-     */
-    inputBorderRadius?: BorderRadiusType | BorderRadiusType[];
-    /**
-     * @deprecated [Legacy] Id of the validation icon. This prop no longer has any effect as the
-     * legacy validation icon has been removed. This property is deprecated and will be removed
-     * in future versions.
-     */
-    validationIconId?: string;
-    /**
-     * @deprecated Breakpoint for adaptive label (inline labels change to top aligned).
-     * This prop no longer has any effect - responsive label behaviour should be handled by
-     * the implementing team. It is retained for backwards compatibility and will be removed
-     * in future versions.
-     **/
-    adaptiveLabelBreakpoint?: number;
-    /** Automatically focus the input on component mount */
-    autoFocus?: boolean;
-    /** Character limit of the textarea */
-    characterLimit?: number;
-    /** Type of the icon that will be rendered next to the input */
-    children?: React.ReactNode;
-    /** If true, the component will be disabled */
-    disabled?: boolean;
-    /**
-     * Indicate that error has occurred.
-     * Pass string to display icon, tooltip and red border.
-     * Pass true boolean to only display red border.
-     */
-    error?: boolean | string;
-    /** Allows the Textareas Height to change based on user input */
-    expandable?: boolean;
-    /** Specifies the number of visible text lines. When set, the textarea expands up to this maximum height. */
-    maxRows?: number;
-    /** A hint string rendered before the input but after the label. Intended to describe the purpose or content of the input. */
-    inputHint?: string;
-    /** @deprecated [Legacy] Help content to be displayed under an input. This property is deprecated and will be removed in future versions. */
-    fieldHelp?: React.ReactNode;
-    /** @deprecated [Legacy] Aria label for rendered help component. This property is deprecated and will be removed in future versions. */
-    helpAriaLabel?: string;
-    /**
-     * @deprecated [Legacy] Indicate additional information.
-     * Pass string to display icon, tooltip and blue border.
-     * Pass true boolean to only display blue border.
-     * This property is deprecated and will be removed in future versions.
-     */
-    info?: boolean | string;
-    /**
-     * <a href="https://brand.sage.com/d/NdbrveWvNheA/foundations#/icons/icons" target="_blank">List of supported icons</a>
-     *
-     * Icon to display inside of the Textarea
-     */
-    inputIcon?: IconType;
-    /** @deprecated [Legacy] Width of an input in percentage. Works only when labelInline is true. This property is deprecated and will be removed in future versions. */
-    inputWidth?: number;
-    /**
-     * Prop for specifying the max width of the input.
-     * Leaving the `maxWidth` prop with no value will default the width to '100%'
-     */
-    maxWidth?: string;
-    /** The content of the label for the input */
-    label?: string;
-    /** @deprecated Label alignment. This property is deprecated and will be removed in future versions. */
-    labelAlign?: "left" | "right";
-    /**
-     * @deprecated [Legacy] Text applied to label help tooltip. When opted into new design validations
-     * it will render as a hint above the input, unless an `inputHint`
-     * prop is also passed. This property is deprecated and will be removed in future versions.
-     */
-    labelHelp?: React.ReactNode;
-    /** When true, label is placed in line an input */
-    labelInline?: boolean;
-    /** @deprecated [Legacy] Spacing between label and a field for inline label, given number will be multiplied by base spacing unit (8). This property is deprecated and will be removed in future versions. */
-    labelSpacing?: 1 | 2;
-    /** @deprecated [Legacy] Width of a label in percentage. Works only when labelInline is true. This property is deprecated and will be removed in future versions. */
-    labelWidth?: number;
-    /** Name of the input */
-    name?: string;
-    /** Callback fired when the user types in the Textarea */
-    onChange: (ev: React.ChangeEvent<HTMLTextAreaElement>) => void;
-    /** Placeholder text for the component */
-    placeholder?: string;
-    /** Adds readOnly property */
-    readOnly?: boolean;
-    /**
-     * @deprecated [Legacy] Flag to configure component as optional. If the value of this component is not required, use the `required` prop and set it to false instead. This property is deprecated and will be removed in future versions.
-     */
-    isOptional?: boolean;
-    /** The number of visible text lines for the control. When set, this determines the height of the textarea, and the minHeight property is ignored. */
-    rows?: number;
-    /** @deprecated [Legacy] Overrides the default tooltip position. This property is deprecated and will be removed in future versions. */
-    tooltipPosition?: "top" | "bottom" | "left" | "right";
-    /** @deprecated [Legacy] When true, validation icon will be placed on label instead of being placed on the input. This property is deprecated and will be removed in future versions. */
-    validationOnLabel?: boolean;
-    /** The value of the Textbox */
-    value: string;
-    /**
-     * Indicate that warning has occurred.
-     * Pass string to display icon, tooltip and orange border.
-     * Pass true boolean to only display orange border.
-     */
-    warning?: boolean | string;
-    /** @deprecated Specify a custom border radius for the component. Any valid border-radius design token, or an array of border-radius design tokens. This property is deprecated and will be removed in future versions.*/
-    borderRadius?: BorderRadiusType | BorderRadiusType[];
-    /** @deprecated Hides the borders for the component. Please note that validation and focus styling will still be applied. This property is deprecated and will be removed in future versions. */
-    hideBorders?: boolean;
-    /** Specify the minimum height. This property is only applied if rows is not set. */
-    minHeight?: number;
-    /** Render the ValidationMessage above the Textarea when validationRedesignOptIn flag is set */
-    validationMessagePositionTop?: boolean;
-    /** @deprecated Override the variant component. This property is deprecated and will be removed in future versions. */
-    as?: React.ElementType;
-    /** Specify the resize behavior of the textarea */
-    resize?: "none" | "both" | "horizontal" | "vertical";
-    /** Size of the textarea. */
-    size?: "small" | "medium" | "large";
-}
-export declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
-export { Textarea as OriginalTextarea };
-export default Textarea;

package/esm/components/textarea/textarea.component.js

@@ -1 +0,0 @@
-import{jsxs as e,jsx as n,Fragment as r}from"react/jsx-runtime";import i,{useContext as t,useState as l,useRef as o,useCallback as a,useEffect as s}from"react";import d from"../../__internal__/utils/helpers/tags/tags.js";import"../../__internal__/legacy-input/input.component.js";import u from"../../__internal__/legacy-input/input-presentation.component.js";import p from"../../hooks/useCharacterCount/useCharacterCount.js";import{InputContext as c,InputBehaviour as m}from"../../__internal__/input-behaviour/input-behaviour.component.js";import{InputGroupContext as b}from"../../__internal__/input-behaviour/input-group-behaviour.component.js";import h from"../../__internal__/input-icon-toggle/input-icon-toggle.component.js";import g from"../../__internal__/utils/helpers/guid/index.js";import f,{StyledTextareaInput as v,StyledTextareaFieldLine as _,StyledTextareaLabelContainer as y,StyledTextareaValidationContainer as O}from"./textarea.style.js";import{TooltipProvider as j}from"../../__internal__/tooltip-provider/index.js";import w from"../../hooks/__internal__/useInputAccessibility/useInputAccessibility.js";import x from"../../__internal__/error-border/error-border.style.js";import $ from"../../__internal__/validation-message/validation-message.component.js";import I from"../../__internal__/utils/logger/index.js";import{HintText as H}from"../../__internal__/hint-text/hint-text.component.js";import"../../style/utils/filter-styled-system-padding-props.js";import P from"../../style/utils/filter-styled-system-margin-props.js";import L from"../fieldset/__internal__/fieldset.context.js";import S from"../../__internal__/label/label.component.js";import{globalFontStaticCompRegularL as z,globalFontStaticCompRegularM as B,globalFontStaticCompRegularS as R,globalSpaceCompM as F,globalSpaceCompS as W,globalSpaceCompXs as A}from"./__internal__/tokens/index.js";function E(e,n,r){return n in e?Object.defineProperty(e,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[n]=r,e}function T(e){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{},i=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(i=i.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),i.forEach((function(n){E(e,n,r[n])}))}return e}const C=e=>{const n=e.match(/^(-?\d*\.?\d+)(px|em|rem|%)$/);return n?parseFloat(n[1]):(I.warn(`Unexpected value/unit format: "${e}"`),0)},k={small:parseFloat(R.lineHeight.toString())*C(R.fontSize),medium:parseFloat(B.lineHeight.toString())*C(B.fontSize),large:parseFloat(z.lineHeight.toString())*C(z.fontSize)},q={small:C(A),medium:C(W),large:C(F)},D=e=>3*k[e]+2*q[e];let M=!1,N=!1;const U=i.forwardRef(((i,z)=>{var{"aria-labelledby":B,"aria-describedby":R,autoFocus:F,inputHint:W,fieldHelp:A,label:E,children:C,characterLimit:U,onChange:G,onFocus:J,onBlur:K,disabled:Q=!1,labelInline:V,labelAlign:X,labelHelp:Y,labelSpacing:Z,inputIcon:ee,id:ne,error:re,warning:ie,info:te,name:le,readOnly:oe=!1,placeholder:ae,expandable:se=!1,rows:de,validationOnLabel:ue=!1,adaptiveLabelBreakpoint:pe,inputWidth:ce,maxWidth:me,labelWidth:be=30,tooltipPosition:he,value:ge,"data-element":fe,"data-role":ve,helpAriaLabel:_e,borderRadius:ye,hideBorders:Oe=!1,required:je,isOptional:we,minHeight:xe,validationMessagePositionTop:$e=!0,resize:Ie="none",size:He="medium",maxRows:Pe,as:Le,align:Se,inputBorderRadius:ze,validationIconId:Be}=i,Re=function(e,n){if(null==e)return{};var r,i,t=function(e,n){if(null==e)return{};var r,i,t={},l=Object.keys(e);for(i=0;i<l.length;i++)r=l[i],n.indexOf(r)>=0||(t[r]=e[r]);return t}(e,n);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(i=0;i<l.length;i++)r=l[i],n.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(t[r]=e[r])}return t}(i,["aria-labelledby","aria-describedby","autoFocus","inputHint","fieldHelp","label","children","characterLimit","onChange","onFocus","onBlur","disabled","labelInline","labelAlign","labelHelp","labelSpacing","inputIcon","id","error","warning","info","name","readOnly","placeholder","expandable","rows","validationOnLabel","adaptiveLabelBreakpoint","inputWidth","maxWidth","labelWidth","tooltipPosition","value","data-element","data-role","helpAriaLabel","borderRadius","hideBorders","required","isOptional","minHeight","validationMessagePositionTop","resize","size","maxRows","as","align","inputBorderRadius","validationIconId"]);!M&&we&&(M=!0,I.deprecate("`isOptional` is deprecated in TextArea and support will soon be removed. If the value of this component is not required, use the `required` prop and set it to false instead."));const{hasError:Fe,required:We}=t(L),Ae=V,[Ee,Te]=l(D(He)),{current:Ce}=o(ne||g()),ke=o(null),qe=a((e=>{ke.current=e,z&&("current"in z?z.current=e:z(e))}),[z]),[De,Me]=l("off");s((()=>{const e=ke.current;if(!e)return;const n=()=>{e.classList.toggle("has-scrollbar",e.scrollHeight>e.clientHeight)};n(),e.addEventListener("input",n);const r=new ResizeObserver(n);return r.observe(e),()=>{e.removeEventListener("input",n),r.disconnect()}}),[]),Array.isArray(ye)&&ye.length>4&&!N&&(I.warn("The `borderRadius` prop in `Textarea` component only supports up to 4 values."),N=!0);const Ne=a((()=>{let e;Pe&&(e=Pe*k[He]+2*q[He]);const n=ke.current;if((null==n?void 0:n.scrollHeight)&&(null==n?void 0:n.scrollHeight)>Ee&&(null==n?void 0:n.scrollHeight)<=(null!=e?e:n.scrollHeight)){let e=n;for(;e&&!(null==e?void 0:e.scrollTop);)e=(null==e?void 0:e.parentElement)||null;const r=null==e?void 0:e.scrollTop;n.style.height="auto",n.style.height=`${Math.max(n.scrollHeight,Ee)}px`,e&&r&&(e.scrollTop=r)}}),[Ee,Pe,He]),{labelId:Ue,validationId:Ge,ariaDescribedBy:Je}=w({id:Ce,validationRedesignOptIn:!0,error:re,warning:ie,info:te,label:E,fieldHelp:A}),[Ke,Qe]=p(ge,U,De,He,Q);s((()=>{if(de){var e;Te((null==ke||null===(e=ke.current)||void 0===e?void 0:e.scrollHeight)||0)}else{if(!xe)return void Te(D(He));Te(xe>D(He)?xe:D(He))}}),[xe,de,He]),s((()=>{se&&Ne()})),s((()=>{var e,n;return se&&(window.addEventListener("resize",Ne),Te((null==ke||null===(e=ke.current)||void 0===e?void 0:e.clientHeight)||0),null===(n=document.fonts)||void 0===n||n.addEventListener("loadingdone",Ne)),()=>{var e;se&&(window.removeEventListener("resize",Ne),null===(e=document.fonts)||void 0===e||e.removeEventListener("loadingdone",Ne))}}),[Ne,se]);const Ve=!!(ee||Ge&&!ue),Xe=o(g()),Ye=W?Xe.current:void 0,Ze=[...$e?[Je,Ye]:[Ye,Je],Qe,R].filter(Boolean).join(" "),en=e(u,{disabled:Q,readOnly:oe,inputWidth:"number"==typeof ce?ce:100-be,maxWidth:me,error:re||Fe,warning:ie,info:te,borderRadius:ye,hideBorders:Oe,children:[n(b.Consumer,{children:({onFocus:e,onBlur:r})=>n(c.Consumer,{children:({onFocus:i,onBlur:t,inputRef:l})=>n(v,T({"aria-invalid":!!re||Fe,"aria-labelledby":B,"aria-describedby":Ze,autoFocus:F,name:le,value:ge,ref:e=>{qe(e),null==l||l({current:e})},onChange:G,onFocus:n=>((e,n,r)=>{U&&Me("polite"),null==J||J(e),null==n||n(),null==r||r()})(n,i,e),onBlur:e=>((e,n,r)=>{U&&Me("off"),null==K||K(e),null==n||n(),null==r||r()})(e,t,r),disabled:Q,readOnly:oe,placeholder:Q?"":ae,rows:de,id:Ce,"data-element":"input","data-role":"input",required:je||We},Re))})}),C,n(h,{disabled:Q,readOnly:oe,inputIcon:ee,error:re,warning:ie,info:te})]}),nn=P(Re);return n(j,{tooltipPosition:he,helpAriaLabel:_e,children:n(m,{children:n(f,(rn=T({labelInline:Ae,hasIcon:Ve,minHeight:Ee},nn,d("textarea",{"data-element":fe,"data-role":ve})),tn={$resize:Ie,$maxWidth:me,$size:He,$readOnly:oe,$hasHint:!!W,$isRequired:je,$disabled:Q,$hasWarning:!!ie,$hasError:!!re,borderRadius:ye,$labelSpacing:Z,$labelWidth:be,$hideBorders:Oe,$labelAlign:X,$labelInline:Ae,$align:Se,children:e(_,{$labelInline:Ae,children:[E&&n(y,{"data-role":"textarea-label-container",$labelInline:Ae,$labelAlign:X,$labelSpacing:Z,$size:He,children:n(S,{id:Ue,htmlFor:Ce,size:He,isRequired:je,disabled:Q,readOnly:oe,children:E})}),(W||Y)&&n(H,{size:He,id:Ye,"data-element":"input-hint",children:W||Y}),e(O,{labelInline:Ae,$inputWidth:ce,$labelWidth:be,children:[$e&&e(r,{children:[n($,{error:re,validationId:Ge,warning:ie,validationMessagePositionTop:$e}),(re||ie)&&n(x,{$warning:!(re||!ie)})]}),en,!$e&&e(r,{children:[n($,{error:re,validationId:Ge,warning:ie,validationMessagePositionTop:$e}),(re||ie)&&n(x,{$warning:!(re||!ie)})]}),Ke]})]})},tn=null!=tn?tn:{},Object.getOwnPropertyDescriptors?Object.defineProperties(rn,Object.getOwnPropertyDescriptors(tn)):function(e){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n.push.apply(n,r)}return n}(Object(tn)).forEach((function(e){Object.defineProperty(rn,e,Object.getOwnPropertyDescriptor(tn,e))})),rn))})});var rn,tn}));U.displayName="Textarea";export{U as OriginalTextarea,U as Textarea,U as default,D as getDefaultMinHeightBySize,C as parseValueUnit};

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

@@ -1,49 +0,0 @@
-import { TextareaProps } from "./textarea.component";
-export type ResizeOptions = "none" | "both" | "horizontal" | "vertical";
-export type TextAreaSize = "small" | "medium" | "large";
-export interface StyledTextAreaProps extends Pick<TextareaProps, "minHeight" | "borderRadius"> {
-    /** When true, label is placed in line an input */
-    labelInline?: boolean;
-    /** When true, adjusts padding for icon */
-    hasIcon?: boolean;
-    /** Specify the resize behavior of the textarea */
-    $resize?: "none" | "both" | "horizontal" | "vertical";
-    /** Specify a custom max-width for the textarea */
-    $maxWidth?: string;
-    $size: TextAreaSize;
-    $readOnly?: boolean;
-    $hasHint?: boolean;
-    $isRequired?: boolean;
-    $disabled?: boolean;
-    $hasWarning?: boolean;
-    $hasError?: boolean;
-    $labelSpacing?: 1 | 2;
-    $labelWidth: number;
-    $inputWidth?: number | undefined;
-    $hideBorders?: boolean;
-    $labelAlign?: "left" | "right";
-    $labelInline?: boolean;
-    $align?: "left" | "right";
-}
-interface StyledTextareaLabelContainerProps {
-    $labelInline?: boolean;
-    $labelAlign?: "left" | "right";
-    $labelSpacing?: 1 | 2;
-    $size: TextAreaSize;
-}
-interface StyledTextareaFieldLineProps {
-    $labelInline?: boolean;
-}
-export declare const getFont: (size: TextAreaSize, format: "medium" | "regular") => import("styled-components").FlattenSimpleInterpolation;
-declare const StyledTextarea: import("styled-components").StyledComponent<"div", any, {
-    theme: object;
-} & StyledTextAreaProps, "theme">;
-export declare const StyledTextareaFieldLine: import("styled-components").StyledComponent<"div", any, StyledTextareaFieldLineProps, never>;
-export declare const StyledTextareaLabelContainer: import("styled-components").StyledComponent<"div", any, StyledTextareaLabelContainerProps, never>;
-export declare const StyledTextareaInput: import("styled-components").StyledComponent<"textarea", any, {}, never>;
-export declare const StyledTextareaValidationContainer: import("styled-components").StyledComponent<"div", any, {
-    labelInline?: boolean;
-    $inputWidth?: number;
-    $labelWidth: number;
-}, never>;
-export default StyledTextarea;

package/esm/components/textarea/textarea.style.js

@@ -1 +0,0 @@
-import a,{css as e}from"styled-components";import{margin as l}from"styled-system";import r from"../../__internal__/hint-text/hint-text.style.js";import i from"../../__internal__/legacy-input/input-presentation.style.js";import t from"../../__internal__/input-icon-toggle/input-icon-toggle.style.js";import o from"../../__internal__/validation-message/validation-message.style.js";import n from"../../style/themes/apply-base-theme.js";import{getDefaultMinHeightBySize as d}from"./textarea.component.js";import s from"../../style/utils/add-focus-styling.js";const c={small:{horizontalPadding:"var(--global-space-comp-s)",verticalPadding:"var(--global-space-comp-xs)"},medium:{horizontalPadding:"var(--global-space-comp-m)",verticalPadding:"var(--global-space-comp-s)"},large:{horizontalPadding:"var(--global-space-comp-l)",verticalPadding:"var(--global-space-comp-m)"}},b=(a,l)=>e(["font:",";"],{small:`var(--global-font-static-comp-${l}-s)`,medium:`var(--global-font-static-comp-${l}-m)`,large:`var(--global-font-static-comp-${l}-l)`}[a]),p=(a,l)=>a?e(["margin-bottom:0px;"]):e(["",";"],l&&`margin-bottom: ${{small:"var(--global-space-comp-xs)",medium:"var(--global-space-comp-s)",large:"var(--global-space-comp-m)"}[l]};`),g=a.div.attrs(n).withConfig({displayName:"textarea.style__StyledTextarea",componentId:"carbon_v162_10_0__sc-884bfc4e-0"})(["margin-bottom:var(--fieldSpacing);",';textarea[data-element="input"]{background:transparent;border:none;'," box-sizing:border-box;color:var(--input-typical-txt-default);display:block;flex-grow:1;margin:0;min-width:0;outline:none;border-radius:",";resize:",";min-height:",";padding:",";width:",";",";"," "," "," &::-webkit-scrollbar{width:12px;border-radius:var(--global-radius-container-circle);}&::-webkit-scrollbar-track{background-color:var(--container-scrollbar-bg-default);border-radius:0 var(--global-radius-container-circle) var(--global-radius-container-circle) 0;margin-top:1px;","}&::-webkit-scrollbar-thumb{border-radius:var(--global-radius-container-circle);background-clip:padding-box;border:var(--global-space-comp-2-xs) solid transparent;background-color:var(--container-scrollbar-fg-default);",";}&::-webkit-resizer{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5' height='5' viewBox='0 0 5 5' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.12983 2.12983C4.32507 2.32507 4.32507 2.64162 4.12983 2.83686L2.83686 4.12983C2.64162 4.32507 2.32507 4.32507 2.12983 4.12983C1.93459 3.93459 1.93459 3.61804 2.12983 3.4228L3.4228 2.12983C3.61804 1.93459 3.93459 1.93459 4.12983 2.12983ZM3.12202 0.146431C3.31726 0.341672 3.31726 0.658221 3.12202 0.853462L0.853462 3.12202C0.658221 3.31726 0.341672 3.31726 0.146431 3.12202C-0.0488103 2.92678 -0.0488103 2.61023 0.146431 2.41499L2.41499 0.146431C2.61023 -0.0488103 2.92678 -0.0488104 3.12202 0.146431Z' fill='%2375838F'/%3E%3C/svg%3E\");background-size:6px 6px;background-repeat:no-repeat;background-position:center;border-radius:0 0 var(--global-radius-container-circle) 0;}&.has-scrollbar::-webkit-resizer{background-color:var(--container-scrollbar-bg-default);}&::-webkit-scrollbar-corner{background:transparent;border-radius:0 0 var(--global-radius-container-circle) 0;}}[data-role=\"textarea-label-container\"]{","}",' [data-component="label"]{color:',";"," "," ","}","{height:40px;position:absolute;height:100%;top:0px;right:4px;}","{background:var(--input-typical-bg-default);"," "," padding:1px;border-radius:",";min-height:var(--global-size-4-xl);width:",";max-width:100%;"," ","}",":focus-within{"," z-index:2;}","{display:flex;"," color:",";}",";","{"," ","}"],l,(({$size:a})=>b(a,"regular")),(({borderRadius:a})=>!a&&"var(--global-radius-action-m)"),(({$resize:a})=>a),(({minHeight:a,$size:e})=>a?`${a}px`:d(e)),(({$size:a})=>`${c[a].verticalPadding} ${c[a].horizontalPadding}`),(({$resize:a,labelInline:e,$labelWidth:l,$inputWidth:r})=>(({$resize:a,labelInline:e,$labelWidth:l,$inputWidth:r})=>{if(a&&"none"!==a)return e?`${r||100-l}vw`:"100vw"})({$resize:a,labelInline:e,$labelWidth:l,$inputWidth:r})||"100%"),(({$resize:a,$maxWidth:e})=>"none"!==a&&e&&`max-width: ${e};`),(({hasIcon:a})=>a&&"padding-right: var(--global-size-m);"),(({$align:a})=>a&&`text-align: ${a};`),(({$disabled:a})=>a&&"color: var(--input-typical-txt-disabled);"),(a=>"none"!==a.$resize&&e(["border-radius:0 var(--global-radius-container-circle) 0 0;"])),(({$size:a})=>"large"===a?"min-height: 41px;":"min-height: 33px;"),(({$hasHint:a,$size:e})=>p(!!a,e)),(({labelInline:a,$labelSpacing:l,$size:r})=>a&&e(['[data-role="textarea-label-container"]{padding-top:',";margin-bottom:0px;","}"],"small"===r?"var(--global-space-comp-xs)":"var(--global-space-comp-s)",!l&&`padding-right: ${"large"===r?"var(--global-space-comp-xl)":"var(--global-space-comp-l)"};`)),(({$disabled:a})=>a?"var(--input-labelset-label-disabled)":"var(--input-labelset-label-default)"),(({$size:a})=>b(a,"medium")),(({$readOnly:a})=>a&&"color: var(--input-labelset-label-read-only);"),(({$isRequired:a,$size:l,$disabled:r})=>a&&e(["::after{"," color:var(--input-labelset-label-",");margin-left:var(--global-space-comp-xs);}"],b(l,"medium"),r?"disabled":"required")),t,i,(({$hideBorders:a})=>a?"border: 1px solid transparent;":"border: 1px solid var(--input-typical-border-default);"),(({$hasError:a})=>a&&"box-shadow: inset 0 0 0 1px var(--input-validation-border-error);\n        border-color: var(--input-validation-border-error) !important;"),(({borderRadius:a})=>!a&&"var(--global-radius-action-m)"),(({$resize:a})=>"none"!==a?"auto":"100%"),(({$disabled:a})=>a&&e(["background:var(--input-typical-bg-disabled);border-color:var(--input-typical-border-disabled);"])),(({$readOnly:a})=>a&&e(["background:var(--input-typical-bg-read-only);border-color:var(--input-typical-border-read-only);"])),i,s(),r,(({$size:a})=>p(!1,a)),(({$disabled:a})=>a?"var(--input-labelset-label-disabled)":"var(--input-labelset-label-default)"),(({$labelAlign:a})=>e(["","{justify-content:",";}"],r,"right"!==a?"flex-start":"flex-end")),o,(({$hasWarning:a,$size:l})=>a&&e(["color:var(--input-validation-label-warn);",""],b(l,"regular"))),(({$hasError:a,$size:l})=>a&&e(["color:var(--input-validation-label-error);",""],b(l,"medium")))),m=a.div.withConfig({displayName:"textarea.style__StyledTextareaFieldLine",componentId:"carbon_v162_10_0__sc-884bfc4e-1"})(["display:",";"],(({$labelInline:a})=>a?"flex":"block")),u=a.div.withConfig({displayName:"textarea.style__StyledTextareaLabelContainer",componentId:"carbon_v162_10_0__sc-884bfc4e-2"})(["display:flex;flex-direction:column;margin-bottom:var(--global-space-comp-s);",""],(({$labelInline:a,$labelAlign:l,$labelSpacing:r,$size:i})=>{const t=a?null!=l?l:"right":null!=l?l:"left";return e(["align-items:",';[data-component="label"]{width:100%;text-align:',";}",""],"right"!==t?"flex-start":"flex-end","right"!==t?"left":"right",a&&e(["box-sizing:border-box;margin-bottom:0;width:","%;padding-right:",";"],30,a?r?`var(${1===r?"--global-space-comp-s":"--global-space-comp-l"})`:"large"===i?"var(--global-space-comp-xl)":"var(--global-space-comp-l)":void 0))})),v=a.textarea.withConfig({displayName:"textarea.style__StyledTextareaInput",componentId:"carbon_v162_10_0__sc-884bfc4e-3"})([""]),h=a.div.withConfig({displayName:"textarea.style__StyledTextareaValidationContainer",componentId:"carbon_v162_10_0__sc-884bfc4e-4"})(["position:relative;width:",";"],(({labelInline:a,$inputWidth:e,$labelWidth:l})=>a?`${e||100-l}%`:"100%"));export{m as StyledTextareaFieldLine,v as StyledTextareaInput,u as StyledTextareaLabelContainer,h as StyledTextareaValidationContainer,g as default,b as getFont};

package/esm/components/textbox/__internal__/__next__/index.d.ts

@@ -1,2 +0,0 @@
-export { default } from "./text-input.component";
-export type { TextInput, TextInputProps } from "./text-input.component";

package/esm/components/textbox/__internal__/__next__/index.js

@@ -1 +0,0 @@
-export{TextInput as default}from"./text-input.component.js";