plataforma-fundacao-componentes 2.25.5 → 2.25.7

package/dist/index.js

@@ -70,8 +70,8 @@ var AddIcon = function AddIcon() {
     viewBox: '0 0 24 24',
     xmlns: 'http://www.w3.org/2000/svg'
   }, React$1__default.createElement("path", {
-    "fill-rule": 'evenodd',
-    "clip-rule": 'evenodd',
+    fillRule: 'evenodd',
+    clipRule: 'evenodd',
     d: 'M22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22C17.5228 22 22 17.5228 22 12ZM3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12ZM17 11.5C17.2761 11.5 17.5 11.7239 17.5 12C17.5 12.2455 17.3231 12.4496 17.0899 12.4919L17 12.5H12.5V17C12.5 17.2761 12.2761 17.5 12 17.5C11.7545 17.5 11.5504 17.3231 11.5081 17.0899L11.5 17V12.5H7C6.72386 12.5 6.5 12.2761 6.5 12C6.5 11.7545 6.67688 11.5504 6.91012 11.5081L7 11.5H11.5V7C11.5 6.72386 11.7239 6.5 12 6.5C12.2455 6.5 12.4496 6.67688 12.4919 6.91012L12.5 7V11.5H17Z',
     fill: 'currentColor'
   }));
@@ -9028,11 +9028,14 @@ function Paginator(props) {
     }
     setArrOfNumbers(arr);
   }, [props.quantidadeDePaginas, props.maxLength, props.paginaAtual]);
+  console.log(props.loading);
   return React$1__default.createElement("div", {
     id: props.id ? props.id : undefined,
     className: getMergedClassNames([rootClassName$2i, props.className || ''])
   }, React$1__default.createElement("div", {
     className: rootClassName$2i + "-center-content"
+  }, React$1__default.createElement("div", {
+    className: props.loading ? "hidden" : ''
   }, props.quantidadeDePaginas > 1 ? React$1__default.createElement("div", {
     className: rootClassName$2i + "-left-arrow"
   }, React$1__default.createElement(IconButton$1, {
@@ -9065,7 +9068,7 @@ function Paginator(props) {
       }
     },
     disabled: props.paginaAtual >= props.quantidadeDePaginas
-  })) : undefined, React$1__default.createElement(reactTransitionGroup.CSSTransition, {
+  })) : undefined), React$1__default.createElement(reactTransitionGroup.CSSTransition, {
     classNames: rootClassName$2i + "-loader",
     "in": props.loading,
     timeout: 300,
@@ -9396,7 +9399,7 @@ var Pagination = function Pagination(props) {
     }
     return React$1__default.createElement("ul", {
       key: index,
-      className: 'paginationContainer'
+      className: getMergedClassNames(['paginationContainer', loading ? 'hidden' : ''])
     }, children);
   }), React$1__default.createElement(reactTransitionGroup.CSSTransition, {
     "in": loading,
@@ -10988,16 +10991,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 +11015,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 +11060,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 +11087,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 +11142,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 +11158,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 +11182,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 +11206,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 +11250,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 +11262,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 +11287,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 +11376,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 +11398,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 +11427,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 +11459,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: '',
@@ -44136,8 +44132,8 @@ var DecreaseIcon = function DecreaseIcon() {
     viewBox: '0 0 24 24',
     xmlns: 'http://www.w3.org/2000/svg'
   }, React$1__default.createElement("path", {
-    "fill-rule": 'evenodd',
-    "clip-rule": 'evenodd',
+    fillRule: 'evenodd',
+    clipRule: 'evenodd',
     d: 'M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2ZM12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3ZM17.5 12C17.5 11.7239 17.2761 11.5 17 11.5H7L6.91012 11.5081C6.67688 11.5504 6.5 11.7545 6.5 12C6.5 12.2761 6.72386 12.5 7 12.5H17L17.0899 12.4919C17.3231 12.4496 17.5 12.2455 17.5 12Z',
     fill: 'currentColor'
   }));