carbon-react 148.0.1 → 149.0.0

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

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

package/lib/components/text-editor/{__internal__/editor.context.js → text-editor.context.js}

@@ -6,4 +6,5 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+// This is the context that is used to enable cross-component communication
 var _default = exports.default = /*#__PURE__*/_react.default.createContext({});

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

@@ -1,11 +1,18 @@
-declare const StyledEditorWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-declare const StyledEditorContainer: import("styled-components").StyledComponent<"div", any, {
-    hasError?: boolean | undefined;
-    rows?: number | undefined;
-    hasPreview?: boolean | undefined;
-}, never>;
-declare const StyledEditorOutline: import("styled-components").StyledComponent<"div", any, {
-    isFocused?: boolean | undefined;
-    hasError?: boolean | undefined;
-}, never>;
-export { StyledEditorWrapper, StyledEditorContainer, StyledEditorOutline };
+/// <reference types="react" />
+interface StyledWrapperProps {
+    error?: string;
+    namespace: string;
+    warning?: string;
+}
+interface StyledValidationMessageProps {
+    error?: string;
+}
+interface StyledEditorToolbarWrapperProps {
+    focused?: boolean;
+}
+export declare const StyledTextEditor: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../box").BoxProps & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
+export declare const StyledHintText: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledWrapper: import("styled-components").StyledComponent<"div", any, StyledWrapperProps, never>;
+export declare const StyledEditorToolbarWrapper: import("styled-components").StyledComponent<"div", any, StyledEditorToolbarWrapperProps, never>;
+export declare const StyledValidationMessage: import("styled-components").StyledComponent<"div", any, StyledValidationMessageProps, never>;
+export default StyledTextEditor;

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

@@ -3,76 +3,80 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.StyledEditorWrapper = exports.StyledEditorOutline = exports.StyledEditorContainer = void 0;
+exports.default = exports.StyledWrapper = exports.StyledValidationMessage = exports.StyledTextEditor = exports.StyledHintText = exports.StyledEditorToolbarWrapper = void 0;
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
-var _styledSystem = require("styled-system");
-var _base = _interopRequireDefault(require("../../style/themes/base"));
-var _browserTypeCheck = require("../../__internal__/utils/helpers/browser-type-check");
+var _box = _interopRequireDefault(require("../box"));
 var _addFocusStyling = _interopRequireDefault(require("../../style/utils/add-focus-styling"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const lineHeight = 21;
-const StyledEditorWrapper = exports.StyledEditorWrapper = _styledComponents.default.div`
-  ${_styledSystem.margin}
+const StyledTextEditor = exports.StyledTextEditor = (0, _styledComponents.default)(_box.default)`
+  position: relative;
 `;
-StyledEditorWrapper.defaultProps = {
-  theme: _base.default
-};
-const StyledEditorContainer = exports.StyledEditorContainer = _styledComponents.default.div`
+const StyledHintText = exports.StyledHintText = _styledComponents.default.div`
+  ::after {
+    content: " ";
+  }
+
+  margin-top: var(--spacing000);
+  margin-bottom: var(--spacing150);
+  color: var(--colorsUtilityYin055);
+  font-size: 14px;
+`;
+const StyledWrapper = exports.StyledWrapper = _styledComponents.default.div`
   ${({
-  hasError,
-  rows,
-  hasPreview
+  error,
+  namespace,
+  warning
 }) => (0, _styledComponents.css)`
-    border-radius: var(--borderRadius050);
-    min-height: ${rows ? `${rows * lineHeight}` : `${hasPreview ? 125 : 220}`}px;
-    position: relative;
+    min-height: 120px;
+    min-width: 300px;
 
-    div.DraftEditor-root {
-      min-height: inherit;
-      height: 100%;
-      margin: 4px;
-    }
+    ${(error || warning) && (0, _styledComponents.css)`
+      padding-left: 8px;
+      border-left: 2px solid
+        var(
+          ${error ? "--colorsSemanticNegative500" : "--colorsSemanticCaution500"}
+        );
 
-    div.DraftEditor-editorContainer,
-    div.public-DraftEditor-content {
-      min-height: inherit;
-      height: 100%;
-      background-color: var(--colorsUtilityYang100);
-      line-height: ${lineHeight}px;
+      #${namespace}-editor-toolbar-wrapper {
+        border-radius: var(--borderRadius100);
+        border: 2px solid
+          var(
+            ${error ? "--colorsSemanticNegative500" : "--colorsSemanticCaution500"}
+          );
 
-      ${!(0, _browserTypeCheck.isSafari)(navigator) && (0, _styledComponents.css)`
-        .text-editor-block-ordered {
-          position: relative;
-          left: -4px;
-          padding-left: 4px;
+        .${namespace}-editable, #${namespace}-toolbar {
+          outline: none;
         }
 
-        .text-editor-block-unordered {
-          position: relative;
+        #${namespace}-toolbar {
+          border-top: 1px solid var(--colorsUtilityMajor200);
         }
-      `}
-    }
-
-    div.public-DraftEditor-content {
-      padding: 14px 8px;
-    }
-
-    background-color: var(--colorsUtilityYang100);
-    outline: ${hasError ? "2px solid var(--colorsSemanticNegative500)" : "1px solid var(--colorsUtilityMajor200)"};
-  `}
+      }
+    `}
+  `};
 `;
-const StyledEditorOutline = exports.StyledEditorOutline = _styledComponents.default.div`
+const StyledEditorToolbarWrapper = exports.StyledEditorToolbarWrapper = _styledComponents.default.div`
   ${({
-  isFocused,
-  hasError
+  focused
 }) => (0, _styledComponents.css)`
-    border-radius: var(--borderRadius050);
+    border-radius: var(--borderRadius100);
     outline: none;
 
-    ${isFocused && (0, _styledComponents.css)`
-      ${(0, _addFocusStyling.default)()}
-    `}
+    ${focused && (0, _addFocusStyling.default)()}
+  `}
+`;
+const StyledValidationMessage = exports.StyledValidationMessage = _styledComponents.default.div`
+  ${({
+  error
+}) => (0, _styledComponents.css)`
+    color: var(
+      ${error ? "--colorsSemanticNegative500" : "--colorsSemanticCaution600"}
+    );
+    font-weight: ${error ? 500 : "normal"};
+    margin-top: 0px;
+    margin-bottom: 8px;
   `}
-`;
+`;
+var _default = exports.default = StyledTextEditor;

package/lib/locales/de-de.js

@@ -182,20 +182,6 @@ const deDE = {
     on: () => "EIN",
     off: () => "AUS"
   },
-  textEditor: {
-    tooltipMessages: {
-      bold: () => "Fett",
-      italic: () => "Kursiv",
-      bulletList: () => "Aufzählung mit Punkten",
-      numberList: () => "Nummerierte Liste"
-    },
-    ariaLabels: {
-      bold: () => "fett",
-      italic: () => "kursiv",
-      bulletList: () => "Aufzählung mit Punkten",
-      numberList: () => "Nummerierte Liste"
-    }
-  },
   tileSelect: {
     deselect: () => "Auswahl aufheben"
   },

package/lib/locales/en-gb.js

@@ -158,6 +158,24 @@ const enGB = {
   pod: {
     undo: () => "Undo"
   },
+  textEditor: {
+    boldAria: () => "Bold",
+    cancelButton: () => "Cancel",
+    cancelButtonAria: () => "Cancel",
+    characterCounter(count) {
+      return `${typeof count === "number" ? count.toString() : count} characters remaining`;
+    },
+    characterLimit(count) {
+      return `You are ${count} character(s) over the character limit`;
+    },
+    contentEditorAria: () => "Rich text content editor",
+    italicAria: () => "Italic",
+    orderedListAria: () => "Ordered list",
+    saveButton: () => "Save",
+    saveButtonAria: () => "Save",
+    toolbarAriaLabel: () => "Formatting",
+    unorderedListAria: () => "Unordered list"
+  },
   search: {
     searchButtonText: () => "Search"
   },
@@ -186,20 +204,6 @@ const enGB = {
     on: () => "ON",
     off: () => "OFF"
   },
-  textEditor: {
-    tooltipMessages: {
-      bold: () => "Bold",
-      italic: () => "Italic",
-      bulletList: () => "Bulleted List",
-      numberList: () => "Numbered List"
-    },
-    ariaLabels: {
-      bold: () => "bold",
-      italic: () => "italic",
-      bulletList: () => "bullet-list",
-      numberList: () => "number-list"
-    }
-  },
   tileSelect: {
     deselect: () => "Deselect"
   },

package/lib/locales/es-es.js

@@ -183,20 +183,6 @@ const esES = {
     on: () => "SÍ",
     off: () => "NO"
   },
-  textEditor: {
-    tooltipMessages: {
-      bold: () => "Negrita",
-      italic: () => "Cursiva",
-      bulletList: () => "Lista con viñetas",
-      numberList: () => "Lista numerada"
-    },
-    ariaLabels: {
-      bold: () => "negrita",
-      italic: () => "cursiva",
-      bulletList: () => "lista-con-viñetas",
-      numberList: () => "lista-numerada"
-    }
-  },
   tileSelect: {
     deselect: () => "Deseleccionar"
   },

package/lib/locales/fr-ca.js

@@ -183,20 +183,6 @@ const frCA = {
     on: () => "OUI",
     off: () => "NON"
   },
-  textEditor: {
-    tooltipMessages: {
-      bold: () => "Gras",
-      italic: () => "Italique",
-      bulletList: () => "Liste à puces",
-      numberList: () => "Liste numérotée"
-    },
-    ariaLabels: {
-      bold: () => "gras",
-      italic: () => "italique",
-      bulletList: () => "liste-à-puces",
-      numberList: () => "liste-numérotée"
-    }
-  },
   tileSelect: {
     deselect: () => "Désélectionner"
   },

package/lib/locales/fr-fr.js

@@ -183,20 +183,6 @@ const frFR = {
     on: () => "Oui",
     off: () => "Désactiver"
   },
-  textEditor: {
-    tooltipMessages: {
-      bold: () => "Gras",
-      italic: () => "Italique",
-      bulletList: () => "Liste à puces",
-      numberList: () => "Liste numérotée"
-    },
-    ariaLabels: {
-      bold: () => "gras",
-      italic: () => "italique",
-      bulletList: () => "liste à puces",
-      numberList: () => "liste numérotée"
-    }
-  },
   tileSelect: {
     deselect: () => "Désélectionner"
   },

package/lib/locales/locale.d.ts

@@ -126,6 +126,20 @@ interface Locale {
     pod: {
         undo: () => string;
     };
+    textEditor: {
+        boldAria: () => string;
+        cancelButton: () => string;
+        cancelButtonAria: () => string;
+        characterCounter: (count: number | string) => string;
+        characterLimit: (count: number) => string;
+        contentEditorAria: () => string;
+        italicAria: () => string;
+        orderedListAria: () => string;
+        saveButton: () => string;
+        saveButtonAria: () => string;
+        toolbarAriaLabel: () => string;
+        unorderedListAria: () => string;
+    };
     search: {
         searchButtonText: () => string;
     };
@@ -154,20 +168,6 @@ interface Locale {
         on: () => string;
         off: () => string;
     };
-    textEditor: {
-        tooltipMessages: {
-            bold: () => string;
-            italic: () => string;
-            bulletList: () => string;
-            numberList: () => string;
-        };
-        ariaLabels: {
-            bold: () => string;
-            italic: () => string;
-            bulletList: () => string;
-            numberList: () => string;
-        };
-    };
     tileSelect: {
         deselect: () => string;
     };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "carbon-react",
-  "version": "148.0.1",
+  "version": "149.0.0",
   "description": "A library of reusable React components for easily building user interfaces.",
   "files": [
     "lib",
@@ -46,7 +46,6 @@
   "homepage": "https://carbon.sage.com",
   "peerDependencies": {
     "@sage/design-tokens": "^4.17.0",
-    "draft-js": "^0.11.7",
     "react": "^17.0.2 || ^18.0.0",
     "react-dom": "^17.0.2 || ^18.0.0",
     "styled-components": "^4.4.1"
@@ -92,7 +91,6 @@
     "@testing-library/react": "^16.1.0",
     "@testing-library/user-event": "^14.5.2",
     "@types/crypto-js": "^4.2.1",
-    "@types/draft-js": "^0.11.10",
     "@types/glob": "^8.1.0",
     "@types/invariant": "^2.2.37",
     "@types/jest": "^29.5.0",
@@ -120,7 +118,6 @@
     "cz-conventional-changelog": "^3.3.0",
     "date-fns-tz": "^1.3.8",
     "dayjs": "^1.11.10",
-    "draft-js": "^0.11.7",
     "eslint": "^8.55.0",
     "eslint-config-airbnb": "^19.0.0",
     "eslint-config-prettier": "^9.1.0",
@@ -172,6 +169,11 @@
   "dependencies": {
     "@floating-ui/dom": "~1.2.9",
     "@floating-ui/react-dom": "~1.3.0",
+    "@lexical/headless": "^0.21.0",
+    "@lexical/link": "^0.21.0",
+    "@lexical/react": "^0.21.0",
+    "@lexical/selection": "^0.21.0",
+    "@octokit/rest": "^18.12.0",
     "@styled-system/prop-types": "^5.1.5",
     "@tanstack/react-virtual": "^3.11.2",
     "@types/styled-system": "^5.1.22",
@@ -181,6 +183,7 @@
     "date-fns": "^2.30.0",
     "immutable": "~3.8.2",
     "invariant": "^2.2.4",
+    "lexical": "^0.21.0",
     "lodash": "^4.17.21",
     "polished": "^4.2.2",
     "prop-types": "^15.8.1",

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

@@ -1,3 +0,0 @@
-import { CompositeDecorator } from "draft-js";
-declare const _default: CompositeDecorator;
-export default _default;

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

@@ -1,3 +0,0 @@
-import { CompositeDecorator } from "draft-js";
-import linkDecorator from "./link-decorator";
-export default new CompositeDecorator([linkDecorator]);

package/esm/components/text-editor/__internal__/decorators/link-decorator.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-import { ContentBlock } from "draft-js";
-declare type StrategyCallback = (start: number, end: number) => void;
-declare const _default: {
-    strategy: (contentBlock: ContentBlock, callback: StrategyCallback) => void;
-    component: ({ children, contentState, entityKey, ...rest }: import("../editor-link").EditorLinkProps) => import("react").JSX.Element;
-};
-export default _default;

package/esm/components/text-editor/__internal__/decorators/link-decorator.js

@@ -1,37 +0,0 @@
-import EditorLink from "../editor-link";
-function findWithRegex(regex, contentBlock, callback) {
-  const text = contentBlock.getText();
-  let matchArr;
-  let start = 0;
-  let candidates = [];
-  text.split(" ").forEach(chars => {
-    candidates = [...candidates, [...chars]];
-  });
-  candidates.forEach(candidate => {
-    // eslint-disable-next-line no-cond-assign
-    while ((matchArr = regex.exec(candidate.join(""))) !== null) {
-      start += matchArr.index;
-      callback(start, start + candidate.length);
-    }
-    start += candidate.length + 1;
-  });
-}
-const linkStrategy = (contentBlock, callback) => {
-  const combineRegex = (...regex) => new RegExp(regex.map(r => r.source).join(""), "g");
-  const urlRegex = combineRegex(/\b/, /(http:\/\/|https:\/\/|www\.)/,
-  // prefix
-  /([\w-]+:([\w-]+@))?/,
-  // userinfo
-  /([\w-]+\.)+\w+/,
-  // domain
-  /(:\d+)?/,
-  // port
-  /(\/[\w#!:.?+=&%@!-/]+)?/,
-  // paths, queries, fragments
-  /\b/);
-  findWithRegex(urlRegex, contentBlock, callback);
-};
-export default {
-  strategy: linkStrategy,
-  component: EditorLink
-};

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

@@ -1,9 +0,0 @@
-import React from "react";
-import { ContentState } from "draft-js";
-export interface EditorLinkProps {
-    children: React.ReactElement[];
-    contentState?: ContentState;
-    entityKey?: string;
-}
-declare const EditorLink: ({ children, contentState, entityKey, ...rest }: EditorLinkProps) => React.JSX.Element;
-export default EditorLink;

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

@@ -1,36 +0,0 @@
-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); }
-import React, { useContext, useEffect } from "react";
-import PropTypes from "prop-types";
-import StyledLink from "./editor-link.style";
-import EditorContext from "../../__internal__/editor.context";
-const EditorLink = ({
-  children,
-  contentState,
-  entityKey,
-  ...rest
-}) => {
-  const url = !!contentState && !!entityKey ? contentState.getEntity(entityKey).getData() : children[0].props.text;
-  const buildValidUrl = () => {
-    const candidateUrl = url.url || url;
-    const regex = /(http:\/\/|https:\/\/)+/g;
-    return regex.test(candidateUrl) ? candidateUrl : `https://${candidateUrl}`;
-  };
-  const validUrl = buildValidUrl();
-  const {
-    onLinkAdded,
-    editMode
-  } = useContext(EditorContext);
-  useEffect(() => {
-    if (onLinkAdded) {
-      onLinkAdded(validUrl);
-    }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [validUrl]);
-  return /*#__PURE__*/React.createElement(StyledLink, _extends({
-    href: !editMode ? validUrl : undefined,
-    "aria-label": !editMode ? validUrl : undefined,
-    target: "_blank",
-    rel: "noopener noreferrer"
-  }, rest), children);
-};
-export default EditorLink;

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

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-declare const StyledEditorLink: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../../link").LinkProps & import("react").RefAttributes<HTMLAnchorElement | HTMLButtonElement>>, any, {}, never>;
-export default StyledEditorLink;

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

@@ -1,13 +0,0 @@
-import styled from "styled-components";
-import Link from "../../../link";
-const StyledEditorLink = styled(Link)`
-  max-width: 100%;
-
-  a {
-    max-width: 100% span span span {
-      font-weight: 500;
-      font-style: normal;
-    }
-  }
-`;
-export default StyledEditorLink;

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

@@ -1,2 +0,0 @@
-export { default } from "./editor-link.component";
-export type { EditorLinkProps } from "./editor-link.component";

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

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

package/esm/components/text-editor/__internal__/editor-validation-wrapper/editor-validation-wrapper.component.d.ts

@@ -1,11 +0,0 @@
-import React from "react";
-export interface EditorValidationWrapperProps {
-    /** Message to be displayed when there is an error */
-    error?: string;
-    /** Message to be displayed when there is a warning */
-    warning?: string;
-    /** Message to be displayed when there is an info */
-    info?: string;
-}
-declare const ValidationWrapper: ({ error, warning, info, }: EditorValidationWrapperProps) => React.JSX.Element;
-export default ValidationWrapper;

package/esm/components/text-editor/__internal__/editor-validation-wrapper/editor-validation-wrapper.component.js

@@ -1,18 +0,0 @@
-import React from "react";
-import PropTypes from "prop-types";
-import StyledValidationWrapper from "./editor-validation-wrapper.style";
-import ValidationIcon from "../../../../__internal__/validations";
-const ValidationWrapper = ({
-  error,
-  warning,
-  info
-}) => /*#__PURE__*/React.createElement(StyledValidationWrapper, {
-  "data-component": "text-editor-validation-wrapper"
-}, /*#__PURE__*/React.createElement(ValidationIcon, {
-  error: error,
-  warning: warning,
-  info: info,
-  tooltipPosition: "top",
-  tabIndex: 0
-}));
-export default ValidationWrapper;

package/esm/components/text-editor/__internal__/editor-validation-wrapper/editor-validation-wrapper.style.d.ts

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

package/esm/components/text-editor/__internal__/editor-validation-wrapper/editor-validation-wrapper.style.js

@@ -1,11 +0,0 @@
-import styled from "styled-components";
-const StyledValidationWrapper = styled.div`
-  margin: var(--spacing200) var(--spacing200) var(--spacing000)
-    var(--spacing050);
-  min-width: var(--sizing500);
-  height: var(--sizing275);
-  display: flex;
-  float: right;
-  align-items: center;
-`;
-export default StyledValidationWrapper;

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

@@ -1,2 +0,0 @@
-export { default } from "./editor-validation-wrapper.component";
-export type { EditorValidationWrapperProps } from "./editor-validation-wrapper.component";

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

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

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

@@ -1,6 +0,0 @@
-import React from "react";
-declare const _default: React.Context<{
-    onLinkAdded?: ((url: string) => void) | undefined;
-    editMode?: boolean | undefined;
-}>;
-export default _default;

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

@@ -1,2 +0,0 @@
-import React from "react";
-export default /*#__PURE__*/React.createContext({});

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

@@ -1,2 +0,0 @@
-export { default } from "./label-wrapper.component";
-export type { LabelWrapperProps } from "./label-wrapper.component";

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

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

package/esm/components/text-editor/__internal__/label-wrapper/label-wrapper.component.d.ts

@@ -1,12 +0,0 @@
-import React from "react";
-/**
- * TextEditor component is composed with divs and spans.
- * We have to manually trigger focus on TextEditor by clicking on label component.
- * This wrapper allows us to trigger focus on TextEditor
- */
-export interface LabelWrapperProps {
-    children: React.ReactNode;
-    onClick: (event: React.MouseEvent<HTMLSpanElement>) => void;
-}
-declare const LabelWrapper: ({ onClick, children }: LabelWrapperProps) => React.JSX.Element;
-export default LabelWrapper;

package/esm/components/text-editor/__internal__/label-wrapper/label-wrapper.component.js

@@ -1,18 +0,0 @@
-/* eslint-disable jsx-a11y/click-events-have-key-events */
-/* eslint-disable jsx-a11y/no-static-element-interactions */
-import React from "react";
-/**
- * TextEditor component is composed with divs and spans.
- * We have to manually trigger focus on TextEditor by clicking on label component.
- * This wrapper allows us to trigger focus on TextEditor
- */
-import PropTypes from "prop-types";
-const LabelWrapper = ({
-  onClick,
-  children
-}) => {
-  return /*#__PURE__*/React.createElement("span", {
-    onClick: onClick
-  }, " ", children, " ");
-};
-export default LabelWrapper;