carbon-react 154.3.2 → 154.4.0-beta.0

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

@@ -1,61 +1 @@
-/* eslint-disable no-console */
-import { LexicalComposer } from "@lexical/react/LexicalComposer";
-import { ContentEditable } from "@lexical/react/LexicalContentEditable";
-import { LexicalErrorBoundary } from "@lexical/react/LexicalErrorBoundary";
-import { RichTextPlugin } from "@lexical/react/LexicalRichTextPlugin";
-import React, { useMemo } from "react";
-import { createFromHTML } from "../utils";
-import { markdownNodes, theme } from "./constants";
-const wrapLinksInAnchors = value => {
-  const urlRegex = /((https?:\/\/)?[\w-]+(\.[\w-]+)+\.?(:\d+)?(\/\S*)?)/g;
-  return value.replace(urlRegex, "<a href='$1'>$1</a>");
-};
-const determineFormat = value => {
-  let isJson;
-  if (!value) {
-    return createFromHTML("<p><br></p>");
-  }
-  try {
-    const isValidJSON = JSON.parse(value);
-    /* istanbul ignore else */
-    if (isValidJSON) isJson = true;
-  } catch (e) {
-    isJson = false;
-  }
-  if (!isJson) {
-    const isHTML = /<[a-z][\s\S]*>/i.test(value);
-    if (isHTML) {
-      return createFromHTML(value);
-    }
-    const wrappedPlainText = `<p dir="ltr"><span data-lexical-text="true">${wrapLinksInAnchors(value)}</span></p>`;
-    return createFromHTML(wrappedPlainText);
-  }
-  return value;
-};
-const ReadOnlyEditor = ({
-  namespace = "carbon-rte-readonly",
-  value
-}) => {
-  const initialConfig = useMemo(() => {
-    return {
-      namespace,
-      nodes: markdownNodes,
-      onError: console.error,
-      theme,
-      editorState: determineFormat(value),
-      editable: false
-    };
-  }, [namespace, value]);
-  return /*#__PURE__*/React.createElement(LexicalComposer, {
-    initialConfig: initialConfig
-  }, /*#__PURE__*/React.createElement(RichTextPlugin, {
-    contentEditable: /*#__PURE__*/React.createElement(ContentEditable, {
-      "data-role": `${namespace}-content-editor`
-      /** The following are automatically added by Lexical but violate WCAG 4.1.2 Name, Role, Value and so have been overriden */,
-      "aria-autocomplete": undefined,
-      "aria-readonly": undefined
-    }),
-    ErrorBoundary: LexicalErrorBoundary
-  }));
-};
-export default ReadOnlyEditor;
+import{jsx as r}from"react/jsx-runtime";import{LexicalComposer as e}from"@lexical/react/LexicalComposer";import{ContentEditable as t}from"@lexical/react/LexicalContentEditable";import{LexicalErrorBoundary as a}from"@lexical/react/LexicalErrorBoundary";import{RichTextPlugin as o}from"@lexical/react/LexicalRichTextPlugin";import{useMemo as i}from"react";import{createFromHTML as n}from"../utils.js";import{markdownNodes as c,theme as l}from"./constants.js";const m=r=>{let e;if(!r)return n("<p><br></p>");try{JSON.parse(r)&&(e=!0)}catch(r){e=!1}if(!e){if(/<[a-z][\s\S]*>/i.test(r))return n(r);const e=`<p dir="ltr"><span data-lexical-text="true">${(r=>r.replace(/((https?:\/\/)?[\w-]+(\.[\w-]+)+\.?(:\d+)?(\/\S*)?)/g,"<a href='$1'>$1</a>"))(r)}</span></p>`;return n(e)}return r},p=({namespace:n="carbon-rte-readonly",value:p})=>{const s=i((()=>({namespace:n,nodes:c,onError:console.error,theme:l,editorState:m(p),editable:!1})),[n,p]);return r(e,{initialConfig:s,children:r(o,{contentEditable:r(t,{"data-role":`${n}-content-editor`,"aria-autocomplete":void 0,"aria-readonly":void 0}),ErrorBoundary:a})})};export{p as default};

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

@@ -1,2 +1 @@
-export { default } from "./text-editor.component";
-export { createEmpty, createFromHTML } from "./utils";
+export{TextEditor as default}from"./text-editor.component.js";export{createEmpty,createFromHTML}from"./utils.js";

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

@@ -1,210 +1 @@
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-/* eslint-disable no-console */
-import { LexicalComposer } from "@lexical/react/LexicalComposer";
-import { ClickableLinkPlugin } from "@lexical/react/LexicalClickableLinkPlugin";
-import { EditorRefPlugin } from "@lexical/react/LexicalEditorRefPlugin";
-import { LexicalErrorBoundary } from "@lexical/react/LexicalErrorBoundary";
-import { HistoryPlugin } from "@lexical/react/LexicalHistoryPlugin";
-import { MarkdownShortcutPlugin } from "@lexical/react/LexicalMarkdownShortcutPlugin";
-import { RichTextPlugin } from "@lexical/react/LexicalRichTextPlugin";
-import { LinkPlugin } from "@lexical/react/LexicalLinkPlugin";
-import { ListPlugin } from "@lexical/react/LexicalListPlugin";
-import { $getRoot } from "lexical";
-import React, { useCallback, useEffect, useMemo, useRef, useState } from "react";
-import { SerializeLexical, validateUrl } from "./__internal__/helpers";
-import Label from "../../__internal__/label";
-import useLocale from "../../hooks/__internal__/useLocale";
-import Logger from "../../__internal__/utils/logger";
-import { COMPONENT_PREFIX, markdownNodes, theme } from "./__internal__/constants";
-import { AutoLinkerPlugin, CharacterCounterPlugin, ContentEditor, LinkMonitorPlugin, OnChangePlugin, Placeholder, ToolbarPlugin } from "./__internal__/plugins";
-import TextEditorContext from "./text-editor.context";
-import StyledTextEditor, { StyledEditorToolbarWrapper, StyledHeaderWrapper, StyledFooterWrapper, StyledTextEditorWrapper, StyledValidationMessage, StyledWrapper } from "./text-editor.style";
-import { createEmpty } from "./utils";
-import HintText from "../../__internal__/hint-text";
-import { filterStyledSystemMarginProps } from "../../style/utils";
-import tagComponent from "../../__internal__/utils/helpers/tags";
-let deprecateOptionalWarnTriggered = false;
-export const TextEditor = ({
-  characterLimit = 3000,
-  error,
-  footer,
-  header,
-  inputHint,
-  isOptional = false,
-  labelText,
-  namespace = COMPONENT_PREFIX,
-  onBlur,
-  onCancel,
-  onChange,
-  onFocus,
-  onLinkAdded,
-  onSave,
-  placeholder,
-  previews = [],
-  readOnly = false,
-  required = false,
-  rows,
-  warning,
-  value,
-  ...rest
-}) => {
-  if (!deprecateOptionalWarnTriggered && isOptional) {
-    deprecateOptionalWarnTriggered = true;
-    Logger.deprecate("`isOptional` is deprecated in TextEditor 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 editorRef = useRef(undefined);
-  const locale = useLocale();
-  const [characterLimitWarning, setCharacterLimitWarning] = useState(undefined);
-  const hasWarningOrError = Boolean(error || characterLimitWarning || warning);
-  const contentEditorRef = useRef(null);
-  const [isFocused, setIsFocused] = useState(false);
-  useEffect(() => {
-    const editorElement = contentEditorRef?.current;
-    const handleFocus = () => {
-      setIsFocused(true);
-    };
-    const handleBlur = () => {
-      setIsFocused(false);
-    };
-    editorElement?.addEventListener("focus", handleFocus);
-    editorElement?.addEventListener("blur", handleBlur);
-    const cleanup = () => {
-      editorElement?.removeEventListener("focus", handleFocus);
-      editorElement?.removeEventListener("blur", handleBlur);
-    };
-    return cleanup;
-  }, [contentEditorRef]);
-  const [cancelTrigger, setCancelTrigger] = useState(false);
-  const initialConfig = useMemo(() => {
-    return {
-      namespace,
-      nodes: markdownNodes,
-      onError: console.error,
-      theme,
-      editorState: value,
-      editable: !readOnly
-    };
-  }, [namespace, readOnly, value]);
-
-  // OnChangePlugin is tested separately
-  /* istanbul ignore next */
-  const handleChange = useCallback(newState => {
-    const currentTextContent = newState.read(() => $getRoot().getTextContent());
-    if (onChange) {
-      const formattedValues = editorRef.current ? SerializeLexical(editorRef.current) : {};
-      onChange?.(currentTextContent, formattedValues);
-    }
-
-    // If the character limit is set, check if the limit has been exceeded
-    if (characterLimit > 0) {
-      const currentDiff = characterLimit - currentTextContent.length;
-      // If the character limit has been exceeded, show the character limit warning
-      setCharacterLimitWarning(currentDiff < 0 ? locale.textEditor.characterLimit(Math.abs(currentDiff)) : undefined);
-    }
-  }, [characterLimit, locale.textEditor, onChange]);
-  const handleCancel = useCallback(() => {
-    /* istanbul ignore next */
-    const isEditable = editorRef.current?.isEditable() || false;
-    /* istanbul ignore if */
-    if (!isEditable) return;
-
-    /* istanbul ignore else */
-    if (onCancel) {
-      setCancelTrigger(prev => !prev);
-      onCancel();
-    }
-  }, [onCancel]);
-
-  // Reset the value of the editor when the cancel trigger is updated (implements reset on cancel)
-  useEffect(() => {
-    const safeValue = value || createEmpty();
-
-    /* istanbul ignore else */
-    if (editorRef.current) {
-      const newEditorState = editorRef.current.parseEditorState(safeValue);
-      editorRef.current.setEditorState(newEditorState);
-    }
-  }, [cancelTrigger, value]);
-  const toolbarProps = useMemo(() => ({
-    namespace,
-    onCancel: onCancel ? handleCancel : undefined,
-    onSave
-  }), [handleCancel, namespace, onCancel, onSave]);
-  return /*#__PURE__*/React.createElement(StyledTextEditorWrapper, _extends({
-    "data-role": `${namespace}-editor-wrapper`,
-    onBlur: ev => {
-      if (!ev.currentTarget.contains(ev.relatedTarget)) {
-        onBlur?.(ev);
-      }
-    },
-    onFocus: ev => {
-      if (!ev.currentTarget.contains(ev.relatedTarget)) {
-        onFocus?.(ev);
-      }
-    }
-  }, filterStyledSystemMarginProps(rest), tagComponent("text-editor", rest)), /*#__PURE__*/React.createElement(TextEditorContext.Provider, {
-    value: {
-      onLinkAdded
-    }
-  }, /*#__PURE__*/React.createElement(Label, {
-    isRequired: required,
-    optional: isOptional,
-    labelId: `${namespace}-label`
-  }, labelText), inputHint && /*#__PURE__*/React.createElement(HintText, {
-    id: `${namespace}-input-hint`,
-    marginBottom: "var(--spacing100)"
-  }, inputHint), /*#__PURE__*/React.createElement(LexicalComposer, {
-    initialConfig: initialConfig
-  }, /*#__PURE__*/React.createElement(EditorRefPlugin, {
-    editorRef: editorRef
-  }), /*#__PURE__*/React.createElement(StyledWrapper, {
-    "data-role": `${namespace}-wrapper`,
-    error: error || undefined,
-    namespace: namespace,
-    warning: characterLimitWarning || warning || undefined
-  }, (error || characterLimitWarning || warning) && /*#__PURE__*/React.createElement(StyledValidationMessage, {
-    error: error,
-    id: `${namespace}-validation-message`,
-    "data-role": `${namespace}-validation-message`
-  }, error || characterLimitWarning || warning), /*#__PURE__*/React.createElement(StyledEditorToolbarWrapper, {
-    "data-role": `${namespace}-editor-toolbar-wrapper`,
-    id: `${namespace}-editor-toolbar-wrapper`,
-    focused: isFocused,
-    hasWarningOrError: hasWarningOrError
-  }, header && /*#__PURE__*/React.createElement(StyledHeaderWrapper, {
-    "data-role": `${namespace}-header-wrapper`
-  }, header), !readOnly && /*#__PURE__*/React.createElement(ToolbarPlugin, _extends({
-    hasHeader: Boolean(header)
-  }, toolbarProps)), /*#__PURE__*/React.createElement(StyledTextEditor, {
-    "data-role": `${namespace}-editor`
-  }, /*#__PURE__*/React.createElement(RichTextPlugin, {
-    contentEditable: /*#__PURE__*/React.createElement(ContentEditor, {
-      ref: contentEditorRef,
-      inputHint: inputHint,
-      namespace: namespace,
-      previews: previews,
-      rows: rows,
-      readOnly: readOnly,
-      required: required,
-      error: !!error,
-      warning: !!warning || !!characterLimitWarning
-    }),
-    placeholder: /*#__PURE__*/React.createElement(Placeholder, {
-      namespace: namespace,
-      text: placeholder
-    }),
-    ErrorBoundary: LexicalErrorBoundary
-  }), /*#__PURE__*/React.createElement(ListPlugin, null), /*#__PURE__*/React.createElement(HistoryPlugin, null), /*#__PURE__*/React.createElement(MarkdownShortcutPlugin, null), /*#__PURE__*/React.createElement(OnChangePlugin, {
-    onChange: handleChange
-  }), /*#__PURE__*/React.createElement(LinkPlugin, {
-    validateUrl: validateUrl
-  }), /*#__PURE__*/React.createElement(ClickableLinkPlugin, {
-    newTab: true
-  }), /*#__PURE__*/React.createElement(AutoLinkerPlugin, null)), footer && /*#__PURE__*/React.createElement(StyledFooterWrapper, {
-    "data-role": `${namespace}-footer-wrapper`
-  }, footer), /*#__PURE__*/React.createElement(LinkMonitorPlugin, null)), characterLimit > 0 && !readOnly && /*#__PURE__*/React.createElement(CharacterCounterPlugin, {
-    maxChars: characterLimit,
-    namespace: namespace
-  })))));
-};
-export default TextEditor;
+import{jsx as e,jsxs as r}from"react/jsx-runtime";import{LexicalComposer as t}from"@lexical/react/LexicalComposer";import{ClickableLinkPlugin as n}from"@lexical/react/LexicalClickableLinkPlugin";import{EditorRefPlugin as o}from"@lexical/react/LexicalEditorRefPlugin";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 c}from"@lexical/react/LexicalRichTextPlugin";import{LinkPlugin as s}from"@lexical/react/LexicalLinkPlugin";import{ListPlugin as p}from"@lexical/react/LexicalListPlugin";import{$getRoot as d}from"lexical";import{useRef as u,useState as m,useEffect as f,useMemo as _,useCallback as g}from"react";import{SerializeLexical as h,validateUrl as b}from"./__internal__/helpers.js";import v from"../../__internal__/label/label.component.js";import j from"../../hooks/__internal__/useLocale/useLocale.js";import x from"../../__internal__/utils/logger/index.js";import{markdownNodes as y,theme as O,COMPONENT_PREFIX as w}from"./__internal__/constants.js";import L from"./__internal__/plugins/AutoLinker/auto-link.component.js";import P from"./__internal__/plugins/CharacterCounter/character-counter.component.js";import E from"./__internal__/plugins/ContentEditor/content-editor.component.js";import k from"./__internal__/plugins/LinkMonitor/link-monitor.plugin.js";import"./__internal__/plugins/LinkPreviewer/link-previewer.style.js";import C from"./__internal__/plugins/OnChange/on-change.plugin.js";import S from"./__internal__/plugins/Placeholder/placeholder.component.js";import T from"./__internal__/plugins/Toolbar/toolbar.component.js";import"./__internal__/plugins/useCursorAtEnd/index.js";import $ from"./text-editor.context.js";import{StyledTextEditorWrapper as B,StyledWrapper as q,StyledValidationMessage as A,StyledEditorToolbarWrapper as H,StyledHeaderWrapper as D,StyledTextEditor as R,StyledFooterWrapper as F}from"./text-editor.style.js";import{createEmpty as I}from"./utils.js";import{HintText as M}from"../../__internal__/hint-text/hint-text.component.js";import"../../style/utils/filter-styled-system-padding-props.js";import U from"../../style/utils/filter-styled-system-margin-props.js";import W from"../../__internal__/utils/helpers/tags/tags.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 G(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){z(e,r,t[r])}))}return e}let J=!1;const K=z=>{var{characterLimit:K=3e3,error:N,footer:Q,header:V,inputHint:X,isOptional:Y=!1,labelText:Z,namespace:ee=w,onBlur:re,onCancel:te,onChange:ne,onFocus:oe,onLinkAdded:ie,onSave:ae,placeholder:le,previews:ce=[],readOnly:se=!1,required:pe=!1,rows:de,warning:ue,value:me}=z,fe=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}(z,["characterLimit","error","footer","header","inputHint","isOptional","labelText","namespace","onBlur","onCancel","onChange","onFocus","onLinkAdded","onSave","placeholder","previews","readOnly","required","rows","warning","value"]);!J&&Y&&(J=!0,x.deprecate("`isOptional` is deprecated in TextEditor 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 _e=u(void 0),ge=j(),[he,be]=m(void 0),ve=Boolean(N||he||ue),je=u(null),[xe,ye]=m(!1);f((()=>{const e=null==je?void 0:je.current,r=()=>{ye(!0)},t=()=>{ye(!1)};return null==e||e.addEventListener("focus",r),null==e||e.addEventListener("blur",t),()=>{null==e||e.removeEventListener("focus",r),null==e||e.removeEventListener("blur",t)}}),[je]);const[Oe,we]=m(!1),Le=_((()=>({namespace:ee,nodes:y,onError:console.error,theme:O,editorState:me,editable:!se})),[ee,se,me]),Pe=g((e=>{const r=e.read((()=>d().getTextContent()));if(ne){const e=_e.current?h(_e.current):{};null==ne||ne(r,e)}if(K>0){const e=K-r.length;be(e<0?ge.textEditor.characterLimit(Math.abs(e)):void 0)}}),[K,ge.textEditor,ne]),Ee=g((()=>{var e;(null===(e=_e.current)||void 0===e?void 0:e.isEditable())&&te&&(we((e=>!e)),te())}),[te]);f((()=>{const e=me||I();if(_e.current){const r=_e.current.parseEditorState(e);_e.current.setEditorState(r)}}),[Oe,me]);const ke=_((()=>({namespace:ee,onCancel:te?Ee:void 0,onSave:ae})),[Ee,ee,te,ae]);return e(B,(Ce=G({"data-role":`${ee}-editor-wrapper`,onBlur:e=>{e.currentTarget.contains(e.relatedTarget)||null==re||re(e)},onFocus:e=>{e.currentTarget.contains(e.relatedTarget)||null==oe||oe(e)}},U(fe),W("text-editor",fe)),Se=null!=(Se={children:r($.Provider,{value:{onLinkAdded:ie},children:[e(v,{isRequired:pe,optional:Y,labelId:`${ee}-label`,children:Z}),X&&e(M,{id:`${ee}-input-hint`,marginBottom:"var(--spacing100)",children:X}),r(t,{initialConfig:Le,children:[e(o,{editorRef:_e}),r(q,{"data-role":`${ee}-wrapper`,error:N||void 0,namespace:ee,warning:he||ue||void 0,children:[(N||he||ue)&&e(A,{error:N,id:`${ee}-validation-message`,"data-role":`${ee}-validation-message`,children:N||he||ue}),r(H,{"data-role":`${ee}-editor-toolbar-wrapper`,id:`${ee}-editor-toolbar-wrapper`,focused:xe,hasWarningOrError:ve,children:[V&&e(D,{"data-role":`${ee}-header-wrapper`,children:V}),!se&&e(T,G({hasHeader:Boolean(V)},ke)),r(R,{"data-role":`${ee}-editor`,children:[e(c,{contentEditable:e(E,{ref:je,inputHint:X,namespace:ee,previews:ce,rows:de,readOnly:se,required:pe,error:!!N,warning:!!ue||!!he}),placeholder:e(S,{namespace:ee,text:le}),ErrorBoundary:i}),e(p,{}),e(a,{}),e(l,{}),e(C,{onChange:Pe}),e(s,{validateUrl:b}),e(n,{newTab:!0}),e(L,{})]}),Q&&e(F,{"data-role":`${ee}-footer-wrapper`,children:Q}),e(k,{})]}),K>0&&!se&&e(P,{maxChars:K,namespace:ee})]})]})]})})?Se:{},Object.getOwnPropertyDescriptors?Object.defineProperties(Ce,Object.getOwnPropertyDescriptors(Se)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(Se)).forEach((function(e){Object.defineProperty(Ce,e,Object.getOwnPropertyDescriptor(Se,e))})),Ce));var Ce,Se};export{K as TextEditor,K as default};

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

@@ -1,4 +1 @@
-import React from "react";
-
-// This is the context that is used to enable cross-component communication
-export default /*#__PURE__*/React.createContext({});
+import t from"react";var e=t.createContext({});export{e as default};

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

@@ -1,90 +1 @@
-import styled, { css } from "styled-components";
-import { margin } from "styled-system";
-import Box from "../box";
-import addFocusStyling from "../../style/utils/add-focus-styling";
-export const StyledTextEditor = styled(Box)`
-  position: relative;
-`;
-export const StyledTextEditorWrapper = styled.div`
-  margin-bottom: var(--fieldSpacing);
-  ${margin}
-`;
-export const StyledWrapper = styled.div`
-  ${({
-  error,
-  namespace,
-  warning
-}) => css`
-    min-height: 120px;
-    min-width: 300px;
-
-    ${(error || warning) && css`
-      padding-left: 8px;
-      border-left: 2px solid
-        var(
-          ${error ? "--colorsSemanticNegative500" : "--colorsSemanticCaution500"}
-        );
-
-      #${namespace}-editor-toolbar-wrapper {
-        border-radius: var(--borderRadius100);
-        border: 2px solid
-          var(
-            ${error ? "--colorsSemanticNegative500" : "--colorsSemanticCaution500"}
-          );
-
-        .${namespace}-editable, #${namespace}-toolbar {
-          outline: none;
-        }
-      }
-    `}
-  `};
-
-  a:not([data-component="link-preview"]) {
-    color: var(--colorsActionMajor500);
-    cursor: pointer;
-
-    &:hover {
-      color: var(--colorsActionMajor600);
-    }
-
-    &:focus {
-      outline: none;
-      text-decoration: none;
-      color: var(--colorsActionMajorYin090);
-      background-color: var(--colorsSemanticFocus250);
-      border-radius: var(--borderRadius025);
-      box-shadow: 0 var(--spacing050) 0 0 var(--colorsUtilityYin090);
-    }
-  }
-`;
-export const StyledEditorToolbarWrapper = styled.div`
-  ${({
-  focused,
-  hasWarningOrError
-}) => css`
-    border-radius: var(--borderRadius100);
-    outline: ${hasWarningOrError ? "none" : "1px solid var(--colorsUtilityMajor200)"};
-
-    ${focused && addFocusStyling()}
-  `}
-`;
-export const StyledHeaderWrapper = styled.div`
-  padding: var(--spacing200);
-`;
-export const StyledFooterWrapper = styled.div`
-  border-top: 1px solid var(--colorsUtilityMajor200);
-  padding: var(--spacing200);
-`;
-export const StyledValidationMessage = styled.div`
-  ${({
-  error
-}) => css`
-    color: var(
-      ${error ? "--colorsSemanticNegative500" : "--colorsSemanticCaution600"}
-    );
-    font-weight: ${error ? 500 : "normal"};
-    margin-top: 0px;
-    margin-bottom: 8px;
-  `}
-`;
-export default StyledTextEditor;
+import o,{css as t}from"styled-components";import{margin as r}from"styled-system";import{Box as e}from"../box/box.component.js";import i from"../../style/utils/add-focus-styling.js";const a=o(e).withConfig({displayName:"text-editor.style__StyledTextEditor",componentId:"sc-3dd1cb9c-0"})(["position:relative;"]),d=o.div.withConfig({displayName:"text-editor.style__StyledTextEditorWrapper",componentId:"sc-3dd1cb9c-1"})(["margin-bottom:var(--fieldSpacing);",""],r),n=o.div.withConfig({displayName:"text-editor.style__StyledWrapper",componentId:"sc-3dd1cb9c-2"})([".textBold{font-weight:bold;}.textItalic{font-style:italic;}",';a:not([data-component="link-preview"]){color:var(--colorsActionMajor500);cursor:pointer;&:hover{color:var(--colorsActionMajor600);}&:focus{outline:none;text-decoration:none;color:var(--colorsActionMajorYin090);background-color:var(--colorsSemanticFocus250);border-radius:var(--borderRadius025);box-shadow:0 var(--spacing050) 0 0 var(--colorsUtilityYin090);}}'],(({error:o,namespace:r,warning:e})=>t(["min-height:120px;min-width:300px;",""],(o||e)&&t(["padding-left:8px;border-left:2px solid var( "," );#","-editor-toolbar-wrapper{border-radius:var(--borderRadius100);border:2px solid var( "," );.","-editable,#","-toolbar{outline:none;}}"],o?"--colorsSemanticNegative500":"--colorsSemanticCaution500",r,o?"--colorsSemanticNegative500":"--colorsSemanticCaution500",r,r)))),c=o.div.withConfig({displayName:"text-editor.style__StyledEditorToolbarWrapper",componentId:"sc-3dd1cb9c-3"})(["",""],(({focused:o,hasWarningOrError:r})=>t(["border-radius:var(--borderRadius100);outline:",";",""],r?"none":"1px solid var(--colorsUtilityMajor200)",o&&i()))),l=o.div.withConfig({displayName:"text-editor.style__StyledHeaderWrapper",componentId:"sc-3dd1cb9c-4"})(["padding:var(--spacing200);"]),s=o.div.withConfig({displayName:"text-editor.style__StyledFooterWrapper",componentId:"sc-3dd1cb9c-5"})(["border-top:1px solid var(--colorsUtilityMajor200);padding:var(--spacing200);"]),p=o.div.withConfig({displayName:"text-editor.style__StyledValidationMessage",componentId:"sc-3dd1cb9c-6"})(["",""],(({error:o})=>t(["color:var( "," );font-weight:",";margin-top:0px;margin-bottom:8px;"],o?"--colorsSemanticNegative500":"--colorsSemanticCaution600",o?500:"normal")));export{c as StyledEditorToolbarWrapper,s as StyledFooterWrapper,l as StyledHeaderWrapper,a as StyledTextEditor,d as StyledTextEditorWrapper,p as StyledValidationMessage,n as StyledWrapper,a as default};

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

@@ -1,14 +1 @@
-import { DeserializeHTML } from "./__internal__/helpers";
-const createFromHTML = html => {
-  // DeserializeHTML is tested as part of the helper tests
-  /* istanbul ignore next */
-  return DeserializeHTML(html);
-};
-
-/** Creates and returns a string representation of an empty editor */
-const createEmpty = () => {
-  // Create a default empty state
-  const value = '{"root":{"children":[{"children":[],"direction":null,"format":"","indent":0,"type":"paragraph","version":1}],"direction":null,"format":"","indent":0,"type":"root","version":1}}';
-  return value;
-};
-export { createEmpty, createFromHTML };
+import{DeserializeHTML as r}from"./__internal__/helpers.js";const n=n=>r(n),e=()=>'{"root":{"children":[{"children":[],"direction":null,"format":"","indent":0,"type":"paragraph","version":1}],"direction":null,"format":"","indent":0,"type":"root","version":1}}';export{e as createEmpty,n as createFromHTML};

package/esm/components/textarea/index.js

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