plataforma-fundacao-componentes 2.25.5 → 2.25.6

package/dist/index.js

@@ -10988,16 +10988,19 @@ function TextEditorHeaderInput(props) {
   var getInputProps = function getInputProps() {
     return {
       onFocus: function onFocus(evt) {
-        document.getElementById(inputLabelId).classList.add('top');
+        var el = document.getElementById(inputLabelId);
+        el.classList.add('top');
         if (typeof props.onFocus === 'function') props.onFocus(evt);
       },
-      onBlur: function onBlur(evt) {
+      onBlur: function onBlur() {
+        var el = document.getElementById(inputLabelId);
         if (!props.value) {
-          document.getElementById(inputLabelId).classList.remove('top');
+          el.classList.remove('top');
         }
       },
       onChange: function onChange(evt) {
-        props.onChange(evt);
+        var _props$onChange;
+        (_props$onChange = props.onChange) === null || _props$onChange === void 0 ? void 0 : _props$onChange.call(props, evt);
         evt.stopPropagation();
       },
       className: getMergedClassNames([rootClassName$2y + "-input", props.className || '']),
@@ -11009,56 +11012,42 @@ function TextEditorHeaderInput(props) {
       }
     };
   };
-  return /*#__PURE__*/React.createElement("div", {
+  return React$1__default.createElement("div", {
     className: rootClassName$2y
-  }, /*#__PURE__*/React.createElement("div", {
+  }, React$1__default.createElement("div", {
     id: inputLabelId,
     className: getMergedClassNames([rootClassName$2y + "-label", props.value ? 'top' : ''])
-  }, props.label), /*#__PURE__*/React.createElement("input", getInputProps()));
+  }, props.label), React$1__default.createElement("input", Object.assign({}, getInputProps())));
 }
-TextEditorHeaderInput.propTypes = {
-  onChange: propTypes.func,
-  label: propTypes.string,
-  value: propTypes.oneOfType([propTypes.number, propTypes.string]),
-  onEnter: propTypes.func
-};
 TextEditorHeaderInput.defaultProps = {
   onChange: function onChange() {}
 };
 
 var rootClassName$2z = 'text-editor-menu-button';
 function TextEditorMenuButton(props) {
-  return /*#__PURE__*/React.createElement("button", _extends({}, props, {
+  return React$1__default.createElement("button", Object.assign({}, props, {
     className: getMergedClassNames([props.className || '', rootClassName$2z])
   }));
 }
-TextEditorMenuButton.propTypes = {
-  onClick: propTypes.func,
-  disabled: propTypes.bool
-};
 
 var rootClassName$2A = 'text-editor-color-picker';
 var colorClassName = rootClassName$2A + "-color-button";
 var defaultColors = ['#121212', '#323c32', '#5a645a', '#828a82', '#33820d', '#3fa110'];
-var ColorButton = function ColorButton(props) {
-  return /*#__PURE__*/React.createElement("button", {
+function ColorButton(props) {
+  return React$1__default.createElement("button", {
     disabled: props.disabled,
     className: colorClassName,
     onClick: function onClick() {
-      return props.onClick(props.color);
+      return props.onPick(props.color);
     },
     style: {
       backgroundColor: props.color
     }
   });
-};
-ColorButton.propTypes = {
-  color: propTypes.string,
-  onClick: propTypes.func,
-  disabled: propTypes.bool
-};
+}
 var timeOutID = null;
 function TextEditorColorPicker(props) {
+  var _window$localStorage$;
   var _useState = React$1.useState(''),
     hexa = _useState[0],
     setHexa = _useState[1];
@@ -11068,21 +11057,24 @@ function TextEditorColorPicker(props) {
     previousSelection = _useState3[0],
     setPreviousSelection = _useState3[1];
   React$1.useEffect(function () {
-    setHexa(props.atualColor);
+    var _props$atualColor;
+    setHexa((_props$atualColor = props.atualColor) != null ? _props$atualColor : '');
   }, [props.atualColor]);
   React$1.useEffect(function () {
+    var selection = window.getSelection();
     if (props.opened) {
-      var _window$getSelection = window.getSelection(),
-        anchorNode = _window$getSelection.anchorNode,
-        anchorOffset = _window$getSelection.anchorOffset,
-        focusNode = _window$getSelection.focusNode,
-        focusOffset = _window$getSelection.focusOffset;
-      setPreviousSelection({
-        anchorNode: anchorNode,
-        anchorOffset: anchorOffset,
-        focusNode: focusNode,
-        focusOffset: focusOffset
-      });
+      if (selection) {
+        var anchorNode = selection.anchorNode,
+          anchorOffset = selection.anchorOffset,
+          focusNode = selection.focusNode,
+          focusOffset = selection.focusOffset;
+        setPreviousSelection({
+          anchorNode: anchorNode,
+          anchorOffset: anchorOffset,
+          focusNode: focusNode,
+          focusOffset: focusOffset
+        });
+      }
       var el = document.querySelector("#" + id + " input:nth-of-type(2)");
       if (el) {
         el.focus();
@@ -11092,49 +11084,51 @@ function TextEditorColorPicker(props) {
       }
     }
   }, [props.opened]);
-  var lastUsedColors = JSON.parse(window.localStorage.getItem('lastUsedColors')) || ['', '', '', '', '', ''];
+  var lastUsedColors = JSON.parse((_window$localStorage$ = window.localStorage.getItem('lastUsedColors')) != null ? _window$localStorage$ : '') || ['', '', '', '', '', ''];
   var submitColor = function submitColor(color) {
-    window.getSelection().setBaseAndExtent(previousSelection.anchorNode, previousSelection.anchorOffset, previousSelection.focusNode, previousSelection.focusOffset);
+    var _window$getSelection;
+    (_window$getSelection = window.getSelection()) === null || _window$getSelection === void 0 ? void 0 : _window$getSelection.setBaseAndExtent(previousSelection.anchorNode, previousSelection.anchorOffset, previousSelection.focusNode, previousSelection.focusOffset);
     props.onChange(color);
   };
   var handleSubmit = function handleSubmit() {
+    var _window$getSelection2;
     if (!validaHexadecimalColor(hexa)) return;
-    window.getSelection().setBaseAndExtent(previousSelection.anchorNode, previousSelection.anchorOffset, previousSelection.focusNode, previousSelection.focusOffset);
+    (_window$getSelection2 = window.getSelection()) === null || _window$getSelection2 === void 0 ? void 0 : _window$getSelection2.setBaseAndExtent(previousSelection.anchorNode, previousSelection.anchorOffset, previousSelection.focusNode, previousSelection.focusOffset);
     props.onChange(hexa);
     var arr = [hexa, lastUsedColors[0] || '', lastUsedColors[1] || '', lastUsedColors[2] || '', lastUsedColors[3] || '', lastUsedColors[4] || ''];
     setTimeout(function () {
       window.localStorage.setItem('lastUsedColors', JSON.stringify(arr));
     }, 250);
   };
-  return /*#__PURE__*/React.createElement("div", {
+  return React$1__default.createElement("div", {
     id: id,
     className: rootClassName$2A
-  }, /*#__PURE__*/React.createElement("div", {
+  }, React$1__default.createElement("div", {
     className: rootClassName$2A + "-colors"
   }, defaultColors.map(function (color, index) {
-    return /*#__PURE__*/React.createElement(ColorButton, {
+    return React$1__default.createElement(ColorButton, {
       key: index,
       color: color,
-      onClick: function onClick(color) {
+      onPick: function onPick(color) {
         return submitColor(color);
       }
     });
-  })), /*#__PURE__*/React.createElement("div", {
+  })), React$1__default.createElement("div", {
     className: rootClassName$2A + "-colors"
   }, lastUsedColors.map(function (color, index) {
-    return /*#__PURE__*/React.createElement(ColorButton, {
+    return React$1__default.createElement(ColorButton, {
       key: index,
       disabled: color === '',
       color: color,
-      onClick: function onClick(color) {
+      onPick: function onPick(color) {
         return submitColor(color);
       }
     });
-  })), /*#__PURE__*/React.createElement("div", {
+  })), React$1__default.createElement("div", {
     className: rootClassName$2A + "-hexa-row"
-  }, /*#__PURE__*/React.createElement("div", {
+  }, React$1__default.createElement("div", {
     className: rootClassName$2A + "-picker-col"
-  }, /*#__PURE__*/React.createElement("input", {
+  }, React$1__default.createElement("input", {
     value: hexa,
     onChange: function onChange(evt) {
       evt.stopPropagation();
@@ -11145,15 +11139,15 @@ function TextEditorColorPicker(props) {
       }, 200);
     },
     className: rootClassName$2A + "-color-picker",
-    type: "color"
-  })), /*#__PURE__*/React.createElement(TextEditorHeaderInput, {
-    label: "Hexadecimal",
+    type: 'color'
+  })), React$1__default.createElement(TextEditorHeaderInput, {
+    label: 'Hexadecimal',
     onChange: function onChange(evt) {
       return setHexa(formatHexadecimalColor(evt.target.value));
     },
     value: hexa,
     onEnter: handleSubmit
-  }), /*#__PURE__*/React.createElement(TextEditorMenuButton, {
+  }), React$1__default.createElement(TextEditorMenuButton, {
     disabled: !validaHexadecimalColor(hexa),
     onClick: handleSubmit,
     style: {
@@ -11161,29 +11155,21 @@ function TextEditorColorPicker(props) {
     }
   }, "OK")));
 }
-TextEditorColorPicker.propTypes = {
-  onChange: propTypes.func,
-  atualColor: propTypes.string,
-  opened: propTypes.bool
-};
 TextEditorColorPicker.defaultProps = {
   onChange: function onChange() {}
 };
 
+var _excluded$2 = ["icon", "active"];
 var rootClassName$2B = 'text-editor-header-button';
-function TextEditorHeaderButton(props) {
-  return /*#__PURE__*/React.createElement("button", {
-    className: getMergedClassNames([rootClassName$2B, props.active ? 'active' : '']),
-    onClick: props.onClick,
-    disabled: props.disabled
-  }, props.icon);
+function TextEditorHeaderButton(_ref) {
+  var _props$className;
+  var icon = _ref.icon,
+    active = _ref.active,
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2);
+  return React$1__default.createElement("button", Object.assign({
+    className: getMergedClassNames([rootClassName$2B, active ? 'active' : '', (_props$className = props.className) != null ? _props$className : ''])
+  }, props), icon);
 }
-TextEditorHeaderButton.propTypes = {
-  icon: propTypes.object,
-  onClick: propTypes.func,
-  active: propTypes.bool,
-  disabled: propTypes.bool
-};
 
 var rootClassName$2C = 'text-editor-title-choser';
 function TextEditorTitleChoser(props) {
@@ -11193,18 +11179,20 @@ function TextEditorTitleChoser(props) {
     previousSelection = _useState2[0],
     setPreviousSelection = _useState2[1];
   React$1.useEffect(function () {
+    var selection = window.getSelection();
     if (props.opened) {
-      var _window$getSelection = window.getSelection(),
-        anchorNode = _window$getSelection.anchorNode,
-        anchorOffset = _window$getSelection.anchorOffset,
-        focusNode = _window$getSelection.focusNode,
-        focusOffset = _window$getSelection.focusOffset;
-      setPreviousSelection({
-        anchorNode: anchorNode,
-        anchorOffset: anchorOffset,
-        focusNode: focusNode,
-        focusOffset: focusOffset
-      });
+      if (selection) {
+        var anchorNode = selection.anchorNode,
+          anchorOffset = selection.anchorOffset,
+          focusNode = selection.focusNode,
+          focusOffset = selection.focusOffset;
+        setPreviousSelection({
+          anchorNode: anchorNode,
+          anchorOffset: anchorOffset,
+          focusNode: focusNode,
+          focusOffset: focusOffset
+        });
+      }
       var el = document.querySelector("#" + id + " button");
       if (el) {
         el.focus();
@@ -11215,28 +11203,25 @@ function TextEditorTitleChoser(props) {
     }
   }, [props.opened]);
   var handleChange = function handleChange(text) {
-    window.getSelection().setBaseAndExtent(previousSelection.anchorNode, previousSelection.anchorOffset, previousSelection.focusNode, previousSelection.focusOffset);
+    var _window$getSelection;
+    (_window$getSelection = window.getSelection()) === null || _window$getSelection === void 0 ? void 0 : _window$getSelection.setBaseAndExtent(previousSelection.anchorNode, previousSelection.anchorOffset, previousSelection.focusNode, previousSelection.focusOffset);
     if (typeof props.onChange === 'function') {
       props.onChange(text);
     }
   };
-  return /*#__PURE__*/React.createElement("div", {
+  return React$1__default.createElement("div", {
     className: rootClassName$2C,
     id: id
-  }, /*#__PURE__*/React.createElement("button", {
+  }, React$1__default.createElement("button", {
     onClick: function onClick() {
       return handleChange('H1');
     }
-  }, /*#__PURE__*/React.createElement("h1", null, "T\xEDtulo")), /*#__PURE__*/React.createElement("button", {
+  }, React$1__default.createElement("h1", null, "T\xEDtulo")), React$1__default.createElement("button", {
     onClick: function onClick() {
       return handleChange('H6');
     }
-  }, /*#__PURE__*/React.createElement("h6", null, "Texto")));
+  }, React$1__default.createElement("h6", null, "Texto")));
 }
-TextEditorTitleChoser.propTypes = {
-  onChange: propTypes.func,
-  opened: propTypes.bool
-};
 TextEditorTitleChoser.defaultProps = {
   onChange: function onChange() {}
 };
@@ -11262,6 +11247,7 @@ function TextEditorUrlCreator(props) {
     setUpdating = _useState6[1];
   React$1.useEffect(function () {
     if (props.opened) {
+      var _window$getSelection, _selection$anchorNode;
       var selection = window.getSelection();
       var anchorNode = selection.anchorNode,
         anchorOffset = selection.anchorOffset,
@@ -11273,13 +11259,15 @@ function TextEditorUrlCreator(props) {
         focusNode: focusNode,
         focusOffset: focusOffset
       });
-      if (window.getSelection().toString().length) {
-        setTextValue(window.getSelection().toString());
+      if ((_window$getSelection = window.getSelection()) !== null && _window$getSelection !== void 0 && _window$getSelection.toString().length) {
+        var _window$getSelection$, _window$getSelection2;
+        setTextValue((_window$getSelection$ = (_window$getSelection2 = window.getSelection()) === null || _window$getSelection2 === void 0 ? void 0 : _window$getSelection2.toString()) != null ? _window$getSelection$ : '');
       }
-      var aux = selection.anchorNode.parentElement;
-      while (!aux.hasAttribute('id', props.editorId)) {
+      var aux = (_selection$anchorNode = selection.anchorNode) === null || _selection$anchorNode === void 0 ? void 0 : _selection$anchorNode.parentElement;
+      while (aux && aux.getAttribute('id') !== props.editorId) {
         if (aux.tagName === 'A') {
-          setUrlValue(aux.getAttribute('href'));
+          var _aux$getAttribute;
+          setUrlValue((_aux$getAttribute = aux.getAttribute('href')) != null ? _aux$getAttribute : '');
           setNewTab(aux.getAttribute('target') === '_blank');
           setUpdating(true);
           break;
@@ -11296,60 +11284,57 @@ function TextEditorUrlCreator(props) {
     }
   }, [props.opened]);
   var handleSubmit = function handleSubmit() {
+    var _window$getSelection3;
     if (!urlValue || !textValue) return;
-    window.getSelection().setBaseAndExtent(previousSelection.anchorNode, previousSelection.anchorOffset, previousSelection.focusNode, previousSelection.focusOffset);
+    (_window$getSelection3 = window.getSelection()) === null || _window$getSelection3 === void 0 ? void 0 : _window$getSelection3.setBaseAndExtent(previousSelection.anchorNode, previousSelection.anchorOffset, previousSelection.focusNode, previousSelection.focusOffset);
     props.onChange(textValue, urlValue, newTab);
   };
-  return /*#__PURE__*/React.createElement("div", {
+  return React$1__default.createElement("div", {
     id: id,
     className: rootClassName$2D
-  }, /*#__PURE__*/React.createElement(Row$1, {
+  }, React$1__default.createElement(Row$1, {
     className: rootClassName$2D + "-url-row"
-  }, /*#__PURE__*/React.createElement(TextEditorHeaderInput, {
-    label: "Url",
+  }, React$1__default.createElement(TextEditorHeaderInput, {
+    label: 'Url',
     value: urlValue,
     onChange: function onChange(evt) {
       return setUrlValue(evt.target.value);
     },
     onEnter: handleSubmit
-  })), /*#__PURE__*/React.createElement(Row$1, {
+  })), React$1__default.createElement(Row$1, {
     className: rootClassName$2D + "-text-row"
-  }, /*#__PURE__*/React.createElement(TextEditorHeaderInput, {
-    label: "Texto",
+  }, React$1__default.createElement(TextEditorHeaderInput, {
+    label: 'Texto',
     value: textValue,
     onChange: function onChange(evt) {
       return setTextValue(evt.target.value);
     },
     onEnter: handleSubmit
-  })), /*#__PURE__*/React.createElement(Row$1, {
+  })), React$1__default.createElement(Row$1, {
     className: rootClassName$2D + "-new-tab-row"
-  }, /*#__PURE__*/React.createElement(Checkbox$1, {
+  }, React$1__default.createElement(Checkbox$1, {
     value: newTab,
     onChange: function onChange(value) {
       return setNewTab(value);
     }
-  }), /*#__PURE__*/React.createElement("span", {
+  }), React$1__default.createElement("span", {
     onClick: function onClick() {
       return setNewTab(!newTab);
     }
-  }, "Nova Guia")), /*#__PURE__*/React.createElement(Row$1, {
+  }, "Nova Guia")), React$1__default.createElement(Row$1, {
     className: rootClassName$2D + "-ok-row"
-  }, /*#__PURE__*/React.createElement(TextEditorMenuButton, {
+  }, React$1__default.createElement(TextEditorMenuButton, {
     disabled: !urlValue || !textValue,
     onClick: handleSubmit
   }, isUpdating ? 'Atualizar' : 'OK')));
 }
-TextEditorUrlCreator.propTypes = {
-  opened: propTypes.bool,
-  onChange: propTypes.func,
-  editorId: propTypes.string
-};
 TextEditorUrlCreator.defaultProps = {
   onChange: function onChange() {}
 };
 
 var rootClassName$2E = 'component-text-editor';
 function TextEditor(props) {
+  var _cursor$foreColor;
   var _useState = React$1.useState(getUniqueKey()),
     id = _useState[0];
   var _useState2 = React$1.useState(false),
@@ -11388,11 +11373,13 @@ function TextEditor(props) {
     var selection = window.getSelection();
     if (!selection || !selection.anchorNode) return;
     var aux = selection.anchorNode.parentElement;
-    while (!aux.hasAttribute('class', rootClassName$2E + "-editor")) {
+    while (aux && !((_aux = aux) !== null && _aux !== void 0 && _aux.hasAttribute('class'))) {
+      var _aux;
       if (aux.tagName === 'A') {
         isLink = true;
       } else if (aux.tagName === 'FONT') {
-        fore = aux.getAttribute('color');
+        var _aux$getAttribute;
+        fore = (_aux$getAttribute = aux.getAttribute('color')) != null ? _aux$getAttribute : '';
       }
       aux = aux.parentElement;
     }
@@ -11408,25 +11395,28 @@ function TextEditor(props) {
       justifyFull: document.queryCommandState('justifyFull')
     }));
   };
-  var handleChange = function handleChange(evt) {
+  var handleChange = function handleChange() {
     var editor = document.querySelector("#" + id);
     if (typeof props.onChange === 'function') props.onChange(editor.innerHTML, String(editor.innerText).trim().replace(/\n/g, ' '));
   };
   var handlePaste = function handlePaste(evt) {
     evt.preventDefault();
-    var text = evt.clipboardData ? (evt.originalEvent || evt).clipboardData.getData('text/plain') : window.clipboardData ? window.clipboardData.getData('Text') : '';
+    var text = (evt.originalEvent || evt).clipboardData.getData('text/plain');
     if (document.queryCommandSupported('insertText')) {
       document.execCommand('insertText', false, text);
     } else {
-      var range = document.getSelection().getRangeAt(0);
-      range.deleteContents();
-      var textNode = document.createTextNode(text);
-      range.insertNode(textNode);
-      range.selectNodeContents(textNode);
-      range.collapse(false);
-      var selection = window.getSelection();
-      selection.removeAllRanges();
-      selection.addRange(range);
+      var _document$getSelectio;
+      var range = (_document$getSelectio = document.getSelection()) === null || _document$getSelectio === void 0 ? void 0 : _document$getSelectio.getRangeAt(0);
+      if (range) {
+        range.deleteContents();
+        var textNode = document.createTextNode(text);
+        range.insertNode(textNode);
+        range.selectNodeContents(textNode);
+        range.collapse(false);
+        var selection = window.getSelection();
+        selection === null || selection === void 0 ? void 0 : selection.removeAllRanges();
+        selection === null || selection === void 0 ? void 0 : selection.addRange(range);
+      }
     }
   };
   React$1.useEffect(function () {
@@ -11434,28 +11424,29 @@ function TextEditor(props) {
     editor.addEventListener('input', handleChange);
     editor.addEventListener('paste', handlePaste);
     return function () {
-      editor.remove('paste', handlePaste);
+      editor.removeEventListener('paste', handlePaste);
       editor.removeEventListener('input', handleChange);
     };
   }, []);
   React$1.useEffect(function () {
     var editor = document.querySelector("#" + id);
     if (editor.innerHTML.toString() !== props.value) {
-      editor.innerHTML = props.value;
+      var _props$value;
+      editor.innerHTML = (_props$value = props.value) != null ? _props$value : '';
     }
   }, [props.value]);
-  return /*#__PURE__*/React.createElement("div", {
+  return React$1__default.createElement("div", {
     className: rootClassName$2E + "-outer"
-  }, !props.hideTopLabel && /*#__PURE__*/React.createElement("div", {
+  }, !props.hideTopLabel && React$1__default.createElement("div", {
     className: getMergedClassNames([rootClassName$2E + "-top-label", props.disabled ? 'disabled' : '', props.error ? 'error' : ''])
-  }, props.topLabel), /*#__PURE__*/React.createElement("div", getProps(), /*#__PURE__*/React.createElement("div", {
+  }, props.topLabel), React$1__default.createElement("div", Object.assign({}, getProps()), React$1__default.createElement("div", {
     className: rootClassName$2E + "-header"
-  }, /*#__PURE__*/React.createElement("div", {
+  }, React$1__default.createElement("div", {
     className: rootClassName$2E + "-left-content"
-  }, /*#__PURE__*/React.createElement(DropdownMenu, {
+  }, React$1__default.createElement(DropdownMenu, {
     opened: fontOpened,
     setOpened: setFontOpened,
-    content: /*#__PURE__*/React.createElement(TextEditorTitleChoser, {
+    content: React$1__default.createElement(TextEditorTitleChoser, {
       opened: fontOpened,
       onChange: function onChange(title) {
         if (title === void 0) {
@@ -11465,144 +11456,146 @@ function TextEditor(props) {
         setFontOpened(false);
       }
     })
-  }, /*#__PURE__*/React.createElement(TextEditorHeaderButton, {
+  }, React$1__default.createElement(TextEditorHeaderButton, {
     disabled: props.disabled,
     onClick: function onClick() {
-      document.querySelector("#" + id).focus();
+      var _document$querySelect;
+      (_document$querySelect = document.querySelector("#" + id)) === null || _document$querySelect === void 0 ? void 0 : _document$querySelect.focus();
       setFontOpened(!fontOpened);
     },
-    icon: /*#__PURE__*/React.createElement(FontIcon, null)
-  })), /*#__PURE__*/React.createElement(DropdownMenu, {
+    icon: React$1__default.createElement(FontIcon, null)
+  })), React$1__default.createElement(DropdownMenu, {
     opened: fontColorOpened,
     setOpened: setFontColorOpened,
-    content: /*#__PURE__*/React.createElement(TextEditorColorPicker, {
+    content: React$1__default.createElement(TextEditorColorPicker, {
       opened: fontColorOpened,
-      atualColor: cursor.foreColor,
+      atualColor: (_cursor$foreColor = cursor.foreColor) != null ? _cursor$foreColor : '',
       onChange: function onChange(color) {
+        var _document$querySelect2;
         format('foreColor', color);
         setFontColorOpened(false);
-        document.querySelector("#" + id).focus();
+        (_document$querySelect2 = document.querySelector("#" + id)) === null || _document$querySelect2 === void 0 ? void 0 : _document$querySelect2.focus();
       }
     })
-  }, /*#__PURE__*/React.createElement(TextEditorHeaderButton, {
+  }, React$1__default.createElement(TextEditorHeaderButton, {
     disabled: props.disabled,
     onClick: function onClick() {
-      document.querySelector("#" + id).focus();
+      var _document$querySelect3;
+      (_document$querySelect3 = document.querySelector("#" + id)) === null || _document$querySelect3 === void 0 ? void 0 : _document$querySelect3.focus();
       setFontColorOpened(!fontColorOpened);
     },
-    icon: /*#__PURE__*/React.createElement(FontColorIcon, {
+    icon: React$1__default.createElement(FontColorIcon, {
       gota: cursor.foreColor
     })
-  })), /*#__PURE__*/React.createElement(TextEditorHeaderButton, {
+  })), React$1__default.createElement(TextEditorHeaderButton, {
     disabled: props.disabled,
     active: cursor.bold,
-    icon: /*#__PURE__*/React.createElement(BoldIcon, null),
+    icon: React$1__default.createElement(BoldIcon, null),
     onClick: function onClick() {
+      var _document$querySelect4;
       format('bold');
-      document.querySelector("#" + id).focus();
+      (_document$querySelect4 = document.querySelector("#" + id)) === null || _document$querySelect4 === void 0 ? void 0 : _document$querySelect4.focus();
     }
-  }), /*#__PURE__*/React.createElement(TextEditorHeaderButton, {
+  }), React$1__default.createElement(TextEditorHeaderButton, {
     disabled: props.disabled,
     active: cursor.italic,
-    icon: /*#__PURE__*/React.createElement(ItalicIcon, null),
+    icon: React$1__default.createElement(ItalicIcon, null),
     onClick: function onClick() {
+      var _document$querySelect5;
       format('italic');
-      document.querySelector("#" + id).focus();
+      (_document$querySelect5 = document.querySelector("#" + id)) === null || _document$querySelect5 === void 0 ? void 0 : _document$querySelect5.focus();
     }
-  }), /*#__PURE__*/React.createElement(TextEditorHeaderButton, {
+  }), React$1__default.createElement(TextEditorHeaderButton, {
     disabled: props.disabled,
     active: cursor.underline,
-    icon: /*#__PURE__*/React.createElement(UnderlineIcon, null),
+    icon: React$1__default.createElement(UnderlineIcon, null),
     onClick: function onClick() {
+      var _document$querySelect6;
       format('underline');
-      document.querySelector("#" + id).focus();
+      (_document$querySelect6 = document.querySelector("#" + id)) === null || _document$querySelect6 === void 0 ? void 0 : _document$querySelect6.focus();
     }
-  }), /*#__PURE__*/React.createElement(DropdownMenu, {
+  }), React$1__default.createElement(DropdownMenu, {
     opened: linkOpened,
     setOpened: setLinkOpened,
-    content: /*#__PURE__*/React.createElement(TextEditorUrlCreator, {
+    content: React$1__default.createElement(TextEditorUrlCreator, {
       editorId: id,
       opened: linkOpened,
       onChange: function onChange(text, link, newTab) {
+        var _document$querySelect7;
         format('insertHTML', "<a href=\"" + link + "\"" + (newTab ? 'target="_blank"' : '') + ">" + text + "</a>");
         setLinkOpened(false);
-        document.querySelector("#" + id).focus();
+        (_document$querySelect7 = document.querySelector("#" + id)) === null || _document$querySelect7 === void 0 ? void 0 : _document$querySelect7.focus();
       }
     })
-  }, /*#__PURE__*/React.createElement(TextEditorHeaderButton, {
+  }, React$1__default.createElement(TextEditorHeaderButton, {
     disabled: props.disabled,
     active: cursor.link,
     onClick: function onClick() {
-      document.querySelector("#" + id).focus();
+      var _document$querySelect8;
+      (_document$querySelect8 = document.querySelector("#" + id)) === null || _document$querySelect8 === void 0 ? void 0 : _document$querySelect8.focus();
       setLinkOpened(!linkOpened);
     },
-    icon: /*#__PURE__*/React.createElement(LinkIcon, null)
-  })), /*#__PURE__*/React.createElement(TextEditorHeaderButton, {
+    icon: React$1__default.createElement(LinkIcon, null)
+  })), React$1__default.createElement(TextEditorHeaderButton, {
     disabled: props.disabled,
     active: cursor.justifyLeft,
-    icon: /*#__PURE__*/React.createElement(AlignLeftIcon, null),
+    icon: React$1__default.createElement(AlignLeftIcon, null),
     onClick: function onClick() {
+      var _document$querySelect9;
       format('justifyLeft');
-      document.querySelector("#" + id).focus();
+      (_document$querySelect9 = document.querySelector("#" + id)) === null || _document$querySelect9 === void 0 ? void 0 : _document$querySelect9.focus();
     }
-  }), /*#__PURE__*/React.createElement(TextEditorHeaderButton, {
+  }), React$1__default.createElement(TextEditorHeaderButton, {
     disabled: props.disabled,
     active: cursor.justifyFull,
-    icon: /*#__PURE__*/React.createElement(AlignJustifyIcon, null),
+    icon: React$1__default.createElement(AlignJustifyIcon, null),
     onClick: function onClick() {
+      var _document$querySelect10;
       format('justifyFull');
-      document.querySelector("#" + id).focus();
+      (_document$querySelect10 = document.querySelector("#" + id)) === null || _document$querySelect10 === void 0 ? void 0 : _document$querySelect10.focus();
     }
-  }), /*#__PURE__*/React.createElement(TextEditorHeaderButton, {
+  }), React$1__default.createElement(TextEditorHeaderButton, {
     disabled: props.disabled,
     active: cursor.justifyCenter,
-    icon: /*#__PURE__*/React.createElement(AlignCenterIcon, null),
+    icon: React$1__default.createElement(AlignCenterIcon, null),
     onClick: function onClick() {
+      var _document$querySelect11;
       format('justifyCenter');
-      document.querySelector("#" + id).focus();
+      (_document$querySelect11 = document.querySelector("#" + id)) === null || _document$querySelect11 === void 0 ? void 0 : _document$querySelect11.focus();
     }
-  }), /*#__PURE__*/React.createElement(TextEditorHeaderButton, {
+  }), React$1__default.createElement(TextEditorHeaderButton, {
     disabled: props.disabled,
     active: cursor.justifyRight,
-    icon: /*#__PURE__*/React.createElement(AlignRightIcon, null),
+    icon: React$1__default.createElement(AlignRightIcon, null),
     onClick: function onClick() {
+      var _document$querySelect12;
       format('justifyRight');
-      document.querySelector("#" + id).focus();
+      (_document$querySelect12 = document.querySelector("#" + id)) === null || _document$querySelect12 === void 0 ? void 0 : _document$querySelect12.focus();
     }
-  })), /*#__PURE__*/React.createElement("div", {
+  })), React$1__default.createElement("div", {
     className: rootClassName$2E + "-right-content"
-  }, /*#__PURE__*/React.createElement(TextEditorHeaderButton, {
+  }, React$1__default.createElement(TextEditorHeaderButton, {
     disabled: props.disabled,
-    icon: /*#__PURE__*/React.createElement(UndoIcon, null),
+    icon: React$1__default.createElement(UndoIcon, null),
     onClick: function onClick() {
       return format('undo');
     }
-  }), /*#__PURE__*/React.createElement(TextEditorHeaderButton, {
+  }), React$1__default.createElement(TextEditorHeaderButton, {
     disabled: props.disabled,
-    icon: /*#__PURE__*/React.createElement(RedoIcon, null),
+    icon: React$1__default.createElement(RedoIcon, null),
     onClick: function onClick() {
       return format('redo');
     }
-  }))), /*#__PURE__*/React.createElement("div", {
+  }))), React$1__default.createElement("div", {
     id: id,
     className: rootClassName$2E + "-editor",
     contentEditable: !props.disabled,
     onClick: verifyCursor,
     onKeyUp: verifyCursor
-  })), !props.hideHelperText && /*#__PURE__*/React.createElement("div", {
+  })), !props.hideHelperText && React$1__default.createElement("div", {
     className: getMergedClassNames([rootClassName$2E + "-helper-text", props.disabled ? 'disabled' : '', props.error ? 'error' : ''])
   }, props.helperText));
 }
-TextEditor.propTypes = {
-  disabled: propTypes.bool,
-  value: propTypes.string,
-  onChange: propTypes.func,
-  topLabel: propTypes.oneOfType([propTypes.string, propTypes.object]),
-  helperText: propTypes.oneOfType([propTypes.string, propTypes.object]),
-  hideTopLabel: propTypes.bool,
-  hideHelperText: propTypes.bool,
-  error: propTypes.bool
-};
 TextEditor.defaultProps = {
   disabled: false,
   value: '',