carbon-react 118.2.1 → 118.3.1

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

@@ -1,7 +1,8 @@
-declare namespace _default {
-    export { linkStrategy as strategy };
-    export { EditorLink as component };
-}
+/// <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) => JSX.Element;
+};
 export default _default;
-declare function linkStrategy(contentBlock: any, callback: any): void;
-import EditorLink from "../editor-link";

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

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+export interface EditorCounterProps {
+    /** Sets the current count value */
+    count?: number;
+    /** Sets the current limit value */
+    limit?: number;
+    /** 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 Counter: ({ count, limit, error, warning, info, }: EditorCounterProps) => JSX.Element;
+export default Counter;

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

@@ -22,7 +22,6 @@ const Counter = ({
   warning,
   info
 }) => /*#__PURE__*/_react.default.createElement(_editorCounter.StyledCounterWrapper, {
-  hasIcon: !!(error || warning || info),
   "data-component": "text-editor-counter"
 }, !!(error || warning || info) && /*#__PURE__*/_react.default.createElement(_validations.default, {
   error: error,
@@ -35,20 +34,11 @@ const Counter = ({
 }, `${limit - count}`));
 
 Counter.propTypes = {
-  /** Sets the current count value */
-  count: _propTypes.default.number,
-
-  /** Sets the current limit value */
-  limit: _propTypes.default.number,
-
-  /** 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
+  "count": _propTypes.default.number,
+  "error": _propTypes.default.string,
+  "info": _propTypes.default.string,
+  "limit": _propTypes.default.number,
+  "warning": _propTypes.default.string
 };
 var _default = Counter;
 exports.default = _default;

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

@@ -0,0 +1,5 @@
+declare const StyledCounter: import("styled-components").StyledComponent<"span", any, {
+    hasError: boolean;
+}, never>;
+declare const StyledCounterWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export { StyledCounter, StyledCounterWrapper };

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

@@ -1,2 +1,2 @@
-export { default } from "./editor-counter";
-export * from "./editor-counter";
+export { default } from "./editor-counter.component";
+export type { EditorCounterProps } from "./editor-counter.component";

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

@@ -0,0 +1,9 @@
+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) => JSX.Element;
+export default EditorLink;

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

@@ -48,7 +48,6 @@ const EditorLink = ({
   }, [validUrl]);
   return /*#__PURE__*/_react.default.createElement(_editorLink.default, _extends({
     href: !editMode ? validUrl : undefined,
-    title: validUrl,
     "aria-label": !editMode ? validUrl : undefined,
     target: "_blank",
     rel: "noopener noreferrer"
@@ -56,9 +55,9 @@ const EditorLink = ({
 };
 
 EditorLink.propTypes = {
-  children: _propTypes.default.node.isRequired,
-  contentState: _propTypes.default.object,
-  entityKey: _propTypes.default.string
+  "children": _propTypes.default.arrayOf(_propTypes.default.element).isRequired,
+  "contentState": _propTypes.default.object,
+  "entityKey": _propTypes.default.string
 };
 var _default = EditorLink;
 exports.default = _default;

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

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

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

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

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

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

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

@@ -0,0 +1,12 @@
+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) => JSX.Element;
+export default LabelWrapper;

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

@@ -14,12 +14,6 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 /* eslint-disable jsx-a11y/click-events-have-key-events */
 
 /* eslint-disable jsx-a11y/no-static-element-interactions */
-
-/**
- * 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
- */
 const LabelWrapper = ({
   onClick,
   children
@@ -30,8 +24,8 @@ const LabelWrapper = ({
 };
 
 LabelWrapper.propTypes = {
-  onClick: _propTypes.default.func.isRequired,
-  children: _propTypes.default.node.isRequired
+  "children": _propTypes.default.node,
+  "onClick": _propTypes.default.func.isRequired
 };
 var _default = LabelWrapper;
 exports.default = _default;

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

@@ -1,2 +1,2 @@
-export { default } from "./toolbar";
-export * from "./toolbar";
+export { default } from "./toolbar.component";
+export type { ToolbarProps } from "./toolbar.component";

package/lib/components/text-editor/__internal__/toolbar/toolbar-button/index.d.ts

@@ -1,2 +1,2 @@
-export { default } from "./toolbar-button";
-export * from "./toolbar-button";
+export { default } from "./toolbar-button.component";
+export type { ToolbarButtonProps } from "./toolbar-button.component";

package/lib/components/text-editor/__internal__/toolbar/toolbar-button/toolbar-button.component.d.ts

@@ -0,0 +1,25 @@
+import React from "react";
+export interface ToolbarButtonProps {
+    /** Accessibility label for a button */
+    ariaLabel: string;
+    /** The children for the button */
+    children: React.ReactNode;
+    /** Used to control the button's active status */
+    activated?: boolean;
+    /** Callback to handle any keydown events on a button */
+    onKeyDown: (ev: React.KeyboardEvent<HTMLButtonElement>) => void;
+    /** Callback to handle any mousedown events on a button */
+    onMouseDown: (ev: React.MouseEvent<HTMLButtonElement>) => void;
+    /** Callback to handle any mouseover events on a button */
+    onMouseOver?: (ev: React.MouseEvent<HTMLButtonElement>) => void;
+    /** Callback to handle any mouseleave events on a button */
+    onMouseLeave?: (ev: React.MouseEvent<HTMLButtonElement>) => void;
+    /** Callback to handle any focus events on a button */
+    onFocus?: (ev: React.FocusEvent<HTMLButtonElement>) => void;
+    /** Callback to handle any blur events on a button */
+    onBlur?: (ev: React.FocusEvent<HTMLButtonElement>) => void;
+    /** Controls whether the button can be tabbed to */
+    tabbable?: boolean;
+}
+export declare const ToolbarButton: React.ForwardRefExoticComponent<ToolbarButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export default ToolbarButton;

package/lib/components/text-editor/__internal__/toolbar/toolbar-button/toolbar-button.component.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.default = exports.ToolbarButton = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
@@ -37,8 +37,6 @@ const ToolbarButton = /*#__PURE__*/_react.default.forwardRef(({
   }, !tabbable && {
     tabIndex: -1
   }, {
-    activated: activated,
-    tabbable: tabbable,
     onMouseOver: onMouseOver,
     onMouseLeave: onMouseLeave,
     onFocus: onFocus,
@@ -46,28 +44,19 @@ const ToolbarButton = /*#__PURE__*/_react.default.forwardRef(({
   }), children);
 });
 
+exports.ToolbarButton = ToolbarButton;
 ToolbarButton.propTypes = {
-  /** Accessibility label for a button */
-  ariaLabel: _propTypes.default.string.isRequired,
-
-  /** The children for the button */
-  children: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.array]).isRequired,
-
-  /** Used to control the button's active status */
-  activated: _propTypes.default.bool,
-
-  /** Callback to handle any keydown events on a button */
-  onKeyDown: _propTypes.default.func.isRequired,
-
-  /** Callback to handle any mouse down events on a button */
-  onMouseDown: _propTypes.default.func.isRequired,
-
-  /** Controls whether the button can be tabbed to */
-  tabbable: _propTypes.default.bool,
-  onMouseOver: _propTypes.default.func,
-  onMouseLeave: _propTypes.default.func,
-  onFocus: _propTypes.default.func,
-  onBlur: _propTypes.default.func
+  "activated": _propTypes.default.bool,
+  "ariaLabel": _propTypes.default.string.isRequired,
+  "children": _propTypes.default.node,
+  "onBlur": _propTypes.default.func,
+  "onFocus": _propTypes.default.func,
+  "onKeyDown": _propTypes.default.func.isRequired,
+  "onMouseDown": _propTypes.default.func.isRequired,
+  "onMouseLeave": _propTypes.default.func,
+  "onMouseOver": _propTypes.default.func,
+  "tabbable": _propTypes.default.bool
 };
+ToolbarButton.displayName = "ToolbarButton";
 var _default = ToolbarButton;
 exports.default = _default;

package/lib/components/text-editor/__internal__/toolbar/toolbar-button/toolbar-button.style.d.ts

@@ -0,0 +1,6 @@
+declare const StyledToolbarButton: import("styled-components").StyledComponent<"button", any, {
+    type: "button";
+} & {
+    isActive?: boolean | undefined;
+}, "type">;
+export default StyledToolbarButton;

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

@@ -0,0 +1,16 @@
+import React from "react";
+import { InlineStyleType, BlockType } from "../../types";
+export interface ToolbarProps {
+    /** Used to override the active status of the inline controls */
+    activeControls: Record<InlineStyleType | BlockType, boolean>;
+    /** Flag to trigger control focusing */
+    canFocus?: boolean;
+    /** Callback to handle setting the inline styles */
+    setInlineStyle: (ev: React.KeyboardEvent<HTMLButtonElement> | React.MouseEvent<HTMLButtonElement>, inlineType: InlineStyleType) => void;
+    /** Callback to handle setting the block styles */
+    setBlockStyle: (ev: React.KeyboardEvent<HTMLButtonElement> | React.MouseEvent<HTMLButtonElement>, blockType: BlockType) => void;
+    /** Additional elements to be rendered in the Toolbar, e.g. Save and Cancel Button */
+    toolbarElements?: React.ReactNode;
+}
+declare const Toolbar: ({ activeControls, canFocus, toolbarElements, setBlockStyle, setInlineStyle, }: ToolbarProps) => JSX.Element;
+export default Toolbar;

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

@@ -21,17 +21,14 @@ var _tooltip = _interopRequireDefault(require("../../../tooltip"));
 
 var _useLocale = _interopRequireDefault(require("../../../../hooks/__internal__/useLocale"));
 
+var _types = require("../../types");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
 
 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 BOLD = "BOLD";
-const ITALIC = "ITALIC";
-const UNORDERED_LIST = "unordered-list-item";
-const ORDERED_LIST = "ordered-list-item";
-
 const Toolbar = ({
   activeControls,
   canFocus,
@@ -46,8 +43,8 @@ const Toolbar = ({
     tooltipMessages,
     ariaLabels
   } = textEditor;
-  const controlRefs = [(0, _react.useRef)(), (0, _react.useRef)(), (0, _react.useRef)(), (0, _react.useRef)()];
-  const [focusIndex, setFocusIndex] = (0, _react.useState)(0);
+  const controlRefs = (0, _react.useRef)([/*#__PURE__*/_react.default.createRef(), /*#__PURE__*/_react.default.createRef(), /*#__PURE__*/_react.default.createRef(), /*#__PURE__*/_react.default.createRef()]);
+  const [focusIndex, setFocusIndex] = (0, _react.useState)(null);
   const [tabbable, setTabbable] = (0, _react.useState)(true);
   const [activeTooltip, setActiveTooltip] = (0, _react.useState)("");
   const handleInlineStyleChange = (0, _react.useCallback)((ev, inlineType) => {
@@ -60,7 +57,7 @@ const Toolbar = ({
     if (_events.default.isTabKey(ev)) {
       setFocusIndex(null);
     } else if (_events.default.isSpaceKey(ev) || _events.default.isEnterKey(ev)) {
-      if ([BOLD, ITALIC].includes(type)) {
+      if (type === _types.BOLD || type === _types.ITALIC) {
         handleInlineStyleChange(ev, type);
       } else {
         handleBlockType(ev, type);
@@ -70,26 +67,35 @@ const Toolbar = ({
       setTabbable(true);
     } else if (_events.default.isLeftKey(ev)) {
       if (focusIndex === null || focusIndex === 0) {
-        controlRefs[3].current.focus();
+        var _controlRefs$current$;
+
+        (_controlRefs$current$ = controlRefs.current[3].current) === null || _controlRefs$current$ === void 0 ? void 0 : _controlRefs$current$.focus();
         setFocusIndex(3);
       } else {
-        controlRefs[focusIndex - 1].current.focus();
+        var _controlRefs$current$2;
+
+        (_controlRefs$current$2 = controlRefs.current[focusIndex - 1].current) === null || _controlRefs$current$2 === void 0 ? void 0 : _controlRefs$current$2.focus();
         setFocusIndex(focusIndex - 1);
       }
 
       setTabbable(false);
     } else if (_events.default.isRightKey(ev)) {
       if (focusIndex === 3) {
-        controlRefs[0].current.focus();
+        var _controlRefs$current$3;
+
+        (_controlRefs$current$3 = controlRefs.current[0].current) === null || _controlRefs$current$3 === void 0 ? void 0 : _controlRefs$current$3.focus();
         setFocusIndex(0);
       } else {
-        controlRefs[focusIndex + 1].current.focus();
-        setFocusIndex(focusIndex + 1);
+        var _controlRefs$current$4;
+
+        const currentIndex = focusIndex === null ? 0 : focusIndex;
+        (_controlRefs$current$4 = controlRefs.current[currentIndex + 1].current) === null || _controlRefs$current$4 === void 0 ? void 0 : _controlRefs$current$4.focus();
+        setFocusIndex(currentIndex + 1);
       }
 
       setTabbable(false);
     }
-  }, [controlRefs, focusIndex, handleBlockType, handleInlineStyleChange]);
+  }, [focusIndex, handleBlockType, handleInlineStyleChange]);
   (0, _react.useEffect)(() => {
     if (focusIndex === null) {
       setTabbable(true);
@@ -100,13 +106,15 @@ const Toolbar = ({
       setFocusIndex(null);
     }
   }, [canFocus]);
-  const isTabbable = (0, _react.useCallback)(index => {
-    if (!controlRefs[index] || !controlRefs[index].current) {
+
+  const isTabbable = index => {
+    if (!controlRefs.current[index] || !controlRefs.current[index].current) {
       return false;
     }
 
-    return controlRefs[index].current === document.activeElement;
-  }, [controlRefs]);
+    return controlRefs.current[index].current === document.activeElement;
+  };
+
   return /*#__PURE__*/_react.default.createElement(_toolbar.StyledToolbar, {
     "data-component": "text-editor-toolbar"
   }, /*#__PURE__*/_react.default.createElement(_toolbar.StyledEditorStyleControls, null, /*#__PURE__*/_react.default.createElement(_tooltip.default, {
@@ -115,10 +123,10 @@ const Toolbar = ({
     position: "top"
   }, /*#__PURE__*/_react.default.createElement(_toolbarButton.default, {
     ariaLabel: ariaLabels.bold(),
-    onKeyDown: ev => handleKeyDown(ev, BOLD),
-    onMouseDown: ev => handleInlineStyleChange(ev, BOLD),
+    onKeyDown: ev => handleKeyDown(ev, _types.BOLD),
+    onMouseDown: ev => handleInlineStyleChange(ev, _types.BOLD),
     activated: activeControls.BOLD,
-    ref: controlRefs[0],
+    ref: controlRefs.current[0],
     tabbable: tabbable,
     onMouseOver: () => setActiveTooltip("Bold"),
     onMouseLeave: () => setActiveTooltip(""),
@@ -132,10 +140,10 @@ const Toolbar = ({
     position: "top"
   }, /*#__PURE__*/_react.default.createElement(_toolbarButton.default, {
     ariaLabel: ariaLabels.italic(),
-    onKeyDown: ev => handleKeyDown(ev, ITALIC),
-    onMouseDown: ev => handleInlineStyleChange(ev, ITALIC),
+    onKeyDown: ev => handleKeyDown(ev, _types.ITALIC),
+    onMouseDown: ev => handleInlineStyleChange(ev, _types.ITALIC),
     activated: activeControls.ITALIC,
-    ref: controlRefs[1],
+    ref: controlRefs.current[1],
     tabbable: isTabbable(1),
     onMouseOver: () => setActiveTooltip("Italic"),
     onMouseLeave: () => setActiveTooltip(""),
@@ -149,10 +157,10 @@ const Toolbar = ({
     position: "top"
   }, /*#__PURE__*/_react.default.createElement(_toolbarButton.default, {
     ariaLabel: ariaLabels.bulletList(),
-    onKeyDown: ev => handleKeyDown(ev, UNORDERED_LIST),
-    onMouseDown: ev => handleBlockType(ev, UNORDERED_LIST),
-    activated: activeControls[UNORDERED_LIST],
-    ref: controlRefs[2],
+    onKeyDown: ev => handleKeyDown(ev, _types.UNORDERED_LIST),
+    onMouseDown: ev => handleBlockType(ev, _types.UNORDERED_LIST),
+    activated: activeControls[_types.UNORDERED_LIST],
+    ref: controlRefs.current[2],
     tabbable: isTabbable(2),
     onMouseOver: () => setActiveTooltip("Bulleted List"),
     onMouseLeave: () => setActiveTooltip(""),
@@ -166,10 +174,10 @@ const Toolbar = ({
     position: "top"
   }, /*#__PURE__*/_react.default.createElement(_toolbarButton.default, {
     ariaLabel: ariaLabels.numberList(),
-    onKeyDown: ev => handleKeyDown(ev, ORDERED_LIST),
-    onMouseDown: ev => handleBlockType(ev, ORDERED_LIST),
-    activated: activeControls[ORDERED_LIST],
-    ref: controlRefs[3],
+    onKeyDown: ev => handleKeyDown(ev, _types.ORDERED_LIST),
+    onMouseDown: ev => handleBlockType(ev, _types.ORDERED_LIST),
+    activated: activeControls[_types.ORDERED_LIST],
+    ref: controlRefs.current[3],
     tabbable: isTabbable(3),
     onMouseOver: () => setActiveTooltip("Numbered List"),
     onMouseLeave: () => setActiveTooltip(""),
@@ -181,20 +189,16 @@ const Toolbar = ({
 };
 
 Toolbar.propTypes = {
-  /** Used to override the active status of the inline controls */
-  activeControls: _propTypes.default.object.isRequired,
-
-  /** Flag to trigger control focusing */
-  canFocus: _propTypes.default.bool,
-
-  /** Callback to handle setting the inline styles */
-  setInlineStyle: _propTypes.default.func.isRequired,
-
-  /** Callback to handle setting the block styles */
-  setBlockStyle: _propTypes.default.func.isRequired,
-
-  /** Additional elements to be rendered in the Toolbar, e.g. Save and Cancel Button */
-  toolbarElements: _propTypes.default.node
+  "activeControls": _propTypes.default.shape({
+    "BOLD": _propTypes.default.bool.isRequired,
+    "ITALIC": _propTypes.default.bool.isRequired,
+    "ordered-list-item": _propTypes.default.bool.isRequired,
+    "unordered-list-item": _propTypes.default.bool.isRequired
+  }).isRequired,
+  "canFocus": _propTypes.default.bool,
+  "setBlockStyle": _propTypes.default.func.isRequired,
+  "setInlineStyle": _propTypes.default.func.isRequired,
+  "toolbarElements": _propTypes.default.node
 };
 var _default = Toolbar;
 exports.default = _default;

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

@@ -0,0 +1,4 @@
+declare const StyledToolbar: import("styled-components").StyledComponent<"div", any, {}, never>;
+declare const StyledEditorStyleControls: import("styled-components").StyledComponent<"div", any, {}, never>;
+declare const StyledEditorActionControls: import("styled-components").StyledComponent<"div", any, {}, never>;
+export { StyledToolbar, StyledEditorActionControls, StyledEditorStyleControls };

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

@@ -1 +1 @@
-export { computeBlockType, getContent, getContentInfo, getDecoratedValue, getSelection, getSelectionInfo, getSelectedLength, moveSelectionToEnd, resetBlockType, isASCIIChar, replaceText, hasBlockStyle, hasInlineStyle, blockStyleFn } from "./utils";
+export { computeBlockType, getContent, getContentInfo, getDecoratedValue, getSelection, getSelectionInfo, getSelectedLength, moveSelectionToEnd, resetBlockType, isASCIIChar, replaceText, hasBlockStyle, hasInlineStyle, blockStyleFn, } from "./utils";

package/lib/components/text-editor/__internal__/utils/utils.d.ts

@@ -1,28 +1,29 @@
-export function blockStyleFn(block: any): "" | "text-editor-block-unordered" | "text-editor-block-ordered";
-export function hasBlockStyle(value: any, type: any): boolean;
-export function hasInlineStyle(value: any, style: any): any;
-export function isASCIIChar(str: any): boolean;
-export function replaceText(editorState: any, text: any, inlineStyle: any, forceSelection: any): EditorState;
-export function computeBlockType(char: any, type: any): "ordered-list-item" | "unordered-list-item" | "unstyled";
-export function resetBlockType(value: any, newType?: string): EditorState;
-export function getDecoratedValue(value: any): EditorState;
-export function getContent(value: any): any;
-export function getSelection(value: any): any;
-export function getContentInfo(value: any): {
-    content: any;
-    currentBlock: any;
-    blockType: any;
-    blockLength: any;
-    blockText: any;
-    blockMap: any;
+import { EditorState, ContentBlock, DraftInlineStyle, ContentState } from "draft-js";
+import { BlockType, InlineStyleType } from "../../types";
+export declare const computeBlockType: (char: string, type: string) => "unordered-list-item" | "ordered-list-item" | "unstyled";
+export declare const resetBlockType: (value: EditorState, newType?: BlockType | "unstyled") => EditorState;
+export declare function blockStyleFn(block: ContentBlock): "" | "text-editor-block-unordered" | "text-editor-block-ordered";
+export declare const getDecoratedValue: (value: EditorState) => EditorState;
+export declare const getContent: (value: EditorState) => ContentState;
+export declare const getSelection: (value: EditorState) => Draft.Model.ImmutableData.SelectionState;
+export declare const getContentInfo: (value: EditorState) => {
+    content: ContentState;
+    currentBlock: ContentBlock;
+    blockType: string;
+    blockLength: number;
+    blockText: string;
+    blockMap: Draft.Model.ImmutableData.BlockMap;
 };
-export function getSelectionInfo(value: any): {
-    selection: any;
-    startKey: any;
-    endKey: any;
-    startOffset: any;
-    endOffset: any;
+export declare const getSelectionInfo: (value: EditorState) => {
+    selection: Draft.Model.ImmutableData.SelectionState;
+    startKey: string;
+    endKey: string;
+    startOffset: number;
+    endOffset: number;
 };
-export function moveSelectionToEnd(value: any): EditorState;
-export function getSelectedLength(value: any): number;
-import { EditorState } from "draft-js";
+export declare const moveSelectionToEnd: (value: EditorState) => EditorState;
+export declare const getSelectedLength: (value: EditorState) => number;
+export declare function hasBlockStyle(value: EditorState, type: BlockType): boolean;
+export declare function hasInlineStyle(value: EditorState, style: InlineStyleType): boolean;
+export declare function isASCIIChar(str: string): boolean;
+export declare function replaceText(editorState: EditorState, text: string, inlineStyle: DraftInlineStyle): EditorState;

package/lib/components/text-editor/__internal__/utils/utils.js

@@ -14,18 +14,17 @@ var _draftJs = require("draft-js");
 
 var _decorators = _interopRequireDefault(require("../decorators"));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _types = require("../../types");
 
-const ORDERLIST_TYPE = "ordered-list-item";
-const UNORDERLIST_TYPE = "unordered-list-item";
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 const computeBlockType = (char, type) => {
-  if (char === "." && type !== ORDERLIST_TYPE) {
-    return ORDERLIST_TYPE;
+  if (char === "." && type !== _types.ORDERED_LIST) {
+    return _types.ORDERED_LIST;
   }
 
-  if (char === "*" && type !== UNORDERLIST_TYPE) {
-    return UNORDERLIST_TYPE;
+  if (char === "*" && type !== _types.UNORDERED_LIST) {
+    return _types.UNORDERED_LIST;
   }
 
   return "unstyled";
@@ -39,10 +38,10 @@ exports.computeBlockType = computeBlockType;
 
 const getDefaultBlockData = (blockType, initialData = {}) => {
   switch (blockType) {
-    case ORDERLIST_TYPE:
+    case _types.ORDERED_LIST:
       return {};
 
-    case UNORDERLIST_TYPE:
+    case _types.UNORDERED_LIST:
       return {};
 
     default:
@@ -229,8 +228,8 @@ function isASCIIChar(str) {
   return /^\S+$/.test(str);
 }
 
-function replaceText(editorState, text, inlineStyle, forceSelection) {
+function replaceText(editorState, text, inlineStyle) {
   const contentState = _draftJs.Modifier.replaceText(editorState.getCurrentContent(), editorState.getSelection(), text, inlineStyle);
 
-  return _draftJs.EditorState.push(editorState, contentState, "insert-characters", forceSelection);
+  return _draftJs.EditorState.push(editorState, contentState, "insert-characters");
 }

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";