carbon-react 118.2.1 → 118.3.0

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

@@ -1,2 +1,2 @@
-export { default } from "./text-editor";
-export * from "./text-editor";
+export { default, TextEditorState as EditorState, TextEditorContentState as ContentState, } from "./text-editor.component";
+export type { TextEditorProps } from "./text-editor.component";

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

@@ -1,8 +1,37 @@
-export const EditorContext: React.Context<{}>;
-export const TextEditorState: typeof EditorState;
-export const TextEditorContentState: typeof ContentState;
-export default TextEditor;
 import React from "react";
-import { EditorState } from "draft-js";
-import { ContentState } from "draft-js";
-declare const TextEditor: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+import { MarginProps } from "styled-system";
+import { ContentState, EditorState, Editor } from "draft-js";
+export declare const EditorContext: React.Context<{
+    onLinkAdded?: ((url: string) => void) | undefined;
+    editMode?: boolean | undefined;
+}>;
+export interface TextEditorProps extends MarginProps {
+    /** The maximum characters that the input will accept */
+    characterLimit?: number;
+    /** The text for the editor's label */
+    labelText: string;
+    /** onChange callback to control value updates */
+    onChange: (event: EditorState) => void;
+    /** Additional elements to be rendered in the Editor Toolbar, e.g. Save and Cancel Button */
+    toolbarElements?: React.ReactNode;
+    /** The value of the input, this is an EditorState immutable object */
+    value: EditorState;
+    /** Flag to configure component as mandatory */
+    required?: boolean;
+    /** 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;
+    /** Number greater than 2 multiplied by line-height (21px) to override the default min-height of the editor */
+    rows?: number;
+    /** The previews to display of any links added to the Editor */
+    previews?: React.ReactNode;
+    /** Callback to report a url when a link is added */
+    onLinkAdded?: (url: string) => void;
+}
+export declare const TextEditor: React.ForwardRefExoticComponent<TextEditorProps & React.RefAttributes<Editor>>;
+export declare const TextEditorState: typeof EditorState;
+export declare const TextEditorContentState: typeof ContentState;
+export default TextEditor;

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

@@ -3,14 +3,12 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.TextEditorContentState = exports.TextEditorState = exports.EditorContext = void 0;
+exports.default = exports.TextEditorContentState = exports.TextEditorState = exports.TextEditor = exports.EditorContext = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _propTypes2 = _interopRequireDefault(require("@styled-system/prop-types"));
-
 var _draftJs = require("draft-js");
 
 var _utils = require("./__internal__/utils");
@@ -29,7 +27,7 @@ var _guid = _interopRequireDefault(require("../../__internal__/utils/helpers/gui
 
 var _labelWrapper = _interopRequireDefault(require("./__internal__/label-wrapper"));
 
-var _utils2 = require("../../style/utils");
+var _types = require("./types");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -37,10 +35,8 @@ function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return
 
 function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-const marginPropTypes = (0, _utils2.filterStyledSystemMarginProps)(_propTypes2.default.space);
 const NUMBERS = ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9"];
-const INLINE_STYLES = ["BOLD", "ITALIC"];
-const BLOCK_TYPES = ["unordered-list-item", "ordered-list-item"];
+const INLINE_STYLES = [_types.BOLD, _types.ITALIC];
 
 const EditorContext = /*#__PURE__*/_react.default.createContext({});
 
@@ -65,13 +61,18 @@ const TextEditor = /*#__PURE__*/_react.default.forwardRef(({
   const [inlines, setInlines] = (0, _react.useState)([]);
   const [activeInlines, setActiveInlines] = (0, _react.useState)({});
   const [focusToolbar, setFocusToolbar] = (0, _react.useState)(false);
-  const editorRef = (0, _react.useRef)();
+  const editorRef = (0, _react.useRef)(null);
   const editor = ref || editorRef;
   const contentLength = (0, _utils.getContent)(value).getPlainText("").length;
   const moveCursor = (0, _react.useRef)(contentLength > 0);
   const lastKeyPressed = (0, _react.useRef)();
   const labelId = (0, _react.useRef)(`text-editor-label-${(0, _guid.default)()}`);
 
+  if (rows && (typeof rows !== "number" || rows < 2)) {
+    // eslint-disable-next-line no-console
+    console.warn(`Prop rows must be a number value that is 2 or greater to override the min-height of the \`${TextEditor.displayName}\``);
+  }
+
   const keyBindingFn = ev => {
     if (_events.default.isTabKey(ev) && !_events.default.isShiftKey(ev)) {
       setFocusToolbar(true);
@@ -80,6 +81,8 @@ const TextEditor = /*#__PURE__*/_react.default.forwardRef(({
     return (0, _draftJs.getDefaultKeyBinding)(ev);
   };
 
+  const BLOCK_TYPES = ["unordered-list-item", "ordered-list-item"];
+
   const handleKeyCommand = command => {
     // bail out if the enter is pressed and limit has been reached
     if (command.includes("split-block") && contentLength === characterLimit) {
@@ -89,27 +92,32 @@ const TextEditor = /*#__PURE__*/_react.default.forwardRef(({
 
     if (command.includes("backspace") || command.includes("split-block")) {
       const {
-        blockType,
-        blockLength
+        blockLength,
+        blockType
       } = (0, _utils.getContentInfo)(value); // if a block control is active and there is no text, deactivate it and reset the block
 
       if (BLOCK_TYPES.includes(blockType) && !blockLength) {
         onChange((0, _utils.resetBlockType)(value, "unstyled"));
-        return true;
+        return "handled";
       }
     }
 
     const style = command.toUpperCase(); // if formatting shortcut used eg. command is "bold" or "italic"
 
-    if (INLINE_STYLES.includes(style)) {
-      onChange(_draftJs.RichUtils.handleKeyCommand(value, command));
-      setActiveInlines({ ...activeInlines,
-        [style]: !(0, _utils.hasInlineStyle)(value, style)
-      });
-      return true;
+    if (style === _types.BOLD || style === _types.ITALIC) {
+      const update = _draftJs.RichUtils.handleKeyCommand(value, command); // istanbul ignore else
+
+
+      if (update) {
+        onChange(update);
+        setActiveInlines({ ...activeInlines,
+          [style]: !(0, _utils.hasInlineStyle)(value, style)
+        });
+        return "handled";
+      }
     }
 
-    return false;
+    return "not-handled";
   };
 
   const handleBeforeInput = (str, newState) => {
@@ -123,19 +131,19 @@ const TextEditor = /*#__PURE__*/_react.default.forwardRef(({
 
     if (lastKeyPressed.current === " " && !(0, _utils.isASCIIChar)(str)) {
       lastKeyPressed.current = null;
-      onChange((0, _utils.replaceText)(newState, " ", newState.getCurrentInlineStyle(), true));
+      onChange((0, _utils.replaceText)(newState, " ", newState.getCurrentInlineStyle()));
       return "handled";
     }
 
     if (str === " ") {
       lastKeyPressed.current = str;
-      return false;
+      return "not-handled";
     }
 
     lastKeyPressed.current = null; // short circuit if str does not match expected chars
 
     if (![".", "*"].includes(str)) {
-      return false;
+      return "not-handled";
     }
 
     const {
@@ -146,21 +154,21 @@ const TextEditor = /*#__PURE__*/_react.default.forwardRef(({
 
     if (blockLength === 1 && NUMBERS.includes(blockText) && str === "." || blockLength === 0 && str === "*") {
       const newBlockType = (0, _utils.computeBlockType)(str, blockType);
-      const hasNumberList = (0, _utils.hasBlockStyle)(value, BLOCK_TYPES[0]);
-      const hasBulletList = (0, _utils.hasBlockStyle)(value, BLOCK_TYPES[1]);
+      const hasNumberList = (0, _utils.hasBlockStyle)(value, _types.ORDERED_LIST);
+      const hasBulletList = (0, _utils.hasBlockStyle)(value, _types.UNORDERED_LIST);
 
       if (BLOCK_TYPES.includes(newBlockType) && !hasNumberList && !hasBulletList) {
         onChange((0, _utils.resetBlockType)(value, newBlockType));
         setActiveInlines({
-          BOLD: (0, _utils.hasInlineStyle)(value, INLINE_STYLES[0]),
-          ITALIC: (0, _utils.hasInlineStyle)(value, INLINE_STYLES[1])
+          BOLD: (0, _utils.hasInlineStyle)(value, _types.BOLD),
+          ITALIC: (0, _utils.hasInlineStyle)(value, _types.ITALIC)
         });
-        return true;
+        return "handled";
       }
     }
 
     onChange(value);
-    return false;
+    return "not-handled";
   };
 
   const handlePastedText = pastedText => {
@@ -193,17 +201,19 @@ const TextEditor = /*#__PURE__*/_react.default.forwardRef(({
 
   const editorState = getEditorState();
   const activeControls = {
-    BOLD: activeInlines.BOLD !== undefined ? activeInlines.BOLD : (0, _utils.hasInlineStyle)(editorState, INLINE_STYLES[0]),
-    ITALIC: activeInlines.ITALIC !== undefined ? activeInlines.ITALIC : (0, _utils.hasInlineStyle)(editorState, INLINE_STYLES[1]),
-    "unordered-list-item": (0, _utils.hasBlockStyle)(editorState, BLOCK_TYPES[0]),
-    "ordered-list-item": (0, _utils.hasBlockStyle)(editorState, BLOCK_TYPES[1])
+    BOLD: activeInlines.BOLD !== undefined ? activeInlines.BOLD : (0, _utils.hasInlineStyle)(editorState, _types.BOLD),
+    ITALIC: activeInlines.ITALIC !== undefined ? activeInlines.ITALIC : (0, _utils.hasInlineStyle)(editorState, _types.ITALIC),
+    "unordered-list-item": (0, _utils.hasBlockStyle)(editorState, _types.UNORDERED_LIST),
+    "ordered-list-item": (0, _utils.hasBlockStyle)(editorState, _types.ORDERED_LIST)
   };
   const handleEditorFocus = (0, _react.useCallback)(focusValue => {
     moveCursor.current = true;
     setIsFocused(focusValue);
 
-    if (!isFocused && focusValue && editor.current !== document.activeElement) {
-      editor.current.focus();
+    if (!isFocused && focusValue && typeof editor === "object" && editor.current !== document.activeElement) {
+      var _editor$current;
+
+      (_editor$current = editor.current) === null || _editor$current === void 0 ? void 0 : _editor$current.focus();
       setFocusToolbar(false);
     }
   }, [editor, isFocused]);
@@ -250,8 +260,14 @@ const TextEditor = /*#__PURE__*/_react.default.forwardRef(({
   }, [activeInlines, contentLength, editorState, inlines, isFocused, onChange, value]);
 
   const handlePreviewClose = (onClose, url) => {
-    onClose(url);
-    editor.current.focus();
+    // istanbul ignore else
+    if (url) onClose(url); // istanbul ignore else
+
+    if (typeof editor === "object") {
+      var _editor$current2;
+
+      (_editor$current2 = editor.current) === null || _editor$current2 === void 0 ? void 0 : _editor$current2.focus();
+    }
   };
 
   return /*#__PURE__*/_react.default.createElement(EditorContext.Provider, {
@@ -269,7 +285,6 @@ const TextEditor = /*#__PURE__*/_react.default.forwardRef(({
     hasError: !!error
   }, /*#__PURE__*/_react.default.createElement(_textEditor.StyledEditorContainer, {
     "data-component": "text-editor-container",
-    ariaLabelledBy: labelId.current,
     hasError: !!error,
     rows: rows,
     hasPreview: !!_react.default.Children.count(previews)
@@ -294,66 +309,194 @@ const TextEditor = /*#__PURE__*/_react.default.forwardRef(({
     keyBindingFn: keyBindingFn,
     tabIndex: 0
   }), _react.default.Children.map(previews, preview => {
-    const {
-      onClose
-    } = preview.props;
-    return /*#__PURE__*/_react.default.cloneElement(preview, {
-      as: "div",
-      onClose: onClose ? url => handlePreviewClose(onClose, url) : undefined
-    });
+    if ( /*#__PURE__*/_react.default.isValidElement(preview)) {
+      const {
+        onClose
+      } = preview === null || preview === void 0 ? void 0 : preview.props;
+      return /*#__PURE__*/_react.default.cloneElement(preview, {
+        as: "div",
+        onClose: onClose ? url => handlePreviewClose(onClose, url) : undefined
+      });
+    }
+
+    return null;
   }), /*#__PURE__*/_react.default.createElement(_toolbar.default, {
     setBlockStyle: (ev, newBlockType) => handleBlockStyleChange(ev, newBlockType),
-    setInlineStyle: (ev, inlineStyle, keyboardUsed) => handleInlineStyleChange(ev, inlineStyle, keyboardUsed),
-    editorState: editorState,
+    setInlineStyle: (ev, inlineStyle) => handleInlineStyleChange(ev, inlineStyle),
     activeControls: activeControls,
     canFocus: focusToolbar,
     toolbarElements: toolbarElements
   })))));
 });
 
-TextEditor.propTypes = { ...marginPropTypes,
-
-  /** The maximum characters that the input will accept */
-  characterLimit: _propTypes.default.number,
-
-  /** The text for the editor's label */
-  labelText: _propTypes.default.string.isRequired,
-
-  /** onChange callback to control value updates */
-  onChange: _propTypes.default.func.isRequired,
-
-  /** The value of the input, this is an EditorState immutable object */
-  value: _propTypes.default.object.isRequired,
-
-  /** Flag to configure component as mandatory */
-  required: _propTypes.default.bool,
-
-  /** Message to be displayed when there is an error */
-  error: _propTypes.default.string,
-
-  /** Message to be displayed when there is a warning */
-  warning: _propTypes.default.string,
-
-  /** Message to be displayed when there is an info */
-  info: _propTypes.default.string,
-
-  /** Additional elements to be rendered in the Editor Toolbar, e.g. Save and Cancel Button */
-  toolbarElements: _propTypes.default.node,
-
-  /** Number greater than 2 multiplied by line-height (21px) to override the default min-height of the editor */
-  rows: (props, propName, component) => {
-    if (props[propName] && (typeof props[propName] !== "number" || props[propName] < 2)) {
-      return new Error(`Prop \`${propName}\` must be a number value greater than 2 to override the min-height of the \`${component}\``);
-    }
-
-    return null;
-  },
-
-  /** The previews to display of any links added to the Editor */
-  previews: _propTypes.default.arrayOf(_propTypes.default.node),
-
-  /** Callback to report a url when a link is added */
-  onLinkAdded: _propTypes.default.func
+exports.TextEditor = TextEditor;
+TextEditor.propTypes = {
+  "characterLimit": _propTypes.default.number,
+  "error": _propTypes.default.string,
+  "info": _propTypes.default.string,
+  "labelText": _propTypes.default.string.isRequired,
+  "m": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string]),
+  "margin": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string]),
+  "marginBottom": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string]),
+  "marginLeft": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string]),
+  "marginRight": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string]),
+  "marginTop": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string]),
+  "marginX": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string]),
+  "marginY": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string]),
+  "mb": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string]),
+  "ml": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string]),
+  "mr": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string]),
+  "mt": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string]),
+  "mx": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string]),
+  "my": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string]),
+  "onChange": _propTypes.default.func.isRequired,
+  "onLinkAdded": _propTypes.default.func,
+  "previews": _propTypes.default.node,
+  "required": _propTypes.default.bool,
+  "rows": _propTypes.default.number,
+  "toolbarElements": _propTypes.default.node,
+  "value": _propTypes.default.object.isRequired,
+  "warning": _propTypes.default.string
 };
 const TextEditorState = _draftJs.EditorState;
 exports.TextEditorState = TextEditorState;

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

@@ -1,3 +1,11 @@
-export const StyledEditorWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export const StyledEditorContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export const StyledEditorOutline: import("styled-components").StyledComponent<"div", any, {}, never>;
+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 };

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

@@ -28,13 +28,12 @@ StyledEditorWrapper.defaultProps = {
   theme: _base.default
 };
 const StyledEditorContainer = _styledComponents.default.div`
-  border-radius: var(--borderRadius050);
-
   ${({
   hasError,
   rows,
   hasPreview
 }) => (0, _styledComponents.css)`
+    border-radius: var(--borderRadius050);
     min-height: ${rows ? `${rows * lineHeight}` : `${hasPreview ? 125 : 220}`}px;
     min-width: 320px;
     position: relative;

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

@@ -0,0 +1,6 @@
+export declare const BOLD = "BOLD";
+export declare const ITALIC = "ITALIC";
+export declare const UNORDERED_LIST = "unordered-list-item";
+export declare const ORDERED_LIST = "ordered-list-item";
+export declare type InlineStyleType = typeof BOLD | typeof ITALIC;
+export declare type BlockType = typeof UNORDERED_LIST | typeof ORDERED_LIST;

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

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ORDERED_LIST = exports.UNORDERED_LIST = exports.ITALIC = exports.BOLD = void 0;
+const BOLD = "BOLD";
+exports.BOLD = BOLD;
+const ITALIC = "ITALIC";
+exports.ITALIC = ITALIC;
+const UNORDERED_LIST = "unordered-list-item";
+exports.UNORDERED_LIST = UNORDERED_LIST;
+const ORDERED_LIST = "ordered-list-item";
+exports.ORDERED_LIST = ORDERED_LIST;

package/lib/components/textbox/textbox.component.js

@@ -17,7 +17,7 @@ var _inputIconToggle = _interopRequireDefault(require("../../__internal__/input-
 
 var _formField = _interopRequireDefault(require("../../__internal__/form-field"));
 
-var _useUniqueId = _interopRequireDefault(require("../../__internal__/utils/helpers/useUniqueId"));
+var _useUniqueId = _interopRequireDefault(require("../../hooks/__internal__/useUniqueId"));
 
 var _inputBehaviour = require("../../__internal__/input-behaviour");
 

package/lib/{__internal__/utils/helpers → hooks/__internal__}/useUniqueId/index.js

@@ -7,7 +7,7 @@ exports.default = void 0;
 
 var _react = require("react");
 
-var _guid = _interopRequireDefault(require("../guid"));
+var _guid = _interopRequireDefault(require("../../../__internal__/utils/helpers/guid"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 

package/lib/hooks/__internal__/useUniqueId/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "../../../../esm/hooks/__internal__/useUniqueId/index.js",
+  "main": "./index.js",
+  "types": "./index.d.ts"
+}

package/lib/locales/en-gb.js

@@ -109,6 +109,10 @@ const enGB = {
     pageX: () => "Page",
     ofY: count => `of ${count}`
   },
+  password: {
+    ariaLiveShownMessage: () => "Your password has been shown. Focus on the password input to have it read to you, if it is safe to do so.",
+    ariaLiveHiddenMessage: () => "Your Password is currently hidden."
+  },
   progressTracker: {
     of: () => "of"
   },

package/lib/locales/locale.d.ts

@@ -75,6 +75,10 @@ interface Locale {
         pageX: () => string;
         ofY: (count: string | number) => string;
     };
+    password: {
+        ariaLiveShownMessage: () => string;
+        ariaLiveHiddenMessage: () => string;
+    };
     progressTracker: {
         of: () => string;
     };

package/lib/locales/pl-pl.js

@@ -161,6 +161,10 @@ const plPL = {
     pageX: () => "Strona",
     ofY: count => `z ${count}`
   },
+  password: {
+    ariaLiveShownMessage: () => "Zostało wyświetlone Twoje hasło. Skup się na haśle, aby je odczytać, jeśli jest to bezpieczne.",
+    ariaLiveHiddenMessage: () => "Twoje hasło jest obecnie ukryte."
+  },
   progressTracker: {
     of: () => "z"
   },