@pie-element/ebsr 9.12.1 → 9.12.2-next.19

package/configure/node_modules/@pie-element/multiple-choice/node_modules/@pie-lib/pie-toolbox/code/math-input/keypad/index.js

@@ -0,0 +1,441 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.KeyPad = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _Button = _interopRequireDefault(require("@material-ui/core/Button"));
+
+var _IconButton = _interopRequireDefault(require("@material-ui/core/IconButton"));
+
+var _styles = require("@material-ui/core/styles");
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _colorManipulator = require("@material-ui/core/styles/colorManipulator");
+
+var _green = _interopRequireDefault(require("@material-ui/core/colors/green"));
+
+var _keysLayout = require("./keys-layout");
+
+var mq = _interopRequireWildcard(require("../mq"));
+
+var _keys = require("../keys");
+
+var _debug = _interopRequireDefault(require("debug"));
+
+var _lodash = _interopRequireDefault(require("lodash"));
+
+var _mathquill = _interopRequireDefault(require("@pie-framework/mathquill"));
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+var log = (0, _debug["default"])('pie-lib:math-inline:keypad');
+var LatexButton = (0, _styles.withStyles)(function (theme) {
+  return {
+    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: "".concat((0, _colorManipulator.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'
+        }
+      }
+    }
+  };
+})(function (props) {
+  var buttonClass;
+
+  if (props.latex === '\\parallel') {
+    buttonClass = (0, _classnames["default"])(props.classes.latexButton, props.mqClassName, props.classes.parallelButton);
+  } else if (props.latex === '\\overleftrightarrow{\\overline{}}') {
+    buttonClass = (0, _classnames["default"])(props.classes.latexButton, props.mqClassName, props.classes.leftRightArrowButton);
+  } else {
+    buttonClass = (0, _classnames["default"])(props.classes.latexButton, props.mqClassName);
+  }
+
+  try {
+    var MQ = _mathquill["default"].getInterface(2);
+
+    var span = document.createElement('span');
+    span.innerHTML = '';
+    var mathField = MQ.StaticMath(span);
+    mathField.parseLatex(props.latex);
+    mathField.latex(props.latex);
+  } catch (e) {
+    // received latex has errors - do not create button
+    return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null);
+  }
+
+  return /*#__PURE__*/_react["default"].createElement(_Button["default"], {
+    className: (0, _classnames["default"])(props.classes.root, props.className),
+    onClick: props.onClick,
+    "aria-label": props.ariaLabel
+  }, /*#__PURE__*/_react["default"].createElement(mq.Static, {
+    className: buttonClass,
+    latex: props.latex
+  }));
+});
+
+var createCustomLayout = function createCustomLayout(layoutObj) {
+  if (layoutObj) {
+    return {
+      gridTemplateColumns: "repeat(".concat(layoutObj.columns, ", minmax(min-content, 150px))"),
+      gridTemplateRows: "repeat(".concat(layoutObj.rows, ", minmax(40px, 60px))"),
+      gridAutoFlow: 'initial'
+    };
+  }
+
+  return {};
+};
+
+var KeyPad = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2["default"])(KeyPad, _React$Component);
+
+  var _super = _createSuper(KeyPad);
+
+  function KeyPad() {
+    var _this;
+
+    (0, _classCallCheck2["default"])(this, KeyPad);
+
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    _this = _super.call.apply(_super, [this].concat(args));
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "buttonClick", function (key) {
+      log('[buttonClick]', key);
+      var onPress = _this.props.onPress;
+      onPress(key);
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "flowKeys", function (base, extras) {
+      var transposed = [].concat((0, _toConsumableArray2["default"])((0, _keysLayout.sortKeys)(base)), (0, _toConsumableArray2["default"])((0, _keysLayout.sortKeys)(extras)));
+      return _lodash["default"].flatten(transposed);
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "keyIsNotAllowed", function (key) {
+      var noDecimal = _this.props.noDecimal;
+
+      if ((key.write === '.' && key.label === '.' || key.write === ',' && key.label === ',') && noDecimal) {
+        return true;
+      }
+
+      return false;
+    });
+    return _this;
+  }
+
+  (0, _createClass2["default"])(KeyPad, [{
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+
+      var _this$props = this.props,
+          classes = _this$props.classes,
+          className = _this$props.className,
+          baseSet = _this$props.baseSet,
+          additionalKeys = _this$props.additionalKeys,
+          layoutForKeyPad = _this$props.layoutForKeyPad,
+          onFocus = _this$props.onFocus,
+          mode = _this$props.mode;
+      var noBaseSet = ['non-negative-integers', 'integers', 'decimals', 'fractions', 'item-authoring', 'language'];
+      var keysWithoutBaseSet = noBaseSet.includes(mode);
+      var allKeys = keysWithoutBaseSet ? this.flowKeys([], additionalKeys || []) : this.flowKeys(baseSet, additionalKeys || []); //, ...sortKeys(additionalKeys)];
+
+      var shift = allKeys.length % 5 ? 1 : 0;
+
+      var style = _objectSpread({
+        gridTemplateColumns: "repeat(".concat(Math.floor(allKeys.length / 5) + shift, ", minmax(min-content, 150px))")
+      }, createCustomLayout(layoutForKeyPad));
+
+      return /*#__PURE__*/_react["default"].createElement("div", {
+        className: (0, _classnames["default"])(classes.keys, className, classes[mode]),
+        style: style,
+        onFocus: onFocus
+      }, allKeys.map(function (k, index) {
+        var onClick = _this2.buttonClick.bind(_this2, k);
+
+        if (!k) {
+          return /*#__PURE__*/_react["default"].createElement("span", {
+            key: "empty-".concat(index)
+          });
+        }
+
+        var common = _objectSpread(_objectSpread({
+          onClick: onClick,
+          className: (0, _classnames["default"])(classes.labelButton, !keysWithoutBaseSet && classes[k.category], classes[k.extraClass], k.label === ',' && classes.comma, k.label === '.' && classes.dot),
+          disabled: _this2.keyIsNotAllowed(k),
+          key: "".concat(k.label || k.latex || k.command, "-").concat(index)
+        }, k.actions || {}), k.extraProps || {});
+
+        if (k.latex) {
+          return /*#__PURE__*/_react["default"].createElement(LatexButton, (0, _extends2["default"])({
+            latex: k.latex,
+            key: index
+          }, common, {
+            className: classes.latexButton,
+            ariaLabel: k.ariaLabel ? k.ariaLabel : k.name || k.label
+          }));
+        }
+
+        if (k.label) {
+          return /*#__PURE__*/_react["default"].createElement(_Button["default"], (0, _extends2["default"])({
+            key: index
+          }, common, {
+            "aria-label": k.ariaLabel ? k.ariaLabel : k.name || k.label
+          }), k.label);
+        } else {
+          var Icon = k.icon ? k.icon : 'div';
+          return /*#__PURE__*/_react["default"].createElement(_IconButton["default"], (0, _extends2["default"])({
+            tabIndex: '-1'
+          }, common, {
+            key: index
+          }), /*#__PURE__*/_react["default"].createElement(Icon, {
+            className: classes.icon
+          }));
+        }
+      }));
+    }
+  }]);
+  return KeyPad;
+}(_react["default"].Component);
+
+exports.KeyPad = KeyPad;
+(0, _defineProperty2["default"])(KeyPad, "propTypes", {
+  classes: _propTypes["default"].object.isRequired,
+  className: _propTypes["default"].string,
+  baseSet: _propTypes["default"].array,
+  additionalKeys: _propTypes["default"].array,
+  layoutForKeyPad: _propTypes["default"].object,
+  onPress: _propTypes["default"].func.isRequired,
+  onFocus: _propTypes["default"].func,
+  noDecimal: _propTypes["default"].bool,
+  mode: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number])
+});
+(0, _defineProperty2["default"])(KeyPad, "defaultProps", {
+  baseSet: _keys.baseSet,
+  noDecimal: false
+});
+
+var styles = function styles(theme) {
+  return {
+    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: "".concat(theme.spacing.unit, "px 0 ").concat(theme.spacing.unit, "px 0")
+    },
+    labelButton: {
+      minWidth: 'auto',
+      fontSize: '140% !important',
+      backgroundColor: (0, _colorManipulator.lighten)(theme.palette.primary.light, 0.5),
+      '&:hover': {
+        backgroundColor: (0, _colorManipulator.lighten)(theme.palette.primary.light, 0.7)
+      },
+      borderRadius: 0
+    },
+    latexButton: {
+      minWidth: 'auto',
+      borderRadius: 0,
+      backgroundColor: (0, _colorManipulator.lighten)(theme.palette.primary.light, 0.5),
+      '&:hover': {
+        backgroundColor: (0, _colorManipulator.lighten)(theme.palette.primary.light, 0.7)
+      }
+    },
+    base: {},
+    operators: {
+      backgroundColor: (0, _colorManipulator.lighten)(theme.palette.secondary.light, 0.5),
+      '&:hover': {
+        backgroundColor: (0, _colorManipulator.lighten)(theme.palette.secondary.light, 0.7)
+      }
+    },
+    comparison: {
+      backgroundColor: (0, _colorManipulator.lighten)(_green["default"][500], 0.5),
+      '&:hover': {
+        backgroundColor: (0, _colorManipulator.lighten)(_green["default"][500], 0.7)
+      }
+    },
+    comma: {
+      fontSize: '200% !important',
+      lineHeight: '100%'
+    },
+    dot: {
+      fontSize: '200% !important',
+      lineHeight: '100%'
+    },
+    icon: {
+      height: '30px'
+    }
+  };
+};
+
+var _default = (0, _styles.withStyles)(styles)(KeyPad);
+
+exports["default"] = _default;
+//# sourceMappingURL=index.js.map

package/configure/node_modules/@pie-element/multiple-choice/node_modules/@pie-lib/pie-toolbox/code/math-input/keypad/index.js.map

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

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

@@ -0,0 +1,34 @@
+"use strict";
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.sortKeys = void 0;
+
+var _ = _interopRequireWildcard(require("lodash"));
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+/**
+ * Sort additional keys.
+ *
+ * Expects an array of rows.
+ * @param {} keys
+ */
+var sortKeys = function sortKeys(keys) {
+  // add any missing rows
+  _.times(5 - keys.length, function () {
+    keys.push([]);
+  });
+
+  var out = _.zip.apply(null, keys);
+
+  return out;
+};
+
+exports.sortKeys = sortKeys;
+//# sourceMappingURL=keys-layout.js.map

package/configure/node_modules/@pie-element/multiple-choice/node_modules/@pie-lib/pie-toolbox/code/math-input/keypad/keys-layout.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/code/math-input/keypad/keys-layout.js"],"names":["sortKeys","keys","_","times","length","push","out","zip","apply"],"mappings":";;;;;;;;;AAAA;;;;;;AAEA;AACA;AACA;AACA;AACA;AACA;AACO,IAAMA,QAAQ,GAAG,SAAXA,QAAW,CAACC,IAAD,EAAU;AAChC;AACAC,EAAAA,CAAC,CAACC,KAAF,CAAQ,IAAIF,IAAI,CAACG,MAAjB,EAAyB,YAAM;AAC7BH,IAAAA,IAAI,CAACI,IAAL,CAAU,EAAV;AACD,GAFD;;AAIA,MAAMC,GAAG,GAAGJ,CAAC,CAACK,GAAF,CAAMC,KAAN,CAAY,IAAZ,EAAkBP,IAAlB,CAAZ;;AACA,SAAOK,GAAP;AACD,CARM","sourcesContent":["import * as _ from 'lodash';\n\n/**\n * Sort additional keys.\n *\n * Expects an array of rows.\n * @param {} keys\n */\nexport const sortKeys = (keys) => {\n  // add any missing rows\n  _.times(5 - keys.length, () => {\n    keys.push([]);\n  });\n\n  const out = _.zip.apply(null, keys);\n  return out;\n};\n"],"file":"keys-layout.js"}

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

@@ -0,0 +1,41 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.plus = exports.multiply = exports.minus = exports.equals = exports.divide = void 0;
+
+var _chars = require("./chars");
+
+var _utils = require("./utils");
+
+var set = (0, _utils.mkSet)('operators');
+var equals = set({
+  write: '=',
+  label: '='
+});
+exports.equals = equals;
+var plus = set({
+  write: '+',
+  label: '+'
+});
+exports.plus = plus;
+var minus = set({
+  write: '−',
+  label: '−'
+});
+exports.minus = minus;
+var divide = set({
+  name: 'divide',
+  label: _chars.DIVIDE,
+  command: '\\divide',
+  otherNotation: '\\div'
+});
+exports.divide = divide;
+var multiply = set({
+  name: 'multiply',
+  label: _chars.MULTIPLY,
+  command: '\\times'
+});
+exports.multiply = multiply;
+//# sourceMappingURL=basic-operators.js.map

package/configure/node_modules/@pie-element/multiple-choice/node_modules/@pie-lib/pie-toolbox/code/math-input/keys/basic-operators.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/code/math-input/keys/basic-operators.js"],"names":["set","equals","write","label","plus","minus","divide","name","DIVIDE","command","otherNotation","multiply","MULTIPLY"],"mappings":";;;;;;;AAAA;;AACA;;AAEA,IAAMA,GAAG,GAAG,kBAAM,WAAN,CAAZ;AAEO,IAAMC,MAAM,GAAGD,GAAG,CAAC;AACxBE,EAAAA,KAAK,EAAE,GADiB;AAExBC,EAAAA,KAAK,EAAE;AAFiB,CAAD,CAAlB;;AAKA,IAAMC,IAAI,GAAGJ,GAAG,CAAC;AACtBE,EAAAA,KAAK,EAAE,GADe;AAEtBC,EAAAA,KAAK,EAAE;AAFe,CAAD,CAAhB;;AAKA,IAAME,KAAK,GAAGL,GAAG,CAAC;AACvBE,EAAAA,KAAK,EAAE,GADgB;AAEvBC,EAAAA,KAAK,EAAE;AAFgB,CAAD,CAAjB;;AAKA,IAAMG,MAAM,GAAGN,GAAG,CAAC;AACxBO,EAAAA,IAAI,EAAE,QADkB;AAExBJ,EAAAA,KAAK,EAAEK,aAFiB;AAGxBC,EAAAA,OAAO,EAAE,UAHe;AAIxBC,EAAAA,aAAa,EAAE;AAJS,CAAD,CAAlB;;AAOA,IAAMC,QAAQ,GAAGX,GAAG,CAAC;AAC1BO,EAAAA,IAAI,EAAE,UADoB;AAE1BJ,EAAAA,KAAK,EAAES,eAFmB;AAG1BH,EAAAA,OAAO,EAAE;AAHiB,CAAD,CAApB","sourcesContent":["import { DIVIDE, MULTIPLY } from './chars';\nimport { mkSet } from './utils';\n\nconst set = mkSet('operators');\n\nexport const equals = set({\n  write: '=',\n  label: '=',\n});\n\nexport const plus = set({\n  write: '+',\n  label: '+',\n});\n\nexport const minus = set({\n  write: '−',\n  label: '−',\n});\n\nexport const divide = set({\n  name: 'divide',\n  label: DIVIDE,\n  command: '\\\\divide',\n  otherNotation: '\\\\div',\n});\n\nexport const multiply = set({\n  name: 'multiply',\n  label: MULTIPLY,\n  command: '\\\\times',\n});\n"],"file":"basic-operators.js"}

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

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.RIGHT_ARROW = exports.MULTIPLY = exports.LEFT_ARROW = exports.DIVIDE = exports.DELETE = void 0;
+var DELETE = "\u232B";
+exports.DELETE = DELETE;
+var LEFT_ARROW = '◀';
+exports.LEFT_ARROW = LEFT_ARROW;
+var RIGHT_ARROW = '▶';
+exports.RIGHT_ARROW = RIGHT_ARROW;
+var DIVIDE = "\xF7";
+exports.DIVIDE = DIVIDE;
+var MULTIPLY = "\xD7";
+exports.MULTIPLY = MULTIPLY;
+//# sourceMappingURL=chars.js.map

package/configure/node_modules/@pie-element/multiple-choice/node_modules/@pie-lib/pie-toolbox/code/math-input/keys/chars.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/code/math-input/keys/chars.js"],"names":["DELETE","LEFT_ARROW","RIGHT_ARROW","DIVIDE","MULTIPLY"],"mappings":";;;;;;AAAO,IAAMA,MAAM,GAAG,QAAf;;AACA,IAAMC,UAAU,GAAG,GAAnB;;AACA,IAAMC,WAAW,GAAG,GAApB;;AACA,IAAMC,MAAM,GAAG,MAAf;;AACA,IAAMC,QAAQ,GAAG,MAAjB","sourcesContent":["export const DELETE = '\\u232B';\nexport const LEFT_ARROW = '◀';\nexport const RIGHT_ARROW = '▶';\nexport const DIVIDE = '\\u00F7';\nexport const MULTIPLY = '\\u00D7';\n"],"file":"chars.js"}

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

@@ -0,0 +1,49 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.lessThanEqual = exports.lessThan = exports.greaterThanEqual = exports.greaterThan = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+var set = function set(o) {
+  return _objectSpread(_objectSpread({}, o), {}, {
+    category: 'comparison'
+  });
+};
+
+var lessThan = set({
+  name: 'Less than',
+  latex: '<',
+  command: '\\lt'
+});
+exports.lessThan = lessThan;
+var greaterThan = set({
+  name: 'Greater than',
+  latex: '>',
+  command: '\\gt'
+});
+exports.greaterThan = greaterThan;
+var lessThanEqual = set({
+  name: 'Less than or equal',
+  latex: '\\le',
+  symbol: '<=',
+  command: '\\le',
+  ariaLabel: 'less than or equal to'
+});
+exports.lessThanEqual = lessThanEqual;
+var greaterThanEqual = set({
+  name: 'Greater than or equal',
+  symbol: '>=',
+  command: '\\ge',
+  latex: '\\ge'
+});
+exports.greaterThanEqual = greaterThanEqual;
+//# sourceMappingURL=comparison.js.map

package/configure/node_modules/@pie-element/multiple-choice/node_modules/@pie-lib/pie-toolbox/code/math-input/keys/comparison.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/code/math-input/keys/comparison.js"],"names":["set","o","category","lessThan","name","latex","command","greaterThan","lessThanEqual","symbol","ariaLabel","greaterThanEqual"],"mappings":";;;;;;;;;;;;;;;AAAA,IAAMA,GAAG,GAAG,SAANA,GAAM,CAACC,CAAD;AAAA,yCAAaA,CAAb;AAAgBC,IAAAA,QAAQ,EAAE;AAA1B;AAAA,CAAZ;;AAEO,IAAMC,QAAQ,GAAGH,GAAG,CAAC;AAC1BI,EAAAA,IAAI,EAAE,WADoB;AAE1BC,EAAAA,KAAK,EAAE,GAFmB;AAG1BC,EAAAA,OAAO,EAAE;AAHiB,CAAD,CAApB;;AAMA,IAAMC,WAAW,GAAGP,GAAG,CAAC;AAC7BI,EAAAA,IAAI,EAAE,cADuB;AAE7BC,EAAAA,KAAK,EAAE,GAFsB;AAG7BC,EAAAA,OAAO,EAAE;AAHoB,CAAD,CAAvB;;AAMA,IAAME,aAAa,GAAGR,GAAG,CAAC;AAC/BI,EAAAA,IAAI,EAAE,oBADyB;AAE/BC,EAAAA,KAAK,EAAE,MAFwB;AAG/BI,EAAAA,MAAM,EAAE,IAHuB;AAI/BH,EAAAA,OAAO,EAAE,MAJsB;AAK/BI,EAAAA,SAAS,EAAE;AALoB,CAAD,CAAzB;;AAQA,IAAMC,gBAAgB,GAAGX,GAAG,CAAC;AAClCI,EAAAA,IAAI,EAAE,uBAD4B;AAElCK,EAAAA,MAAM,EAAE,IAF0B;AAGlCH,EAAAA,OAAO,EAAE,MAHyB;AAIlCD,EAAAA,KAAK,EAAE;AAJ2B,CAAD,CAA5B","sourcesContent":["const set = (o) => ({ ...o, category: 'comparison' });\n\nexport const lessThan = set({\n  name: 'Less than',\n  latex: '<',\n  command: '\\\\lt',\n});\n\nexport const greaterThan = set({\n  name: 'Greater than',\n  latex: '>',\n  command: '\\\\gt',\n});\n\nexport const lessThanEqual = set({\n  name: 'Less than or equal',\n  latex: '\\\\le',\n  symbol: '<=',\n  command: '\\\\le',\n  ariaLabel: 'less than or equal to',\n});\n\nexport const greaterThanEqual = set({\n  name: 'Greater than or equal',\n  symbol: '>=',\n  command: '\\\\ge',\n  latex: '\\\\ge',\n});\n"],"file":"comparison.js"}