@pie-lib/editable-html 9.5.22 → 9.5.23-next.4

package/src/editor.jsx

@@ -48,6 +48,7 @@ export class Editor extends React.Component {
   static propTypes = {
     autoFocus: PropTypes.bool,
     editorRef: PropTypes.func.isRequired,
+    error: PropTypes.any,
     onRef: PropTypes.func.isRequired,
     onChange: PropTypes.func.isRequired,
     onFocus: PropTypes.func,
@@ -248,7 +249,7 @@ export class Editor extends React.Component {
     }
   }
 
-  componentWillReceiveProps(nextProps) {
+  UNSAFE_componentWillReceiveProps(nextProps) {
     const { toolbarOpts } = this.state;
     const newToolbarOpts = createToolbarOpts(nextProps.toolbarOpts, nextProps.error);
 
@@ -261,6 +262,13 @@ export class Editor extends React.Component {
     if (!isEqual(nextProps.languageCharactersProps, this.props.languageCharactersProps)) {
       this.handlePlugins(nextProps);
     }
+
+    if (!nextProps.value.document.equals(this.props.value.document)) {
+      this.setState({
+        focus: false,
+        value: nextProps.value,
+      });
+    }
   }
 
   componentDidUpdate() {
@@ -499,15 +507,6 @@ export class Editor extends React.Component {
     return this.state.preBlurValue;
   };
 
-  UNSAFE_componentWillReceiveProps(props) {
-    if (!props.value.document.equals(this.props.value.document)) {
-      this.setState({
-        focus: false,
-        value: props.value,
-      });
-    }
-  }
-
   valueToSize = (v) => {
     if (!v) {
       return;

package/src/index.jsx

@@ -23,6 +23,7 @@ const reduceMultipleBrs = (markup) => {
   try {
     return markup.replace(/(<br\s*\/?>){3,}/gi, '<br>');
   } catch (e) {
+    // eslint-disable-next-line no-console
     console.log("Couldn't remove <br/> tags: ", e);
   }
 
@@ -31,10 +32,12 @@ const reduceMultipleBrs = (markup) => {
 
 export default class EditableHtml extends React.Component {
   static propTypes = {
+    error: PropTypes.any,
     onChange: PropTypes.func.isRequired,
     onDone: PropTypes.func,
     markup: PropTypes.string.isRequired,
     allowValidation: PropTypes.bool,
+    toolbarOpts: PropTypes.object,
   };
 
   static defaultProps = {

package/src/plugins/characters/index.jsx

@@ -8,6 +8,7 @@ import { PureToolbar } from '@pie-lib/math-toolbar';
 import CustomPopper from './custom-popper';
 import { insertSnackBar } from '../respArea/utils';
 import { characterIcons, spanishConfig, specialConfig } from './utils';
+import PropTypes from 'prop-types';
 const log = debug('@pie-lib:editable-html:plugins:characters');
 
 const removePopOvers = () => {
@@ -224,6 +225,10 @@ const CharacterIcon = ({ letter }) => (
   </div>
 );
 
+CharacterIcon.propTypes = {
+  letter: PropTypes.string,
+};
+
 export default function CharactersPlugin(opts) {
   removeDialogs();
   return {

package/src/plugins/image/component.jsx

@@ -209,28 +209,23 @@ export class Component extends React.Component {
     const alignment = node.data.get('alignment');
     const percent = node.data.get('percent');
     const alt = node.data.get('alt');
-    let margin;
     let justifyContent;
 
     switch (alignment) {
       case 'left':
         justifyContent = 'flex-start';
-        margin = '0';
         break;
 
       case 'center':
         justifyContent = 'center';
-        margin = '0 auto';
         break;
 
       case 'right':
         justifyContent = 'flex-end';
-        margin = 'auto 0 0 auto ';
         break;
 
       default:
         justifyContent = 'flex-start';
-        margin = '0';
         break;
     }
     log('[render] node.data:', node.data);

package/src/plugins/math/index.jsx

@@ -21,6 +21,7 @@ function generateAdditionalKeys(keyData = []) {
   }));
 }
 
+// eslint-disable-next-line react/display-name
 export const CustomToolbarComp = React.memo(
   (props) => {
     const { node, value, onFocus, onBlur, onClick } = props;
@@ -150,6 +151,11 @@ MathPlugin.SQUARE_BRACKETS = 'square_brackets';
 MathPlugin.DOLLAR = 'dollar';
 MathPlugin.DOUBLE_DOLLAR = 'double_dollar';
 
+MathPlugin.propTypes = {
+  attributes: PropTypes.object,
+  node: SlatePropTypes.node,
+};
+
 export const inlineMath = () =>
   Inline.create({
     object: 'inline',

package/src/plugins/respArea/explicit-constructed-response/index.jsx

@@ -39,6 +39,7 @@ const ExplicitConstructedResponse = (props) => {
 
 ExplicitConstructedResponse.propTypes = {
   attributes: PropTypes.object,
+  error: PropTypes.any,
   value: PropTypes.string,
 };
 

package/src/plugins/toolbar/default-toolbar.jsx

@@ -47,6 +47,20 @@ export const ToolbarButton = (props) => {
   }
 };
 
+ToolbarButton.propTypes = {
+  buttonStyles: PropTypes.object,
+  disabled: PropTypes.bool,
+  icon: PropTypes.any,
+  isActive: PropTypes.bool,
+  isMark: PropTypes.bool,
+  getFocusedValue: PropTypes.func,
+  onToggle: PropTypes.func,
+  onChange: PropTypes.func,
+  onClick: PropTypes.func,
+  type: PropTypes.string,
+  value: PropTypes.object,
+};
+
 const isActiveToolbarPlugin = (props) => (plugin) => {
   const isDisabled = (props[plugin.name] || {}).disabled;
 

package/src/plugins/toolbar/editor-and-toolbar.jsx

@@ -32,6 +32,7 @@ export class EditorAndToolbar extends React.Component {
       position: PropTypes.oneOf(['bottom', 'top']),
       alwaysVisible: PropTypes.bool,
       error: PropTypes.string,
+      noBorder: PropTypes.any,
     }),
   };
 

package/src/serialization.jsx

@@ -157,6 +157,7 @@ const marks = {
   },
 };
 
+// eslint-disable-next-line no-unused-vars
 const findPreviousText = (el) => {
   if (el.nodeName === '#text') {
     return el;
@@ -369,6 +370,7 @@ export const htmlToValue = (html) => {
   try {
     return serializer.deserialize(html);
   } catch (e) {
+    // eslint-disable-next-line no-console
     console.log("Couldn't parse html: ", e);
     return {};
   }