@pie-element/ebsr 6.6.3-next.264 → 6.6.3-next.280

package/configure/node_modules/@pie-lib/math-input/LICENSE.md

@@ -0,0 +1,5 @@
+Copyright 2019 CoreSpring Inc
+
+Permission to use, copy, modify, and/or distribute this software for any purpose with or without fee is hereby granted, provided that the above copyright notice and this permission notice appear in all copies.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.

package/configure/node_modules/@pie-lib/math-input/README.md

@@ -0,0 +1,27 @@
+# math-input  
+
+A [React](http://github.com/facebook/react) math input field, with a material design feel. Uses [Mathquill](http://mathquill.com/).
+
+## install 
+
+```bash
+npm|yarn install
+```
+
+## demo
+```bash
+
+cd demo 
+../node_modules/.bin/webpack-dev-server --hot --inline
+```
+
+## test
+
+```bash
+npm|yarn test
+```
+
+
+## Using in another app
+
+We expose the jsx directly, so you'll need to update your build pipeline to build from src.

package/configure/node_modules/@pie-lib/math-input/lib/horizontal-keypad.js

@@ -0,0 +1,123 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _grades = require("./keys/grades");
+
+var _utils = require("./keys/utils");
+
+var _keypad = _interopRequireDefault(require("./keypad"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
+
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+var toOldModel = function 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
+    };
+  }
+};
+
+var HorizontalKeypad =
+/*#__PURE__*/
+function (_React$Component) {
+  _inherits(HorizontalKeypad, _React$Component);
+
+  function HorizontalKeypad() {
+    var _getPrototypeOf2;
+
+    var _this;
+
+    _classCallCheck(this, HorizontalKeypad);
+
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    _this = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(HorizontalKeypad)).call.apply(_getPrototypeOf2, [this].concat(args)));
+
+    _defineProperty(_assertThisInitialized(_this), "keypadPress", function (data) {
+      var onClick = _this.props.onClick;
+      onClick(toOldModel(data));
+    });
+
+    return _this;
+  }
+
+  _createClass(HorizontalKeypad, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+          mode = _this$props.mode,
+          onFocus = _this$props.onFocus,
+          noDecimal = _this$props.noDecimal,
+          className = _this$props.className,
+          additionalKeys = _this$props.additionalKeys;
+      var normalizedKeys = (0, _grades.normalizeAdditionalKeys)(additionalKeys);
+      return _react["default"].createElement(_keypad["default"], {
+        className: className,
+        onFocus: onFocus,
+        noDecimal: noDecimal,
+        additionalKeys: (0, _utils.extendKeySet)((0, _grades.keysForGrade)(mode), normalizedKeys),
+        onPress: this.keypadPress
+      });
+    }
+  }]);
+
+  return HorizontalKeypad;
+}(_react["default"].Component);
+
+exports["default"] = HorizontalKeypad;
+
+_defineProperty(HorizontalKeypad, "propTypes", {
+  className: _propTypes["default"].string,
+  mode: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]),
+  onClick: _propTypes["default"].func.isRequired,
+  onFocus: _propTypes["default"].func,
+  noDecimal: _propTypes["default"].bool,
+  additionalKeys: _propTypes["default"].array
+});
+
+_defineProperty(HorizontalKeypad, "defaultProps", {
+  mode: 'scientific',
+  noDecimal: false,
+  additionalKeys: []
+});
+//# sourceMappingURL=horizontal-keypad.js.map

package/configure/node_modules/@pie-lib/math-input/lib/horizontal-keypad.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/horizontal-keypad.jsx"],"names":["toOldModel","d","command","value","type","write","keystroke","HorizontalKeypad","data","onClick","props","mode","onFocus","noDecimal","className","additionalKeys","normalizedKeys","keypadPress","React","Component","PropTypes","string","oneOfType","number","func","isRequired","bool","array"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;;;;;AAEA,IAAMA,UAAU,GAAG,SAAbA,UAAa,CAAAC,CAAC,EAAI;AACtB,MAAIA,CAAC,CAACC,OAAN,EAAe;AACb,WAAO;AAAEC,MAAAA,KAAK,EAAEF,CAAC,CAACC,OAAX;AAAoBE,MAAAA,IAAI,EAAE;AAA1B,KAAP;AACD,GAFD,MAEO,IAAIH,CAAC,CAACI,KAAN,EAAa;AAClB,WAAO;AAAEF,MAAAA,KAAK,EAAEF,CAAC,CAACI;AAAX,KAAP;AACD,GAFM,MAEA,IAAIJ,CAAC,CAACK,SAAN,EAAiB;AACtB,WAAO;AAAEF,MAAAA,IAAI,EAAE,QAAR;AAAkBD,MAAAA,KAAK,EAAEF,CAAC,CAACK;AAA3B,KAAP;AACD;AACF,CARD;;IAUqBC,gB;;;;;;;;;;;;;;;;;;kEAgBL,UAAAC,IAAI,EAAI;AAAA,UACZC,OADY,GACA,MAAKC,KADL,CACZD,OADY;AAGpBA,MAAAA,OAAO,CAACT,UAAU,CAACQ,IAAD,CAAX,CAAP;AACD,K;;;;;;;6BAEQ;AAAA,wBACyD,KAAKE,KAD9D;AAAA,UACCC,IADD,eACCA,IADD;AAAA,UACOC,OADP,eACOA,OADP;AAAA,UACgBC,SADhB,eACgBA,SADhB;AAAA,UAC2BC,SAD3B,eAC2BA,SAD3B;AAAA,UACsCC,cADtC,eACsCA,cADtC;AAEP,UAAMC,cAAc,GAAG,qCAAwBD,cAAxB,CAAvB;AAEA,aACE,gCAAC,kBAAD;AACE,QAAA,SAAS,EAAED,SADb;AAEE,QAAA,OAAO,EAAEF,OAFX;AAGE,QAAA,SAAS,EAAEC,SAHb;AAIE,QAAA,cAAc,EAAE,yBAAa,0BAAaF,IAAb,CAAb,EAAiCK,cAAjC,CAJlB;AAKE,QAAA,OAAO,EAAE,KAAKC;AALhB,QADF;AASD;;;;EAnC2CC,kBAAMC,S;;;;gBAA/BZ,gB,eACA;AACjBO,EAAAA,SAAS,EAAEM,sBAAUC,MADJ;AAEjBV,EAAAA,IAAI,EAAES,sBAAUE,SAAV,CAAoB,CAACF,sBAAUC,MAAX,EAAmBD,sBAAUG,MAA7B,CAApB,CAFW;AAGjBd,EAAAA,OAAO,EAAEW,sBAAUI,IAAV,CAAeC,UAHP;AAIjBb,EAAAA,OAAO,EAAEQ,sBAAUI,IAJF;AAKjBX,EAAAA,SAAS,EAAEO,sBAAUM,IALJ;AAMjBX,EAAAA,cAAc,EAAEK,sBAAUO;AANT,C;;gBADApB,gB,kBAUG;AACpBI,EAAAA,IAAI,EAAE,YADc;AAEpBE,EAAAA,SAAS,EAAE,KAFS;AAGpBE,EAAAA,cAAc,EAAE;AAHI,C","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { keysForGrade, normalizeAdditionalKeys } from './keys/grades';\nimport { extendKeySet } from './keys/utils';\nimport Keypad from './keypad';\n\nconst toOldModel = d => {\n  if (d.command) {\n    return { value: d.command, type: 'command' };\n  } else if (d.write) {\n    return { value: d.write };\n  } else if (d.keystroke) {\n    return { type: 'cursor', value: d.keystroke };\n  }\n};\n\nexport default class HorizontalKeypad extends React.Component {\n  static propTypes = {\n    className: PropTypes.string,\n    mode: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n    onClick: PropTypes.func.isRequired,\n    onFocus: PropTypes.func,\n    noDecimal: PropTypes.bool,\n    additionalKeys: PropTypes.array\n  };\n\n  static defaultProps = {\n    mode: 'scientific',\n    noDecimal: false,\n    additionalKeys: []\n  };\n\n  keypadPress = data => {\n    const { onClick } = this.props;\n\n    onClick(toOldModel(data));\n  };\n\n  render() {\n    const { mode, onFocus, noDecimal, className, additionalKeys } = this.props;\n    const normalizedKeys = normalizeAdditionalKeys(additionalKeys);\n\n    return (\n      <Keypad\n        className={className}\n        onFocus={onFocus}\n        noDecimal={noDecimal}\n        additionalKeys={extendKeySet(keysForGrade(mode), normalizedKeys)}\n        onPress={this.keypadPress}\n      />\n    );\n  }\n}\n"],"file":"horizontal-keypad.js"}

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

@@ -0,0 +1,75 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "keysForGrade", {
+  enumerable: true,
+  get: function get() {
+    return _grades.keysForGrade;
+  }
+});
+Object.defineProperty(exports, "HorizontalKeypad", {
+  enumerable: true,
+  get: function get() {
+    return _horizontalKeypad["default"];
+  }
+});
+exports.mq = exports.keys = exports.updateSpans = exports.removeBrackets = exports.addBrackets = void 0;
+
+var _grades = require("./keys/grades");
+
+var keys = _interopRequireWildcard(require("./keys"));
+
+exports.keys = keys;
+
+var _horizontalKeypad = _interopRequireDefault(require("./horizontal-keypad"));
+
+var mq = _interopRequireWildcard(require("./mq"));
+
+exports.mq = mq;
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {}; if (desc.get || desc.set) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj["default"] = obj; return newObj; } }
+
+var addLeftBracket = function addLeftBracket(s) {
+  return s.indexOf('\\(') === 0 ? s : "\\(".concat(s);
+};
+
+var addRightBracket = function addRightBracket(s) {
+  return s.indexOf('\\)') === s.length - 2 ? s : "".concat(s, "\\)");
+};
+
+var rmLeftBracket = function rmLeftBracket(s) {
+  return s.indexOf('\\(') === 0 ? s.substring(2) : s;
+};
+
+var rmRightBracket = function rmRightBracket(s) {
+  return s.indexOf('\\)') === s.length - 2 ? s.substring(0, s.length - 2) : s;
+};
+
+var addBrackets = function addBrackets(s) {
+  return addRightBracket(addLeftBracket(s));
+};
+
+exports.addBrackets = addBrackets;
+
+var removeBrackets = function removeBrackets(s) {
+  return rmRightBracket(rmLeftBracket(s));
+}; // increase the font of parallel notation
+
+
+exports.removeBrackets = removeBrackets;
+
+var updateSpans = function updateSpans() {
+  var spans = Array.from(document.querySelectorAll('span[mathquill-command-id]'));
+  (spans || []).forEach(function (span) {
+    if (span && span.innerText === '∥' && span.className !== 'mq-editable-field') {
+      span.style.fontSize = '32px';
+    }
+  });
+};
+
+exports.updateSpans = updateSpans;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.jsx"],"names":["addLeftBracket","s","indexOf","addRightBracket","length","rmLeftBracket","substring","rmRightBracket","addBrackets","removeBrackets","updateSpans","spans","Array","from","document","querySelectorAll","forEach","span","innerText","className","style","fontSize"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;AAoBA;;;;AAEA;;AAEA;;;;;;;;AAtBA,IAAMA,cAAc,GAAG,SAAjBA,cAAiB,CAAAC,CAAC;AAAA,SAAKA,CAAC,CAACC,OAAF,CAAU,KAAV,MAAqB,CAArB,GAAyBD,CAAzB,gBAAmCA,CAAnC,CAAL;AAAA,CAAxB;;AACA,IAAME,eAAe,GAAG,SAAlBA,eAAkB,CAAAF,CAAC;AAAA,SAAKA,CAAC,CAACC,OAAF,CAAU,KAAV,MAAqBD,CAAC,CAACG,MAAF,GAAW,CAAhC,GAAoCH,CAApC,aAA2CA,CAA3C,QAAL;AAAA,CAAzB;;AACA,IAAMI,aAAa,GAAG,SAAhBA,aAAgB,CAAAJ,CAAC;AAAA,SAAKA,CAAC,CAACC,OAAF,CAAU,KAAV,MAAqB,CAArB,GAAyBD,CAAC,CAACK,SAAF,CAAY,CAAZ,CAAzB,GAA0CL,CAA/C;AAAA,CAAvB;;AACA,IAAMM,cAAc,GAAG,SAAjBA,cAAiB,CAAAN,CAAC;AAAA,SAAKA,CAAC,CAACC,OAAF,CAAU,KAAV,MAAqBD,CAAC,CAACG,MAAF,GAAW,CAAhC,GAAoCH,CAAC,CAACK,SAAF,CAAY,CAAZ,EAAeL,CAAC,CAACG,MAAF,GAAW,CAA1B,CAApC,GAAmEH,CAAxE;AAAA,CAAxB;;AAEA,IAAMO,WAAW,GAAG,SAAdA,WAAc,CAAAP,CAAC;AAAA,SAAIE,eAAe,CAACH,cAAc,CAACC,CAAD,CAAf,CAAnB;AAAA,CAArB;;;;AACA,IAAMQ,cAAc,GAAG,SAAjBA,cAAiB,CAAAR,CAAC;AAAA,SAAIM,cAAc,CAACF,aAAa,CAACJ,CAAD,CAAd,CAAlB;AAAA,CAAxB,C,CAEA;;;;;AACA,IAAMS,WAAW,GAAG,SAAdA,WAAc,GAAM;AACxB,MAAMC,KAAK,GAAGC,KAAK,CAACC,IAAN,CAAWC,QAAQ,CAACC,gBAAT,CAA0B,4BAA1B,CAAX,CAAd;AACA,GAACJ,KAAK,IAAI,EAAV,EAAcK,OAAd,CAAsB,UAAAC,IAAI,EAAI;AAC5B,QAAIA,IAAI,IAAIA,IAAI,CAACC,SAAL,KAAmB,GAA3B,IAAkCD,IAAI,CAACE,SAAL,KAAmB,mBAAzD,EAA8E;AAC5EF,MAAAA,IAAI,CAACG,KAAL,CAAWC,QAAX,GAAsB,MAAtB;AACD;AACF,GAJD;AAKD,CAPD","sourcesContent":["import { keysForGrade } from './keys/grades';\n\nconst addLeftBracket = s => (s.indexOf('\\\\(') === 0 ? s : `\\\\(${s}`);\nconst addRightBracket = s => (s.indexOf('\\\\)') === s.length - 2 ? s : `${s}\\\\)`);\nconst rmLeftBracket = s => (s.indexOf('\\\\(') === 0 ? s.substring(2) : s);\nconst rmRightBracket = s => (s.indexOf('\\\\)') === s.length - 2 ? s.substring(0, s.length - 2) : s);\n\nconst addBrackets = s => addRightBracket(addLeftBracket(s));\nconst removeBrackets = s => rmRightBracket(rmLeftBracket(s));\n\n// increase the font of parallel notation\nconst updateSpans = () => {\n  const spans = Array.from(document.querySelectorAll('span[mathquill-command-id]'));\n  (spans || []).forEach(span => {\n    if (span && span.innerText === '∥' && span.className !== 'mq-editable-field') {\n      span.style.fontSize = '32px';\n    }\n  });\n};\n\nimport * as keys from './keys';\n\nimport HorizontalKeypad from './horizontal-keypad';\n\nimport * as mq from './mq';\n\nexport { keysForGrade, addBrackets, removeBrackets, keys, HorizontalKeypad, mq, updateSpans };\n"],"file":"index.js"}

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

@@ -0,0 +1,367 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.KeyPad = void 0;
+
+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"));
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {}; if (desc.get || desc.set) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj["default"] = obj; return newObj; } }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _nonIterableSpread(); }
+
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance"); }
+
+function _iterableToArray(iter) { if (Symbol.iterator in Object(iter) || Object.prototype.toString.call(iter) === "[object Arguments]") return Array.from(iter); }
+
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = new Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
+
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+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',
+        '&.mq-arrow-both': {
+          '&:before': {
+            fontSize: '80%',
+            left: 'calc(-13%)',
+            top: '-0.25em'
+          },
+          '&:after': {
+            fontSize: '80% !important',
+            right: 'calc(-13%) !important',
+            top: '-1.5em'
+          },
+          '&.mq-empty:before': {
+            fontSize: '80%',
+            left: 'calc(-13%)',
+            top: '-0.25em'
+          },
+          '&.mq-empty:after': {
+            fontSize: '80%',
+            right: 'calc(-13%)',
+            top: '-0.25em'
+          },
+          '&.mq-empty': {
+            minHeight: '1.4em'
+          }
+        },
+        '&.mq-arrow-right:before': {
+          fontSize: '80%',
+          right: 'calc(-13%)',
+          top: '-0.25em'
+        },
+        '& .mq-overarrow-inner': {
+          border: 'none !important'
+        },
+        '& .mq-overarrow-inner .mq-overarrow-inner-right': {
+          display: 'none !important'
+        }
+      },
+      '& .mq-root-block': {
+        padding: '5px'
+      },
+      '& .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'
+      }
+    },
+    parallelButton: {
+      fontStyle: 'italic'
+    }
+  };
+})(function (props) {
+  var buttonClass;
+
+  if (props.latex === '\\parallel') {
+    buttonClass = (0, _classnames["default"])(props.classes.latexButton, props.mqClassName, props.classes.parallelButton);
+  } else {
+    buttonClass = (0, _classnames["default"])(props.classes.latexButton, props.mqClassName);
+  }
+
+  return _react["default"].createElement(_Button["default"], {
+    className: (0, _classnames["default"])(props.classes.root, props.className),
+    onClick: props.onClick
+  }, _react["default"].createElement(mq.Static, {
+    className: buttonClass,
+    latex: props.latex
+  }));
+});
+
+var KeyPad =
+/*#__PURE__*/
+function (_React$Component) {
+  _inherits(KeyPad, _React$Component);
+
+  function KeyPad() {
+    var _getPrototypeOf2;
+
+    var _this;
+
+    _classCallCheck(this, KeyPad);
+
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    _this = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(KeyPad)).call.apply(_getPrototypeOf2, [this].concat(args)));
+
+    _defineProperty(_assertThisInitialized(_this), "buttonClick", function (key) {
+      log('[buttonClick]', key);
+      var onPress = _this.props.onPress;
+      onPress(key);
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "flowKeys", function (base, extras) {
+      var transposed = [].concat(_toConsumableArray((0, _keysLayout.sortKeys)(base)), _toConsumableArray((0, _keysLayout.sortKeys)(extras)));
+      return _lodash["default"].flatten(transposed);
+    });
+
+    _defineProperty(_assertThisInitialized(_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;
+  }
+
+  _createClass(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,
+          onFocus = _this$props.onFocus;
+      var allKeys = this.flowKeys(baseSet, additionalKeys || []); //, ...sortKeys(additionalKeys)];
+
+      var shift = allKeys.length % 5 ? 1 : 0;
+      var style = {
+        gridTemplateColumns: "repeat(".concat(Math.floor(allKeys.length / 5) + shift, ", minmax(min-content, 150px))")
+      };
+      return _react["default"].createElement("div", {
+        className: (0, _classnames["default"])(classes.keys, className),
+        style: style,
+        onFocus: onFocus
+      }, allKeys.map(function (k, index) {
+        var onClick = _this2.buttonClick.bind(_this2, k);
+
+        if (!k) {
+          return _react["default"].createElement("span", {
+            key: "empty-".concat(index)
+          });
+        }
+
+        var common = {
+          onClick: onClick,
+          className: (0, _classnames["default"])(classes.labelButton, classes[k.category], k.label === ',' && classes.comma, k.label === '.' && classes.dot),
+          disabled: _this2.keyIsNotAllowed(k),
+          key: "".concat(k.label || k.latex || k.command, "-").concat(index)
+        };
+
+        if (k.latex) {
+          return _react["default"].createElement(LatexButton, _extends({
+            latex: k.latex
+          }, common, {
+            className: classes.latexButton
+          }));
+        }
+
+        if (k.label) {
+          return _react["default"].createElement(_Button["default"], common, k.label);
+        } else {
+          var Icon = k.icon ? k.icon : 'div';
+          return _react["default"].createElement(_IconButton["default"], _extends({
+            tabIndex: '-1'
+          }, common), _react["default"].createElement(Icon, {
+            className: classes.icon
+          }));
+        }
+      }));
+    }
+  }]);
+
+  return KeyPad;
+}(_react["default"].Component);
+
+exports.KeyPad = KeyPad;
+
+_defineProperty(KeyPad, "propTypes", {
+  classes: _propTypes["default"].object.isRequired,
+  className: _propTypes["default"].string,
+  baseSet: _propTypes["default"].array,
+  additionalKeys: _propTypes["default"].array,
+  onPress: _propTypes["default"].func.isRequired,
+  onFocus: _propTypes["default"].func,
+  noDecimal: _propTypes["default"].bool
+});
+
+_defineProperty(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'
+    },
+    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-lib/math-input/lib/keypad/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/keypad/index.jsx"],"names":["log","LatexButton","theme","root","textTransform","padding","margin","fontSize","latexButton","pointerEvents","transform","marginBottom","backgroundColor","palette","secondary","main","borderTop","width","marginTop","left","top","right","minHeight","border","display","paddingTop","parallelButton","fontStyle","props","buttonClass","latex","classes","mqClassName","className","onClick","KeyPad","key","onPress","base","extras","transposed","_","flatten","noDecimal","write","label","baseSet","additionalKeys","onFocus","allKeys","flowKeys","shift","length","style","gridTemplateColumns","Math","floor","keys","map","k","index","buttonClick","bind","common","labelButton","category","comma","dot","disabled","keyIsNotAllowed","command","Icon","icon","React","Component","PropTypes","object","isRequired","string","array","func","bool","styles","fontFamily","gridTemplateRows","gridRowGap","gridColumnGap","gridAutoFlow","holder","position","height","borderRadius","spacing","unit","minWidth","primary","light","operators","comparison","green","lineHeight"],"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';\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      '&.mq-arrow-both': {\n        '&:before': {\n          fontSize: '80%',\n          left: 'calc(-13%)',\n          top: '-0.25em'\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.25em'\n        },\n        '&.mq-empty:after': {\n          fontSize: '80%',\n          right: 'calc(-13%)',\n          top: '-0.25em'\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.25em'\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'\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  },\n  parallelButton: {\n    fontStyle: 'italic'\n  }\n}))(props => {\n  let buttonClass;\n\n  if (props.latex === '\\\\parallel') {\n    buttonClass = classNames(\n      props.classes.latexButton,\n      props.mqClassName,\n      props.classes.parallelButton\n    );\n  } else {\n    buttonClass = classNames(props.classes.latexButton, props.mqClassName);\n  }\n  return (\n    <Button className={classNames(props.classes.root, props.className)} onClick={props.onClick}>\n      <mq.Static className={buttonClass} latex={props.latex} />\n    </Button>\n  );\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    onPress: PropTypes.func.isRequired,\n    onFocus: PropTypes.func,\n    noDecimal: PropTypes.bool\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 (\n      ((key.write === '.' && key.label === '.') || (key.write === ',' && key.label === ',')) &&\n      noDecimal\n    ) {\n      return true;\n    }\n\n    return false;\n  };\n\n  render() {\n    const { classes, className, baseSet, additionalKeys, onFocus } = this.props;\n\n    const allKeys = 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) +\n        shift}, minmax(min-content, 150px))`\n    };\n    return (\n      <div className={classNames(classes.keys, className)} 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              classes[k.category],\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          };\n\n          if (k.latex) {\n            return <LatexButton latex={k.latex} {...common} className={classes.latexButton} />;\n          }\n\n          if (k.label) {\n            return <Button {...common}>{k.label}</Button>;\n          } else {\n            const Icon = k.icon ? k.icon : 'div';\n\n            return (\n              <IconButton tabIndex={'-1'} {...common}>\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  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"}