@pie-element/complex-rubric 1.12.2-next.8 → 1.12.2

package/configure/node_modules/@pie-element/rubric/node_modules/@pie-lib/pie-toolbox/src/code/math-evaluator/index.js

@@ -1,169 +0,0 @@
-/* eslint-disable no-console */
-import * as mathjs from 'mathjs';
-import me from '@pie-framework/math-expressions';
-
-const decimalCommaRegex = /,/g;
-const decimalRegex = /\.|,/g;
-const decimalWithThousandSeparatorNumberRegex = /^(?!0+\.00)(?=.{1,9}(\.|$))(?!0(?!\.))\d{1,3}(,\d{3})*(\.\d+)?$/;
-
-const rationalizeAllPossibleSubNodes = (expression) => rationalize(mathjs.parse(expression));
-const rationalize = (tree) => {
-  const transformedTree = tree.transform((node) => {
-    try {
-      const rationalizedNode = mathjs.rationalize(node);
-      return rationalizedNode;
-    } catch {
-      return node;
-    }
-  });
-  return transformedTree;
-};
-
-function prepareExpression(string, isLatex) {
-  let returnValue = string ? string.trim() : '';
-
-  returnValue = returnValue.replace(decimalCommaRegex, '.');
-
-  returnValue = isLatex
-    ? latexToText(`${returnValue}`)
-    : textToMathText(`${returnValue}`, { unknownCommands: 'passthrough' }).toString();
-
-  returnValue = returnValue.replace('=', '==');
-  return rationalizeAllPossibleSubNodes(returnValue);
-}
-
-const latexToAstOpts = {
-  missingFactor: (token, e) => {
-    console.warn('missing factor for: ', token.token_type);
-    if (token.token_type === 'NUMBER') {
-      throw e;
-    }
-    return 0;
-  },
-  unknownCommandBehavior: 'passthrough',
-};
-
-const astToTextOpts = {
-  unicode_operators: {
-    ne: function(operands) {
-      return operands.join(' != ');
-    },
-    '%': function(operands) {
-      return `percent(${operands[0]})`;
-    },
-  },
-};
-
-export const latexToText = (latex, extraOtps = {}) => {
-  const la = new me.converters.latexToAstObj({ ...latexToAstOpts, ...extraOtps });
-
-  const at = new me.converters.astToTextObj({ ...astToTextOpts, ...extraOtps });
-
-  const ast = la.convert(latex);
-
-  return at.convert(ast);
-};
-
-export const textToMathText = (latex, extraOtps = {}) => {
-  const la = new me.converters.textToAstObj({ ...latexToAstOpts, ...extraOtps });
-
-  const at = new me.converters.astToTextObj({ ...astToTextOpts, ...extraOtps });
-
-  const ast = la.convert(latex);
-
-  return at.convert(ast);
-};
-
-function shouldRationalizeEntireTree(tree) {
-  let shouldDoIt = true;
-
-  // we need to iterate the entire tree to check for some conditions that might make rationalization impossible
-  try {
-    tree.traverse((node) => {
-      // if we have a variable as an exponent for power operation, we should not rationalize
-      // try to see if there are power operations with variable exponents
-      if (node.type === 'OperatorNode' && node.fn === 'pow') {
-        const exponent = node.args[1];
-
-        // try to see if it can be compiled and evaluated - if it's a non-numerical value, it'll throw an error
-        exponent.compile().eval();
-      }
-
-      // we cannot have variables for unresolved function calls either
-      if (node.type === 'FunctionNode') {
-        //try to see if the argument that the function is called with can be resolved as non-variable
-        const functionParameter = node.args[0];
-
-        // if it holds variables, this will throw an error
-        functionParameter.compile().eval();
-      }
-    });
-
-    mathjs.rationalize(tree);
-  } catch {
-    shouldDoIt = false;
-  }
-
-  return shouldDoIt;
-}
-
-function containsDecimal(expression = '') {
-  return expression.match(decimalRegex);
-}
-const SIMPLIFY_RULES = [
-  { l: 'n1^(1/n2)', r: 'nthRoot(n1, n2)' },
-  { l: 'sqrt(n1)', r: 'nthRoot(n1, 2)' },
-];
-
-const simplify = (v) => mathjs.simplify(v, SIMPLIFY_RULES.concat(mathjs.simplify.rules)); //.concat(SIMPLIFY_RULES));
-
-const areValuesEqual = (valueOne, valueTwo, options = {}) => {
-  const {
-    // if explicitly set to false, having a decimal value in either side will result in a false equality
-    // regardless of mathematical correctness
-    allowDecimals,
-    isLatex, // if the passed in values are latex, they need to be escaped
-    inverse, // returns inverse for the comparison result
-  } = options;
-
-  let valueOneToUse = valueOne;
-  let valueTwoToUse = valueTwo;
-
-  if (allowDecimals === false) {
-    if (containsDecimal(valueOne) || containsDecimal(valueTwo)) {
-      return false;
-    }
-  } else if (allowDecimals === true) {
-    if (containsDecimal(valueOne) && decimalWithThousandSeparatorNumberRegex.test(valueOne)) {
-      valueOneToUse = valueOne.replace(decimalCommaRegex, '');
-    }
-
-    if (containsDecimal(valueTwo) && decimalWithThousandSeparatorNumberRegex.test(valueTwo)) {
-      valueTwoToUse = valueTwo.replace(decimalCommaRegex, '');
-    }
-  }
-
-  const preparedValueOne = prepareExpression(valueOneToUse, isLatex, allowDecimals);
-  const preparedValueTwo = prepareExpression(valueTwoToUse, isLatex, allowDecimals);
-
-  let one = shouldRationalizeEntireTree(preparedValueOne) ? mathjs.rationalize(preparedValueOne) : preparedValueOne;
-  let two = shouldRationalizeEntireTree(preparedValueTwo) ? mathjs.rationalize(preparedValueTwo) : preparedValueTwo;
-
-  one = simplify(one);
-  two = simplify(two);
-
-  const equals = one.equals(two);
-
-  return inverse ? !equals : equals;
-};
-
-export const ave = (a, b) => {
-  const am = mathjs.parse(a);
-  const bm = mathjs.parse(b);
-
-  const arm = simplify(am);
-  const brm = simplify(bm);
-  return arm.equals(brm);
-};
-
-export default areValuesEqual;

package/configure/node_modules/@pie-element/rubric/node_modules/@pie-lib/pie-toolbox/src/code/math-input/horizontal-keypad.jsx

@@ -1,56 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { keysForGrade, normalizeAdditionalKeys } from './keys/grades';
-import { extendKeySet } from './keys/utils';
-import Keypad from './keypad';
-
-const toOldModel = (d) => {
-  if (d.command) {
-    return { value: d.command, type: 'command' };
-  } else if (d.write) {
-    return { value: d.write };
-  } else if (d.keystroke) {
-    return { type: 'cursor', value: d.keystroke };
-  }
-};
-
-export default class HorizontalKeypad extends React.Component {
-  static propTypes = {
-    className: PropTypes.string,
-    mode: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-    layoutForKeyPad: PropTypes.object,
-    onClick: PropTypes.func.isRequired,
-    onFocus: PropTypes.func,
-    noDecimal: PropTypes.bool,
-    additionalKeys: PropTypes.array,
-  };
-
-  static defaultProps = {
-    mode: 'scientific',
-    noDecimal: false,
-    additionalKeys: [],
-  };
-
-  keypadPress = (data) => {
-    const { onClick } = this.props;
-
-    onClick(toOldModel(data));
-  };
-
-  render() {
-    const { mode, onFocus, noDecimal, className, additionalKeys, layoutForKeyPad } = this.props;
-    const normalizedKeys = normalizeAdditionalKeys(additionalKeys);
-
-    return (
-      <Keypad
-        className={className}
-        onFocus={onFocus}
-        noDecimal={noDecimal}
-        layoutForKeyPad={layoutForKeyPad}
-        additionalKeys={extendKeySet(keysForGrade(mode), normalizedKeys)}
-        onPress={this.keypadPress}
-        mode={mode}
-      />
-    );
-  }
-}

package/configure/node_modules/@pie-element/rubric/node_modules/@pie-lib/pie-toolbox/src/code/math-input/index.jsx

@@ -1,27 +0,0 @@
-import { keysForGrade } from './keys/grades';
-
-const addLeftBracket = (s) => (s.indexOf('\\(') === 0 ? s : `\\(${s}`);
-const addRightBracket = (s) => (s.indexOf('\\)') === s.length - 2 ? s : `${s}\\)`);
-const rmLeftBracket = (s) => (s.indexOf('\\(') === 0 ? s.substring(2) : s);
-const rmRightBracket = (s) => (s.indexOf('\\)') === s.length - 2 ? s.substring(0, s.length - 2) : s);
-
-const addBrackets = (s) => addRightBracket(addLeftBracket(s));
-const removeBrackets = (s) => rmRightBracket(rmLeftBracket(s));
-
-// increase the font of parallel notation
-const updateSpans = () => {
-  const spans = Array.from(document.querySelectorAll('span[mathquill-command-id]'));
-  (spans || []).forEach((span) => {
-    if (span && span.innerText === '∥' && span.className !== 'mq-editable-field') {
-      span.style.fontSize = '32px';
-    }
-  });
-};
-
-import * as keys from './keys';
-
-import HorizontalKeypad from './horizontal-keypad';
-
-import * as mq from './mq';
-
-export { keysForGrade, addBrackets, removeBrackets, keys, HorizontalKeypad, mq, updateSpans };

package/configure/node_modules/@pie-element/rubric/node_modules/@pie-lib/pie-toolbox/src/code/math-input/keypad/index.jsx

@@ -1,366 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import Button from '@material-ui/core/Button';
-import IconButton from '@material-ui/core/IconButton';
-import { withStyles } from '@material-ui/core/styles';
-import classNames from 'classnames';
-import { lighten, fade } from '@material-ui/core/styles/colorManipulator';
-import green from '@material-ui/core/colors/green';
-import { sortKeys } from './keys-layout';
-import * as mq from '../mq';
-import { baseSet } from '../keys';
-import debug from 'debug';
-import _ from 'lodash';
-import MathQuill from '@pie-framework/mathquill';
-
-const log = debug('pie-lib:math-inline:keypad');
-
-const LatexButton = withStyles((theme) => ({
-  root: {
-    textTransform: 'none',
-    padding: 0,
-    margin: 0,
-    fontSize: '110% !important',
-  },
-  latexButton: {
-    pointerEvents: 'none',
-    textTransform: 'none !important',
-    '& .mq-scaled.mq-sqrt-prefix': {
-      transform: 'scale(1, 0.9) !important',
-    },
-    '& .mq-sup-only .mq-sup': {
-      marginBottom: '0.9px !important',
-    },
-    '& .mq-empty': {
-      backgroundColor: `${fade(theme.palette.secondary.main, 0.4)} !important`,
-    },
-    '& .mq-overline .mq-overline-inner': {
-      borderTop: '2px solid black',
-    },
-    '& .mq-overarrow': {
-      width: '30px',
-      marginTop: '0 !important',
-      borderTop: '2px solid black',
-      fontFamily: 'Roboto, Helvetica, Arial, sans-serif !important',
-
-      '&.mq-arrow-both': {
-        top: '0px !important',
-        '& *': {
-          lineHeight: '1 !important',
-        },
-        '&:before': {
-          fontSize: '80%',
-          left: 'calc(-13%)',
-          top: '-0.31em',
-        },
-        '&:after': {
-          fontSize: '80% !important',
-          right: 'calc(-13%) !important',
-          top: '-1.5em',
-        },
-        '&.mq-empty:before': {
-          fontSize: '80%',
-          left: 'calc(-13%)',
-          top: '-0.26em',
-        },
-        '&.mq-empty:after': {
-          fontSize: '80%',
-          right: 'calc(-13%)',
-          top: '-0.26em',
-        },
-        '&.mq-empty': {
-          minHeight: '1.4em',
-        },
-      },
-      '&.mq-arrow-right:before': {
-        fontSize: '80%',
-        right: 'calc(-13%)',
-        top: '-0.26em',
-      },
-      '& .mq-overarrow-inner': {
-        border: 'none !important',
-      },
-      '& .mq-overarrow-inner .mq-overarrow-inner-right': {
-        display: 'none !important',
-      },
-    },
-    '& .mq-root-block': {
-      padding: '5px !important',
-    },
-    '& .mq-overarrow.mq-arrow-both.mq-empty:after': {
-      right: '-6px',
-      fontSize: '80% !important',
-      top: '-3px',
-    },
-    '& .mq-overarrow.mq-arrow-right.mq-empty:before': {
-      right: '-5px',
-      fontSize: '80% !important',
-      top: '-3px',
-    },
-    '& .mq-overarrow.mq-arrow-both.mq-empty:before': {
-      left: '-6px',
-      fontSize: '80% !important',
-      top: '-3px',
-    },
-    '& .mq-longdiv-inner': {
-      borderTop: '1px solid !important',
-      paddingTop: '1.5px !important',
-    },
-    '& .mq-parallelogram': {
-      lineHeight: 0.85,
-    },
-    '& .mq-overarc': {
-      borderTop: '2px solid black !important',
-      '& .mq-overline-inner': {
-        borderTop: 'none !important',
-        paddingTop: '0 !important',
-      },
-    },
-  },
-  parallelButton: {
-    fontStyle: 'italic',
-  },
-  leftRightArrowButton: {
-    '& .mq-overarrow.mq-arrow-both': {
-      '& .mq-overline-inner': {
-        borderTop: 'none !important',
-        paddingTop: '0 !important',
-      },
-      '&:after': {
-        position: 'absolute !important',
-        top: '0px !important',
-      },
-    },
-  },
-}))((props) => {
-  let buttonClass;
-
-  if (props.latex === '\\parallel') {
-    buttonClass = classNames(props.classes.latexButton, props.mqClassName, props.classes.parallelButton);
-  } else if (props.latex === '\\overleftrightarrow{\\overline{}}') {
-    buttonClass = classNames(props.classes.latexButton, props.mqClassName, props.classes.leftRightArrowButton);
-  } else {
-    buttonClass = classNames(props.classes.latexButton, props.mqClassName);
-  }
-
-  try {
-    const MQ = MathQuill.getInterface(2);
-    const span = document.createElement('span');
-    span.innerHTML = '';
-    const mathField = MQ.StaticMath(span);
-
-    mathField.parseLatex(props.latex);
-    mathField.latex(props.latex);
-  } catch (e) {
-    // received latex has errors - do not create button
-    return <></>;
-  }
-
-  return (
-    <Button
-      className={classNames(props.classes.root, props.className)}
-      onClick={props.onClick}
-      aria-label={props.ariaLabel}
-    >
-      <mq.Static className={buttonClass} latex={props.latex} />
-    </Button>
-  );
-});
-
-const createCustomLayout = (layoutObj) => {
-  if (layoutObj) {
-    return {
-      gridTemplateColumns: `repeat(${layoutObj.columns}, minmax(min-content, 150px))`,
-      gridTemplateRows: `repeat(${layoutObj.rows}, minmax(40px, 60px))`,
-      gridAutoFlow: 'initial',
-    };
-  }
-
-  return {};
-};
-
-export class KeyPad extends React.Component {
-  static propTypes = {
-    classes: PropTypes.object.isRequired,
-    className: PropTypes.string,
-    baseSet: PropTypes.array,
-    additionalKeys: PropTypes.array,
-    layoutForKeyPad: PropTypes.object,
-    onPress: PropTypes.func.isRequired,
-    onFocus: PropTypes.func,
-    noDecimal: PropTypes.bool,
-    mode: PropTypes.string,
-  };
-  static defaultProps = {
-    baseSet: baseSet,
-    noDecimal: false,
-  };
-
-  buttonClick = (key) => {
-    log('[buttonClick]', key);
-    const { onPress } = this.props;
-    onPress(key);
-  };
-
-  flowKeys = (base, extras) => {
-    const transposed = [...sortKeys(base), ...sortKeys(extras)];
-    return _.flatten(transposed);
-  };
-
-  keyIsNotAllowed = (key) => {
-    const { noDecimal } = this.props;
-
-    if (((key.write === '.' && key.label === '.') || (key.write === ',' && key.label === ',')) && noDecimal) {
-      return true;
-    }
-
-    return false;
-  };
-
-  render() {
-    const { classes, className, baseSet, additionalKeys, layoutForKeyPad, onFocus, mode } = this.props;
-
-    const noBaseSet = ['non-negative-integers', 'integers', 'decimals', 'fractions', 'item-authoring', 'language'];
-
-    const keysWithoutBaseSet = noBaseSet.includes(mode);
-    const allKeys = keysWithoutBaseSet
-      ? this.flowKeys([], additionalKeys || [])
-      : this.flowKeys(baseSet, additionalKeys || []); //, ...sortKeys(additionalKeys)];
-
-    const shift = allKeys.length % 5 ? 1 : 0;
-    const style = {
-      gridTemplateColumns: `repeat(${Math.floor(allKeys.length / 5) + shift}, minmax(min-content, 150px))`,
-      ...createCustomLayout(layoutForKeyPad),
-    };
-
-    return (
-      <div className={classNames(classes.keys, className, classes[mode])} style={style} onFocus={onFocus}>
-        {allKeys.map((k, index) => {
-          const onClick = this.buttonClick.bind(this, k);
-
-          if (!k) {
-            return <span key={`empty-${index}`} />;
-          }
-
-          const common = {
-            onClick,
-            className: classNames(
-              classes.labelButton,
-              !keysWithoutBaseSet && classes[k.category],
-              classes[k.extraClass],
-              k.label === ',' && classes.comma,
-              k.label === '.' && classes.dot,
-            ),
-            disabled: this.keyIsNotAllowed(k),
-            key: `${k.label || k.latex || k.command}-${index}`,
-            ...(k.actions || {}),
-            ...(k.extraProps || {}),
-          };
-
-          if (k.latex) {
-            return (
-              <LatexButton
-                latex={k.latex}
-                key={index}
-                {...common}
-                className={classes.latexButton}
-                ariaLabel={k.ariaLabel ? k.ariaLabel : k.name || k.label}
-              />
-            );
-          }
-
-          if (k.label) {
-            return (
-              <Button key={index} {...common} aria-label={k.ariaLabel ? k.ariaLabel : k.name || k.label}>
-                {k.label}
-              </Button>
-            );
-          } else {
-            const Icon = k.icon ? k.icon : 'div';
-
-            return (
-              <IconButton tabIndex={'-1'} {...common} key={index}>
-                <Icon className={classes.icon} />
-              </IconButton>
-            );
-          }
-        })}
-      </div>
-    );
-  }
-}
-
-const styles = (theme) => ({
-  keys: {
-    '& *': {
-      fontFamily: 'Roboto, Helvetica, Arial, sans-serif !important',
-    },
-    width: '100%',
-    display: 'grid',
-    gridTemplateRows: 'repeat(5, minmax(40px, 60px))',
-    gridRowGap: '0px',
-    gridColumnGap: '0px',
-    gridAutoFlow: 'column',
-  },
-  character: {
-    textTransform: 'initial !important',
-    gridTemplateRows: 'repeat(5, minmax(40px, 50px)) !important',
-  },
-  language: {
-    gridTemplateRows: 'repeat(5, minmax(40px, 50px)) !important',
-    '& *': {
-      fontFamily: 'Roboto, Helvetica, Arial, sans-serif !important',
-    },
-  },
-  holder: {
-    position: 'relative',
-    width: '100%',
-    height: '100%',
-    backgroundColor: '#cef',
-    borderRadius: 0,
-    padding: `${theme.spacing.unit}px 0 ${theme.spacing.unit}px 0`,
-  },
-  labelButton: {
-    minWidth: 'auto',
-    fontSize: '140% !important',
-    backgroundColor: lighten(theme.palette.primary.light, 0.5),
-    '&:hover': {
-      backgroundColor: lighten(theme.palette.primary.light, 0.7),
-    },
-    borderRadius: 0,
-  },
-  latexButton: {
-    minWidth: 'auto',
-    borderRadius: 0,
-    backgroundColor: lighten(theme.palette.primary.light, 0.5),
-    '&:hover': {
-      backgroundColor: lighten(theme.palette.primary.light, 0.7),
-    },
-  },
-  base: {},
-  operators: {
-    backgroundColor: lighten(theme.palette.secondary.light, 0.5),
-    '&:hover': {
-      backgroundColor: lighten(theme.palette.secondary.light, 0.7),
-    },
-  },
-  comparison: {
-    backgroundColor: lighten(green[500], 0.5),
-    '&:hover': {
-      backgroundColor: lighten(green[500], 0.7),
-    },
-  },
-  comma: {
-    fontSize: '200% !important',
-    lineHeight: '100%',
-  },
-  dot: {
-    fontSize: '200% !important',
-    lineHeight: '100%',
-  },
-  icon: {
-    height: '30px',
-  },
-});
-
-export default withStyles(styles)(KeyPad);

package/configure/node_modules/@pie-element/rubric/node_modules/@pie-lib/pie-toolbox/src/code/math-input/keypad/keys-layout.js

@@ -1,17 +0,0 @@
-import * as _ from 'lodash';
-
-/**
- * Sort additional keys.
- *
- * Expects an array of rows.
- * @param {} keys
- */
-export const sortKeys = (keys) => {
-  // add any missing rows
-  _.times(5 - keys.length, () => {
-    keys.push([]);
-  });
-
-  const out = _.zip.apply(null, keys);
-  return out;
-};

package/configure/node_modules/@pie-element/rubric/node_modules/@pie-lib/pie-toolbox/src/code/math-input/keys/basic-operators.js

@@ -1,32 +0,0 @@
-import { DIVIDE, MULTIPLY } from './chars';
-import { mkSet } from './utils';
-
-const set = mkSet('operators');
-
-export const equals = set({
-  write: '=',
-  label: '=',
-});
-
-export const plus = set({
-  write: '+',
-  label: '+',
-});
-
-export const minus = set({
-  write: '−',
-  label: '−',
-});
-
-export const divide = set({
-  name: 'divide',
-  label: DIVIDE,
-  command: '\\divide',
-  otherNotation: '\\div',
-});
-
-export const multiply = set({
-  name: 'multiply',
-  label: MULTIPLY,
-  command: '\\times',
-});

package/configure/node_modules/@pie-element/rubric/node_modules/@pie-lib/pie-toolbox/src/code/math-input/keys/chars.js

@@ -1,5 +0,0 @@
-export const DELETE = '\u232B';
-export const LEFT_ARROW = '◀';
-export const RIGHT_ARROW = '▶';
-export const DIVIDE = '\u00F7';
-export const MULTIPLY = '\u00D7';

package/configure/node_modules/@pie-element/rubric/node_modules/@pie-lib/pie-toolbox/src/code/math-input/keys/comparison.js

@@ -1,28 +0,0 @@
-const set = (o) => ({ ...o, category: 'comparison' });
-
-export const lessThan = set({
-  name: 'Less than',
-  latex: '<',
-  command: '\\lt',
-});
-
-export const greaterThan = set({
-  name: 'Greater than',
-  latex: '>',
-  command: '\\gt',
-});
-
-export const lessThanEqual = set({
-  name: 'Less than or equal',
-  latex: '\\le',
-  symbol: '<=',
-  command: '\\le',
-  ariaLabel: 'less than or equal to',
-});
-
-export const greaterThanEqual = set({
-  name: 'Greater than or equal',
-  symbol: '>=',
-  command: '\\ge',
-  latex: '\\ge',
-});