@pie-element/ebsr 6.6.3-next.414 → 6.6.3-next.430

package/configure/node_modules/@pie-lib/math-input/src/mq/custom-elements.js

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

package/configure/node_modules/@pie-lib/math-input/src/mq/index.js

@@ -1,4 +0,0 @@
-import Input from './input';
-import Static from './static';
-
-export { Input, Static };

package/configure/node_modules/@pie-lib/math-input/src/mq/input.jsx

@@ -1,163 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { withStyles } from '@material-ui/core/styles';
-import debug from 'debug';
-import classNames from 'classnames';
-import { registerLineBreak } from './custom-elements';
-import MathQuill from '@pie-framework/mathquill';
-
-let MQ;
-if (typeof window !== 'undefined') {
-  MQ = MathQuill.getInterface(2);
-
-  if (MQ && MQ.registerEmbed) {
-    registerLineBreak(MQ);
-  }
-}
-
-const log = debug('math-input:mq:input');
-
-/**
- * Wrapper for MathQuill MQ.MathField.
- */
-export class Input extends React.Component {
-  static propTypes = {
-    className: PropTypes.string,
-    classes: PropTypes.object.isRequired,
-    onClick: PropTypes.func,
-    onChange: PropTypes.func,
-    latex: PropTypes.string,
-    onFocus: PropTypes.func,
-    onBlur: PropTypes.func
-  };
-
-  componentDidMount() {
-    if (!MQ) {
-      throw new Error('MQ is not defined - but component has mounted?');
-    }
-
-    this.mathField = MQ.MathField(this.input, {
-      handlers: {
-        edit: this.onInputEdit.bind(this)
-      }
-    });
-
-    this.updateLatex();
-  }
-
-  componentDidUpdate() {
-    this.updateLatex();
-  }
-
-  updateLatex() {
-    if (!this.mathField) {
-      return;
-    }
-    const { latex } = this.props;
-    if (latex) {
-      this.mathField.latex(latex);
-    }
-  }
-
-  clear() {
-    this.mathField.latex('');
-    return '';
-  }
-
-  blur() {
-    log('blur mathfield');
-    this.mathField.blur();
-  }
-
-  focus() {
-    log('focus mathfield...');
-    this.mathField.focus();
-  }
-
-  command(v) {
-    log('command: ', v);
-    if (Array.isArray(v)) {
-      v.forEach(vv => {
-        this.mathField.cmd(vv);
-      });
-    } else {
-      this.mathField.cmd(v);
-    }
-    this.mathField.focus();
-    return this.mathField.latex();
-  }
-
-  keystroke(v) {
-    this.mathField.keystroke(v);
-    this.mathField.focus();
-    return this.mathField.latex();
-  }
-
-  write(v) {
-    log('write: ', v);
-    this.mathField.write(v);
-    this.mathField.focus();
-    return this.mathField.latex();
-  }
-
-  onInputEdit = () => {
-    log('[onInputEdit] ...');
-    const { onChange } = this.props;
-    if (!this.mathField) {
-      return;
-    }
-
-    if (onChange) {
-      onChange(this.mathField.latex());
-    }
-  };
-
-  refresh = () => {
-    this.blur();
-    this.focus();
-  };
-
-  onKeyPress = event => {
-    const keys = Object.keys(this.mathField.__controller.options);
-
-    if (keys.indexOf('ignoreNextMousedown') < 0) {
-      // It seems like the controller has the above handler as an option
-      // when all the right events are set and everything works fine
-      // this seems to work in all cases
-      this.refresh();
-    }
-
-    if (event.charCode === 13) {
-      // if enter's pressed, we're going for a custom embedded element that'll
-      // have a block display (empty div) - for a hacked line break using ccs
-      // all because mathquill doesn't support a line break
-      this.write('\\embed{newLine}[]');
-      this.onInputEdit();
-    }
-  };
-
-  shouldComponentUpdate(nextProps) {
-    log('next: ', nextProps.latex);
-    log('current: ', this.mathField.latex());
-    return nextProps.latex !== this.mathField.latex();
-  }
-
-  render() {
-    const { onClick, onFocus, onBlur, classes, className } = this.props;
-
-    return (
-      <span
-        className={classNames(classes.input, className)}
-        onKeyPress={this.onKeyPress}
-        onClick={onClick}
-        onFocus={onFocus}
-        onBlur={onBlur}
-        ref={r => (this.input = r)}
-      />
-    );
-  }
-}
-
-const styles = () => ({});
-
-export default withStyles(styles)(Input);

package/configure/node_modules/@pie-lib/math-input/src/mq/static.jsx

@@ -1,139 +0,0 @@
-import PropTypes from 'prop-types';
-import React from 'react';
-import debug from 'debug';
-import MathQuill from '@pie-framework/mathquill';
-import { updateSpans } from '../index';
-
-let MQ;
-if (typeof window !== 'undefined') {
-  MQ = MathQuill.getInterface(2);
-}
-
-const log = debug('pie-lib:math-input:mq:static');
-const REGEX = /\\MathQuillMathField\[r\d*\]\{(.*?)\}/g;
-const WHITESPACE_REGEX = / /g;
-
-function stripSpaces(string = '') {
-  return string.replace(WHITESPACE_REGEX, '');
-}
-
-/**
- * Wrapper for MathQuill MQ.MathField.
- */
-export default class Static extends React.Component {
-  static propTypes = {
-    latex: PropTypes.string.isRequired,
-    onFocus: PropTypes.func,
-    onBlur: PropTypes.func,
-    className: PropTypes.string,
-    getFieldName: PropTypes.func,
-    onSubFieldChange: PropTypes.func,
-    onSubFieldFocus: PropTypes.func,
-    setInput: PropTypes.func
-  };
-
-  componentDidMount() {
-    this.update();
-    updateSpans();
-  }
-
-  componentDidUpdate() {
-    this.update();
-    updateSpans();
-  }
-
-  onInputEdit(field) {
-    if (!this.mathField) {
-      return;
-    }
-    const name = this.props.getFieldName(field, this.mathField.innerFields);
-    if (this.props.onSubFieldChange) {
-      this.props.onSubFieldChange(name, field.latex());
-    }
-  }
-
-  update() {
-    if (!MQ) {
-      throw new Error('MQ is not defined - but component has mounted?');
-    }
-    // this.input.innerHTML = this.props.latex;
-    if (!this.mathField) {
-      this.mathField = MQ.StaticMath(this.input, {
-        handlers: {
-          edit: this.onInputEdit.bind(this)
-        }
-      });
-    }
-
-    this.mathField.latex(this.props.latex);
-  }
-
-  blur() {
-    log('blur mathfield');
-    this.mathField.blur();
-  }
-
-  focus() {
-    log('focus mathfield...');
-    this.mathField.focus();
-  }
-
-  shouldComponentUpdate(nextProps) {
-    try {
-      const parsedLatex = this.mathField.parseLatex(nextProps.latex);
-      const stripped = stripSpaces(parsedLatex);
-      const newFieldCount = (nextProps.latex.match(REGEX) || []).length;
-
-      const out =
-        stripped !== stripSpaces(this.mathField.latex().trim()) ||
-        newFieldCount !== Object.keys(this.mathField.innerFields).length / 2;
-
-      log('[shouldComponentUpdate] ', out);
-      return out;
-    } catch (e) {
-      // eslint-disable-next-line no-console
-      console.warn('Error parsing latex:', e.message, 'skip update');
-      // eslint-disable-next-line no-console
-      console.warn(e);
-      return false;
-    }
-  }
-
-  onFocus = e => {
-    try {
-      let rootBlock = e.target.parentElement.nextSibling;
-      let id = parseInt(rootBlock.getAttribute('mathquill-block-id'), 10);
-
-      if (!id) {
-        rootBlock = rootBlock.parentElement;
-        id = parseInt(rootBlock.getAttribute('mathquill-block-id'), 10);
-      }
-
-      const innerField = this.mathField.innerFields.find(f => f.id === id);
-
-      if (innerField) {
-        const name = this.props.getFieldName(innerField, this.mathField.innerFields);
-        if (this.props.setInput) {
-          this.props.setInput(innerField);
-        }
-        this.props.onSubFieldFocus(name, innerField);
-      }
-    } catch (err) {
-      // eslint-disable-next-line no-console
-      console.error('error finding root block', err.message);
-    }
-  };
-
-  render() {
-    const { onBlur, className } = this.props;
-
-    return (
-      <span
-        className={className}
-        onFocus={this.onFocus}
-        onBlur={onBlur}
-        ref={r => (this.input = r)}
-      />
-    );
-  }
-}