@pie-lib/mask-markup 1.12.16-next.4 → 1.12.18-next.0

package/src/mask.jsx

@@ -4,12 +4,12 @@ import get from 'lodash/get';
 import { withStyles } from '@material-ui/core/styles';
 import { MARK_TAGS } from './serialization';
 
-const Paragraph = withStyles(theme => ({
+const Paragraph = withStyles((theme) => ({
   para: {
     paddingTop: 2 * theme.spacing.unit,
-    paddingBottom: 2 * theme.spacing.unit
-  }
-}))(props => <div className={props.classes.para}>{props.children}</div>);
+    paddingBottom: 2 * theme.spacing.unit,
+  },
+}))((props) => <div className={props.classes.para}>{props.children}</div>);
 
 const restrictWhitespaceTypes = ['tbody', 'tr'];
 
@@ -24,8 +24,8 @@ const addText = (parentNode, text) => {
   }
 };
 
-const getMark = n => {
-  const mark = n.leaves.find(leave => get(leave, 'marks', []).length);
+const getMark = (n) => {
+  const mark = n.leaves.find((leave) => get(leave, 'marks', []).length);
 
   if (mark) {
     return mark.marks[0];
@@ -48,9 +48,9 @@ export const renderChildren = (layout, value, onChange, rootRenderChildren, pare
       children.push(
         <span
           dangerouslySetInnerHTML={{
-            __html: `<math displaystyle="true">${n.nodes[0].innerHTML}</math>`
+            __html: `<math displaystyle="true">${n.nodes[0].innerHTML}</math>`,
           }}
-        />
+        />,
       );
       return children;
     }
@@ -95,7 +95,7 @@ export const renderChildren = (layout, value, onChange, rootRenderChildren, pare
           children.push(
             <Tag key={key} {...n.data.attributes}>
               {subNodes}
-            </Tag>
+            </Tag>,
           );
         } else {
           children.push(<Tag key={key} {...n.data.attributes} />);
@@ -108,9 +108,9 @@ export const renderChildren = (layout, value, onChange, rootRenderChildren, pare
 
 const MaskContainer = withStyles(() => ({
   main: {
-    display: 'initial'
-  }
-}))(props => <div className={props.classes.main}>{props.children}</div>);
+    display: 'initial',
+  },
+}))((props) => <div className={props.classes.main}>{props.children}</div>);
 
 /**
  * Renders a layout that uses the slate.js Value model structure.
@@ -120,7 +120,7 @@ export default class Mask extends React.Component {
     renderChildren: PropTypes.func,
     layout: PropTypes.object,
     value: PropTypes.object,
-    onChange: PropTypes.func
+    onChange: PropTypes.func,
   };
 
   handleChange = (id, value) => {

package/src/serialization.js

@@ -10,7 +10,7 @@ const MARK = ['em', 'strong', 'u'];
 const TEXT_NODE = 3;
 const COMMENT_NODE = 8;
 
-const attr = el => {
+const attr = (el) => {
   if (!el.attributes || el.attributes.length <= 0) {
     return undefined;
   }
@@ -27,7 +27,7 @@ const attr = el => {
   return out;
 };
 
-const getObject = type => {
+const getObject = (type) => {
   if (INLINE.includes(type)) {
     return 'inline';
   } else if (MARK.includes(type)) {
@@ -36,7 +36,7 @@ const getObject = type => {
   return 'block';
 };
 
-export const parseStyleString = s => {
+export const parseStyleString = (s) => {
   const regex = /([\w-]*)\s*:\s*([^;]*)/g;
   let match;
   const result = {};
@@ -46,7 +46,7 @@ export const parseStyleString = s => {
   return result;
 };
 
-export const reactAttributes = o => toStyleObject(o, { camelize: true, addUnits: false });
+export const reactAttributes = (o) => toStyleObject(o, { camelize: true, addUnits: false });
 
 const handleStyles = (el, attribute) => {
   const styleString = el.getAttribute(attribute);
@@ -62,7 +62,7 @@ const handleClass = (el, acc, attribute) => {
   return classNames;
 };
 
-const attributesToMap = el => (acc, attribute) => {
+const attributesToMap = (el) => (acc, attribute) => {
   if (!el.getAttribute) {
     return acc;
   }
@@ -100,7 +100,7 @@ export const MARK_TAGS = {
   u: 'underline',
   s: 'strikethrough',
   code: 'code',
-  strong: 'strong'
+  strong: 'strong',
 };
 
 const marks = {
@@ -111,9 +111,9 @@ const marks = {
     return {
       object: 'mark',
       type: mark,
-      nodes: next(el.childNodes)
+      nodes: next(el.childNodes),
     };
-  }
+  },
 };
 
 const rules = [
@@ -130,7 +130,7 @@ const rules = [
       if (el.nodeType === TEXT_NODE) {
         return {
           object: 'text',
-          leaves: [{ text: el.textContent }]
+          leaves: [{ text: el.textContent }],
         };
       }
 
@@ -148,7 +148,7 @@ const rules = [
       if (el.tagName.toLowerCase() === 'math') {
         return {
           isMath: true,
-          nodes: [el]
+          nodes: [el],
         };
       }
 
@@ -156,10 +156,10 @@ const rules = [
         object,
         type,
         data: { dataset: { ...el.dataset }, attributes: { ...allAttrs } },
-        nodes: next(el.childNodes)
+        nodes: next(el.childNodes),
       };
-    }
-  }
+    },
+  },
 ];
 
 /**
@@ -168,4 +168,4 @@ const rules = [
  */
 const html = new Html({ rules, defaultBlock: 'span' });
 
-export const deserialize = s => html.deserialize(s, { toJSON: true });
+export const deserialize = (s) => html.deserialize(s, { toJSON: true });

package/src/with-mask.jsx

@@ -22,21 +22,14 @@ export const withMask = (type, renderChildren) => {
        */
       layout: PropTypes.object,
       value: PropTypes.object,
-      onChange: PropTypes.func
+      onChange: PropTypes.func,
     };
 
     render() {
       const { markup, layout, value, onChange } = this.props;
 
       const maskLayout = layout ? layout : buildLayoutFromMarkup(markup, type);
-      return (
-        <Mask
-          layout={maskLayout}
-          value={value}
-          onChange={onChange}
-          renderChildren={renderChildren(this.props)}
-        />
-      );
+      return <Mask layout={maskLayout} value={value} onChange={onChange} renderChildren={renderChildren(this.props)} />;
     }
   };
 };