@pie-lib/math-input 7.1.0-next.3 → 7.1.0-next.36

package/lib/horizontal-keypad.js

@@ -0,0 +1,99 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+require("core-js/modules/es.reflect.construct.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+require("core-js/modules/es.array.concat.js");
+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; })(); }
+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) {
+      var onClick = _this.props.onClick;
+      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","onClick","props","_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\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    const { onClick } = this.props;\n\n    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,62 @@
+"use strict";
+
+require("core-js/modules/es.array.iterator.js");
+require("core-js/modules/es.object.define-property.js");
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/es.string.iterator.js");
+require("core-js/modules/es.weak-map.js");
+require("core-js/modules/web.dom-collections.iterator.js");
+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"];
+  }
+});
+exports.keys = exports.addBrackets = void 0;
+Object.defineProperty(exports, "keysForGrade", {
+  enumerable: true,
+  get: function get() {
+    return _grades.keysForGrade;
+  }
+});
+exports.removeBrackets = exports.mq = void 0;
+Object.defineProperty(exports, "updateSpans", {
+  enumerable: true,
+  get: function get() {
+    return _updateSpans.updateSpans;
+  }
+});
+require("core-js/modules/es.array.index-of.js");
+var _grades = require("./keys/grades");
+var _updateSpans = require("./updateSpans");
+var keys = _interopRequireWildcard(require("./keys"));
+exports.keys = keys;
+var _horizontalKeypad = _interopRequireDefault(require("./horizontal-keypad"));
+var mq = _interopRequireWildcard(require("./mq"));
+exports.mq = mq;
+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));
+};
+//# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_grades","require","_updateSpans","keys","_interopRequireWildcard","exports","_horizontalKeypad","_interopRequireDefault","mq","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"],"sources":["../src/index.jsx"],"sourcesContent":["import { keysForGrade } from './keys/grades';\nimport { updateSpans } from './updateSpans';\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\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"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAUA,IAAAE,IAAA,GAAAC,uBAAA,CAAAH,OAAA;AAA+BI,OAAA,CAAAF,IAAA,GAAAA,IAAA;AAE/B,IAAAG,iBAAA,GAAAC,sBAAA,CAAAN,OAAA;AAEA,IAAAO,EAAA,GAAAJ,uBAAA,CAAAH,OAAA;AAA2BI,OAAA,CAAAG,EAAA,GAAAA,EAAA;AAAA,SAAAJ,wBAAAK,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAP,uBAAA,YAAAA,wBAAAK,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,mBAAAT,CAAA,iBAAAA,CAAA,gBAAAU,OAAA,CAAAV,CAAA,0BAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,cAAAM,EAAA,IAAAd,CAAA,gBAAAc,EAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,EAAA,OAAAP,CAAA,IAAAD,CAAA,GAAAW,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAnB,CAAA,EAAAc,EAAA,OAAAP,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAM,EAAA,EAAAP,CAAA,IAAAC,CAAA,CAAAM,EAAA,IAAAd,CAAA,CAAAc,EAAA,WAAAN,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAZ3B,IAAMmB,cAAc,GAAG,SAAjBA,cAAcA,CAAIC,CAAC;EAAA,OAAMA,CAAC,CAACC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,GAAGD,CAAC,SAAAE,MAAA,CAASF,CAAC,CAAE;AAAA,CAAC;AACtE,IAAMG,eAAe,GAAG,SAAlBA,eAAeA,CAAIH,CAAC;EAAA,OAAMA,CAAC,CAACC,OAAO,CAAC,KAAK,CAAC,KAAKD,CAAC,CAACI,MAAM,GAAG,CAAC,GAAGJ,CAAC,MAAAE,MAAA,CAAMF,CAAC,QAAK;AAAA,CAAC;AAClF,IAAMK,aAAa,GAAG,SAAhBA,aAAaA,CAAIL,CAAC;EAAA,OAAMA,CAAC,CAACC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,GAAGD,CAAC,CAACM,SAAS,CAAC,CAAC,CAAC,GAAGN,CAAC;AAAA,CAAC;AAC1E,IAAMO,cAAc,GAAG,SAAjBA,cAAcA,CAAIP,CAAC;EAAA,OAAMA,CAAC,CAACC,OAAO,CAAC,KAAK,CAAC,KAAKD,CAAC,CAACI,MAAM,GAAG,CAAC,GAAGJ,CAAC,CAACM,SAAS,CAAC,CAAC,EAAEN,CAAC,CAACI,MAAM,GAAG,CAAC,CAAC,GAAGJ,CAAC;AAAA,CAAC;AAEpG,IAAMQ,WAAW,GAAAjC,OAAA,CAAAiC,WAAA,GAAG,SAAdA,WAAWA,CAAIR,CAAC;EAAA,OAAKG,eAAe,CAACJ,cAAc,CAACC,CAAC,CAAC,CAAC;AAAA;AAC7D,IAAMS,cAAc,GAAAlC,OAAA,CAAAkC,cAAA,GAAG,SAAjBA,cAAcA,CAAIT,CAAC;EAAA,OAAKO,cAAc,CAACF,aAAa,CAACL,CAAC,CAAC,CAAC;AAAA","ignoreList":[]}

package/lib/keypad/index.js

@@ -0,0 +1,454 @@
+"use strict";
+
+require("core-js/modules/es.symbol.js");
+require("core-js/modules/es.array.for-each.js");
+require("core-js/modules/es.array.iterator.js");
+require("core-js/modules/es.object.define-properties.js");
+require("core-js/modules/es.object.define-property.js");
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+require("core-js/modules/es.object.keys.js");
+require("core-js/modules/es.reflect.construct.js");
+require("core-js/modules/es.string.iterator.js");
+require("core-js/modules/es.weak-map.js");
+require("core-js/modules/web.dom-collections.for-each.js");
+require("core-js/modules/web.dom-collections.iterator.js");
+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;
+require("core-js/modules/es.array.concat.js");
+require("core-js/modules/es.array.filter.js");
+require("core-js/modules/es.array.includes.js");
+require("core-js/modules/es.array.join.js");
+require("core-js/modules/es.array.map.js");
+require("core-js/modules/es.function.bind.js");
+require("core-js/modules/es.function.name.js");
+require("core-js/modules/es.object.to-string.js");
+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 _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 _lodash = _interopRequireDefault(require("lodash"));
+var _mathquill = _interopRequireDefault(require("@pie-framework/mathquill"));
+var mq = _interopRequireWildcard(require("../mq"));
+var _keys = require("../keys");
+var _commonMqStyles = require("../mq/common-mq-styles");
+var _keysLayout = require("./keys-layout");
+var _colors = require("@mui/material/colors");
+var _renderUi = require("@pie-lib/render-ui");
+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); }
+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; })(); }
+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; }
+var log = (0, _debug["default"])('pie-lib:math-inline:keypad');
+var StyledLatexButton = (0, _styles.styled)(_Button["default"])(function () {
+  return {
+    textTransform: 'none',
+    padding: 0,
+    margin: 0,
+    fontSize: '110% !important'
+  };
+});
+var LatexButtonContent = (0, _styles.styled)(mq.Static)(function (_ref) {
+  var latex = _ref.latex;
+  var baseStyles = {
+    pointerEvents: 'none',
+    textTransform: 'none !important',
+    color: _renderUi.color.text(),
+    '& .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, _styles.alpha)(_colors.pink[300], 0.4), " !important")
+    },
+    '& .mq-overline .mq-overline-inner': {
+      borderTop: '2px solid black'
+    },
+    '& .mq-non-leaf.mq-overline': {
+      borderTop: 'none !important'
+    },
+    '& .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',
+          borderTop: 'none !important'
+        },
+        '&:before': {
+          fontSize: '80%',
+          left: 'calc(-13%) !important',
+          top: '-0.31em !important'
+        },
+        '&: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%) !important',
+        top: '-0.26em !important'
+      },
+      '& .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': {
+        borderTop: 'none !important'
+      },
+      '& .mq-overline-inner': {
+        borderTop: 'none !important',
+        paddingTop: '0 !important'
+      }
+    }
+  };
+
+  // Add specific styles based on latex content
+  if (latex === '\\parallel') {
+    return _objectSpread(_objectSpread({}, baseStyles), {}, {
+      fontStyle: 'italic !important'
+    });
+  }
+  if (latex === '\\overleftrightarrow{\\overline{}}') {
+    return _objectSpread(_objectSpread({}, baseStyles), {}, {
+      '& .mq-overarrow.mq-arrow-both': {
+        '& .mq-overline-inner': {
+          borderTop: 'none !important',
+          paddingTop: '0 !important'
+        },
+        '&:after': {
+          position: 'absolute !important',
+          top: '0px !important'
+        }
+      }
+    });
+  }
+  return baseStyles;
+});
+LatexButtonContent.propTypes = {
+  latex: _propTypes["default"].string.isRequired
+};
+
+// LatexButton component removed - LatexButtonContent is used directly instead
+
+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({}, _commonMqStyles.commonMqKeyboardStyles), {}, {
+    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 StyledButton = (0, _styles.styled)(_Button["default"])(function (_ref2) {
+  var category = _ref2.category,
+    isDelete = _ref2.isDelete,
+    isComma = _ref2.isComma,
+    isDot = _ref2.isDot;
+  return _objectSpread({
+    minWidth: 'auto',
+    fontSize: isComma || isDot ? '200% !important' : '140% !important',
+    lineHeight: isComma || isDot ? '100%' : 'normal',
+    color: _renderUi.color.text(),
+    backgroundColor: category === 'operators' ? (0, _styles.lighten)(_colors.pink[300], 0.5) :
+    // this code with green seems to not be applied to current implementation, so I commented it out, but left it here just in case
+    // category === 'comparison' ? lighten(green[500], 0.5) :
+    (0, _styles.lighten)(_colors.indigo[300], 0.5),
+    '&:hover': {
+      backgroundColor: category === 'operators' ? (0, _styles.lighten)(_colors.pink[300], 0.7) :
+      // category === 'comparison' ? lighten(green[500], 0.7) :
+      (0, _styles.lighten)(_colors.indigo[300], 0.7)
+    },
+    borderRadius: 0
+  }, isDelete && {
+    '& > span': {
+      fontFamily: 'Roboto, Helvetica, Arial, sans-serif !important'
+    }
+  });
+});
+var StyledLatexButtonWrapper = (0, _styles.styled)(_Button["default"])(function (_ref3) {
+  var category = _ref3.category;
+  return {
+    minWidth: 'auto',
+    borderRadius: 0,
+    backgroundColor: category === 'operators' ? (0, _styles.lighten)(_colors.pink[300], 0.5) :
+    // category === 'comparison' ? lighten(green[500], 0.5) :
+    (0, _styles.lighten)(_colors.indigo[300], 0.5),
+    '&:hover': {
+      backgroundColor: category === 'operators' ? (0, _styles.lighten)(_colors.pink[300], 0.7) :
+      // category === 'comparison' ? lighten(green[500], 0.7) :
+      (0, _styles.lighten)(_colors.indigo[300], 0.7)
+    }
+  };
+});
+var StyledIconButton = (0, _styles.styled)(_IconButton["default"])(function (_ref4) {
+  var category = _ref4.category;
+  return {
+    minWidth: 'auto',
+    backgroundColor: category === 'operators' ? (0, _styles.lighten)(_colors.pink[300], 0.5) :
+    // category === 'comparison' ? lighten(green[500], 0.5) :
+    (0, _styles.lighten)(_colors.indigo[300], 0.5),
+    '&:hover': {
+      backgroundColor: category === 'operators' ? (0, _styles.lighten)(_colors.pink[300], 0.7) :
+      // category === 'comparison' ? lighten(green[500], 0.7) :
+      (0, _styles.lighten)(_colors.indigo[300], 0.7)
+    },
+    borderRadius: 0,
+    '& .icon': {
+      height: '30px'
+    }
+  };
+});
+var KeyPad = exports.KeyPad = /*#__PURE__*/function (_React$Component) {
+  function KeyPad(props) {
+    var _this;
+    (0, _classCallCheck2["default"])(this, KeyPad);
+    _this = _callSuper(this, KeyPad, [props]);
+    (0, _defineProperty2["default"])(_this, "handleKeypadInteraction", function () {
+      // Check if the setKeypadInteraction prop is available, which is used for both
+      // the language keypad and the special characters keypad
+      if (_this.props.setKeypadInteraction) {
+        _this.props.setKeypadInteraction(true);
+      }
+    });
+    (0, _defineProperty2["default"])(_this, "buttonClick", function (key) {
+      log('[buttonClick]', key);
+      var onPress = _this.props.onPress;
+      onPress(key);
+    });
+    (0, _defineProperty2["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"])(_this, "keyIsNotAllowed", function (key) {
+      var noDecimal = _this.props.noDecimal;
+      if ((key.write === '.' && key.label === '.' || key.write === ',' && key.label === ',') && noDecimal) {
+        return true;
+      }
+      return false;
+    });
+    _this.keypadRef = /*#__PURE__*/_react["default"].createRef();
+    return _this;
+  }
+  (0, _inherits2["default"])(KeyPad, _React$Component);
+  return (0, _createClass2["default"])(KeyPad, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      var _this$keypadRef;
+      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;
+          // increase the height of the main container if keyboard needs it
+          if (mainContainer) {
+            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;
+      // need only for math keyboard
+      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 _this2 = this;
+      var _this$props = this.props,
+        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 || []);
+      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) {
+        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,
+          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(StyledLatexButtonWrapper, (0, _extends2["default"])({
+            key: common.key,
+            onClick: common.onClick,
+            disabled: common.disabled,
+            category: !keysWithoutBaseSet ? k.category : undefined,
+            "aria-label": k.ariaLabel ? k.ariaLabel : k.name || k.label
+          }, k.actions || {}, k.extraProps || {}), /*#__PURE__*/_react["default"].createElement(LatexButtonContent, {
+            latex: k.latex
+          }));
+        }
+        if (k.label) {
+          return /*#__PURE__*/_react["default"].createElement(StyledButton, (0, _extends2["default"])({
+            key: common.key,
+            onClick: common.onClick,
+            disabled: common.disabled,
+            category: !keysWithoutBaseSet ? k.category : undefined,
+            isDelete: k.label === '⌫',
+            isComma: k.label === ',',
+            isDot: k.label === '.',
+            "aria-label": k.ariaLabel ? k.ariaLabel : k.name || k.label
+          }, k.actions || {}, k.extraProps || {}), k.label);
+        } else {
+          var Icon = k.icon ? k.icon : 'div';
+          return /*#__PURE__*/_react["default"].createElement(StyledIconButton, (0, _extends2["default"])({
+            key: common.key,
+            tabIndex: '-1',
+            onClick: common.onClick,
+            disabled: common.disabled,
+            category: !keysWithoutBaseSet ? k.category : undefined,
+            size: "large"
+          }, k.actions || {}, k.extraProps || {}), /*#__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