@pie-lib/math-input 6.8.3 → 6.8.4

package/src/keys/sub-sup.js

@@ -5,11 +5,11 @@ const set = mkSet('sub-sup');
 export const superscript = set({
   name: 'Superscript',
   latex: 'x^{}',
-  command: '^'
+  command: '^',
 });
 
 export const subscript = set({
   name: 'Subscript',
   latex: 'x_{}',
-  command: '_'
+  command: '_',
 });

package/src/keys/utils.js

@@ -1,21 +1,21 @@
 import _ from 'lodash';
 
-export const mkSet = category => o => ({ ...o, category });
+export const mkSet = (category) => (o) => ({ ...o, category });
 
-export const toArray = o => Object.keys(o).map(k => o[k]);
+export const toArray = (o) => Object.keys(o).map((k) => o[k]);
 
-export const toKey = category => v => {
+export const toKey = (category) => (v) => {
   if (typeof v === 'string') {
     return {
       name: v,
       label: v,
       category,
-      write: v
+      write: v,
     };
   } else {
     return {
       ...v,
-      category
+      category,
     };
   }
 };
@@ -42,10 +42,10 @@ export const transformToKeySetStructure = (data = []) => {
   return structure;
 };
 
-const latexAndNameDontExist = base => k => {
+const latexAndNameDontExist = (base) => (k) => {
   const flattened = _.flatten(base);
-  const latexExists = flattened.some(b => b.latex === k.latex);
-  const nameExists = flattened.some(b => b.name === k.name);
+  const latexExists = flattened.some((b) => b.latex === k.latex);
+  const nameExists = flattened.some((b) => b.name === k.name);
   return !latexExists && !nameExists;
 };
 

package/src/keys/vars.js

@@ -5,15 +5,15 @@ const set = mkSet('vars');
 export const x = set({
   name: 'X',
   latex: 'x',
-  write: 'x'
+  write: 'x',
 });
 export const y = set({
   name: 'Y',
   latex: 'y',
-  write: 'y'
+  write: 'y',
 });
 export const theta = set({
   name: 'Theta',
   latex: '\\theta',
-  write: '\\theta'
+  write: '\\theta',
 });

package/src/math-input.jsx

@@ -16,22 +16,22 @@ export class MathInput extends React.Component {
     keyset: PropTypes.array,
     displayMode: PropTypes.oneOf(['block', 'block-on-focus']),
     latex: PropTypes.string,
-    onChange: PropTypes.func
+    onChange: PropTypes.func,
   };
 
   static defaultProps = {
     keyset: [],
-    displayMode: 'block'
+    displayMode: 'block',
   };
 
   constructor(props) {
     super(props);
     this.state = {
-      focused: false
+      focused: false,
     };
   }
 
-  keypadPress = key => {
+  keypadPress = (key) => {
     log('[keypadPress] key:', key);
 
     if (!this.input) {
@@ -57,7 +57,7 @@ export class MathInput extends React.Component {
     this.setState({ focused: false });
   };
 
-  changeLatex = l => {
+  changeLatex = (l) => {
     const { onChange } = this.props;
 
     if (onChange && l !== this.props.latex) {
@@ -76,7 +76,7 @@ export class MathInput extends React.Component {
       <div className={classNames(classes.mathInput, className, focused && classes.focused)}>
         <mq.Input
           className={classes.mqInput}
-          innerRef={r => (this.input = r)}
+          innerRef={(r) => (this.input = r)}
           onFocus={this.inputFocus}
           onBlur={this.inputBlur}
           latex={latex}
@@ -93,25 +93,25 @@ export class MathInput extends React.Component {
 }
 
 const grey = 'rgba(0, 0, 0, 0.23)';
-const styles = theme => ({
+const styles = (theme) => ({
   formGroup: {
     display: 'flex',
     textAlign: 'right',
-    float: 'right'
+    float: 'right',
   },
   pad: {
     width: '100%',
-    display: 'flex'
+    display: 'flex',
   },
   mathInput: {
     borderRadius: '4px',
     border: `solid 1px ${grey}`,
     marginTop: theme.spacing.unit,
     marginBottom: theme.spacing.unit,
-    transition: 'border 200ms linear'
+    transition: 'border 200ms linear',
   },
   focused: {
-    border: `solid 1px ${theme.palette.primary.main}`
+    border: `solid 1px ${theme.palette.primary.main}`,
   },
   mqInput: {
     width: '100%',
@@ -121,8 +121,8 @@ const styles = theme => ({
     '&.mq-focused': {
       outline: 'none',
       boxShadow: 'none',
-      border: `solid 0px ${theme.palette.primary.dark}`
-    }
-  }
+      border: `solid 0px ${theme.palette.primary.dark}`,
+    },
+  },
 });
 export default withStyles(styles)(MathInput);

package/src/mq/custom-elements.js

@@ -3,7 +3,7 @@ const registerLineBreak = function(MQ) {
     return {
       htmlString: '<div class="newLine"></div>',
       text: () => 'testText',
-      latex: () => '\\embed{newLine}[]'
+      latex: () => '\\embed{newLine}[]',
     };
   });
 };

package/src/mq/input.jsx

@@ -28,7 +28,7 @@ export class Input extends React.Component {
     onChange: PropTypes.func,
     latex: PropTypes.string,
     onFocus: PropTypes.func,
-    onBlur: PropTypes.func
+    onBlur: PropTypes.func,
   };
 
   componentDidMount() {
@@ -38,8 +38,8 @@ export class Input extends React.Component {
 
     this.mathField = MQ.MathField(this.input, {
       handlers: {
-        edit: this.onInputEdit.bind(this)
-      }
+        edit: this.onInputEdit.bind(this),
+      },
     });
 
     this.updateLatex();
@@ -77,7 +77,7 @@ export class Input extends React.Component {
   command(v) {
     log('command: ', v);
     if (Array.isArray(v)) {
-      v.forEach(vv => {
+      v.forEach((vv) => {
         this.mathField.cmd(vv);
       });
     } else {
@@ -117,7 +117,7 @@ export class Input extends React.Component {
     this.focus();
   };
 
-  onKeyPress = event => {
+  onKeyPress = (event) => {
     const keys = Object.keys(this.mathField.__controller.options);
 
     if (keys.indexOf('ignoreNextMousedown') < 0) {
@@ -152,7 +152,7 @@ export class Input extends React.Component {
         onClick={onClick}
         onFocus={onFocus}
         onBlur={onBlur}
-        ref={r => (this.input = r)}
+        ref={(r) => (this.input = r)}
       />
     );
   }

package/src/mq/static.jsx

@@ -29,7 +29,7 @@ export default class Static extends React.Component {
     getFieldName: PropTypes.func,
     onSubFieldChange: PropTypes.func,
     onSubFieldFocus: PropTypes.func,
-    setInput: PropTypes.func
+    setInput: PropTypes.func,
   };
 
   componentDidMount() {
@@ -55,7 +55,7 @@ export default class Static extends React.Component {
       if (this.input && regexMatch && regexMatch?.length) {
         try {
           field.__controller.cursor.insLeftOf(field.__controller.cursor.parent[-1].parent);
-          field.el().dispatchEvent(new KeyboardEvent("keydown", { keyCode: 8 }));
+          field.el().dispatchEvent(new KeyboardEvent('keydown', { keyCode: 8 }));
         } catch (e) {
           console.error(e.toString());
         }
@@ -73,8 +73,8 @@ export default class Static extends React.Component {
     if (!this.mathField) {
       this.mathField = MQ.StaticMath(this.input, {
         handlers: {
-          edit: this.onInputEdit.bind(this)
-        }
+          edit: this.onInputEdit.bind(this),
+        },
       });
     }
 
@@ -118,7 +118,7 @@ export default class Static extends React.Component {
     }
   }
 
-  onFocus = e => {
+  onFocus = (e) => {
     try {
       let rootBlock = e.target.parentElement.nextSibling;
       let id = parseInt(rootBlock.getAttribute('mathquill-block-id'), 10);
@@ -128,7 +128,7 @@ export default class Static extends React.Component {
         id = parseInt(rootBlock.getAttribute('mathquill-block-id'), 10);
       }
 
-      const innerField = this.mathField.innerFields.find(f => f.id === id);
+      const innerField = this.mathField.innerFields.find((f) => f.id === id);
 
       if (innerField) {
         const name = this.props.getFieldName(innerField, this.mathField.innerFields);
@@ -146,13 +146,6 @@ export default class Static extends React.Component {
   render() {
     const { onBlur, className } = this.props;
 
-    return (
-      <span
-        className={className}
-        onFocus={this.onFocus}
-        onBlur={onBlur}
-        ref={r => (this.input = r)}
-      />
-    );
+    return <span className={className} onFocus={this.onFocus} onBlur={onBlur} ref={(r) => (this.input = r)} />;
   }
 }