@entur-partner/rich-text-editor 6.2.3 → 6.2.4-alpha.0

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

@@ -2,20 +2,20 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var expand = require('@entur/expand');
+var form = require('@entur/form');
+var common = require('@entur-partner/common');
 var React = require('react');
+var typography = require('@entur/typography');
+var cx = require('classnames');
 var draftJs = require('draft-js');
 var PropTypes = require('prop-types');
-var cx = require('classnames');
-var typography = require('@entur/typography');
-var dropdown = require('@entur/dropdown');
 var reactI18next = require('react-i18next');
-var form = require('@entur/form');
-var icons = require('@entur/icons');
-var common = require('@entur-partner/common');
 var button = require('@entur/button');
-var tooltip = require('@entur/tooltip');
+var icons = require('@entur/icons');
+var dropdown = require('@entur/dropdown');
 var menu = require('@entur/menu');
-var expand = require('@entur/expand');
+var tooltip = require('@entur/tooltip');
 var markdownDraftJs = require('markdown-draft-js');
 var showdown = require('showdown');
 var draftConvert = require('draft-convert');
@@ -23,8 +23,8 @@ 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 PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var showdown__default = /*#__PURE__*/_interopDefaultLegacy(showdown);
 
 function _extends() {
@@ -66,12 +66,19 @@ function _objectWithoutPropertiesLoose(source, excluded) {
   return target;
 }
 
+var Key = /*#__PURE__*/Object.freeze({
+  ENTER: 13
+});
+function getKey(event) {
+  return event.keyCode || event.which;
+}
+
 function useI18N() {
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t,
     language = _useTranslation.i18n.language;
-  if (language !== 'nb' && language !== 'en' && language !== 'nb-NO' && language !== 'en-GB') {
-    throw Error('Language must be either nb or en.');
+  if (language !== "nb" && language !== "en" && language !== "nb-NO" && language !== "en-GB") {
+    throw Error("Language must be either nb or en.");
   }
   return t;
 }
@@ -84,107 +91,6 @@ function withI18n(Component) {
   };
 }
 
-var BlockTypeDropdown = /*#__PURE__*/function (_Component) {
-  function BlockTypeDropdown() {
-    var _this;
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _Component.call.apply(_Component, [this].concat(args)) || this;
-    _this.handleOnClick = function (selectedOption) {
-      var onChange = _this.props.onChange;
-      onChange(selectedOption);
-    };
-    return _this;
-  }
-  _inheritsLoose(BlockTypeDropdown, _Component);
-  var _proto = BlockTypeDropdown.prototype;
-  _proto.toItem = function toItem(option) {
-    return {
-      value: option.style,
-      label: this.renderFormattedLabel(option.label)
-    };
-  };
-  _proto.renderFormattedLabel = function renderFormattedLabel(label) {
-    var formattedLabelText = this.props.i18n(label);
-    switch (label) {
-      case 'styles.p':
-        return /*#__PURE__*/React__default["default"].createElement("div", {
-          className: "default-p"
-        }, formattedLabelText);
-      case 'styles.h1':
-        return /*#__PURE__*/React__default["default"].createElement("div", {
-          className: "default-h1"
-        }, formattedLabelText);
-      case 'styles.h2':
-        return /*#__PURE__*/React__default["default"].createElement("div", {
-          className: "default-h2"
-        }, formattedLabelText);
-      case 'styles.h3':
-        return /*#__PURE__*/React__default["default"].createElement("div", {
-          className: "default-h3"
-        }, formattedLabelText);
-      case 'styles.h4':
-        return /*#__PURE__*/React__default["default"].createElement("div", {
-          className: "default-h4"
-        }, formattedLabelText);
-      case 'styles.h5':
-        return /*#__PURE__*/React__default["default"].createElement("div", {
-          className: "default-h5"
-        }, formattedLabelText);
-      case 'styles.h6':
-        return /*#__PURE__*/React__default["default"].createElement("div", {
-          className: "default-h6"
-        }, formattedLabelText);
-      default:
-        return /*#__PURE__*/React__default["default"].createElement("p", null, formattedLabelText);
-    }
-  };
-  _proto.render = function render() {
-    var _this2 = this;
-    var _this$props = this.props,
-      options = _this$props.options,
-      selected = _this$props.selected,
-      i18n = _this$props.i18n;
-    return /*#__PURE__*/React__default["default"].createElement(dropdown.Dropdown, {
-      className: "block-type-dropdown",
-      items: options.map(function (option) {
-        return _this2.toItem(option);
-      }),
-      selectedItem: this.toItem(selected),
-      label: i18n('styles.style'),
-      onChange: function onChange(selectedItem) {
-        return _this2.handleOnClick(selectedItem.value);
-      }
-    });
-  };
-  return BlockTypeDropdown;
-}(React.Component);
-var BlockTypeDropdown$1 = /*#__PURE__*/withI18n(BlockTypeDropdown);
-
-var BlockTypeControls = function BlockTypeControls(_ref) {
-  var editorState = _ref.editorState,
-    blockTypes = _ref.blockTypes,
-    onToggle = _ref.onToggle;
-  var selection = editorState.getSelection();
-  var blockTypeStyle = editorState.getCurrentContent().getBlockForKey(selection.getStartKey()).getType();
-  var selectedOption = blockTypes.find(function (option) {
-    return option.style === blockTypeStyle;
-  }) || blockTypes[0];
-  return /*#__PURE__*/React__default["default"].createElement(BlockTypeDropdown$1, {
-    options: blockTypes,
-    selected: selectedOption,
-    onChange: onToggle
-  });
-};
-
-var Key = /*#__PURE__*/Object.freeze({
-  ENTER: 13
-});
-function getKey(event) {
-  return event.keyCode || event.which;
-}
-
 var StyleButton = /*#__PURE__*/function (_Component) {
   function StyleButton() {
     var _this;
@@ -217,20 +123,26 @@ var StyleButton = /*#__PURE__*/function (_Component) {
       label = _this$props3.label,
       title = _this$props3.title,
       hotKey = _this$props3.hotKey;
-    var classNames = cx__default["default"]('editor-stylebutton', {
+    var classNames = cx__default["default"]("editor-stylebutton", {
       active: active
     });
-    return /*#__PURE__*/React__default["default"].createElement("div", {
-      className: classNames,
-      onMouseDown: this.onToggle,
-      title: i18n(title) + hotKey,
-      tabIndex: 0,
-      onKeyPress: function onKeyPress(event) {
-        if (getKey(event) === Key.ENTER) {
-          _this2.onToggleNoEvent();
+    return (
+      /*#__PURE__*/
+      // biome-ignore lint/a11y/noStaticElementInteractions: Ignore for now.
+      React__default["default"].createElement("div", {
+        className: classNames,
+        onMouseDown: this.onToggle,
+        title: i18n(title) + hotKey
+        // biome-ignore lint/a11y/noNoninteractiveTabindex: Ignore for now.
+        ,
+        tabIndex: 0,
+        onKeyPress: function onKeyPress(event) {
+          if (getKey(event) === Key.ENTER) {
+            _this2.onToggleNoEvent();
+          }
         }
-      }
-    }, label);
+      }, label)
+    );
   };
   return StyleButton;
 }(React.Component);
@@ -244,9 +156,9 @@ var BlockTypeButtonControls = function BlockTypeButtonControls(props) {
   var blockTypeStyle = editorState.getCurrentContent().getBlockForKey(selection.getStartKey()).getType();
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: "controls-group block-editor-controls"
-  }, blockTypes.map(function (type, i) {
+  }, blockTypes.map(function (type) {
     return /*#__PURE__*/React__default["default"].createElement(StyleButton$1, {
-      key: i,
+      key: type.style + type.label,
       active: type.style === blockTypeStyle,
       label: type.label,
       onToggle: onToggle,
@@ -264,7 +176,7 @@ var BlockTypeLinkControls = /*#__PURE__*/function (_Component) {
     }
     _this = _Component.call.apply(_Component, [this].concat(args)) || this;
     _this.state = {
-      urlValue: '',
+      urlValue: "",
       showUrlInput: false,
       hasLink: false
     };
@@ -283,7 +195,7 @@ var BlockTypeLinkControls = /*#__PURE__*/function (_Component) {
         var startOffset = selection.getStartOffset();
         var blockWithLinkAtBeginning = currentContent.getBlockForKey(startKey);
         var linkKey = blockWithLinkAtBeginning.getEntityAt(startOffset);
-        var url = '';
+        var url = "";
         if (linkKey) {
           var linkInstance = currentContent.getEntity(linkKey);
           url = linkInstance.getData().url;
@@ -302,7 +214,7 @@ var BlockTypeLinkControls = /*#__PURE__*/function (_Component) {
         editorState = _this$props.editorState,
         onToggle = _this$props.onToggle;
       var contentState = editorState.getCurrentContent();
-      var contentStateWithEntity = contentState.createEntity('LINK', 'MUTABLE', {
+      var contentStateWithEntity = contentState.createEntity("LINK", "MUTABLE", {
         url: urlValue
       });
       var entityKey = contentStateWithEntity.getLastCreatedEntityKey();
@@ -312,14 +224,14 @@ var BlockTypeLinkControls = /*#__PURE__*/function (_Component) {
       onToggle(newEditorState, entityKey);
       _this.setState({
         showUrlInput: false,
-        urlValue: ''
+        urlValue: ""
       });
     };
     _this.cancelLink = function (e) {
       e.preventDefault();
       _this.setState({
         showUrlInput: false,
-        urlValue: ''
+        urlValue: ""
       });
     };
     _this.onLinkInputKeyDown = function (e) {
@@ -354,7 +266,7 @@ var BlockTypeLinkControls = /*#__PURE__*/function (_Component) {
       className: "controls-group block-editor-controls link-controls"
     }, /*#__PURE__*/React__default["default"].createElement("div", {
       className: "editor-stylebutton",
-      title: i18n('styles.link'),
+      title: i18n("styles.link"),
       onClick: this.addLink,
       tabIndex: 0
     }, /*#__PURE__*/React__default["default"].createElement(icons.LinkIcon, null)), showUrlInput && /*#__PURE__*/React__default["default"].createElement("div", {
@@ -364,7 +276,7 @@ var BlockTypeLinkControls = /*#__PURE__*/function (_Component) {
       onMouseDown: this.cancelLink
     }, /*#__PURE__*/React__default["default"].createElement(icons.CloseIcon, null)), /*#__PURE__*/React__default["default"].createElement("div", {
       className: "link-label"
-    }, i18n('common.from')), /*#__PURE__*/React__default["default"].createElement("div", {
+    }, i18n("common.from")), /*#__PURE__*/React__default["default"].createElement("div", {
       className: "url-input-form"
     }, /*#__PURE__*/React__default["default"].createElement(form.TextField, {
       style: {
@@ -384,8 +296,8 @@ var BlockTypeLinkControls = /*#__PURE__*/function (_Component) {
       className: "remove-link"
     }, /*#__PURE__*/React__default["default"].createElement(common.Unbutton, {
       onClick: this.removeLink,
-      title: i18n('styles.unlink')
-    }, /*#__PURE__*/React__default["default"].createElement(icons.UnlinkIcon, null), i18n('styles.unlink')))));
+      title: i18n("styles.unlink")
+    }, /*#__PURE__*/React__default["default"].createElement(icons.UnlinkIcon, null), i18n("styles.unlink")))));
   };
   return BlockTypeLinkControls;
 }(React.Component);
@@ -395,15 +307,109 @@ BlockTypeLinkControls.propTypes = {
 };
 var BlockTypeLinkControls$1 = /*#__PURE__*/withI18n(BlockTypeLinkControls);
 
+var BlockTypeDropdown = /*#__PURE__*/function (_Component) {
+  function BlockTypeDropdown() {
+    var _this;
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _Component.call.apply(_Component, [this].concat(args)) || this;
+    _this.handleOnClick = function (selectedOption) {
+      var onChange = _this.props.onChange;
+      onChange(selectedOption);
+    };
+    return _this;
+  }
+  _inheritsLoose(BlockTypeDropdown, _Component);
+  var _proto = BlockTypeDropdown.prototype;
+  _proto.toItem = function toItem(option) {
+    return {
+      value: option.style,
+      label: this.renderFormattedLabel(option.label)
+    };
+  };
+  _proto.renderFormattedLabel = function renderFormattedLabel(label) {
+    var formattedLabelText = this.props.i18n(label);
+    switch (label) {
+      case "styles.p":
+        return /*#__PURE__*/React__default["default"].createElement("div", {
+          className: "default-p"
+        }, formattedLabelText);
+      case "styles.h1":
+        return /*#__PURE__*/React__default["default"].createElement("div", {
+          className: "default-h1"
+        }, formattedLabelText);
+      case "styles.h2":
+        return /*#__PURE__*/React__default["default"].createElement("div", {
+          className: "default-h2"
+        }, formattedLabelText);
+      case "styles.h3":
+        return /*#__PURE__*/React__default["default"].createElement("div", {
+          className: "default-h3"
+        }, formattedLabelText);
+      case "styles.h4":
+        return /*#__PURE__*/React__default["default"].createElement("div", {
+          className: "default-h4"
+        }, formattedLabelText);
+      case "styles.h5":
+        return /*#__PURE__*/React__default["default"].createElement("div", {
+          className: "default-h5"
+        }, formattedLabelText);
+      case "styles.h6":
+        return /*#__PURE__*/React__default["default"].createElement("div", {
+          className: "default-h6"
+        }, formattedLabelText);
+      default:
+        return /*#__PURE__*/React__default["default"].createElement("p", null, formattedLabelText);
+    }
+  };
+  _proto.render = function render() {
+    var _this2 = this;
+    var _this$props = this.props,
+      options = _this$props.options,
+      selected = _this$props.selected,
+      i18n = _this$props.i18n;
+    return /*#__PURE__*/React__default["default"].createElement(dropdown.Dropdown, {
+      className: "block-type-dropdown",
+      items: options.map(function (option) {
+        return _this2.toItem(option);
+      }),
+      selectedItem: this.toItem(selected),
+      label: i18n("styles.style"),
+      onChange: function onChange(selectedItem) {
+        return _this2.handleOnClick(selectedItem.value);
+      }
+    });
+  };
+  return BlockTypeDropdown;
+}(React.Component);
+var BlockTypeDropdown$1 = /*#__PURE__*/withI18n(BlockTypeDropdown);
+
+var BlockTypeControls = function BlockTypeControls(_ref) {
+  var editorState = _ref.editorState,
+    blockTypes = _ref.blockTypes,
+    onToggle = _ref.onToggle;
+  var selection = editorState.getSelection();
+  var blockTypeStyle = editorState.getCurrentContent().getBlockForKey(selection.getStartKey()).getType();
+  var selectedOption = blockTypes.find(function (option) {
+    return option.style === blockTypeStyle;
+  }) || blockTypes[0];
+  return /*#__PURE__*/React__default["default"].createElement(BlockTypeDropdown$1, {
+    options: blockTypes,
+    selected: selectedOption,
+    onChange: onToggle
+  });
+};
+
 var InlineStyleControls = function InlineStyleControls(props) {
   var editorState = props.editorState,
     inlineStyles = props.inlineStyles;
   var currentStyle = editorState.getCurrentInlineStyle();
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: "controls-group inline-editor-controls"
-  }, inlineStyles.map(function (type, i) {
+  }, inlineStyles.map(function (type) {
     return /*#__PURE__*/React__default["default"].createElement(StyleButton$1, {
-      key: i,
+      key: type.style + type.label,
       active: currentStyle.has(type.style),
       label: type.label,
       onToggle: props.onToggle,
@@ -426,7 +432,7 @@ var TagControls = /*#__PURE__*/function (_Component) {
       isOpen: false
     };
     _this.handleClickOutside = function (e) {
-      if (_this.tagControlRef && _this.tagControlRef.current && !_this.tagControlRef.current.contains(e.target)) {
+      if (_this.tagControlRef.current && !_this.tagControlRef.current.contains(e.target)) {
         _this.setState({
           isOpen: false
         });
@@ -446,10 +452,10 @@ var TagControls = /*#__PURE__*/function (_Component) {
   _inheritsLoose(TagControls, _Component);
   var _proto = TagControls.prototype;
   _proto.componentDidMount = function componentDidMount() {
-    document.addEventListener('mousedown', this.handleClickOutside);
+    document.addEventListener("mousedown", this.handleClickOutside);
   };
   _proto.componentWillUnmount = function componentWillUnmount() {
-    document.removeEventListener('mousedown', this.handleClickOutside);
+    document.removeEventListener("mousedown", this.handleClickOutside);
   };
   _proto.render = function render() {
     var _this2 = this;
@@ -457,12 +463,12 @@ var TagControls = /*#__PURE__*/function (_Component) {
       i18n = _this$props2.i18n,
       tags = _this$props2.tags;
     var isOpen = this.state.isOpen;
-    var menuItems = tags.map(function (tag, i) {
-      var delimiter = tag.delimiter || '{}';
+    var menuItems = tags.map(function (tag) {
+      var delimiter = tag.delimiter || "{}";
       return /*#__PURE__*/React__default["default"].createElement(menu.OverflowMenuItem, {
-        key: i,
+        key: tag.tag,
         className: "tag-control",
-        id: 'tag-control-' + tag.tag,
+        id: "tag-control-" + tag.tag,
         onClick: function onClick() {
           return _this2.handleTagClick(tag.tag, delimiter);
         }
@@ -483,7 +489,7 @@ var TagControls = /*#__PURE__*/function (_Component) {
           };
         });
       }
-    }, i18n('common.insert'), /*#__PURE__*/React__default["default"].createElement(icons.DownArrowIcon, {
+    }, i18n("common.insert"), /*#__PURE__*/React__default["default"].createElement(icons.DownArrowIcon, {
       className: "tag-control-chevron",
       inline: true
     })), /*#__PURE__*/React__default["default"].createElement(tooltip.Popover, {
@@ -519,101 +525,101 @@ var Link = function Link(props) {
 function findLinkEntities(contentBlock, callback, contentState) {
   contentBlock.findEntityRanges(function (character) {
     var entityKey = character.getEntity();
-    return entityKey !== null && contentState.getEntity(entityKey).getType() === 'LINK';
+    return entityKey !== null && contentState.getEntity(entityKey).getType() === "LINK";
   }, callback);
 }
 
 var EditorConfigTypes = /*#__PURE__*/Object.freeze({
   FONT_LIST: {
-    UNSTYLED: 'unstyled',
-    HEADER_ONE: 'header-one',
-    HEADER_TWO: 'header-two',
-    HEADER_THREE: 'header-three',
-    HEADER_FOUR: 'header-four',
-    HEADER_FIVE: 'header-five',
-    HEADER_SIX: 'header-six'
+    UNSTYLED: "unstyled",
+    HEADER_ONE: "header-one",
+    HEADER_TWO: "header-two",
+    HEADER_THREE: "header-three",
+    HEADER_FOUR: "header-four",
+    HEADER_FIVE: "header-five",
+    HEADER_SIX: "header-six"
   },
   BLOCK_TYPES: {
-    UNORDERED_LIST: 'unordered-list',
-    ORDERED_LIST: 'ordered-list'
+    UNORDERED_LIST: "unordered-list",
+    ORDERED_LIST: "ordered-list"
   },
   INLINE_STYLES: {
-    BOLD: 'bold',
-    ITALIC: 'italic',
-    UNDERLINE: 'underline'
+    BOLD: "bold",
+    ITALIC: "italic",
+    UNDERLINE: "underline"
   }
 });
 var FontList = /*#__PURE__*/Object.freeze({
   unstyled: {
-    label: 'styles.p',
-    style: 'unstyled'
+    label: "styles.p",
+    style: "unstyled"
   },
-  'header-one': {
-    label: 'styles.h1',
-    style: 'header-one'
+  "header-one": {
+    label: "styles.h1",
+    style: "header-one"
   },
-  'header-two': {
-    label: 'styles.h2',
-    style: 'header-two'
+  "header-two": {
+    label: "styles.h2",
+    style: "header-two"
   },
-  'header-three': {
-    label: 'styles.h3',
-    style: 'header-three'
+  "header-three": {
+    label: "styles.h3",
+    style: "header-three"
   },
-  'header-four': {
-    label: 'styles.h4',
-    style: 'header-four'
+  "header-four": {
+    label: "styles.h4",
+    style: "header-four"
   },
-  'header-five': {
-    label: 'styles.h5',
-    style: 'header-five'
+  "header-five": {
+    label: "styles.h5",
+    style: "header-five"
   },
-  'header-six': {
-    label: 'styles.h6',
-    style: 'header-six'
+  "header-six": {
+    label: "styles.h6",
+    style: "header-six"
   }
 });
 var BlockTypeList = /*#__PURE__*/Object.freeze({
-  'unordered-list': {
+  "unordered-list": {
     label: /*#__PURE__*/React__default["default"].createElement(icons.BulletListIcon, null),
-    style: 'unordered-list-item',
-    tooltip: 'styles.unordered_list_item'
+    style: "unordered-list-item",
+    tooltip: "styles.unordered_list_item"
   },
-  'ordered-list': {
+  "ordered-list": {
     label: /*#__PURE__*/React__default["default"].createElement(icons.NumberListIcon, null),
-    style: 'ordered-list-item',
-    tooltip: 'styles.ordered_list_item'
+    style: "ordered-list-item",
+    tooltip: "styles.ordered_list_item"
   }
 });
 var InlineStylesList = /*#__PURE__*/Object.freeze({
   bold: {
     label: /*#__PURE__*/React__default["default"].createElement(icons.BoldIcon, null),
-    style: 'BOLD',
-    tooltip: 'styles.bold',
-    hotKey: '(Ctrl+B)'
+    style: "BOLD",
+    tooltip: "styles.bold",
+    hotKey: "(Ctrl+B)"
   },
   italic: {
     label: /*#__PURE__*/React__default["default"].createElement(icons.ItalicIcon, null),
-    style: 'ITALIC',
-    tooltip: 'styles.italic',
-    hotKey: '(Ctrl+I)'
+    style: "ITALIC",
+    tooltip: "styles.italic",
+    hotKey: "(Ctrl+I)"
   },
   underline: {
     label: /*#__PURE__*/React__default["default"].createElement(icons.UnderlineIcon, null),
-    style: 'UNDERLINE',
-    tooltip: 'styles.underline',
-    hotKey: '(Ctrl+U)'
+    style: "UNDERLINE",
+    tooltip: "styles.underline",
+    hotKey: "(Ctrl+U)"
   }
 });
 var MinifiedConfigTypes = /*#__PURE__*/Object.freeze({
   fontList: [{
-    type: 'unstyled',
-    label: 'styles.p',
-    style: 'unstyled'
+    type: "unstyled",
+    label: "styles.p",
+    style: "unstyled"
   }, {
-    type: 'header-two',
-    label: 'styles.h1',
-    style: 'header-two'
+    type: "header-two",
+    label: "styles.h1",
+    style: "header-two"
   }],
   blockTypes: /*#__PURE__*/Object.values(EditorConfigTypes.BLOCK_TYPES),
   inlineStyles: [EditorConfigTypes.INLINE_STYLES.BOLD, EditorConfigTypes.INLINE_STYLES.ITALIC]
@@ -679,7 +685,7 @@ var RichTextEditor = /*#__PURE__*/function (_Component) {
     };
     _this.insertText = function (editorState, text) {
       var newContent = draftJs.Modifier.insertText(editorState.getCurrentContent(), editorState.getSelection(), text);
-      _this.props.onChange(draftJs.EditorState.push(editorState, newContent, 'insert-characters'), function () {
+      _this.props.onChange(draftJs.EditorState.push(editorState, newContent, "insert-characters"), function () {
         return _this.focusEditor();
       });
     };
@@ -688,18 +694,18 @@ var RichTextEditor = /*#__PURE__*/function (_Component) {
       return controlConfig[panelType];
     };
     _this.getControlConfigBySet = function (config) {
-      var fontList = (config && config.fontList || Object.keys(FontList)).filter(function (f) {
-        return typeof f === 'object' ? FontList[f.type] : FontList[f];
+      var fontList = ((config == null ? void 0 : config.fontList) || Object.keys(FontList)).filter(function (f) {
+        return typeof f === "object" ? FontList[f.type] : FontList[f];
       }).map(function (f) {
         return f.label && f.style ? f : FontList[f];
       });
-      var blockTypes = (config && config.blockTypes || Object.keys(BlockTypeList)).filter(function (f) {
-        return typeof f === 'object' ? BlockTypeList[f.type] : BlockTypeList[f];
+      var blockTypes = ((config == null ? void 0 : config.blockTypes) || Object.keys(BlockTypeList)).filter(function (f) {
+        return typeof f === "object" ? BlockTypeList[f.type] : BlockTypeList[f];
       }).map(function (f) {
         return f.label && f.style ? f : BlockTypeList[f];
       });
-      var inlineStyles = (config && config.inlineStyles || Object.keys(InlineStylesList)).filter(function (f) {
-        return typeof f === 'object' ? InlineStylesList[f.type] : InlineStylesList[f];
+      var inlineStyles = ((config == null ? void 0 : config.inlineStyles) || Object.keys(InlineStylesList)).filter(function (f) {
+        return typeof f === "object" ? InlineStylesList[f.type] : InlineStylesList[f];
       }).map(function (f) {
         return f.label && f.style ? f : InlineStylesList[f];
       });
@@ -714,7 +720,8 @@ var RichTextEditor = /*#__PURE__*/function (_Component) {
   _inheritsLoose(RichTextEditor, _Component);
   var _proto = RichTextEditor.prototype;
   _proto.focusEditor = function focusEditor() {
-    this.editor.current && this.editor.current.focus();
+    var _this$editor$current;
+    (_this$editor$current = this.editor.current) == null || _this$editor$current.focus();
   };
   _proto.render = function render() {
     var _this$props5 = this.props,
@@ -728,7 +735,7 @@ var RichTextEditor = /*#__PURE__*/function (_Component) {
       editorState = _this$props5.editorState,
       onChange = _this$props5.onChange,
       handleBeforeInput = _this$props5.handleBeforeInput;
-    var classNames = cx__default["default"]('editor-root', className);
+    var classNames = cx__default["default"]("editor-root", className);
     return /*#__PURE__*/React__default["default"].createElement("div", {
       ref: this.wrapperRef
     }, label && /*#__PURE__*/React__default["default"].createElement(typography.Label, null, label), /*#__PURE__*/React__default["default"].createElement("div", {
@@ -738,15 +745,15 @@ var RichTextEditor = /*#__PURE__*/function (_Component) {
     }, showFontMenu && /*#__PURE__*/React__default["default"].createElement(BlockTypeControls, {
       editorState: editorState,
       onToggle: this.toggleSelectBlockType,
-      blockTypes: this.getFontListConfigForPanelType('fontList')
+      blockTypes: this.getFontListConfigForPanelType("fontList")
     }), showInlineStyleMenu && /*#__PURE__*/React__default["default"].createElement(InlineStyleControls, {
       editorState: editorState,
       onToggle: this.toggleInlineStyle,
-      inlineStyles: this.getFontListConfigForPanelType('inlineStyles')
+      inlineStyles: this.getFontListConfigForPanelType("inlineStyles")
     }), showTextFormatMenu && /*#__PURE__*/React__default["default"].createElement(BlockTypeButtonControls, {
       editorState: editorState,
       onToggle: this.toggleButtonBlockType,
-      blockTypes: this.getFontListConfigForPanelType('blockTypes')
+      blockTypes: this.getFontListConfigForPanelType("blockTypes")
     }), showLinkMenu && /*#__PURE__*/React__default["default"].createElement(BlockTypeLinkControls$1, {
       editorState: editorState,
       onToggle: this.toggleLink
@@ -800,7 +807,7 @@ RichTextEditor.defaultProps = {
   showInlineStyleMenu: true,
   showTextFormatMenu: true,
   showLinkMenu: true,
-  label: ''
+  label: ""
 };
 
 var editorStateToMarkdown = function editorStateToMarkdown(editorState) {
@@ -843,7 +850,7 @@ var RichTextEditorForLanguage = function RichTextEditorForLanguage(_ref) {
   var handleOnChange = function handleOnChange(changedState) {
     var newValues = _extends({}, values);
     var content = editorStateToMarkdown(changedState);
-    if (values[langKey] && content === '\n') {
+    if (values[langKey] && content === "\n") {
       delete newValues[langKey];
     } else {
       newValues[langKey] = content;
@@ -851,16 +858,16 @@ var RichTextEditorForLanguage = function RichTextEditorForLanguage(_ref) {
     setEditorState(changedState);
     onChange(newValues);
   };
-  var feedbackText = feedback && feedback(langKey);
+  var feedbackText = feedback == null ? void 0 : feedback(langKey);
   return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(RichTextEditor, {
-    label: required ? label + '*' : label,
+    label: required ? label + "*" : label,
     editorState: editorState,
     onChange: function onChange(changedState) {
       return handleOnChange(changedState);
     },
     controlConfigSet: MinifiedConfigTypes,
     tags: tags
-  }), variant && (feedbackText == null ? void 0 : feedbackText.length) > 0 && ( /*#__PURE__*/React__default["default"].createElement(form.FeedbackText, {
+  }), variant && feedbackText && feedbackText.length > 0 && ( /*#__PURE__*/React__default["default"].createElement(form.FeedbackText, {
     variant: variant(langKey)
   }, feedbackText)));
 };
@@ -873,9 +880,9 @@ var ExpandableMultiLanguageRichTextEditor = function ExpandableMultiLanguageRich
     title: title,
     defaultOpen: true,
     contentStyle: {
-      padding: '4px 4px 4px 4px',
-      marginTop: '16px',
-      marginBottom: '16px'
+      padding: "4px 4px 4px 4px",
+      marginTop: "16px",
+      marginBottom: "16px"
     }
   }, /*#__PURE__*/React__default["default"].createElement(common.Stack, {
     space: "medium"
@@ -889,11 +896,9 @@ var ExpandableMultiLanguageRichTextEditor = function ExpandableMultiLanguageRich
   })));
 };
 
-/* eslint-disable react/display-name */
-
 var entityToHtml = {
   entityToHTML: function entityToHTML(entity, originalText) {
-    if (entity.type === 'LINK') {
+    if (entity.type === "LINK") {
       return /*#__PURE__*/React__default["default"].createElement(HtmlLink, {
         url: entity.data.url
       }, originalText);
@@ -903,16 +908,13 @@ var entityToHtml = {
 };
 var htmlToEntity = {
   htmlToEntity: function htmlToEntity(nodeName, node, createEntity) {
-    if (nodeName === 'a') {
-      return createEntity('LINK', 'MUTABLE', {
+    if (nodeName === "a") {
+      return createEntity("LINK", "MUTABLE", {
         url: node.href
       });
     }
   }
 };
-
-/* eslint-disable react/display-name */
-
 var htmlToEditorState = function htmlToEditorState(html) {
   if (!html) {
     return draftJs.EditorState.createEmpty(decorator);