@pie-lib/math-input-mathlive 1.0.0

package/lib/horizontal-keypad.js

@@ -0,0 +1,101 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+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 _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+/**
+ * Maps a key definition to the legacy `{value, type}` shape that
+ * @pie-lib/math-toolbar consumes. Unchanged from the MathQuill implementation:
+ * the shape is part of the 4.x-compatible contract, and translation to MathLive
+ * happens later, in `latex-bridge.keyToAction`.
+ */
+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 = exports["default"] = /*#__PURE__*/function (_React$Component) {
+  function HorizontalKeypad() {
+    var _this;
+    (0, _classCallCheck2["default"])(this, HorizontalKeypad);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _callSuper(this, HorizontalKeypad, [].concat(args));
+    (0, _defineProperty2["default"])(_this, "keypadPress", function (data) {
+      _this.props.onClick(toOldModel(data));
+    });
+    return _this;
+  }
+  (0, _inherits2["default"])(HorizontalKeypad, _React$Component);
+  return (0, _createClass2["default"])(HorizontalKeypad, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+        mode = _this$props.mode,
+        onFocus = _this$props.onFocus,
+        controlledKeypadMode = _this$props.controlledKeypadMode,
+        noDecimal = _this$props.noDecimal,
+        className = _this$props.className,
+        additionalKeys = _this$props.additionalKeys,
+        layoutForKeyPad = _this$props.layoutForKeyPad,
+        setKeypadInteraction = _this$props.setKeypadInteraction;
+      var normalizedKeys = (0, _grades.normalizeAdditionalKeys)(additionalKeys);
+      return /*#__PURE__*/_react["default"].createElement(_keypad["default"], {
+        className: className,
+        controlledKeypadMode: controlledKeypadMode,
+        onFocus: onFocus,
+        noDecimal: noDecimal,
+        layoutForKeyPad: layoutForKeyPad,
+        additionalKeys: (0, _utils.extendKeySet)((0, _grades.keysForGrade)(mode), normalizedKeys),
+        onPress: this.keypadPress,
+        mode: mode,
+        setKeypadInteraction: setKeypadInteraction
+      });
+    }
+  }]);
+}(_react["default"].Component);
+(0, _defineProperty2["default"])(HorizontalKeypad, "propTypes", {
+  className: _propTypes["default"].string,
+  controlledKeypadMode: _propTypes["default"].bool,
+  mode: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]),
+  layoutForKeyPad: _propTypes["default"].object,
+  onClick: _propTypes["default"].func.isRequired,
+  onFocus: _propTypes["default"].func,
+  noDecimal: _propTypes["default"].bool,
+  additionalKeys: _propTypes["default"].array,
+  setKeypadInteraction: _propTypes["default"].func
+});
+(0, _defineProperty2["default"])(HorizontalKeypad, "defaultProps", {
+  mode: 'scientific',
+  noDecimal: false,
+  additionalKeys: []
+});
+//# sourceMappingURL=horizontal-keypad.js.map

package/lib/horizontal-keypad.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"horizontal-keypad.js","names":["_react","_interopRequireDefault","require","_propTypes","_grades","_utils","_keypad","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","apply","Boolean","prototype","valueOf","call","toOldModel","d","command","value","type","write","keystroke","HorizontalKeypad","exports","_React$Component","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","concat","_defineProperty2","data","props","onClick","_inherits2","_createClass2","key","render","_this$props","mode","onFocus","controlledKeypadMode","noDecimal","className","additionalKeys","layoutForKeyPad","setKeypadInteraction","normalizedKeys","normalizeAdditionalKeys","createElement","extendKeySet","keysForGrade","onPress","keypadPress","React","Component","PropTypes","string","bool","oneOfType","number","object","func","isRequired","array"],"sources":["../src/horizontal-keypad.jsx"],"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\n/**\n * Maps a key definition to the legacy `{value, type}` shape that\n * @pie-lib/math-toolbar consumes. Unchanged from the MathQuill implementation:\n * the shape is part of the 4.x-compatible contract, and translation to MathLive\n * happens later, in `latex-bridge.keyToAction`.\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    controlledKeypadMode: PropTypes.bool,\n    mode: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n    layoutForKeyPad: PropTypes.object,\n    onClick: PropTypes.func.isRequired,\n    onFocus: PropTypes.func,\n    noDecimal: PropTypes.bool,\n    additionalKeys: PropTypes.array,\n    setKeypadInteraction: PropTypes.func,\n  };\n\n  static defaultProps = {\n    mode: 'scientific',\n    noDecimal: false,\n    additionalKeys: [],\n  };\n\n  keypadPress = (data) => {\n    this.props.onClick(toOldModel(data));\n  };\n\n  render() {\n    const {\n      mode,\n      onFocus,\n      controlledKeypadMode,\n      noDecimal,\n      className,\n      additionalKeys,\n      layoutForKeyPad,\n      setKeypadInteraction,\n    } = this.props;\n    const normalizedKeys = normalizeAdditionalKeys(additionalKeys);\n\n    return (\n      <Keypad\n        className={className}\n        controlledKeypadMode={controlledKeypadMode}\n        onFocus={onFocus}\n        noDecimal={noDecimal}\n        layoutForKeyPad={layoutForKeyPad}\n        additionalKeys={extendKeySet(keysForGrade(mode), normalizedKeys)}\n        onPress={this.keypadPress}\n        mode={mode}\n        setKeypadInteraction={setKeypadInteraction}\n      />\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/lib/index.js

@@ -0,0 +1,143 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "HorizontalKeypad", {
+  enumerable: true,
+  get: function get() {
+    return _horizontalKeypad["default"];
+  }
+});
+Object.defineProperty(exports, "KeyPad", {
+  enumerable: true,
+  get: function get() {
+    return _keypad["default"];
+  }
+});
+Object.defineProperty(exports, "MathInput", {
+  enumerable: true,
+  get: function get() {
+    return _mathInput["default"];
+  }
+});
+Object.defineProperty(exports, "NEWLINE_EMBED", {
+  enumerable: true,
+  get: function get() {
+    return _latexBridge.NEWLINE_EMBED;
+  }
+});
+Object.defineProperty(exports, "PIE_MACROS", {
+  enumerable: true,
+  get: function get() {
+    return _mathliveInstance.PIE_MACROS;
+  }
+});
+exports.addBrackets = void 0;
+Object.defineProperty(exports, "applyStaticMath", {
+  enumerable: true,
+  get: function get() {
+    return _mathliveInstance.applyStaticMath;
+  }
+});
+Object.defineProperty(exports, "configureFonts", {
+  enumerable: true,
+  get: function get() {
+    return _mathliveInstance.configureFonts;
+  }
+});
+Object.defineProperty(exports, "fromMathLive", {
+  enumerable: true,
+  get: function get() {
+    return _latexBridge.fromMathLive;
+  }
+});
+Object.defineProperty(exports, "getMacros", {
+  enumerable: true,
+  get: function get() {
+    return _mathliveInstance.getMacros;
+  }
+});
+Object.defineProperty(exports, "keyToAction", {
+  enumerable: true,
+  get: function get() {
+    return _latexBridge.keyToAction;
+  }
+});
+exports.keys = void 0;
+Object.defineProperty(exports, "keysForGrade", {
+  enumerable: true,
+  get: function get() {
+    return _grades.keysForGrade;
+  }
+});
+Object.defineProperty(exports, "latexToMarkup", {
+  enumerable: true,
+  get: function get() {
+    return _mathliveInstance.latexToMarkup;
+  }
+});
+Object.defineProperty(exports, "loadMathLive", {
+  enumerable: true,
+  get: function get() {
+    return _mathliveInstance.loadMathLive;
+  }
+});
+exports.mq = exports.mf = void 0;
+Object.defineProperty(exports, "registerEmbed", {
+  enumerable: true,
+  get: function get() {
+    return _mathliveInstance.registerEmbed;
+  }
+});
+exports.removeBrackets = void 0;
+Object.defineProperty(exports, "toMathLive", {
+  enumerable: true,
+  get: function get() {
+    return _latexBridge.toMathLive;
+  }
+});
+exports.updateSpans = void 0;
+var _grades = require("./keys/grades");
+var keys = _interopRequireWildcard(require("./keys"));
+exports.keys = keys;
+var _mathInput = _interopRequireDefault(require("./math-input"));
+var _horizontalKeypad = _interopRequireDefault(require("./horizontal-keypad"));
+var _keypad = _interopRequireDefault(require("./keypad"));
+var mf = _interopRequireWildcard(require("./mf"));
+exports.mf = mf;
+exports.mq = mf;
+var _mathliveInstance = require("./mathlive-instance");
+var _latexBridge = require("./latex-bridge");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+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 = exports.addBrackets = function addBrackets(s) {
+  return addRightBracket(addLeftBracket(s));
+};
+var removeBrackets = exports.removeBrackets = function removeBrackets(s) {
+  return rmRightBracket(rmLeftBracket(s));
+};
+
+/**
+ * `updateSpans` is intentionally a no-op.
+ *
+ * In @pie-lib/math-input it patched MathQuill's rendered DOM by walking
+ * `span[mathquill-command-id]` to resize the parallel glyph and tag primes.
+ * MathLive emits none of those attributes and does not need the fixups, but the
+ * export is kept so callers do not break.
+ */
+var updateSpans = exports.updateSpans = function updateSpans() {};
+//# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_grades","require","keys","_interopRequireWildcard","exports","_mathInput","_interopRequireDefault","_horizontalKeypad","_keypad","mf","mq","_mathliveInstance","_latexBridge","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","_typeof","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","addLeftBracket","s","indexOf","concat","addRightBracket","length","rmLeftBracket","substring","rmRightBracket","addBrackets","removeBrackets","updateSpans"],"sources":["../src/index.jsx"],"sourcesContent":["import { keysForGrade } from './keys/grades';\nimport * as keys from './keys';\n\nimport MathInput from './math-input';\nimport HorizontalKeypad from './horizontal-keypad';\nimport KeyPad from './keypad';\n\nimport * as mf from './mf';\nimport {\n  registerEmbed,\n  applyStaticMath,\n  latexToMarkup,\n  loadMathLive,\n  configureFonts,\n  getMacros,\n  PIE_MACROS,\n} from './mathlive-instance';\nimport { toMathLive, fromMathLive, keyToAction, NEWLINE_EMBED } from './latex-bridge';\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/**\n * `updateSpans` is intentionally a no-op.\n *\n * In @pie-lib/math-input it patched MathQuill's rendered DOM by walking\n * `span[mathquill-command-id]` to resize the parallel glyph and tag primes.\n * MathLive emits none of those attributes and does not need the fixups, but the\n * export is kept so callers do not break.\n */\nconst updateSpans = () => {};\n\nexport {\n  keysForGrade,\n  addBrackets,\n  removeBrackets,\n  keys,\n  MathInput,\n  HorizontalKeypad,\n  KeyPad,\n  updateSpans,\n  // `mf` is the MathLive equivalent of math-input's `mq`. Both names are\n  // exported so a consumer can switch packages by changing only the import.\n  mf,\n  mf as mq,\n  registerEmbed,\n  applyStaticMath,\n  // MathLive-specific additions\n  latexToMarkup,\n  loadMathLive,\n  configureFonts,\n  getMacros,\n  PIE_MACROS,\n  toMathLive,\n  fromMathLive,\n  keyToAction,\n  NEWLINE_EMBED,\n};\n"],"mappings":"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","ignoreList":[]}

package/lib/keypad/index.js

@@ -0,0 +1,365 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.LatexLabel = exports.KeyPad = void 0;
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _Button = _interopRequireDefault(require("@mui/material/Button"));
+var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
+var _styles = require("@mui/material/styles");
+var _debug = _interopRequireDefault(require("debug"));
+var _lodashEs = require("lodash-es");
+var _renderUi = require("@pie-lib/render-ui");
+var _keys = require("../keys");
+var _keysLayout = require("./keys-layout");
+var _commonStyles = require("../mf/common-styles");
+var _mathliveInstance = require("../mathlive-instance");
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+var log = (0, _debug["default"])('pie-lib:math-input-mathlive:keypad');
+
+/**
+ * A LaTeX keypad label.
+ *
+ * The MathQuill implementation rendered every LaTeX label as its own
+ * `MQ.StaticMath` instance. Here each label is static HTML produced once by
+ * `convertLatexToMarkup`, so a 40-key keypad no longer creates 40 live math
+ * instances.
+ */
+var LabelHolder = (0, _styles.styled)('span')({
+  pointerEvents: 'none',
+  textTransform: 'none',
+  color: _renderUi.color.text(),
+  display: 'inline-flex',
+  alignItems: 'center',
+  justifyContent: 'center',
+  lineHeight: 1,
+  // Answer-block / empty-slot boxes inside a label.
+  '& .ML__placeholder': {
+    backgroundColor: _renderUi.color.keypadEmptyPlaceholder()
+  }
+});
+var LatexLabel = exports.LatexLabel = /*#__PURE__*/function (_React$Component) {
+  function LatexLabel(props) {
+    var _this;
+    (0, _classCallCheck2["default"])(this, LatexLabel);
+    _this = _callSuper(this, LatexLabel, [props]);
+    _this.state = {
+      markup: (0, _mathliveInstance.latexToMarkup)(props.latex)
+    };
+    return _this;
+  }
+  (0, _inherits2["default"])(LatexLabel, _React$Component);
+  return (0, _createClass2["default"])(LatexLabel, [{
+    key: "componentDidMount",
+    value: function () {
+      var _componentDidMount = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee() {
+        return _regenerator["default"].wrap(function (_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              if (this.state.markup) {
+                _context.next = 2;
+                break;
+              }
+              _context.next = 1;
+              return (0, _mathliveInstance.loadMathLive)();
+            case 1:
+              if (!this.unmounted) {
+                this.setState({
+                  markup: (0, _mathliveInstance.latexToMarkup)(this.props.latex)
+                });
+              }
+            case 2:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee, this);
+      }));
+      function componentDidMount() {
+        return _componentDidMount.apply(this, arguments);
+      }
+      return componentDidMount;
+    }()
+  }, {
+    key: "componentDidUpdate",
+    value: function componentDidUpdate(prevProps) {
+      if (prevProps.latex !== this.props.latex) {
+        this.setState({
+          markup: (0, _mathliveInstance.latexToMarkup)(this.props.latex)
+        });
+      }
+    }
+  }, {
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      this.unmounted = true;
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var markup = this.state.markup;
+
+      // Fall back to the raw latex so a button is never blank.
+      return markup ?
+      /*#__PURE__*/
+      // eslint-disable-next-line react/no-danger
+      _react["default"].createElement(LabelHolder, {
+        dangerouslySetInnerHTML: {
+          __html: markup
+        }
+      }) : /*#__PURE__*/_react["default"].createElement(LabelHolder, null, this.props.latex);
+    }
+  }]);
+}(_react["default"].Component);
+(0, _defineProperty2["default"])(LatexLabel, "propTypes", {
+  latex: _propTypes["default"].string.isRequired
+});
+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 KeyPadContainer = (0, _styles.styled)('div')(function () {
+  return _objectSpread(_objectSpread({}, _commonStyles.commonKeyboardStyles), {}, {
+    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(4, minmax(40px, 50px)) !important',
+      '& *': {
+        fontFamily: 'Roboto, Helvetica, Arial, sans-serif !important'
+      }
+    }
+  });
+});
+var buttonBackground = function buttonBackground(category) {
+  return {
+    backgroundColor: category === 'operators' ? _renderUi.color.keypadButtonOperator() : _renderUi.color.keypadButton(),
+    '&:hover': {
+      backgroundColor: category === 'operators' ? _renderUi.color.keypadButtonOperatorHover() : _renderUi.color.keypadButtonHover()
+    }
+  };
+};
+var StyledButton = (0, _styles.styled)(_Button["default"])(function (_ref) {
+  var category = _ref.category,
+    isDelete = _ref.isDelete,
+    isComma = _ref.isComma,
+    isDot = _ref.isDot;
+  return _objectSpread(_objectSpread({
+    minWidth: 'auto',
+    textTransform: 'none',
+    fontSize: isComma || isDot ? '200% !important' : '140% !important',
+    lineHeight: isComma || isDot ? '100%' : 'normal',
+    color: _renderUi.color.text()
+  }, buttonBackground(category)), {}, {
+    borderRadius: 0
+  }, isDelete && {
+    fontFamily: 'Roboto, Helvetica, Arial, sans-serif !important'
+  });
+});
+var StyledLatexButtonWrapper = (0, _styles.styled)(_Button["default"])(function (_ref2) {
+  var category = _ref2.category;
+  return _objectSpread({
+    textTransform: 'none',
+    padding: 0,
+    margin: 0,
+    fontSize: '110% !important',
+    minWidth: 'auto',
+    borderRadius: 0
+  }, buttonBackground(category));
+});
+var StyledIconButton = (0, _styles.styled)(_IconButton["default"])(function (_ref3) {
+  var category = _ref3.category;
+  return _objectSpread(_objectSpread({
+    minWidth: 'auto'
+  }, buttonBackground(category)), {}, {
+    borderRadius: 0,
+    '& .icon': {
+      height: '30px'
+    }
+  });
+});
+var KeyPad = exports.KeyPad = /*#__PURE__*/function (_React$Component2) {
+  function KeyPad(props) {
+    var _this2;
+    (0, _classCallCheck2["default"])(this, KeyPad);
+    _this2 = _callSuper(this, KeyPad, [props]);
+    (0, _defineProperty2["default"])(_this2, "handleKeypadInteraction", function () {
+      if (_this2.props.setKeypadInteraction) {
+        _this2.props.setKeypadInteraction(true);
+      }
+    });
+    (0, _defineProperty2["default"])(_this2, "buttonClick", function (key) {
+      log('[buttonClick]', key);
+      _this2.props.onPress(key);
+    });
+    (0, _defineProperty2["default"])(_this2, "flowKeys", function (base, extras) {
+      return (0, _lodashEs.flatten)([].concat((0, _toConsumableArray2["default"])((0, _keysLayout.sortKeys)(base)), (0, _toConsumableArray2["default"])((0, _keysLayout.sortKeys)(extras))));
+    });
+    (0, _defineProperty2["default"])(_this2, "keyIsNotAllowed", function (key) {
+      var noDecimal = _this2.props.noDecimal;
+      return !!((key.write === '.' && key.label === '.' || key.write === ',' && key.label === ',') && noDecimal);
+    });
+    _this2.keypadRef = /*#__PURE__*/_react["default"].createRef();
+    return _this2;
+  }
+  (0, _inherits2["default"])(KeyPad, _React$Component2);
+  return (0, _createClass2["default"])(KeyPad, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      var _this$keypadRef;
+      // Ensure MathLive is available for the LaTeX labels.
+      (0, _mathliveInstance.loadMathLive)();
+      var keyPadElement = (_this$keypadRef = this.keypadRef) === null || _this$keypadRef === void 0 ? void 0 : _this$keypadRef.current;
+      var mainContainer = keyPadElement === null || keyPadElement === void 0 ? void 0 : keyPadElement.closest('.main-container');
+      var currentToolbar = keyPadElement === null || keyPadElement === void 0 ? void 0 : keyPadElement.closest('.pie-toolbar');
+
+      // need only for math keyboard so we need also controlledKeypadMode
+      if (this.props.controlledKeypadMode && mainContainer && currentToolbar) {
+        var mainContainerPosition = mainContainer.getBoundingClientRect();
+        var currentToolbarPosition = currentToolbar.getBoundingClientRect();
+        var difference = mainContainerPosition.top + mainContainerPosition.height - (currentToolbarPosition.top + currentToolbarPosition.height);
+        if (difference < 0) {
+          var totalHeight = mainContainerPosition.height + mainContainerPosition.top - difference;
+          mainContainer.style.height = "".concat(totalHeight, "px");
+        }
+      }
+      if (keyPadElement) {
+        keyPadElement.addEventListener('touchstart', this.handleKeypadInteraction, true);
+        keyPadElement.addEventListener('mousedown', this.handleKeypadInteraction, true);
+      }
+    }
+  }, {
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      var _this$keypadRef2;
+      var keyPadElement = (_this$keypadRef2 = this.keypadRef) === null || _this$keypadRef2 === void 0 ? void 0 : _this$keypadRef2.current;
+      if (this.props.controlledKeypadMode && keyPadElement) {
+        var mainContainer = keyPadElement.closest('.main-container');
+        if (mainContainer) {
+          mainContainer.style.height = 'unset';
+        }
+      }
+      if (keyPadElement) {
+        keyPadElement.removeEventListener('touchstart', this.handleKeypadInteraction, true);
+        keyPadElement.removeEventListener('mousedown', this.handleKeypadInteraction, true);
+      }
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this3 = this;
+      var _this$props = this.props,
+        className = _this$props.className,
+        base = _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(base, 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(KeyPadContainer, {
+        ref: this.keypadRef,
+        className: [className, mode].filter(Boolean).join(' '),
+        style: style,
+        onFocus: onFocus
+      }, allKeys.map(function (k, index) {
+        if (!k) {
+          return /*#__PURE__*/_react["default"].createElement("span", {
+            key: "empty-".concat(index)
+          });
+        }
+        var key = "".concat(k.label || k.latex || k.command, "-").concat(index);
+        var category = !keysWithoutBaseSet ? k.category : undefined;
+        var extra = _objectSpread(_objectSpread({}, k.actions || {}), k.extraProps || {});
+        var onClick = _this3.buttonClick.bind(_this3, k);
+        var disabled = _this3.keyIsNotAllowed(k);
+        var ariaLabel = k.ariaLabel ? k.ariaLabel : k.name || k.label;
+        if (k.latex) {
+          return /*#__PURE__*/_react["default"].createElement(StyledLatexButtonWrapper, (0, _extends2["default"])({
+            key: key,
+            onClick: onClick,
+            disabled: disabled,
+            category: category,
+            "aria-label": ariaLabel
+          }, extra), /*#__PURE__*/_react["default"].createElement(LatexLabel, {
+            latex: k.latex
+          }));
+        }
+        if (k.label) {
+          return /*#__PURE__*/_react["default"].createElement(StyledButton, (0, _extends2["default"])({
+            key: key,
+            onClick: onClick,
+            disabled: disabled,
+            category: category,
+            isDelete: k.label === '⌫',
+            isComma: k.label === ',',
+            isDot: k.label === '.',
+            "aria-label": ariaLabel
+          }, extra), k.label);
+        }
+        var Icon = k.icon ? k.icon : 'div';
+        return /*#__PURE__*/_react["default"].createElement(StyledIconButton, (0, _extends2["default"])({
+          key: key,
+          tabIndex: '-1',
+          onClick: onClick,
+          disabled: disabled,
+          category: category,
+          size: "large"
+        }, extra), /*#__PURE__*/_react["default"].createElement(Icon, {
+          className: "icon"
+        }));
+      }));
+    }
+  }]);
+}(_react["default"].Component);
+(0, _defineProperty2["default"])(KeyPad, "propTypes", {
+  className: _propTypes["default"].string,
+  controlledKeypadMode: _propTypes["default"].bool,
+  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,
+  setKeypadInteraction: _propTypes["default"].func,
+  mode: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number])
+});
+(0, _defineProperty2["default"])(KeyPad, "defaultProps", {
+  baseSet: _keys.baseSet,
+  noDecimal: false
+});
+var _default = exports["default"] = KeyPad;
+//# sourceMappingURL=index.js.map