@entur-partner/rich-text-editor 2.0.21 → 2.0.24

package/CHANGELOG.md

@@ -3,6 +3,23 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [2.0.24](https://bitbucket.org/enturas/entur-partner-packages/compare/@entur-partner/rich-text-editor@2.0.23...@entur-partner/rich-text-editor@2.0.24) (2022-03-09)
+
+### Bug Fixes
+
+- **deps:** update all non-major dependencies ([4533e34](https://bitbucket.org/enturas/entur-partner-packages/commits/4533e34e81006c6fd056f5ebca40a58c75d9caf9))
+
+## [2.0.23](https://bitbucket.org/enturas/entur-partner-packages/compare/@entur-partner/rich-text-editor@2.0.22...@entur-partner/rich-text-editor@2.0.23) (2022-02-10)
+
+**Note:** Version bump only for package @entur-partner/rich-text-editor
+
+## [2.0.22](https://bitbucket.org/enturas/entur-partner-packages/compare/@entur-partner/rich-text-editor@2.0.21...@entur-partner/rich-text-editor@2.0.22) (2022-02-07)
+
+### Bug Fixes
+
+- **deps:** pin dependencies ([0a33356](https://bitbucket.org/enturas/entur-partner-packages/commits/0a333563ff91fb711c39a45352fc31a49513ebaa))
+- **deps:** update all non-major dependencies ([20fc6be](https://bitbucket.org/enturas/entur-partner-packages/commits/20fc6bed3831d05bd62ace84bc60ee48877a034c))
+
 ## [2.0.21](https://bitbucket.org/enturas/entur-partner-packages/compare/@entur-partner/rich-text-editor@2.0.20...@entur-partner/rich-text-editor@2.0.21) (2021-11-05)
 
 **Note:** Version bump only for package @entur-partner/rich-text-editor

package/dist/RichTextEditor/htmlConvertion.d.ts

@@ -1,8 +1,8 @@
 export namespace entityToHtml {
-    export function entityToHTML(entity: any, originalText: any): any;
+    function entityToHTML(entity: any, originalText: any): any;
 }
 export namespace htmlToEntity {
-    export function htmlToEntity(nodeName: any, node: any, createEntity: any): any;
+    function htmlToEntity(nodeName: any, node: any, createEntity: any): any;
 }
 export function htmlToEditorState(html: any): EditorState;
 export function editorStateToHtml(editorState: any): any;

package/dist/RichTextEditor/index.d.ts

@@ -7,7 +7,7 @@ declare class RichTextEditor extends React.Component<any, any, any> {
     editor: React.RefObject<any>;
     focusEditor(): void;
     handleKeyCommand: (command: any, editorState: any) => boolean;
-    keyBindingFn: (evt: any) => void | "bold" | "italic" | "underline" | "code" | "undo" | "redo" | "delete" | "delete-word" | "backspace" | "backspace-word" | "backspace-to-start-of-line" | "strikethrough" | "split-block" | "transpose-characters" | "move-selection-to-start-of-block" | "move-selection-to-end-of-block" | "secondary-cut" | "secondary-paste" | null;
+    keyBindingFn: (evt: any) => void | Draft.Model.Constants.DraftEditorCommand | null;
     onTab: (evt: any) => void;
     toggleButtonBlockType: (blockType: any) => void;
     toggleSelectBlockType: (blockType: any) => void;
@@ -20,25 +20,26 @@ declare class RichTextEditor extends React.Component<any, any, any> {
         blockTypes: any;
         inlineStyles: any;
     };
+    render(): JSX.Element;
 }
 declare namespace RichTextEditor {
-    export namespace propTypes {
-        export const editorState: PropTypes.Validator<object>;
-        export const onChange: PropTypes.Validator<(...args: any[]) => any>;
-        export const maxTabDepth: PropTypes.Requireable<number>;
-        export const showFontMenu: PropTypes.Requireable<boolean>;
-        export const showInlineStyleMenu: PropTypes.Requireable<boolean>;
-        export const showTextFormatMenu: PropTypes.Requireable<boolean>;
-        export const showLinkMenu: PropTypes.Requireable<boolean>;
-        export const label: PropTypes.Requireable<string>;
-        export const tags: PropTypes.Requireable<(object | null | undefined)[]>;
-        export const controlConfigSet: PropTypes.Requireable<PropTypes.InferProps<{
+    namespace propTypes {
+        const editorState: PropTypes.Validator<object>;
+        const onChange: PropTypes.Validator<(...args: any[]) => any>;
+        const maxTabDepth: PropTypes.Requireable<number>;
+        const showFontMenu: PropTypes.Requireable<boolean>;
+        const showInlineStyleMenu: PropTypes.Requireable<boolean>;
+        const showTextFormatMenu: PropTypes.Requireable<boolean>;
+        const showLinkMenu: PropTypes.Requireable<boolean>;
+        const label: PropTypes.Requireable<string>;
+        const tags: PropTypes.Requireable<(object | null | undefined)[]>;
+        const controlConfigSet: PropTypes.Requireable<PropTypes.InferProps<{
             fontList: PropTypes.Requireable<any[]>;
             blockTypes: PropTypes.Requireable<any[]>;
             inlineStyles: PropTypes.Requireable<any[]>;
         }>>;
     }
-    export namespace defaultProps {
+    namespace defaultProps {
         const maxTabDepth_1: number;
         export { maxTabDepth_1 as maxTabDepth };
         const showFontMenu_1: boolean;

package/dist/rich-text-editor.cjs.development.js

@@ -2,13 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
-
 var React = require('react');
-var React__default = _interopDefault(React);
 var draftJs = require('draft-js');
-var PropTypes = _interopDefault(require('prop-types'));
-var cx = _interopDefault(require('classnames'));
+var PropTypes = require('prop-types');
+var cx = require('classnames');
 var typography = require('@entur/typography');
 var dropdown = require('@entur/dropdown');
 var legacy = require('@entur-partner/legacy');
@@ -18,9 +15,16 @@ var common = require('@entur-partner/common');
 var button = require('@entur/button');
 var expand = require('@entur/expand');
 var markdownDraftJs = require('markdown-draft-js');
-var showdown = _interopDefault(require('showdown'));
+var showdown = require('showdown');
 var draftConvert = require('draft-convert');
 
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
+var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
+var showdown__default = /*#__PURE__*/_interopDefaultLegacy(showdown);
+
 function _extends() {
   _extends = Object.assign || function (target) {
     for (var i = 1; i < arguments.length; i++) {
@@ -42,7 +46,17 @@ function _extends() {
 function _inheritsLoose(subClass, superClass) {
   subClass.prototype = Object.create(superClass.prototype);
   subClass.prototype.constructor = subClass;
-  subClass.__proto__ = superClass;
+
+  _setPrototypeOf(subClass, superClass);
+}
+
+function _setPrototypeOf(o, p) {
+  _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
+    o.__proto__ = p;
+    return o;
+  };
+
+  return _setPrototypeOf(o, p);
 }
 
 function _objectWithoutPropertiesLoose(source, excluded) {
@@ -104,42 +118,42 @@ var BlockTypeDropdown = /*#__PURE__*/function (_Component) {
 
     switch (label) {
       case 'styles.p':
-        return /*#__PURE__*/React__default.createElement("div", {
+        return /*#__PURE__*/React__default["default"].createElement("div", {
           className: "default-p"
         }, formattedLabelText);
 
       case 'styles.h1':
-        return /*#__PURE__*/React__default.createElement("div", {
+        return /*#__PURE__*/React__default["default"].createElement("div", {
           className: "default-h1"
         }, formattedLabelText);
 
       case 'styles.h2':
-        return /*#__PURE__*/React__default.createElement("div", {
+        return /*#__PURE__*/React__default["default"].createElement("div", {
           className: "default-h2"
         }, formattedLabelText);
 
       case 'styles.h3':
-        return /*#__PURE__*/React__default.createElement("div", {
+        return /*#__PURE__*/React__default["default"].createElement("div", {
           className: "default-h3"
         }, formattedLabelText);
 
       case 'styles.h4':
-        return /*#__PURE__*/React__default.createElement("div", {
+        return /*#__PURE__*/React__default["default"].createElement("div", {
           className: "default-h4"
         }, formattedLabelText);
 
       case 'styles.h5':
-        return /*#__PURE__*/React__default.createElement("div", {
+        return /*#__PURE__*/React__default["default"].createElement("div", {
           className: "default-h5"
         }, formattedLabelText);
 
       case 'styles.h6':
-        return /*#__PURE__*/React__default.createElement("div", {
+        return /*#__PURE__*/React__default["default"].createElement("div", {
           className: "default-h6"
         }, formattedLabelText);
 
       default:
-        return /*#__PURE__*/React__default.createElement("p", null, formattedLabelText);
+        return /*#__PURE__*/React__default["default"].createElement("p", null, formattedLabelText);
     }
   };
 
@@ -150,7 +164,7 @@ var BlockTypeDropdown = /*#__PURE__*/function (_Component) {
         options = _this$props.options,
         selected = _this$props.selected,
         i18n = _this$props.i18n;
-    return /*#__PURE__*/React__default.createElement(dropdown.Dropdown, {
+    return /*#__PURE__*/React__default["default"].createElement(dropdown.Dropdown, {
       className: "block-type-dropdown",
       items: options.map(function (option) {
         return _this2.toItem(option);
@@ -177,7 +191,7 @@ var BlockTypeControls = function BlockTypeControls(_ref) {
   var selectedOption = blockTypes.find(function (option) {
     return option.style === blockTypeStyle;
   }) || blockTypes[0];
-  return /*#__PURE__*/React__default.createElement(BlockTypeDropdown$1, {
+  return /*#__PURE__*/React__default["default"].createElement(BlockTypeDropdown$1, {
     options: blockTypes,
     selected: selectedOption,
     onChange: onToggle
@@ -232,10 +246,10 @@ var StyleButton = /*#__PURE__*/function (_Component) {
         label = _this$props3.label,
         title = _this$props3.title,
         hotKey = _this$props3.hotKey;
-    var classNames = cx('editor-stylebutton', {
+    var classNames = cx__default["default"]('editor-stylebutton', {
       active: active
     });
-    return /*#__PURE__*/React__default.createElement("div", {
+    return /*#__PURE__*/React__default["default"].createElement("div", {
       className: classNames,
       onMouseDown: this.onToggle,
       title: i18n(title) + hotKey,
@@ -259,10 +273,10 @@ var BlockTypeButtonControls = function BlockTypeButtonControls(props) {
       onToggle = props.onToggle;
   var selection = editorState.getSelection();
   var blockTypeStyle = editorState.getCurrentContent().getBlockForKey(selection.getStartKey()).getType();
-  return /*#__PURE__*/React__default.createElement("div", {
+  return /*#__PURE__*/React__default["default"].createElement("div", {
     className: "controls-group block-editor-controls"
   }, blockTypes.map(function (type, i) {
-    return /*#__PURE__*/React__default.createElement(StyleButton$1, {
+    return /*#__PURE__*/React__default["default"].createElement(StyleButton$1, {
       key: i,
       active: type.style === blockTypeStyle,
       label: type.label,
@@ -386,23 +400,23 @@ var BlockTypeLinkControls = /*#__PURE__*/function (_Component) {
     var _this$state = this.state,
         showUrlInput = _this$state.showUrlInput,
         hasLink = _this$state.hasLink;
-    return /*#__PURE__*/React__default.createElement("div", {
+    return /*#__PURE__*/React__default["default"].createElement("div", {
       className: "controls-group block-editor-controls link-controls"
-    }, /*#__PURE__*/React__default.createElement("div", {
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
       className: "editor-stylebutton",
       title: i18n('styles.link'),
       onClick: this.addLink,
       tabIndex: 0
-    }, /*#__PURE__*/React__default.createElement(icons.LinkIcon, null)), showUrlInput && /*#__PURE__*/React__default.createElement("div", {
+    }, /*#__PURE__*/React__default["default"].createElement(icons.LinkIcon, null)), showUrlInput && /*#__PURE__*/React__default["default"].createElement("div", {
       className: "url-input-container"
-    }, /*#__PURE__*/React__default.createElement("span", {
+    }, /*#__PURE__*/React__default["default"].createElement("span", {
       className: "exit-button",
       onMouseDown: this.cancelLink
-    }, /*#__PURE__*/React__default.createElement(icons.CloseIcon, null)), /*#__PURE__*/React__default.createElement("div", {
+    }, /*#__PURE__*/React__default["default"].createElement(icons.CloseIcon, null)), /*#__PURE__*/React__default["default"].createElement("div", {
       className: "link-label"
-    }, i18n('common.from')), /*#__PURE__*/React__default.createElement("div", {
+    }, i18n('common.from')), /*#__PURE__*/React__default["default"].createElement("div", {
       className: "url-input-form"
-    }, /*#__PURE__*/React__default.createElement(form.TextField, {
+    }, /*#__PURE__*/React__default["default"].createElement(form.TextField, {
       style: {
         width: 250,
         margin: 5
@@ -411,25 +425,25 @@ var BlockTypeLinkControls = /*#__PURE__*/function (_Component) {
       value: this.state.urlValue,
       onKeyDown: this.onLinkInputKeyDown,
       placeholder: "https://example.com"
-    }), /*#__PURE__*/React__default.createElement(button.SecondarySquareButton, {
+    }), /*#__PURE__*/React__default["default"].createElement(button.SecondarySquareButton, {
       onMouseDown: this.confirmLink
-    }, /*#__PURE__*/React__default.createElement(icons.CheckIcon, {
+    }, /*#__PURE__*/React__default["default"].createElement(icons.CheckIcon, {
       width: 15,
       height: 15
-    }))), hasLink && /*#__PURE__*/React__default.createElement("div", {
+    }))), hasLink && /*#__PURE__*/React__default["default"].createElement("div", {
       className: "remove-link"
-    }, /*#__PURE__*/React__default.createElement(common.Unbutton, {
+    }, /*#__PURE__*/React__default["default"].createElement(common.Unbutton, {
       onClick: this.removeLink,
       title: i18n('styles.unlink')
-    }, /*#__PURE__*/React__default.createElement(icons.UnlinkIcon, null), i18n('styles.unlink')))));
+    }, /*#__PURE__*/React__default["default"].createElement(icons.UnlinkIcon, null), i18n('styles.unlink')))));
   };
 
   return BlockTypeLinkControls;
 }(React.Component);
 
 BlockTypeLinkControls.propTypes = {
-  editorState: PropTypes.object,
-  onToggle: PropTypes.func
+  editorState: PropTypes__default["default"].object,
+  onToggle: PropTypes__default["default"].func
 };
 var BlockTypeLinkControls$1 = /*#__PURE__*/withI18n(BlockTypeLinkControls);
 
@@ -437,10 +451,10 @@ var InlineStyleControls = function InlineStyleControls(props) {
   var editorState = props.editorState,
       inlineStyles = props.inlineStyles;
   var currentStyle = editorState.getCurrentInlineStyle();
-  return /*#__PURE__*/React__default.createElement("div", {
+  return /*#__PURE__*/React__default["default"].createElement("div", {
     className: "controls-group inline-editor-controls"
   }, inlineStyles.map(function (type, i) {
-    return /*#__PURE__*/React__default.createElement(StyleButton$1, {
+    return /*#__PURE__*/React__default["default"].createElement(StyleButton$1, {
       key: i,
       active: currentStyle.has(type.style),
       label: type.label,
@@ -508,21 +522,21 @@ var TagControls = /*#__PURE__*/function (_Component) {
     var isOpen = this.state.isOpen;
     var menuItems = tags.map(function (tag, i) {
       var delimiter = tag.delimiter || '{}';
-      return /*#__PURE__*/React__default.createElement(legacy.MenuItem, {
+      return /*#__PURE__*/React__default["default"].createElement(legacy.MenuItem, {
         key: i,
         className: "tag-control",
         id: 'tag-control-' + tag.tag,
         onClick: function onClick() {
           return _this2.handleTagClick(tag.tag, delimiter);
         }
-      }, tag.icon, /*#__PURE__*/React__default.createElement("span", {
+      }, tag.icon, /*#__PURE__*/React__default["default"].createElement("span", {
         className: "tag-control-text"
       }, tag.label));
     });
-    return /*#__PURE__*/React__default.createElement("div", {
+    return /*#__PURE__*/React__default["default"].createElement("div", {
       className: "tag-control-dropdown",
       ref: this.tagControlRef
-    }, /*#__PURE__*/React__default.createElement("div", {
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
       className: "tag-control-header",
       onClick: function onClick() {
         return _this2.setState(function (_ref) {
@@ -532,13 +546,13 @@ var TagControls = /*#__PURE__*/function (_Component) {
           };
         });
       }
-    }, i18n('common.insert'), /*#__PURE__*/React__default.createElement(icons.DownArrowIcon, {
+    }, i18n('common.insert'), /*#__PURE__*/React__default["default"].createElement(icons.DownArrowIcon, {
       className: "tag-control-chevron",
       inline: true
-    })), /*#__PURE__*/React__default.createElement(legacy.Popover, {
+    })), /*#__PURE__*/React__default["default"].createElement(legacy.Popover, {
       open: isOpen,
       className: "tag-control-content"
-    }, /*#__PURE__*/React__default.createElement(legacy.Menu, {
+    }, /*#__PURE__*/React__default["default"].createElement(legacy.Menu, {
       className: "action-menu"
     }, menuItems)));
   };
@@ -547,16 +561,16 @@ var TagControls = /*#__PURE__*/function (_Component) {
 }(React.Component);
 
 TagControls.propTypes = {
-  editorState: PropTypes.object,
-  tags: /*#__PURE__*/PropTypes.arrayOf(PropTypes.object).isRequired,
-  onInsertTag: PropTypes.func.isRequired
+  editorState: PropTypes__default["default"].object,
+  tags: PropTypes__default["default"].arrayOf(PropTypes__default["default"].object).isRequired,
+  onInsertTag: PropTypes__default["default"].func.isRequired
 };
 var TagControls$1 = /*#__PURE__*/withI18n(TagControls);
 
 var HtmlLink = function HtmlLink(_ref) {
   var url = _ref.url,
       children = _ref.children;
-  return /*#__PURE__*/React__default.createElement("a", {
+  return /*#__PURE__*/React__default["default"].createElement("a", {
     href: url
   }, children);
 };
@@ -565,7 +579,7 @@ var Link = function Link(props) {
   var _props$contentState$g = props.contentState.getEntity(props.entityKey).getData(),
       url = _props$contentState$g.url;
 
-  return /*#__PURE__*/React__default.createElement(HtmlLink, {
+  return /*#__PURE__*/React__default["default"].createElement(HtmlLink, {
     url: url
   }, props.children);
 };
@@ -629,31 +643,31 @@ var FontList = /*#__PURE__*/Object.freeze({
 });
 var BlockTypeList = /*#__PURE__*/Object.freeze({
   'unordered-list': {
-    label: /*#__PURE__*/React__default.createElement(icons.BulletListIcon, null),
+    label: /*#__PURE__*/React__default["default"].createElement(icons.BulletListIcon, null),
     style: 'unordered-list-item',
     tooltip: 'styles.unordered_list_item'
   },
   'ordered-list': {
-    label: /*#__PURE__*/React__default.createElement(icons.NumberListIcon, null),
+    label: /*#__PURE__*/React__default["default"].createElement(icons.NumberListIcon, null),
     style: 'ordered-list-item',
     tooltip: 'styles.ordered_list_item'
   }
 });
 var InlineStylesList = /*#__PURE__*/Object.freeze({
   bold: {
-    label: /*#__PURE__*/React__default.createElement(icons.BoldIcon, null),
+    label: /*#__PURE__*/React__default["default"].createElement(icons.BoldIcon, null),
     style: 'BOLD',
     tooltip: 'styles.bold',
     hotKey: '(Ctrl+B)'
   },
   italic: {
-    label: /*#__PURE__*/React__default.createElement(icons.ItalicIcon, null),
+    label: /*#__PURE__*/React__default["default"].createElement(icons.ItalicIcon, null),
     style: 'ITALIC',
     tooltip: 'styles.italic',
     hotKey: '(Ctrl+I)'
   },
   underline: {
-    label: /*#__PURE__*/React__default.createElement(icons.UnderlineIcon, null),
+    label: /*#__PURE__*/React__default["default"].createElement(icons.UnderlineIcon, null),
     style: 'UNDERLINE',
     tooltip: 'styles.underline',
     hotKey: '(Ctrl+U)'
@@ -805,35 +819,35 @@ var RichTextEditor = /*#__PURE__*/function (_Component) {
         editorState = _this$props5.editorState,
         onChange = _this$props5.onChange,
         handleBeforeInput = _this$props5.handleBeforeInput;
-    var classNames = cx('editor-root', className);
-    return /*#__PURE__*/React__default.createElement("div", {
+    var classNames = cx__default["default"]('editor-root', className);
+    return /*#__PURE__*/React__default["default"].createElement("div", {
       ref: this.wrapperRef
-    }, label && /*#__PURE__*/React__default.createElement(typography.Label, null, label), /*#__PURE__*/React__default.createElement("div", {
+    }, label && /*#__PURE__*/React__default["default"].createElement(typography.Label, null, label), /*#__PURE__*/React__default["default"].createElement("div", {
       className: classNames
-    }, /*#__PURE__*/React__default.createElement("div", {
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
       className: "controls-wrapper"
-    }, showFontMenu && /*#__PURE__*/React__default.createElement(BlockTypeControls, {
+    }, showFontMenu && /*#__PURE__*/React__default["default"].createElement(BlockTypeControls, {
       editorState: editorState,
       onToggle: this.toggleSelectBlockType,
       blockTypes: this.getFontListConfigForPanelType('fontList')
-    }), showInlineStyleMenu && /*#__PURE__*/React__default.createElement(InlineStyleControls, {
+    }), showInlineStyleMenu && /*#__PURE__*/React__default["default"].createElement(InlineStyleControls, {
       editorState: editorState,
       onToggle: this.toggleInlineStyle,
       inlineStyles: this.getFontListConfigForPanelType('inlineStyles')
-    }), showTextFormatMenu && /*#__PURE__*/React__default.createElement(BlockTypeButtonControls, {
+    }), showTextFormatMenu && /*#__PURE__*/React__default["default"].createElement(BlockTypeButtonControls, {
       editorState: editorState,
       onToggle: this.toggleButtonBlockType,
       blockTypes: this.getFontListConfigForPanelType('blockTypes')
-    }), showLinkMenu && /*#__PURE__*/React__default.createElement(BlockTypeLinkControls$1, {
+    }), showLinkMenu && /*#__PURE__*/React__default["default"].createElement(BlockTypeLinkControls$1, {
       editorState: editorState,
       onToggle: this.toggleLink
-    }), tags && tags.length > 0 && /*#__PURE__*/React__default.createElement(TagControls$1, {
+    }), tags && tags.length > 0 && /*#__PURE__*/React__default["default"].createElement(TagControls$1, {
       editorState: editorState,
       tags: tags,
       onInsertTag: this.insertText
-    })), /*#__PURE__*/React__default.createElement("div", {
+    })), /*#__PURE__*/React__default["default"].createElement("div", {
       className: "editor-wrapper"
-    }, /*#__PURE__*/React__default.createElement(draftJs.Editor, {
+    }, /*#__PURE__*/React__default["default"].createElement(draftJs.Editor, {
       ref: this.editor,
       editorState: editorState,
       handleKeyCommand: this.handleKeyCommand,
@@ -850,26 +864,26 @@ var RichTextEditor = /*#__PURE__*/function (_Component) {
 RichTextEditor.decorator = decorator;
 
 var styleShape = function styleShape(configList) {
-  return PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOf([].concat(Object.values(configList)))), PropTypes.arrayOf(PropTypes.shape({
-    type: PropTypes.oneOf([].concat(Object.values(configList))),
-    label: PropTypes.string,
-    style: PropTypes.string,
-    tooltip: PropTypes.string,
-    hotKey: PropTypes.string
+  return PropTypes__default["default"].oneOfType([PropTypes__default["default"].arrayOf(PropTypes__default["default"].oneOf([].concat(Object.values(configList)))), PropTypes__default["default"].arrayOf(PropTypes__default["default"].shape({
+    type: PropTypes__default["default"].oneOf([].concat(Object.values(configList))),
+    label: PropTypes__default["default"].string,
+    style: PropTypes__default["default"].string,
+    tooltip: PropTypes__default["default"].string,
+    hotKey: PropTypes__default["default"].string
   }))]);
 };
 
 RichTextEditor.propTypes = {
-  editorState: PropTypes.object.isRequired,
-  onChange: PropTypes.func.isRequired,
-  maxTabDepth: PropTypes.number,
-  showFontMenu: PropTypes.bool,
-  showInlineStyleMenu: PropTypes.bool,
-  showTextFormatMenu: PropTypes.bool,
-  showLinkMenu: PropTypes.bool,
-  label: PropTypes.string,
-  tags: /*#__PURE__*/PropTypes.arrayOf(PropTypes.object),
-  controlConfigSet: /*#__PURE__*/PropTypes.shape({
+  editorState: PropTypes__default["default"].object.isRequired,
+  onChange: PropTypes__default["default"].func.isRequired,
+  maxTabDepth: PropTypes__default["default"].number,
+  showFontMenu: PropTypes__default["default"].bool,
+  showInlineStyleMenu: PropTypes__default["default"].bool,
+  showTextFormatMenu: PropTypes__default["default"].bool,
+  showLinkMenu: PropTypes__default["default"].bool,
+  label: PropTypes__default["default"].string,
+  tags: /*#__PURE__*/PropTypes__default["default"].arrayOf(PropTypes__default["default"].object),
+  controlConfigSet: /*#__PURE__*/PropTypes__default["default"].shape({
     fontList: /*#__PURE__*/styleShape(EditorConfigTypes.FONT_LIST),
     blockTypes: /*#__PURE__*/styleShape(EditorConfigTypes.BLOCK_TYPES),
     inlineStyles: /*#__PURE__*/styleShape(EditorConfigTypes.INLINE_STYLES)
@@ -901,13 +915,15 @@ var markdownToEditorState = function markdownToEditorState(markdown) {
   var contentState = draftJs.convertFromRaw(rawState);
   return draftJs.EditorState.createWithContent(contentState, decorator);
 };
-var converter = /*#__PURE__*/new showdown.Converter({
+var converter = /*#__PURE__*/new showdown__default["default"].Converter({
   underline: true
 });
 var markdownToHtml = function markdownToHtml(markdown) {
   return converter.makeHtml(markdown);
 };
 
+var _excluded = ["name", "title", "languages"];
+
 var RichTextEditorForLanguage = function RichTextEditorForLanguage(_ref) {
   var _ref$language = _ref.language,
       langKey = _ref$language.value,
@@ -939,7 +955,7 @@ var RichTextEditorForLanguage = function RichTextEditorForLanguage(_ref) {
   };
 
   var feedbackText = feedback && feedback(langKey);
-  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(RichTextEditor, {
+  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(RichTextEditor, {
     label: required ? label + '*' : label,
     editorState: editorState,
     onChange: function onChange(changedState) {
@@ -947,7 +963,7 @@ var RichTextEditorForLanguage = function RichTextEditorForLanguage(_ref) {
     },
     controlConfigSet: MinifiedConfigTypes,
     tags: tags
-  }), variant && (feedbackText == null ? void 0 : feedbackText.length) > 0 && /*#__PURE__*/React__default.createElement(form.FeedbackText, {
+  }), variant && (feedbackText == null ? void 0 : feedbackText.length) > 0 && /*#__PURE__*/React__default["default"].createElement(form.FeedbackText, {
     variant: variant(langKey)
   }, feedbackText));
 };
@@ -956,9 +972,9 @@ var ExpandableMultiLanguageRichTextEditor = function ExpandableMultiLanguageRich
   var name = _ref2.name,
       title = _ref2.title,
       languages = _ref2.languages,
-      rest = _objectWithoutPropertiesLoose(_ref2, ["name", "title", "languages"]);
+      rest = _objectWithoutPropertiesLoose(_ref2, _excluded);
 
-  return /*#__PURE__*/React__default.createElement(expand.ExpandablePanel, {
+  return /*#__PURE__*/React__default["default"].createElement(expand.ExpandablePanel, {
     title: title,
     defaultOpen: true,
     contentStyle: {
@@ -966,13 +982,13 @@ var ExpandableMultiLanguageRichTextEditor = function ExpandableMultiLanguageRich
       marginTop: '16px',
       marginBottom: '16px'
     }
-  }, /*#__PURE__*/React__default.createElement(common.Stack, {
+  }, /*#__PURE__*/React__default["default"].createElement(common.Stack, {
     space: "medium"
   }, languages.map(function (lang) {
-    return /*#__PURE__*/React__default.createElement("div", {
+    return /*#__PURE__*/React__default["default"].createElement("div", {
       key: name + lang.value,
       "data-testid": "multi-lang-rich-text-" + name + "-" + lang.value
-    }, /*#__PURE__*/React__default.createElement(RichTextEditorForLanguage, Object.assign({
+    }, /*#__PURE__*/React__default["default"].createElement(RichTextEditorForLanguage, _extends({
       language: lang
     }, rest)));
   })));
@@ -983,7 +999,7 @@ var ExpandableMultiLanguageRichTextEditor = function ExpandableMultiLanguageRich
 var entityToHtml = {
   entityToHTML: function entityToHTML(entity, originalText) {
     if (entity.type === 'LINK') {
-      return /*#__PURE__*/React__default.createElement(HtmlLink, {
+      return /*#__PURE__*/React__default["default"].createElement(HtmlLink, {
         url: entity.data.url
       }, originalText);
     }