npm - @pie-lib/math-input - Versions diffs - 7.2.0-next.0 → 7.2.0-next.10 - Mend

@pie-lib/math-input 7.2.0-next.0 → 7.2.0-next.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (14) hide show

package/CHANGELOG.md +44 -14
package/lib/keypad/index.js +14 -33
package/lib/keypad/index.js.map +1 -1
package/lib/mq/common-mq-styles.js +3 -0
package/lib/mq/common-mq-styles.js.map +1 -1
package/lib/mq/input.js +2 -1
package/lib/mq/input.js.map +1 -1
package/lib/mq/static.js +13 -6
package/lib/mq/static.js.map +1 -1
package/package.json +4 -7
package/src/keypad/index.jsx +24 -36
package/src/mq/common-mq-styles.js +4 -0
package/src/mq/input.jsx +3 -1
package/src/mq/static.jsx +10 -3

package/CHANGELOG.md CHANGED Viewed

@@ -3,50 +3,80 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
-# [7.1.0-next.3](https://github.com/pie-framework/pie-lib/compare/@pie-lib/math-input@7.1.0-next.1...@pie-lib/math-input@7.1.0-next.3) (2026-01-27)
+# [7.2.0-next.10](https://github.com/pie-framework/pie-lib/compare/@pie-lib/math-input@7.2.0-next.9...@pie-lib/math-input@7.2.0-next.10) (2026-03-25)
-**Note:** Version bump only for package @pie-lib/math-input
+### Features
+- **math-input:** add hover styles for keypad buttons and update color definitions PD-5530 ([a3cb101](https://github.com/pie-framework/pie-lib/commit/a3cb101e5f326df14d0ae8454689ee18218744db))
+# [7.2.0-next.9](https://github.com/pie-framework/pie-lib/compare/@pie-lib/math-input@7.2.0-next.8...@pie-lib/math-input@7.2.0-next.9) (2026-03-18)
+### Bug Fixes
+- **math-toolbar:** update math keypad colors and styles for improved UI consistency PD-5530 ([713c283](https://github.com/pie-framework/pie-lib/commit/713c283a11e1cff6568da7010e98e0b84df164ab))
+- remove default mui uppercase button style PD-5649 ([4f35483](https://github.com/pie-framework/pie-lib/commit/4f354832a7656ff640ca7d6a2b9baab2fd000b53))
-# [7.1.0-next.1](https://github.com/pie-framework/pie-lib/compare/@pie-lib/math-input@6.31.1...@pie-lib/math-input@7.1.0-next.1) (2026-01-26)
+# [7.2.0-next.8](https://github.com/pie-framework/pie-lib/compare/@pie-lib/math-input@7.2.0-next.7...@pie-lib/math-input@7.2.0-next.8) (2026-03-11)
+### Bug Fixes
+- refactor release script, force publish math-input ([d397e7b](https://github.com/pie-framework/pie-lib/commit/d397e7b992e28f7a1eaa68798410cdff167f55a5))
+# [7.2.0-next.7](https://github.com/pie-framework/pie-lib/compare/@pie-lib/math-input@7.2.0-next.6...@pie-lib/math-input@7.2.0-next.7) (2026-03-11)
 ### Bug Fixes
-* fixed circular dependencies and bumped versions, plus image upload handling [PD-5141] ([7b5fbc9](https://github.com/pie-framework/pie-lib/commit/7b5fbc9126446916d42d6b3597232a231567b2d8))
-* math toolbar colors ([1308b62](https://github.com/pie-framework/pie-lib/commit/1308b62031128b61952f299419bcbe46e914ee6f))
-* remove exports and publish ([#2068](https://github.com/pie-framework/pie-lib/issues/2068)) ([60a96cd](https://github.com/pie-framework/pie-lib/commit/60a96cde0ec65f6b1cac0ae329aa33a0abc50d05))
+- bump pie-framework/mathquill PD-5791 ([6dd160a](https://github.com/pie-framework/pie-lib/commit/6dd160a980fd53c2acd704b503266863c24bcf23))
+# [7.2.0-next.6](https://github.com/pie-framework/pie-lib/compare/@pie-lib/math-input@7.2.0-next.5...@pie-lib/math-input@7.2.0-next.6) (2026-03-09)
 ### Features
-* bump react and react-dom ([01dc19e](https://github.com/pie-framework/pie-lib/commit/01dc19e88bbc8d372c561d1511df1a82937d45af))
-* initial work for tiptap changes [PD-5141] ([d73e617](https://github.com/pie-framework/pie-lib/commit/d73e6179c01e1497688c630da98213b31e9f4938))
-* packages/math-input mui update PD-5268 ([b2603ad](https://github.com/pie-framework/pie-lib/commit/b2603ad0901b4b1611b7cd06ae3610c5822090b0))
-* sync latest changes from dev ([c936e9c](https://github.com/pie-framework/pie-lib/commit/c936e9c7f9e095e7d9b9805ac2bf72bd271e05f1))
+- remove jQuery dependency via MathQuill 1.2.0-beta.0 Interface v3 shim PD-5791 ([d427f32](https://github.com/pie-framework/pie-lib/commit/d427f32d5547de9610579d83b454c568def7ea74))
+# [7.2.0-next.5](https://github.com/pie-framework/pie-lib/compare/@pie-lib/math-input@7.2.0-next.4...@pie-lib/math-input@7.2.0-next.5) (2026-03-04)
+### Bug Fixes
+- **math-input:** adjust padding for empty elements in long division PD-5661 ([7196165](https://github.com/pie-framework/pie-lib/commit/71961651b7e9be81d2c5c935ef368d18d6fe1c41))
+- **math-input:** fontFamily styling for delete button PD-5612 ([0118a78](https://github.com/pie-framework/pie-lib/commit/0118a785df81de52211beef6eb1b9724cd4c01bf))
-# [7.0.0-next.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/math-input@6.31.2-next.0...@pie-lib/math-input@7.0.0-next.0) (2026-01-19)
+# [7.2.0-next.4](https://github.com/pie-framework/pie-lib/compare/@pie-lib/math-input@7.2.0-next.2...@pie-lib/math-input@7.2.0-next.4) (2026-02-26)
 **Note:** Version bump only for package @pie-lib/math-input
+# [7.2.0-next.2](https://github.com/pie-framework/pie-lib/compare/@pie-lib/math-input@7.2.0-next.1...@pie-lib/math-input@7.2.0-next.2) (2026-02-25)
+### Bug Fixes
+- **math-input:** keyboard fix - consolidate styles into StyledLatexButtonWrapper ([e7d0c26](https://github.com/pie-framework/pie-lib/commit/e7d0c26542c7b682241b8df5a79e6c989398583d))
-## [6.31.2-next.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/math-input@6.45.0-mui-update.0...@pie-lib/math-input@6.31.2-next.0) (2026-01-19)
+# [7.1.0-next.3](https://github.com/pie-framework/pie-lib/compare/@pie-lib/math-input@7.1.0-next.1...@pie-lib/math-input@7.1.0-next.3) (2026-01-27)
 **Note:** Version bump only for package @pie-lib/math-input
+# [7.1.0-next.1](https://github.com/pie-framework/pie-lib/compare/@pie-lib/math-input@6.31.1...@pie-lib/math-input@7.1.0-next.1) (2026-01-26)
+### Bug Fixes
+- fixed circular dependencies and bumped versions, plus image upload handling [PD-5141] ([7b5fbc9](https://github.com/pie-framework/pie-lib/commit/7b5fbc9126446916d42d6b3597232a231567b2d8))
+- math toolbar colors ([1308b62](https://github.com/pie-framework/pie-lib/commit/1308b62031128b61952f299419bcbe46e914ee6f))
+- remove exports and publish ([#2068](https://github.com/pie-framework/pie-lib/issues/2068)) ([60a96cd](https://github.com/pie-framework/pie-lib/commit/60a96cde0ec65f6b1cac0ae329aa33a0abc50d05))
+### Features
+- bump react and react-dom ([01dc19e](https://github.com/pie-framework/pie-lib/commit/01dc19e88bbc8d372c561d1511df1a82937d45af))
+- initial work for tiptap changes [PD-5141] ([d73e617](https://github.com/pie-framework/pie-lib/commit/d73e6179c01e1497688c630da98213b31e9f4938))
+- packages/math-input mui update PD-5268 ([b2603ad](https://github.com/pie-framework/pie-lib/commit/b2603ad0901b4b1611b7cd06ae3610c5822090b0))
+- sync latest changes from dev ([c936e9c](https://github.com/pie-framework/pie-lib/commit/c936e9c7f9e095e7d9b9805ac2bf72bd271e05f1))
+# [7.0.0-next.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/math-input@6.31.2-next.0...@pie-lib/math-input@7.0.0-next.0) (2026-01-19)
+**Note:** Version bump only for package @pie-lib/math-input
+## [6.31.2-next.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/math-input@6.45.0-mui-update.0...@pie-lib/math-input@6.31.2-next.0) (2026-01-19)
+**Note:** Version bump only for package @pie-lib/math-input
 ## [6.31.1](https://github.com/pie-framework/pie-lib/compare/@pie-lib/math-input@6.27.0...@pie-lib/math-input@6.31.1) (2025-10-22)

package/lib/keypad/index.js CHANGED Viewed

@@ -21,26 +21,17 @@ 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 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 = {
@@ -54,7 +45,7 @@ var LatexButtonContent = (0, _styles.styled)(mq.Static)(function (_ref) {
       marginBottom: '0.9px !important'
     },
     '& .mq-empty': {
-      backgroundColor: "".concat((0, _styles.alpha)(_colors.pink[300], 0.4), " !important")
+      backgroundColor: "".concat(_renderUi.color.keypadEmptyPlaceholder(), " !important")
     },
     '& .mq-overline .mq-overline-inner': {
       borderTop: '2px solid black'
@@ -211,37 +202,31 @@ var StyledButton = (0, _styles.styled)(_Button["default"])(function (_ref2) {
     isDot = _ref2.isDot;
   return _objectSpread({
     minWidth: 'auto',
+    textTransform: 'none',
     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),
+    backgroundColor: category === 'operators' ? _renderUi.color.keypadButtonOperator() : _renderUi.color.keypadButton(),
     '&: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)
+      backgroundColor: category === 'operators' ? _renderUi.color.keypadButtonOperatorHover() : _renderUi.color.keypadButtonHover()
     },
     borderRadius: 0
   }, isDelete && {
-    '& > span': {
-      fontFamily: 'Roboto, Helvetica, Arial, sans-serif !important'
-    }
+    fontFamily: 'Roboto, Helvetica, Arial, sans-serif !important'
   });
 });
 var StyledLatexButtonWrapper = (0, _styles.styled)(_Button["default"])(function (_ref3) {
   var category = _ref3.category;
   return {
+    textTransform: 'none',
+    padding: 0,
+    margin: 0,
+    fontSize: '110% !important',
     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),
+    backgroundColor: category === 'operators' ? _renderUi.color.keypadButtonOperator() : _renderUi.color.keypadButton(),
     '&: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)
+      backgroundColor: category === 'operators' ? _renderUi.color.keypadButtonOperatorHover() : _renderUi.color.keypadButtonHover()
     }
   };
 });
@@ -249,13 +234,9 @@ var StyledIconButton = (0, _styles.styled)(_IconButton["default"])(function (_re
   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),
+    backgroundColor: category === 'operators' ? _renderUi.color.keypadButtonOperator() : _renderUi.color.keypadButton(),
     '&: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)
+      backgroundColor: category === 'operators' ? _renderUi.color.keypadButtonOperatorHover() : _renderUi.color.keypadButtonHover()
     },
     borderRadius: 0,
     '& .icon': {

package/lib/keypad/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_Button","_IconButton","_styles","_debug","_lodashEs","mq","_interopRequireWildcard","_keys","_commonMqStyles","_keysLayout","_colors","_renderUi","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","_typeof","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_callSuper","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","apply","Boolean","prototype","valueOf","ownKeys","keys","getOwnPropertySymbols","filter","enumerable","push","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","log","debug","StyledLatexButton","styled","Button","textTransform","padding","margin","fontSize","LatexButtonContent","Static","_ref","latex","baseStyles","pointerEvents","color","text","transform","marginBottom","backgroundColor","concat","alpha","pink","borderTop","width","marginTop","fontFamily","top","lineHeight","left","right","minHeight","border","display","paddingTop","fontStyle","position","propTypes","PropTypes","string","isRequired","createCustomLayout","layoutObj","gridTemplateColumns","columns","gridTemplateRows","rows","gridAutoFlow","KeyPadContainer","commonMqKeyboardStyles","gridRowGap","gridColumnGap","StyledButton","_ref2","category","isDelete","isComma","isDot","minWidth","lighten","indigo","borderRadius","StyledLatexButtonWrapper","_ref3","StyledIconButton","IconButton","_ref4","height","KeyPad","exports","_React$Component","props","_this","_classCallCheck2","setKeypadInteraction","key","onPress","base","extras","transposed","_toConsumableArray2","sortKeys","flatten","noDecimal","write","label","keypadRef","React","createRef","_inherits2","_createClass2","value","componentDidMount","_this$keypadRef","keyPadElement","current","mainContainer","closest","currentToolbar","controlledKeypadMode","mainContainerPosition","getBoundingClientRect","currentToolbarPosition","difference","totalHeight","style","addEventListener","handleKeypadInteraction","componentWillUnmount","_this$keypadRef2","removeEventListener","render","_this2","_this$props","className","baseSet","additionalKeys","layoutForKeyPad","onFocus","mode","noBaseSet","keysWithoutBaseSet","includes","allKeys","flowKeys","shift","Math","floor","createElement","ref","join","map","k","index","onClick","buttonClick","bind","common","disabled","keyIsNotAllowed","command","actions","extraProps","_extends2","undefined","ariaLabel","name","Icon","icon","tabIndex","size","Component","bool","array","object","func","oneOfType","number","_default"],"sources":["../../src/keypad/index.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Button from '@mui/material/Button';\nimport IconButton from '@mui/material/IconButton';\nimport { alpha, lighten, styled } from '@mui/material/styles';\nimport debug from 'debug';\nimport { flatten } from 'lodash-es';\nimport * as mq from '../mq';\n\nimport { baseSet } from '../keys';\nimport { commonMqKeyboardStyles } from '../mq/common-mq-styles';\nimport { sortKeys } from './keys-layout';\nimport { indigo, pink } from '@mui/material/colors';\nimport { color } from '@pie-lib/render-ui';\n\nconst log = debug('pie-lib:math-inline:keypad');\n\nconst StyledLatexButton = styled(Button)(() => ({\n textTransform: 'none',\n padding: 0,\n margin: 0,\n fontSize: '110% !important',\n}));\n\nconst LatexButtonContent = styled(mq.Static)(({ latex }) => {\n const baseStyles = {\n pointerEvents: 'none',\n textTransform: 'none !important',\n color: color.text(),\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: `${alpha(pink[300], 0.4)} !important`,\n },\n '& .mq-overline .mq-overline-inner': {\n borderTop: '2px solid black',\n },\n '& .mq-non-leaf.mq-overline': {\n borderTop: 'none !important',\n },\n '& .mq-overarrow': {\n width: '30px',\n marginTop: '0 !important',\n borderTop: '2px solid black',\n fontFamily: 'Roboto, Helvetica, Arial, sans-serif !important',\n '&.mq-arrow-both': {\n top: '0px !important',\n '& ': {\n lineHeight: '1 !important',\n borderTop: 'none !important',\n },\n '&:before': {\n fontSize: '80%',\n left: 'calc(-13%) !important',\n top: '-0.31em !important',\n },\n '&:after': {\n fontSize: '80% !important',\n right: 'calc(-13%) !important',\n top: '-1.5em',\n },\n '&.mq-empty:before': {\n fontSize: '80%',\n left: 'calc(-13%)',\n top: '-0.26em',\n },\n '&.mq-empty:after': {\n fontSize: '80%',\n right: 'calc(-13%)',\n top: '-0.26em',\n },\n '&.mq-empty': {\n minHeight: '1.4em',\n },\n },\n '&.mq-arrow-right:before': {\n fontSize: '80%',\n right: 'calc(-13%) !important',\n top: '-0.26em !important',\n },\n '& .mq-overarrow-inner': {\n border: 'none !important',\n },\n '& .mq-overarrow-inner .mq-overarrow-inner-right': {\n display: 'none !important',\n },\n },\n '& .mq-root-block': {\n padding: '5px !important',\n },\n '& .mq-overarrow.mq-arrow-both.mq-empty:after': {\n right: '-6px',\n fontSize: '80% !important',\n top: '-3px',\n },\n '& .mq-overarrow.mq-arrow-right.mq-empty:before': {\n right: '-5px',\n fontSize: '80% !important',\n top: '-3px',\n },\n '& .mq-overarrow.mq-arrow-both.mq-empty:before': {\n left: '-6px',\n fontSize: '80% !important',\n top: '-3px',\n },\n '& .mq-longdiv-inner': {\n borderTop: '1px solid !important',\n paddingTop: '1.5px !important',\n },\n '& .mq-parallelogram': {\n lineHeight: 0.85,\n },\n '& .mq-overarc': {\n borderTop: '2px solid black !important',\n '& .mq-overline': {\n borderTop: 'none !important',\n },\n '& .mq-overline-inner': {\n borderTop: 'none !important',\n paddingTop: '0 !important',\n },\n },\n };\n\n // Add specific styles based on latex content\n if (latex === '\\\\parallel') {\n return {\n ...baseStyles,\n fontStyle: 'italic !important',\n };\n }\n\n if (latex === '\\\\overleftrightarrow{\\\\overline{}}') {\n return {\n ...baseStyles,\n '& .mq-overarrow.mq-arrow-both': {\n '& .mq-overline-inner': {\n borderTop: 'none !important',\n paddingTop: '0 !important',\n },\n '&:after': {\n position: 'absolute !important',\n top: '0px !important',\n },\n },\n };\n }\n\n return baseStyles;\n});\n\nLatexButtonContent.propTypes = {\n latex: PropTypes.string.isRequired,\n};\n\n// LatexButton component removed - LatexButtonContent is used directly instead\n\nconst createCustomLayout = (layoutObj) => {\n if (layoutObj) {\n return {\n gridTemplateColumns: `repeat(${layoutObj.columns}, minmax(min-content, 150px))`,\n gridTemplateRows: `repeat(${layoutObj.rows}, minmax(40px, 60px))`,\n gridAutoFlow: 'initial',\n };\n }\n\n return {};\n};\n\nconst KeyPadContainer = styled('div')(() => ({\n ...commonMqKeyboardStyles,\n width: '100%',\n display: 'grid',\n gridTemplateRows: 'repeat(5, minmax(40px, 60px))',\n gridRowGap: '0px',\n gridColumnGap: '0px',\n gridAutoFlow: 'column',\n '&.character': {\n textTransform: 'initial !important',\n gridTemplateRows: 'repeat(5, minmax(40px, 50px)) !important',\n },\n '&.language': {\n gridTemplateRows: 'repeat(4, minmax(40px, 50px)) !important',\n '& ': {\n fontFamily: 'Roboto, Helvetica, Arial, sans-serif !important',\n },\n },\n}));\n\nconst StyledButton = styled(Button)(({ category, isDelete, isComma, isDot }) => ({\n minWidth: 'auto',\n fontSize: isComma \|\| isDot ? '200% !important' : '140% !important',\n lineHeight: isComma \|\| isDot ? '100%' : 'normal',\n color: color.text(),\n\n backgroundColor:\n category === 'operators'\n ? lighten(pink[300], 0.5)\n : // this code with green seems to not be applied to current implementation, so I commented it out, but left it here just in case\n // category === 'comparison' ? lighten(green[500], 0.5) :\n lighten(indigo[300], 0.5),\n '&:hover': {\n backgroundColor:\n category === 'operators'\n ? lighten(pink[300], 0.7)\n : // category === 'comparison' ? lighten(green[500], 0.7) :\n lighten(indigo[300], 0.7),\n },\n borderRadius: 0,\n ...(isDelete && {\n '& > span': {\n fontFamily: 'Roboto, Helvetica, Arial, sans-serif !important',\n },\n }),\n}));\n\nconst StyledLatexButtonWrapper = styled(Button)(({ category }) => ({\n minWidth: 'auto',\n borderRadius: 0,\n backgroundColor:\n category === 'operators'\n ? lighten(pink[300], 0.5)\n : // category === 'comparison' ? lighten(green[500], 0.5) :\n lighten(indigo[300], 0.5),\n '&:hover': {\n backgroundColor:\n category === 'operators'\n ? lighten(pink[300], 0.7)\n : // category === 'comparison' ? lighten(green[500], 0.7) :\n lighten(indigo[300], 0.7),\n },\n}));\n\nconst StyledIconButton = styled(IconButton)(({ category }) => ({\n minWidth: 'auto',\n backgroundColor:\n category === 'operators'\n ? lighten(pink[300], 0.5)\n : // category === 'comparison' ? lighten(green[500], 0.5) :\n lighten(indigo[300], 0.5),\n '&:hover': {\n backgroundColor:\n category === 'operators'\n ? lighten(pink[300], 0.7)\n : // category === 'comparison' ? lighten(green[500], 0.7) :\n lighten(indigo[300], 0.7),\n },\n borderRadius: 0,\n '& .icon': {\n height: '30px',\n },\n}));\n\nexport class KeyPad extends React.Component {\n static propTypes = {\n className: PropTypes.string,\n controlledKeypadMode: PropTypes.bool,\n baseSet: PropTypes.array,\n additionalKeys: PropTypes.array,\n layoutForKeyPad: PropTypes.object,\n onPress: PropTypes.func.isRequired,\n onFocus: PropTypes.func,\n noDecimal: PropTypes.bool,\n setKeypadInteraction: PropTypes.func,\n mode: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n };\n static defaultProps = {\n baseSet: baseSet,\n noDecimal: false,\n };\n\n constructor(props) {\n super(props);\n this.keypadRef = React.createRef();\n }\n\n componentDidMount() {\n const keyPadElement = this.keypadRef?.current;\n const mainContainer = keyPadElement?.closest('.main-container');\n const currentToolbar = keyPadElement?.closest('.pie-toolbar');\n\n // need only for math keyboard so we need also controlledKeypadMode\n if (this.props.controlledKeypadMode && mainContainer && currentToolbar) {\n const mainContainerPosition = mainContainer.getBoundingClientRect();\n const currentToolbarPosition = currentToolbar.getBoundingClientRect();\n const difference =\n mainContainerPosition.top +\n mainContainerPosition.height -\n (currentToolbarPosition.top + currentToolbarPosition.height);\n if (difference < 0) {\n const totalHeight = mainContainerPosition.height + mainContainerPosition.top - difference;\n // increase the height of the main container if keyboard needs it\n if (mainContainer) {\n mainContainer.style.height = `${totalHeight}px`;\n }\n }\n }\n\n if (keyPadElement) {\n keyPadElement.addEventListener('touchstart', this.handleKeypadInteraction, true);\n keyPadElement.addEventListener('mousedown', this.handleKeypadInteraction, true);\n }\n }\n\n componentWillUnmount() {\n const keyPadElement = this.keypadRef?.current;\n // need only for math keyboard\n if (this.props.controlledKeypadMode && keyPadElement) {\n const mainContainer = keyPadElement.closest('.main-container');\n\n if (mainContainer) {\n mainContainer.style.height = 'unset';\n }\n }\n\n if (keyPadElement) {\n keyPadElement.removeEventListener('touchstart', this.handleKeypadInteraction, true);\n keyPadElement.removeEventListener('mousedown', this.handleKeypadInteraction, true);\n }\n }\n\n handleKeypadInteraction = () => {\n // Check if the setKeypadInteraction prop is available, which is used for both\n // the language keypad and the special characters keypad\n if (this.props.setKeypadInteraction) {\n this.props.setKeypadInteraction(true);\n }\n };\n\n buttonClick = (key) => {\n log('[buttonClick]', key);\n const { onPress } = this.props;\n\n onPress(key);\n };\n\n flowKeys = (base, extras) => {\n const transposed = [...sortKeys(base), ...sortKeys(extras)];\n return flatten(transposed);\n };\n\n keyIsNotAllowed = (key) => {\n const { noDecimal } = this.props;\n\n if (((key.write === '.' && key.label === '.') \|\| (key.write === ',' && key.label === ',')) && noDecimal) {\n return true;\n }\n\n return false;\n };\n\n render() {\n const { className, baseSet, additionalKeys, layoutForKeyPad, onFocus, mode } = this.props;\n\n const noBaseSet = ['non-negative-integers', 'integers', 'decimals', 'fractions', 'item-authoring', 'language'];\n\n const keysWithoutBaseSet = noBaseSet.includes(mode);\n const allKeys = keysWithoutBaseSet\n ? this.flowKeys([], additionalKeys \|\| [])\n : this.flowKeys(baseSet, additionalKeys \|\| []);\n\n const shift = allKeys.length % 5 ? 1 : 0;\n const style = {\n gridTemplateColumns: `repeat(${Math.floor(allKeys.length / 5) + shift}, minmax(min-content, 150px))`,\n ...createCustomLayout(layoutForKeyPad),\n };\n\n return (\n <KeyPadContainer\n ref={this.keypadRef}\n className={[className, mode].filter(Boolean).join(' ')}\n style={style}\n onFocus={onFocus}\n >\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 disabled: this.keyIsNotAllowed(k),\n key: `${k.label \|\| k.latex \|\| k.command}-${index}`,\n ...(k.actions \|\| {}),\n ...(k.extraProps \|\| {}),\n };\n\n if (k.latex) {\n return (\n <StyledLatexButtonWrapper\n key={common.key}\n onClick={common.onClick}\n disabled={common.disabled}\n category={!keysWithoutBaseSet ? k.category : undefined}\n aria-label={k.ariaLabel ? k.ariaLabel : k.name \|\| k.label}\n {...(k.actions \|\| {})}\n {...(k.extraProps \|\| {})}\n >\n <LatexButtonContent latex={k.latex} />\n </StyledLatexButtonWrapper>\n );\n }\n\n if (k.label) {\n return (\n <StyledButton\n key={common.key}\n onClick={common.onClick}\n disabled={common.disabled}\n category={!keysWithoutBaseSet ? k.category : undefined}\n isDelete={k.label === '⌫'}\n isComma={k.label === ','}\n isDot={k.label === '.'}\n aria-label={k.ariaLabel ? k.ariaLabel : k.name \|\| k.label}\n {...(k.actions \|\| {})}\n {...(k.extraProps \|\| {})}\n >\n {k.label}\n </StyledButton>\n );\n } else {\n const Icon = k.icon ? k.icon : 'div';\n\n return (\n <StyledIconButton\n key={common.key}\n tabIndex={'-1'}\n onClick={common.onClick}\n disabled={common.disabled}\n category={!keysWithoutBaseSet ? k.category : undefined}\n size=\"large\"\n {...(k.actions \|\| {})}\n {...(k.extraProps \|\| {})}\n >\n <Icon className=\"icon\" />\n </StyledIconButton>\n );\n }\n })}\n </KeyPadContainer>\n );\n }\n}\n\nexport default KeyPad;\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_Button","_IconButton","_styles","_debug","_lodashEs","_renderUi","mq","_interopRequireWildcard","_keys","_commonMqStyles","_keysLayout","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","_typeof","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_callSuper","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","apply","Boolean","prototype","valueOf","ownKeys","keys","getOwnPropertySymbols","filter","enumerable","push","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","log","debug","LatexButtonContent","styled","Static","_ref","latex","baseStyles","pointerEvents","textTransform","color","text","transform","marginBottom","backgroundColor","concat","keypadEmptyPlaceholder","borderTop","width","marginTop","fontFamily","top","lineHeight","fontSize","left","right","minHeight","border","display","padding","paddingTop","fontStyle","position","propTypes","PropTypes","string","isRequired","createCustomLayout","layoutObj","gridTemplateColumns","columns","gridTemplateRows","rows","gridAutoFlow","KeyPadContainer","commonMqKeyboardStyles","gridRowGap","gridColumnGap","StyledButton","Button","_ref2","category","isDelete","isComma","isDot","minWidth","keypadButtonOperator","keypadButton","keypadButtonOperatorHover","keypadButtonHover","borderRadius","StyledLatexButtonWrapper","_ref3","margin","StyledIconButton","IconButton","_ref4","height","KeyPad","exports","_React$Component","props","_this","_classCallCheck2","setKeypadInteraction","key","onPress","base","extras","transposed","_toConsumableArray2","sortKeys","flatten","noDecimal","write","label","keypadRef","React","createRef","_inherits2","_createClass2","value","componentDidMount","_this$keypadRef","keyPadElement","current","mainContainer","closest","currentToolbar","controlledKeypadMode","mainContainerPosition","getBoundingClientRect","currentToolbarPosition","difference","totalHeight","style","addEventListener","handleKeypadInteraction","componentWillUnmount","_this$keypadRef2","removeEventListener","render","_this2","_this$props","className","baseSet","additionalKeys","layoutForKeyPad","onFocus","mode","noBaseSet","keysWithoutBaseSet","includes","allKeys","flowKeys","shift","Math","floor","createElement","ref","join","map","k","index","onClick","buttonClick","bind","common","disabled","keyIsNotAllowed","command","actions","extraProps","_extends2","undefined","ariaLabel","name","Icon","icon","tabIndex","size","Component","bool","array","object","func","oneOfType","number","_default"],"sources":["../../src/keypad/index.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Button from '@mui/material/Button';\nimport IconButton from '@mui/material/IconButton';\nimport { styled } from '@mui/material/styles';\nimport debug from 'debug';\nimport { flatten } from 'lodash-es';\nimport { color } from '@pie-lib/render-ui';\n\nimport * as mq from '../mq';\nimport { baseSet } from '../keys';\nimport { commonMqKeyboardStyles } from '../mq/common-mq-styles';\nimport { sortKeys } from './keys-layout';\n\nconst log = debug('pie-lib:math-inline:keypad');\n\nconst LatexButtonContent = styled(mq.Static)(({ latex }) => {\n const baseStyles = {\n pointerEvents: 'none',\n textTransform: 'none !important',\n color: color.text(),\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: `${color.keypadEmptyPlaceholder()} !important`,\n },\n '& .mq-overline .mq-overline-inner': {\n borderTop: '2px solid black',\n },\n '& .mq-non-leaf.mq-overline': {\n borderTop: 'none !important',\n },\n '& .mq-overarrow': {\n width: '30px',\n marginTop: '0 !important',\n borderTop: '2px solid black',\n fontFamily: 'Roboto, Helvetica, Arial, sans-serif !important',\n '&.mq-arrow-both': {\n top: '0px !important',\n '& ': {\n lineHeight: '1 !important',\n borderTop: 'none !important',\n },\n '&:before': {\n fontSize: '80%',\n left: 'calc(-13%) !important',\n top: '-0.31em !important',\n },\n '&:after': {\n fontSize: '80% !important',\n right: 'calc(-13%) !important',\n top: '-1.5em',\n },\n '&.mq-empty:before': {\n fontSize: '80%',\n left: 'calc(-13%)',\n top: '-0.26em',\n },\n '&.mq-empty:after': {\n fontSize: '80%',\n right: 'calc(-13%)',\n top: '-0.26em',\n },\n '&.mq-empty': {\n minHeight: '1.4em',\n },\n },\n '&.mq-arrow-right:before': {\n fontSize: '80%',\n right: 'calc(-13%) !important',\n top: '-0.26em !important',\n },\n '& .mq-overarrow-inner': {\n border: 'none !important',\n },\n '& .mq-overarrow-inner .mq-overarrow-inner-right': {\n display: 'none !important',\n },\n },\n '& .mq-root-block': {\n padding: '5px !important',\n },\n '& .mq-overarrow.mq-arrow-both.mq-empty:after': {\n right: '-6px',\n fontSize: '80% !important',\n top: '-3px',\n },\n '& .mq-overarrow.mq-arrow-right.mq-empty:before': {\n right: '-5px',\n fontSize: '80% !important',\n top: '-3px',\n },\n '& .mq-overarrow.mq-arrow-both.mq-empty:before': {\n left: '-6px',\n fontSize: '80% !important',\n top: '-3px',\n },\n '& .mq-longdiv-inner': {\n borderTop: '1px solid !important',\n paddingTop: '1.5px !important',\n },\n '& .mq-parallelogram': {\n lineHeight: 0.85,\n },\n '& .mq-overarc': {\n borderTop: '2px solid black !important',\n '& .mq-overline': {\n borderTop: 'none !important',\n },\n '& .mq-overline-inner': {\n borderTop: 'none !important',\n paddingTop: '0 !important',\n },\n },\n };\n\n // Add specific styles based on latex content\n if (latex === '\\\\parallel') {\n return {\n ...baseStyles,\n fontStyle: 'italic !important',\n };\n }\n\n if (latex === '\\\\overleftrightarrow{\\\\overline{}}') {\n return {\n ...baseStyles,\n '& .mq-overarrow.mq-arrow-both': {\n '& .mq-overline-inner': {\n borderTop: 'none !important',\n paddingTop: '0 !important',\n },\n '&:after': {\n position: 'absolute !important',\n top: '0px !important',\n },\n },\n };\n }\n\n return baseStyles;\n});\n\nLatexButtonContent.propTypes = {\n latex: PropTypes.string.isRequired,\n};\n\n// LatexButton component removed - LatexButtonContent is used directly instead\n\nconst createCustomLayout = (layoutObj) => {\n if (layoutObj) {\n return {\n gridTemplateColumns: `repeat(${layoutObj.columns}, minmax(min-content, 150px))`,\n gridTemplateRows: `repeat(${layoutObj.rows}, minmax(40px, 60px))`,\n gridAutoFlow: 'initial',\n };\n }\n\n return {};\n};\n\nconst KeyPadContainer = styled('div')(() => ({\n ...commonMqKeyboardStyles,\n width: '100%',\n display: 'grid',\n gridTemplateRows: 'repeat(5, minmax(40px, 60px))',\n gridRowGap: '0px',\n gridColumnGap: '0px',\n gridAutoFlow: 'column',\n '&.character': {\n textTransform: 'initial !important',\n gridTemplateRows: 'repeat(5, minmax(40px, 50px)) !important',\n },\n '&.language': {\n gridTemplateRows: 'repeat(4, minmax(40px, 50px)) !important',\n '& ': {\n fontFamily: 'Roboto, Helvetica, Arial, sans-serif !important',\n },\n },\n}));\n\nconst StyledButton = styled(Button)(({ category, isDelete, isComma, isDot }) => ({\n minWidth: 'auto',\n textTransform: 'none',\n fontSize: isComma \|\| isDot ? '200% !important' : '140% !important',\n lineHeight: isComma \|\| isDot ? '100%' : 'normal',\n color: color.text(),\n\n backgroundColor:\n category === 'operators'\n ? color.keypadButtonOperator()\n : color.keypadButton(),\n '&:hover': {\n backgroundColor:\n category === 'operators'\n ? color.keypadButtonOperatorHover()\n : color.keypadButtonHover()\n },\n borderRadius: 0,\n ...(isDelete && {\n fontFamily: 'Roboto, Helvetica, Arial, sans-serif !important',\n }),\n}));\n\nconst StyledLatexButtonWrapper = styled(Button)(({ category }) => ({\n textTransform: 'none',\n padding: 0,\n margin: 0,\n fontSize: '110% !important',\n minWidth: 'auto',\n borderRadius: 0,\n backgroundColor:\n category === 'operators'\n ? color.keypadButtonOperator()\n : color.keypadButton(),\n '&:hover': {\n backgroundColor:\n category === 'operators'\n ? color.keypadButtonOperatorHover()\n : color.keypadButtonHover(),\n },\n}));\n\nconst StyledIconButton = styled(IconButton)(({ category }) => ({\n minWidth: 'auto',\n backgroundColor:\n category === 'operators'\n ? color.keypadButtonOperator()\n : color.keypadButton(),\n '&:hover': {\n backgroundColor:\n category === 'operators'\n ? color.keypadButtonOperatorHover()\n : color.keypadButtonHover(),\n },\n borderRadius: 0,\n '& .icon': {\n height: '30px',\n },\n}));\n\nexport class KeyPad extends React.Component {\n static propTypes = {\n className: PropTypes.string,\n controlledKeypadMode: PropTypes.bool,\n baseSet: PropTypes.array,\n additionalKeys: PropTypes.array,\n layoutForKeyPad: PropTypes.object,\n onPress: PropTypes.func.isRequired,\n onFocus: PropTypes.func,\n noDecimal: PropTypes.bool,\n setKeypadInteraction: PropTypes.func,\n mode: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n };\n static defaultProps = {\n baseSet: baseSet,\n noDecimal: false,\n };\n\n constructor(props) {\n super(props);\n this.keypadRef = React.createRef();\n }\n\n componentDidMount() {\n const keyPadElement = this.keypadRef?.current;\n const mainContainer = keyPadElement?.closest('.main-container');\n const currentToolbar = keyPadElement?.closest('.pie-toolbar');\n\n // need only for math keyboard so we need also controlledKeypadMode\n if (this.props.controlledKeypadMode && mainContainer && currentToolbar) {\n const mainContainerPosition = mainContainer.getBoundingClientRect();\n const currentToolbarPosition = currentToolbar.getBoundingClientRect();\n const difference =\n mainContainerPosition.top +\n mainContainerPosition.height -\n (currentToolbarPosition.top + currentToolbarPosition.height);\n if (difference < 0) {\n const totalHeight = mainContainerPosition.height + mainContainerPosition.top - difference;\n // increase the height of the main container if keyboard needs it\n if (mainContainer) {\n mainContainer.style.height = `${totalHeight}px`;\n }\n }\n }\n\n if (keyPadElement) {\n keyPadElement.addEventListener('touchstart', this.handleKeypadInteraction, true);\n keyPadElement.addEventListener('mousedown', this.handleKeypadInteraction, true);\n }\n }\n\n componentWillUnmount() {\n const keyPadElement = this.keypadRef?.current;\n // need only for math keyboard\n if (this.props.controlledKeypadMode && keyPadElement) {\n const mainContainer = keyPadElement.closest('.main-container');\n\n if (mainContainer) {\n mainContainer.style.height = 'unset';\n }\n }\n\n if (keyPadElement) {\n keyPadElement.removeEventListener('touchstart', this.handleKeypadInteraction, true);\n keyPadElement.removeEventListener('mousedown', this.handleKeypadInteraction, true);\n }\n }\n\n handleKeypadInteraction = () => {\n // Check if the setKeypadInteraction prop is available, which is used for both\n // the language keypad and the special characters keypad\n if (this.props.setKeypadInteraction) {\n this.props.setKeypadInteraction(true);\n }\n };\n\n buttonClick = (key) => {\n log('[buttonClick]', key);\n const { onPress } = this.props;\n\n onPress(key);\n };\n\n flowKeys = (base, extras) => {\n const transposed = [...sortKeys(base), ...sortKeys(extras)];\n return flatten(transposed);\n };\n\n keyIsNotAllowed = (key) => {\n const { noDecimal } = this.props;\n\n if (((key.write === '.' && key.label === '.') \|\| (key.write === ',' && key.label === ',')) && noDecimal) {\n return true;\n }\n\n return false;\n };\n\n render() {\n const { className, baseSet, additionalKeys, layoutForKeyPad, onFocus, mode } = this.props;\n\n const noBaseSet = ['non-negative-integers', 'integers', 'decimals', 'fractions', 'item-authoring', 'language'];\n\n const keysWithoutBaseSet = noBaseSet.includes(mode);\n const allKeys = keysWithoutBaseSet\n ? this.flowKeys([], additionalKeys \|\| [])\n : this.flowKeys(baseSet, additionalKeys \|\| []);\n\n const shift = allKeys.length % 5 ? 1 : 0;\n const style = {\n gridTemplateColumns: `repeat(${Math.floor(allKeys.length / 5) + shift}, minmax(min-content, 150px))`,\n ...createCustomLayout(layoutForKeyPad),\n };\n\n return (\n <KeyPadContainer\n ref={this.keypadRef}\n className={[className, mode].filter(Boolean).join(' ')}\n style={style}\n onFocus={onFocus}\n >\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 disabled: this.keyIsNotAllowed(k),\n key: `${k.label \|\| k.latex \|\| k.command}-${index}`,\n ...(k.actions \|\| {}),\n ...(k.extraProps \|\| {}),\n };\n\n if (k.latex) {\n return (\n <StyledLatexButtonWrapper\n key={common.key}\n onClick={common.onClick}\n disabled={common.disabled}\n category={!keysWithoutBaseSet ? k.category : undefined}\n aria-label={k.ariaLabel ? k.ariaLabel : k.name \|\| k.label}\n {...(k.actions \|\| {})}\n {...(k.extraProps \|\| {})}\n >\n <LatexButtonContent latex={k.latex} />\n </StyledLatexButtonWrapper>\n );\n }\n\n if (k.label) {\n return (\n <StyledButton\n key={common.key}\n onClick={common.onClick}\n disabled={common.disabled}\n category={!keysWithoutBaseSet ? k.category : undefined}\n isDelete={k.label === '⌫'}\n isComma={k.label === ','}\n isDot={k.label === '.'}\n aria-label={k.ariaLabel ? k.ariaLabel : k.name \|\| k.label}\n {...(k.actions \|\| {})}\n {...(k.extraProps \|\| {})}\n >\n {k.label}\n </StyledButton>\n );\n } else {\n const Icon = k.icon ? k.icon : 'div';\n\n return (\n <StyledIconButton\n key={common.key}\n tabIndex={'-1'}\n onClick={common.onClick}\n disabled={common.disabled}\n category={!keysWithoutBaseSet ? k.category : undefined}\n size=\"large\"\n {...(k.actions \|\| {})}\n {...(k.extraProps \|\| {})}\n >\n <Icon className=\"icon\" />\n </StyledIconButton>\n );\n }\n })}\n </KeyPadContainer>\n );\n }\n}\n\nexport default KeyPad;\n"],"mappings":"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","ignoreList":[]}

package/lib/mq/common-mq-styles.js CHANGED Viewed

@@ -72,6 +72,9 @@ var commonMqKeyboardStyles = exports.commonMqKeyboardStyles = {
     '& .mq-math-mode .mq-empty': {
       padding: '9px 1px !important'
     },
+    '& .mq-math-mode .mq-longdiv-inner .mq-empty': {
+      padding: '0 !important'
+    },
     '& .mq-math-mode .mq-supsub': {
       fontSize: '70.7% !important'
     },

package/lib/mq/common-mq-styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"common-mq-styles.js","names":["commonMqFontStyles","exports","fontFamily","longdivStyles","marginTop","marginLeft","padding","display","supsubStyles","fontSize","verticalAlign","paddingRight","marginBottom","commonMqKeyboardStyles","_objectSpread","top","paddingTop","_default"],"sources":["../../src/mq/common-mq-styles.js"],"sourcesContent":["export const commonMqFontStyles = {\n fontFamily: 'MJXZERO, MJXTEX !important',\n '-webkit-font-smoothing': 'antialiased !important',\n\n '& .mq-math-mode > span > var': {\n fontFamily: 'MJXZERO, MJXTEX-I !important',\n },\n '& .mq-math-mode span var': {\n fontFamily: 'MJXZERO, MJXTEX-I !important',\n },\n '& .mq-math-mode .mq-nonSymbola': {\n fontFamily: 'MJXZERO, MJXTEX-I !important',\n },\n '& .mq-math-mode > span > var.mq-operator-name': {\n fontFamily: 'MJXZERO, MJXTEX !important',\n },\n};\n\nexport const longdivStyles = {\n '& .mq-longdiv-inner': {\n marginTop: '-1px',\n marginLeft: '5px !important;',\n\n '& > .mq-empty': {\n padding: '0 !important',\n marginLeft: '0px !important',\n marginTop: '2px',\n },\n },\n\n '& .mq-math-mode .mq-longdiv': {\n display: 'inline-flex !important',\n },\n};\n\nexport const supsubStyles = {\n '& .mq-math-mode sup.mq-nthroot': {\n fontSize: '70% !important',\n verticalAlign: '0.5em !important',\n paddingRight: '0.15em',\n },\n '& .mq-math-mode .mq-supsub': {\n fontSize: '70.7% !important',\n },\n '& .mq-supsub ': {\n fontSize: '70.7%',\n },\n '& .mq-math-mode .mq-supsub.mq-sup-only': {\n verticalAlign: '-0.1em !important',\n\n '& .mq-sup': {\n marginBottom: '0px !important',\n },\n },\n /* But when the base is a fraction, move it higher /\n '& .mq-math-mode .mq-fraction + .mq-supsub.mq-sup-only': {\n verticalAlign: '0.4em !important',\n },\n\n '& .mq-math-mode .mq-supsub.mq-sup-only.mq-after-fraction-group': {\n verticalAlign: '0.4em !important',\n },\n};\n\nexport const commonMqKeyboardStyles = {\n '& ': {\n ...commonMqFontStyles,\n ...longdivStyles,\n '& .mq-math-mode .mq-sqrt-prefix': {\n top: '0 !important',\n },\n\n '& .mq-math-mode .mq-empty': {\n padding: '9px 1px !important',\n },\n\n '& .mq-math-mode .mq-supsub': {\n fontSize: '70.7% !important',\n },\n\n '& .mq-math-mode .mq-sqrt-stem': {\n marginTop: '-5px',\n paddingTop: '4px',\n },\n\n '& .mq-math-mode .mq-paren': {\n verticalAlign: 'middle !important',\n },\n\n '& .mq-math-mode .mq-overarrow .mq-overarrow-inner .mq-empty': {\n padding: '0 !important',\n },\n\n '& .mq-math-mode .mq-overline .mq-overline-inner .mq-empty ': {\n padding: '0 !important',\n },\n },\n};\n\nexport default {\n commonMqFontStyles,\n longdivStyles,\n supsubStyles,\n commonMqKeyboardStyles,\n};\n"],"mappings":";;;;;;;;;;AAAO,IAAMA,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,GAAG;EAChCE,UAAU,EAAE,4BAA4B;EACxC,wBAAwB,EAAE,wBAAwB;EAElD,8BAA8B,EAAE;IAC9BA,UAAU,EAAE;EACd,CAAC;EACD,0BAA0B,EAAE;IAC1BA,UAAU,EAAE;EACd,CAAC;EACD,gCAAgC,EAAE;IAChCA,UAAU,EAAE;EACd,CAAC;EACD,+CAA+C,EAAE;IAC/CA,UAAU,EAAE;EACd;AACF,CAAC;AAEM,IAAMC,aAAa,GAAAF,OAAA,CAAAE,aAAA,GAAG;EAC3B,qBAAqB,EAAE;IACrBC,SAAS,EAAE,MAAM;IACjBC,UAAU,EAAE,iBAAiB;IAE7B,eAAe,EAAE;MACfC,OAAO,EAAE,cAAc;MACvBD,UAAU,EAAE,gBAAgB;MAC5BD,SAAS,EAAE;IACb;EACF,CAAC;EAED,6BAA6B,EAAE;IAC7BG,OAAO,EAAE;EACX;AACF,CAAC;AAEM,IAAMC,YAAY,GAAAP,OAAA,CAAAO,YAAA,GAAG;EAC1B,gCAAgC,EAAE;IAChCC,QAAQ,EAAE,gBAAgB;IAC1BC,aAAa,EAAE,kBAAkB;IACjCC,YAAY,EAAE;EAChB,CAAC;EACD,4BAA4B,EAAE;IAC5BF,QAAQ,EAAE;EACZ,CAAC;EACD,eAAe,EAAE;IACfA,QAAQ,EAAE;EACZ,CAAC;EACD,wCAAwC,EAAE;IACxCC,aAAa,EAAE,mBAAmB;IAElC,WAAW,EAAE;MACXE,YAAY,EAAE;IAChB;EACF,CAAC;EACD;EACA,uDAAuD,EAAE;IACvDF,aAAa,EAAE;EACjB,CAAC;EAED,gEAAgE,EAAE;IAChEA,aAAa,EAAE;EACjB;AACF,CAAC;AAEM,IAAMG,sBAAsB,GAAAZ,OAAA,CAAAY,sBAAA,GAAG;EACpC,KAAK,EAAAC,aAAA,CAAAA,aAAA,CAAAA,aAAA,KACAd,kBAAkB,GAClBG,aAAa;IAChB,iCAAiC,EAAE;MACjCY,GAAG,EAAE;IACP,CAAC;IAED,2BAA2B,EAAE;MAC3BT,OAAO,EAAE;IACX,CAAC;IAED,4BAA4B,EAAE;MAC5BG,QAAQ,EAAE;IACZ,CAAC;IAED,+BAA+B,EAAE;MAC/BL,SAAS,EAAE,MAAM;MACjBY,UAAU,EAAE;IACd,CAAC;IAED,2BAA2B,EAAE;MAC3BN,aAAa,EAAE;IACjB,CAAC;IAED,6DAA6D,EAAE;MAC7DJ,OAAO,EAAE;IACX,CAAC;IAED,4DAA4D,EAAE;MAC5DA,OAAO,EAAE;IACX;EAAC;AAEL,CAAC;AAAC,IAAAW,QAAA,GAAAhB,OAAA,cAEa;EACbD,kBAAkB,EAAlBA,kBAAkB;EAClBG,aAAa,EAAbA,aAAa;EACbK,YAAY,EAAZA,YAAY;EACZK,sBAAsB,EAAtBA;AACF,CAAC","ignoreList":[]}
1	+ {"version":3,"file":"common-mq-styles.js","names":["commonMqFontStyles","exports","fontFamily","longdivStyles","marginTop","marginLeft","padding","display","supsubStyles","fontSize","verticalAlign","paddingRight","marginBottom","commonMqKeyboardStyles","_objectSpread","top","paddingTop","_default"],"sources":["../../src/mq/common-mq-styles.js"],"sourcesContent":["export const commonMqFontStyles = {\n fontFamily: 'MJXZERO, MJXTEX !important',\n '-webkit-font-smoothing': 'antialiased !important',\n\n '& .mq-math-mode > span > var': {\n fontFamily: 'MJXZERO, MJXTEX-I !important',\n },\n '& .mq-math-mode span var': {\n fontFamily: 'MJXZERO, MJXTEX-I !important',\n },\n '& .mq-math-mode .mq-nonSymbola': {\n fontFamily: 'MJXZERO, MJXTEX-I !important',\n },\n '& .mq-math-mode > span > var.mq-operator-name': {\n fontFamily: 'MJXZERO, MJXTEX !important',\n },\n};\n\nexport const longdivStyles = {\n '& .mq-longdiv-inner': {\n marginTop: '-1px',\n marginLeft: '5px !important;',\n\n '& > .mq-empty': {\n padding: '0 !important',\n marginLeft: '0px !important',\n marginTop: '2px',\n },\n },\n\n '& .mq-math-mode .mq-longdiv': {\n display: 'inline-flex !important',\n },\n};\n\nexport const supsubStyles = {\n '& .mq-math-mode sup.mq-nthroot': {\n fontSize: '70% !important',\n verticalAlign: '0.5em !important',\n paddingRight: '0.15em',\n },\n '& .mq-math-mode .mq-supsub': {\n fontSize: '70.7% !important',\n },\n '& .mq-supsub ': {\n fontSize: '70.7%',\n },\n '& .mq-math-mode .mq-supsub.mq-sup-only': {\n verticalAlign: '-0.1em !important',\n\n '& .mq-sup': {\n marginBottom: '0px !important',\n },\n },\n /* But when the base is a fraction, move it higher /\n '& .mq-math-mode .mq-fraction + .mq-supsub.mq-sup-only': {\n verticalAlign: '0.4em !important',\n },\n\n '& .mq-math-mode .mq-supsub.mq-sup-only.mq-after-fraction-group': {\n verticalAlign: '0.4em !important',\n },\n};\n\nexport const commonMqKeyboardStyles = {\n '& ': {\n ...commonMqFontStyles,\n ...longdivStyles,\n '& .mq-math-mode .mq-sqrt-prefix': {\n top: '0 !important',\n },\n\n '& .mq-math-mode .mq-empty': {\n padding: '9px 1px !important',\n },\n\n '& .mq-math-mode .mq-longdiv-inner .mq-empty': {\n padding: '0 !important',\n },\n\n '& .mq-math-mode .mq-supsub': {\n fontSize: '70.7% !important',\n },\n\n '& .mq-math-mode .mq-sqrt-stem': {\n marginTop: '-5px',\n paddingTop: '4px',\n },\n\n '& .mq-math-mode .mq-paren': {\n verticalAlign: 'middle !important',\n },\n\n '& .mq-math-mode .mq-overarrow .mq-overarrow-inner .mq-empty': {\n padding: '0 !important',\n },\n\n '& .mq-math-mode .mq-overline .mq-overline-inner .mq-empty ': {\n padding: '0 !important',\n },\n },\n};\n\nexport default {\n commonMqFontStyles,\n longdivStyles,\n supsubStyles,\n commonMqKeyboardStyles,\n};\n"],"mappings":";;;;;;;;;;AAAO,IAAMA,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,GAAG;EAChCE,UAAU,EAAE,4BAA4B;EACxC,wBAAwB,EAAE,wBAAwB;EAElD,8BAA8B,EAAE;IAC9BA,UAAU,EAAE;EACd,CAAC;EACD,0BAA0B,EAAE;IAC1BA,UAAU,EAAE;EACd,CAAC;EACD,gCAAgC,EAAE;IAChCA,UAAU,EAAE;EACd,CAAC;EACD,+CAA+C,EAAE;IAC/CA,UAAU,EAAE;EACd;AACF,CAAC;AAEM,IAAMC,aAAa,GAAAF,OAAA,CAAAE,aAAA,GAAG;EAC3B,qBAAqB,EAAE;IACrBC,SAAS,EAAE,MAAM;IACjBC,UAAU,EAAE,iBAAiB;IAE7B,eAAe,EAAE;MACfC,OAAO,EAAE,cAAc;MACvBD,UAAU,EAAE,gBAAgB;MAC5BD,SAAS,EAAE;IACb;EACF,CAAC;EAED,6BAA6B,EAAE;IAC7BG,OAAO,EAAE;EACX;AACF,CAAC;AAEM,IAAMC,YAAY,GAAAP,OAAA,CAAAO,YAAA,GAAG;EAC1B,gCAAgC,EAAE;IAChCC,QAAQ,EAAE,gBAAgB;IAC1BC,aAAa,EAAE,kBAAkB;IACjCC,YAAY,EAAE;EAChB,CAAC;EACD,4BAA4B,EAAE;IAC5BF,QAAQ,EAAE;EACZ,CAAC;EACD,eAAe,EAAE;IACfA,QAAQ,EAAE;EACZ,CAAC;EACD,wCAAwC,EAAE;IACxCC,aAAa,EAAE,mBAAmB;IAElC,WAAW,EAAE;MACXE,YAAY,EAAE;IAChB;EACF,CAAC;EACD;EACA,uDAAuD,EAAE;IACvDF,aAAa,EAAE;EACjB,CAAC;EAED,gEAAgE,EAAE;IAChEA,aAAa,EAAE;EACjB;AACF,CAAC;AAEM,IAAMG,sBAAsB,GAAAZ,OAAA,CAAAY,sBAAA,GAAG;EACpC,KAAK,EAAAC,aAAA,CAAAA,aAAA,CAAAA,aAAA,KACAd,kBAAkB,GAClBG,aAAa;IAChB,iCAAiC,EAAE;MACjCY,GAAG,EAAE;IACP,CAAC;IAED,2BAA2B,EAAE;MAC3BT,OAAO,EAAE;IACX,CAAC;IAED,6CAA6C,EAAE;MAC7CA,OAAO,EAAE;IACX,CAAC;IAED,4BAA4B,EAAE;MAC5BG,QAAQ,EAAE;IACZ,CAAC;IAED,+BAA+B,EAAE;MAC/BL,SAAS,EAAE,MAAM;MACjBY,UAAU,EAAE;IACd,CAAC;IAED,2BAA2B,EAAE;MAC3BN,aAAa,EAAE;IACjB,CAAC;IAED,6DAA6D,EAAE;MAC7DJ,OAAO,EAAE;IACX,CAAC;IAED,4DAA4D,EAAE;MAC5DA,OAAO,EAAE;IACX;EAAC;AAEL,CAAC;AAAC,IAAAW,QAAA,GAAAhB,OAAA,cAEa;EACbD,kBAAkB,EAAlBA,kBAAkB;EAClBG,aAAa,EAAbA,aAAa;EACbK,YAAY,EAAZA,YAAY;EACZK,sBAAsB,EAAtBA;AACF,CAAC","ignoreList":[]}

package/lib/mq/input.js CHANGED Viewed

@@ -21,7 +21,8 @@ function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 var MQ;
 if (typeof window !== 'undefined') {
-  MQ = _mathquill["default"].getInterface(2);
+  MQ = _mathquill["default"].getInterface(3);
+  console.log('MQ', MQ);
   if (MQ && MQ.registerEmbed) {
     (0, _customElements.registerLineBreak)(MQ);
   }

package/lib/mq/input.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"input.js","names":["_react","_interopRequireDefault","require","_propTypes","_styles","_debug","_customElements","_mathquill","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","apply","Boolean","prototype","valueOf","call","MQ","window","MathQuill","getInterface","registerEmbed","registerLineBreak","log","debug","StyledSpan","styled","Input","exports","_React$Component","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","concat","_defineProperty2","onChange","props","mathField","latex","blur","focus","event","keys","Object","__controller","options","indexOf","refresh","charCode","preventDefault","onClick","_inherits2","_createClass2","key","value","componentDidMount","Error","MathField","input","handlers","edit","onInputEdit","bind","updateLatex","componentDidUpdate","undefined","clear","command","v","_this2","isArray","forEach","vv","cmd","keystroke","write","shouldComponentUpdate","nextProps","render","_this3","_this$props","onFocus","onBlur","className","createElement","onKeyDown","onKeyPress","ref","r","React","Component","PropTypes","string","func","_default"],"sources":["../../src/mq/input.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { styled } from '@mui/material/styles';\nimport debug from 'debug';\nimport { registerLineBreak } from './custom-elements';\nimport MathQuill from '@pie-framework/mathquill';\n\nlet MQ;\nif (typeof window !== 'undefined') {\n MQ = MathQuill.getInterface(2);\n\n if (MQ && MQ.registerEmbed) {\n registerLineBreak(MQ);\n }\n}\n\nconst log = debug('math-input:mq:input');\n\nconst StyledSpan = styled('span')({\n // No specific styles needed, but component is available for future styling\n});\n\n/*\n Wrapper for MathQuill MQ.MathField.\n */\nexport class Input extends React.Component {\n static propTypes = {\n className: PropTypes.string,\n onClick: PropTypes.func,\n onChange: PropTypes.func,\n latex: PropTypes.string,\n onFocus: PropTypes.func,\n onBlur: PropTypes.func,\n };\n\n componentDidMount() {\n if (!MQ) {\n throw new Error('MQ is not defined - but component has mounted?');\n }\n\n this.mathField = MQ.MathField(this.input, {\n handlers: {\n edit: this.onInputEdit.bind(this),\n },\n });\n\n this.updateLatex();\n }\n\n componentDidUpdate() {\n this.updateLatex();\n }\n\n updateLatex() {\n if (!this.mathField) {\n return;\n }\n\n const { latex } = this.props;\n\n if (latex !== undefined && latex !== null) {\n this.mathField.latex(latex);\n }\n }\n\n clear() {\n this.mathField.latex('');\n\n return '';\n }\n\n blur() {\n log('blur mathfield');\n this.mathField.blur();\n }\n\n focus() {\n log('focus mathfield...');\n this.mathField.focus();\n }\n\n command(v) {\n log('command: ', v);\n if (Array.isArray(v)) {\n v.forEach((vv) => {\n this.mathField.cmd(vv);\n });\n } else {\n this.mathField.cmd(v);\n }\n\n this.mathField.focus();\n\n return this.mathField.latex();\n }\n\n keystroke(v) {\n this.mathField.keystroke(v);\n this.mathField.focus();\n\n return this.mathField.latex();\n }\n\n write(v) {\n log('write: ', v);\n this.mathField.write(v);\n this.mathField.focus();\n\n return this.mathField.latex();\n }\n\n onInputEdit = () => {\n log('[onInputEdit] ...');\n const { onChange } = this.props;\n\n if (!this.mathField) {\n return;\n }\n\n if (onChange) {\n onChange(this.mathField.latex());\n }\n };\n\n refresh = () => {\n this.blur();\n this.focus();\n };\n\n onKeyPress = (event) => {\n const keys = Object.keys(this.mathField.__controller.options);\n\n if (keys.indexOf('ignoreNextMousedown') < 0) {\n // It seems like the controller has the above handler as an option\n // when all the right events are set and everything works fine\n // this seems to work in all cases\n this.refresh();\n }\n\n if (event.charCode === 13) {\n event.preventDefault();\n return;\n }\n };\n\n onClick = (event) => {\n const { onClick } = this.props;\n\n this.refresh();\n onClick && onClick(event);\n };\n\n shouldComponentUpdate(nextProps) {\n log('next: ', nextProps.latex);\n log('current: ', this.mathField.latex());\n\n return nextProps.latex !== this.mathField.latex();\n }\n\n render() {\n const { onFocus, onBlur, className } = this.props;\n\n return (\n <StyledSpan\n className={className}\n onKeyDown={this.onKeyPress}\n onClick={this.onClick}\n onFocus={onFocus}\n onBlur={onBlur}\n ref={(r) => (this.input = r)}\n />\n );\n }\n}\n\nexport default Input;\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"file":"input.js","names":["_react","_interopRequireDefault","require","_propTypes","_styles","_debug","_customElements","_mathquill","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","apply","Boolean","prototype","valueOf","call","MQ","window","MathQuill","getInterface","console","log","registerEmbed","registerLineBreak","debug","StyledSpan","styled","Input","exports","_React$Component","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","concat","_defineProperty2","onChange","props","mathField","latex","blur","focus","event","keys","Object","__controller","options","indexOf","refresh","charCode","preventDefault","onClick","_inherits2","_createClass2","key","value","componentDidMount","Error","MathField","input","handlers","edit","onInputEdit","bind","updateLatex","componentDidUpdate","undefined","clear","command","v","_this2","isArray","forEach","vv","cmd","keystroke","write","shouldComponentUpdate","nextProps","render","_this3","_this$props","onFocus","onBlur","className","createElement","onKeyDown","onKeyPress","ref","r","React","Component","PropTypes","string","func","_default"],"sources":["../../src/mq/input.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { styled } from '@mui/material/styles';\nimport debug from 'debug';\nimport { registerLineBreak } from './custom-elements';\nimport MathQuill from '@pie-framework/mathquill';\n\nlet MQ;\nif (typeof window !== 'undefined') {\n MQ = MathQuill.getInterface(3);\n\n console.log('MQ', MQ);\n\n if (MQ && MQ.registerEmbed) {\n registerLineBreak(MQ);\n }\n}\n\nconst log = debug('math-input:mq:input');\n\nconst StyledSpan = styled('span')({\n // No specific styles needed, but component is available for future styling\n});\n\n/*\n Wrapper for MathQuill MQ.MathField.\n */\nexport class Input extends React.Component {\n static propTypes = {\n className: PropTypes.string,\n onClick: PropTypes.func,\n onChange: PropTypes.func,\n latex: PropTypes.string,\n onFocus: PropTypes.func,\n onBlur: PropTypes.func,\n };\n\n componentDidMount() {\n if (!MQ) {\n throw new Error('MQ is not defined - but component has mounted?');\n }\n\n this.mathField = MQ.MathField(this.input, {\n handlers: {\n edit: this.onInputEdit.bind(this),\n },\n });\n\n this.updateLatex();\n }\n\n componentDidUpdate() {\n this.updateLatex();\n }\n\n updateLatex() {\n if (!this.mathField) {\n return;\n }\n\n const { latex } = this.props;\n\n if (latex !== undefined && latex !== null) {\n this.mathField.latex(latex);\n }\n }\n\n clear() {\n this.mathField.latex('');\n\n return '';\n }\n\n blur() {\n log('blur mathfield');\n this.mathField.blur();\n }\n\n focus() {\n log('focus mathfield...');\n this.mathField.focus();\n }\n\n command(v) {\n log('command: ', v);\n if (Array.isArray(v)) {\n v.forEach((vv) => {\n this.mathField.cmd(vv);\n });\n } else {\n this.mathField.cmd(v);\n }\n\n this.mathField.focus();\n\n return this.mathField.latex();\n }\n\n keystroke(v) {\n this.mathField.keystroke(v);\n this.mathField.focus();\n\n return this.mathField.latex();\n }\n\n write(v) {\n log('write: ', v);\n this.mathField.write(v);\n this.mathField.focus();\n\n return this.mathField.latex();\n }\n\n onInputEdit = () => {\n log('[onInputEdit] ...');\n const { onChange } = this.props;\n\n if (!this.mathField) {\n return;\n }\n\n if (onChange) {\n onChange(this.mathField.latex());\n }\n };\n\n refresh = () => {\n this.blur();\n this.focus();\n };\n\n onKeyPress = (event) => {\n const keys = Object.keys(this.mathField.__controller.options);\n\n if (keys.indexOf('ignoreNextMousedown') < 0) {\n // It seems like the controller has the above handler as an option\n // when all the right events are set and everything works fine\n // this seems to work in all cases\n this.refresh();\n }\n\n if (event.charCode === 13) {\n event.preventDefault();\n return;\n }\n };\n\n onClick = (event) => {\n const { onClick } = this.props;\n\n this.refresh();\n onClick && onClick(event);\n };\n\n shouldComponentUpdate(nextProps) {\n log('next: ', nextProps.latex);\n log('current: ', this.mathField.latex());\n\n return nextProps.latex !== this.mathField.latex();\n }\n\n render() {\n const { onFocus, onBlur, className } = this.props;\n\n return (\n <StyledSpan\n className={className}\n onKeyDown={this.onKeyPress}\n onClick={this.onClick}\n onFocus={onFocus}\n onBlur={onBlur}\n ref={(r) => (this.input = r)}\n />\n );\n }\n}\n\nexport default Input;\n"],"mappings":"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","ignoreList":[]}

package/lib/mq/static.js CHANGED Viewed

@@ -20,7 +20,7 @@ function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 var MQ;
 if (typeof window !== 'undefined') {
-  MQ = _mathquill["default"].getInterface(2);
+  MQ = _mathquill["default"].getInterface(3);
 }
 var log = (0, _debug["default"])('pie-lib:math-input:mq:static');
 var REGEX = /\\MathQuillMathField\[r\d*\]\{(.*?)\}/g;
@@ -95,7 +95,7 @@ var Static = exports["default"] = /*#__PURE__*/function (_React$Component) {
       });
     });
     (0, _defineProperty2["default"])(_this, "onInputEdit", function (field) {
-      if (!_this.mathField) {
+      if (!_this.mathField || _this._isProgrammaticUpdate) {
         return;
       }
       var name = _this.props.getFieldName(field, _this.mathField.innerFields);
@@ -150,10 +150,14 @@ var Static = exports["default"] = /*#__PURE__*/function (_React$Component) {
           }
         }
       }
-      _this.setState({
-        previousLatex: newLatex,
-        isDeleteKeyPressed: false
-      });
+      // Only setState when values change to avoid "Maximum update depth exceeded"
+      if (_this.state.previousLatex !== newLatex || _this.state.isDeleteKeyPressed) {
+        _this.setState({
+          previousLatex: newLatex,
+          isDeleteKeyPressed: false
+        });
+      }
     });
     (0, _defineProperty2["default"])(_this, "announceMessage", function (message) {
       _this.setState({
@@ -181,11 +185,14 @@ var Static = exports["default"] = /*#__PURE__*/function (_React$Component) {
         });
       }
       try {
+        _this._isProgrammaticUpdate = true;
         _this.mathField.parseLatex(_this.props.latex);
         _this.mathField.latex(_this.props.latex);
       } catch (e) {
         // default latex if received has errors
         _this.mathField.latex('\\MathQuillMathField[r1]{}');
+      } finally {
+        _this._isProgrammaticUpdate = false;
       }
     });
     (0, _defineProperty2["default"])(_this, "blur", function () {

package/lib/mq/static.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"static.js","names":["_propTypes","_interopRequireDefault","require","_react","_debug","_mathquill","_updateSpans","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","apply","Boolean","prototype","valueOf","call","MQ","window","MathQuill","getInterface","log","debug","REGEX","WHITESPACE_REGEX","stripSpaces","string","arguments","length","undefined","replace","countBraces","latex","count","i","Static","exports","_React$Component","props","_this","_classCallCheck2","_defineProperty2","liveRegion","document","createElement","style","position","width","height","marginTop","clip","overflow","setAttribute","body","appendChild","input","inputRef","current","addEventListener","handleKeyDown","handleMathKeyboardClick","removeEventListener","removeChild","event","key","setState","isDeleteKeyPressed","inputSource","field","mathField","name","getFieldName","innerFields","onSubFieldChange","_this$inputRef","regexMatch","match","__controller","cursor","insLeftOf","parent","el","dispatchEvent","KeyboardEvent","keyCode","console","error","toString","announceLatexConversion","newLatex","state","_this$state","previousLatex","announcement","newBraces","oldBraces","announceMessage","parseLatex","warn","message","textContent","setTimeout","Error","_this$inputRef2","StaticMath","handlers","edit","onInputEdit","bind","blur","focus","rootBlock","target","parentElement","nextSibling","id","parseInt","getAttribute","innerField","find","f","setInput","onSubFieldFocus","err","React","createRef","_inherits2","_createClass2","value","componentDidMount","update","updateSpans","createLiveRegion","addEventListeners","componentDidUpdate","componentWillUnmount","removeLiveRegion","removeEventListeners","shouldComponentUpdate","nextProps","parsedLatex","stripped","newFieldCount","out","trim","Object","keys","render","_this$props","onBlur","className","onFocus","ref","Component","PropTypes","isRequired","func"],"sources":["../../src/mq/static.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\nimport debug from 'debug';\nimport MathQuill from '@pie-framework/mathquill';\nimport { updateSpans } from '../updateSpans';\n\nlet MQ;\nif (typeof window !== 'undefined') {\n MQ = MathQuill.getInterface(2);\n}\n\nconst log = debug('pie-lib:math-input:mq:static');\nconst REGEX = /\\\\MathQuillMathField\\[r\\d\\]\\{(.?)\\}/g;\nconst WHITESPACE_REGEX = / /g;\n\nfunction stripSpaces(string = '') {\n return string.replace(WHITESPACE_REGEX, '');\n}\n\nfunction countBraces(latex) {\n let count = 0;\n\n for (let i = 0; i < (latex \|\| '').length; i++) {\n if (latex[i] === '{') {\n count++;\n }\n }\n\n return count;\n}\n\n/*\n Wrapper for MathQuill MQ.MathField.\n /\nexport default class Static extends React.Component {\n static propTypes = {\n latex: PropTypes.string.isRequired,\n onFocus: PropTypes.func,\n onBlur: PropTypes.func,\n className: PropTypes.string,\n getFieldName: PropTypes.func,\n onSubFieldChange: PropTypes.func,\n onSubFieldFocus: PropTypes.func,\n setInput: PropTypes.func,\n };\n\n static defaultProps = {\n getFieldName: () => {},\n };\n\n constructor(props) {\n super(props);\n this.state = {\n announcement: '',\n previousLatex: '',\n inputSource: null,\n isDeleteKeyPressed: false,\n };\n\n this.inputRef = React.createRef();\n }\n\n componentDidMount() {\n this.update();\n updateSpans();\n\n this.createLiveRegion();\n this.addEventListeners();\n }\n\n componentDidUpdate() {\n this.update();\n updateSpans();\n }\n\n componentWillUnmount() {\n this.removeLiveRegion();\n this.removeEventListeners();\n }\n\n createLiveRegion = () => {\n this.liveRegion = document.createElement('div');\n this.liveRegion.style.position = 'absolute';\n this.liveRegion.style.width = '1px';\n this.liveRegion.style.height = '1px';\n this.liveRegion.style.marginTop = '-1px';\n this.liveRegion.style.clip = 'rect(1px, 1px, 1px, 1px)';\n this.liveRegion.style.overflow = 'hidden';\n this.liveRegion.setAttribute('aria-live', 'polite');\n this.liveRegion.setAttribute('aria-atomic', 'true');\n\n document.body.appendChild(this.liveRegion);\n };\n\n addEventListeners = () => {\n const input = this.inputRef.current;\n\n if (input) {\n input.addEventListener('keydown', this.handleKeyDown);\n input.addEventListener('click', this.handleMathKeyboardClick);\n }\n };\n\n removeEventListeners = () => {\n const input = this.inputRef.current;\n\n if (input) {\n input.removeEventListener('keydown', this.handleKeyDown);\n input.removeEventListener('click', this.handleMathKeyboardClick);\n }\n };\n\n removeLiveRegion = () => {\n if (this.liveRegion) {\n document.body.removeChild(this.liveRegion);\n this.liveRegion = null;\n }\n };\n\n handleKeyDown = (event) => {\n if (event?.key === 'Backspace' \|\| event?.key === 'Delete') {\n this.setState({ isDeleteKeyPressed: true });\n }\n this.setState({ inputSource: 'keyboard' });\n };\n\n handleMathKeyboardClick = () => {\n this.setState({ inputSource: 'mathKeyboard' });\n };\n\n onInputEdit = (field) => {\n if (!this.mathField) {\n return;\n }\n const name = this.props.getFieldName(field, this.mathField.innerFields);\n\n if (this.props.onSubFieldChange) {\n // eslint-disable-next-line no-useless-escape\n const regexMatch = field.latex().match(/[0-9]\\\\ \\\\frac\\{[^\\{]\\}\\{ \\}/);\n\n if (this.inputRef?.current && regexMatch && regexMatch?.length) {\n try {\n field.__controller.cursor.insLeftOf(field.__controller.cursor.parent[-1].parent);\n field.el().dispatchEvent(new KeyboardEvent('keydown', { keyCode: 8 }));\n } catch (e) {\n // eslint-disable-next-line no-console\n console.error(e.toString());\n }\n } else {\n this.props.onSubFieldChange(name, field.latex());\n }\n }\n\n this.announceLatexConversion(field.latex());\n };\n\n announceLatexConversion = (newLatex) => {\n if (!this.state) {\n // eslint-disable-next-line no-console\n console.error('State is not initialized');\n return;\n }\n\n const { previousLatex, inputSource, isDeleteKeyPressed } = this.state;\n const announcement = 'Converted to math symbol';\n\n if (inputSource === 'keyboard' && !isDeleteKeyPressed) {\n const newBraces = countBraces(newLatex);\n const oldBraces = countBraces(previousLatex);\n\n if (newBraces > oldBraces) {\n this.announceMessage(announcement);\n } else {\n try {\n this.mathField.parseLatex(previousLatex);\n this.mathField.parseLatex(newLatex);\n\n if (newLatex == previousLatex) {\n this.announceMessage(announcement);\n }\n } catch (e) {\n // eslint-disable-next-line no-console\n console.warn('Error parsing latex:', e.message);\n // eslint-disable-next-line no-console\n console.warn(e);\n }\n }\n }\n\n this.setState({ previousLatex: newLatex, isDeleteKeyPressed: false });\n };\n\n announceMessage = (message) => {\n this.setState({ previousLatex: '' });\n\n if (this.liveRegion) {\n this.liveRegion.textContent = message;\n\n // Clear the message after it is announced\n setTimeout(() => {\n this.liveRegion.textContent = '';\n }, 500);\n }\n };\n\n update = () => {\n if (!MQ) {\n throw new Error('MQ is not defined - but component has mounted?');\n }\n if (!this.mathField) {\n this.mathField = MQ.StaticMath(this.inputRef?.current, {\n handlers: {\n edit: this.onInputEdit.bind(this),\n },\n });\n }\n\n try {\n this.mathField.parseLatex(this.props.latex);\n this.mathField.latex(this.props.latex);\n } catch (e) {\n // default latex if received has errors\n this.mathField.latex('\\\\MathQuillMathField[r1]{}');\n }\n };\n\n blur = () => {\n log('blur mathfield');\n this.mathField.blur();\n };\n\n focus = () => {\n log('focus mathfield...');\n this.mathField.focus();\n };\n\n shouldComponentUpdate(nextProps) {\n try {\n const parsedLatex = this.mathField.parseLatex(nextProps.latex);\n const stripped = stripSpaces(parsedLatex);\n const newFieldCount = (nextProps.latex.match(REGEX) \|\| []).length;\n\n const out =\n stripped !== stripSpaces(this.mathField.latex().trim()) \|\|\n newFieldCount !== Object.keys(this.mathField.innerFields).length / 2;\n\n log('[shouldComponentUpdate] ', out);\n return out;\n } catch (e) {\n // eslint-disable-next-line no-console\n console.warn('Error parsing latex:', e.message, 'skip update');\n // eslint-disable-next-line no-console\n console.warn(e);\n return false;\n }\n }\n\n onFocus = (e) => {\n try {\n let rootBlock = e.target.parentElement.nextSibling;\n let id = parseInt(rootBlock.getAttribute('mathquill-block-id'), 10);\n\n if (!id) {\n rootBlock = rootBlock.parentElement;\n id = parseInt(rootBlock.getAttribute('mathquill-block-id'), 10);\n }\n\n const innerField = this.mathField.innerFields.find((f) => f.id === id);\n\n if (innerField) {\n const name = this.props.getFieldName(innerField, this.mathField.innerFields);\n if (this.props.setInput) {\n this.props.setInput(innerField);\n }\n this.props.onSubFieldFocus(name, innerField);\n }\n } catch (err) {\n // eslint-disable-next-line no-console\n console.error('error finding root block', err.message);\n }\n };\n\n render() {\n const { onBlur, className } = this.props;\n\n return <span className={className} onFocus={this.onFocus} onBlur={onBlur} ref={this.inputRef} />;\n }\n}\n"],"mappings":";;;;;;;;;;;;;AAAA,IAAAA,UAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,MAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,UAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,YAAA,GAAAJ,OAAA;AAA6C,SAAAK,WAAAC,CAAA,EAAAC,CAAA,EAAAC,CAAA,WAAAD,CAAA,OAAAE,gBAAA,aAAAF,CAAA,OAAAG,2BAAA,aAAAJ,CAAA,EAAAK,yBAAA,KAAAC,OAAA,CAAAC,SAAA,CAAAN,CAAA,EAAAC,CAAA,YAAAC,gBAAA,aAAAH,CAAA,EAAAQ,WAAA,IAAAP,CAAA,CAAAQ,KAAA,CAAAT,CAAA,EAAAE,CAAA;AAAA,SAAAG,0BAAA,cAAAL,CAAA,IAAAU,OAAA,CAAAC,SAAA,CAAAC,OAAA,CAAAC,IAAA,CAAAP,OAAA,CAAAC,SAAA,CAAAG,OAAA,iCAAAV,CAAA,aAAAK,yBAAA,YAAAA,0BAAA,aAAAL,CAAA;AAE7C,IAAIc,EAAE;AACN,IAAI,OAAOC,MAAM,KAAK,WAAW,EAAE;EACjCD,EAAE,GAAGE,qBAAS,CAACC,YAAY,CAAC,CAAC,CAAC;AAChC;AAEA,IAAMC,GAAG,GAAG,IAAAC,iBAAK,EAAC,8BAA8B,CAAC;AACjD,IAAMC,KAAK,GAAG,wCAAwC;AACtD,IAAMC,gBAAgB,GAAG,IAAI;AAE7B,SAASC,WAAWA,CAAA,EAAc;EAAA,IAAbC,MAAM,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,EAAE;EAC9B,OAAOD,MAAM,CAACI,OAAO,CAACN,gBAAgB,EAAE,EAAE,CAAC;AAC7C;AAEA,SAASO,WAAWA,CAACC,KAAK,EAAE;EAC1B,IAAIC,KAAK,GAAG,CAAC;EAEb,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAG,CAACF,KAAK,IAAI,EAAE,EAAEJ,MAAM,EAAEM,CAAC,EAAE,EAAE;IAC7C,IAAIF,KAAK,CAACE,CAAC,CAAC,KAAK,GAAG,EAAE;MACpBD,KAAK,EAAE;IACT;EACF;EAEA,OAAOA,KAAK;AACd;;AAEA;AACA;AACA;AAFA,IAGqBE,MAAM,GAAAC,OAAA,qCAAAC,gBAAA;EAgBzB,SAAAF,OAAYG,KAAK,EAAE;IAAA,IAAAC,KAAA;IAAA,IAAAC,gBAAA,mBAAAL,MAAA;IACjBI,KAAA,GAAArC,UAAA,OAAAiC,MAAA,GAAMG,KAAK;IAAE,IAAAG,gBAAA,aAAAF,KAAA,sBA6BI,YAAM;MACvBA,KAAA,CAAKG,UAAU,GAAGC,QAAQ,CAACC,aAAa,CAAC,KAAK,CAAC;MAC/CL,KAAA,CAAKG,UAAU,CAACG,KAAK,CAACC,QAAQ,GAAG,UAAU;MAC3CP,KAAA,CAAKG,UAAU,CAACG,KAAK,CAACE,KAAK,GAAG,KAAK;MACnCR,KAAA,CAAKG,UAAU,CAACG,KAAK,CAACG,MAAM,GAAG,KAAK;MACpCT,KAAA,CAAKG,UAAU,CAACG,KAAK,CAACI,SAAS,GAAG,MAAM;MACxCV,KAAA,CAAKG,UAAU,CAACG,KAAK,CAACK,IAAI,GAAG,0BAA0B;MACvDX,KAAA,CAAKG,UAAU,CAACG,KAAK,CAACM,QAAQ,GAAG,QAAQ;MACzCZ,KAAA,CAAKG,UAAU,CAACU,YAAY,CAAC,WAAW,EAAE,QAAQ,CAAC;MACnDb,KAAA,CAAKG,UAAU,CAACU,YAAY,CAAC,aAAa,EAAE,MAAM,CAAC;MAEnDT,QAAQ,CAACU,IAAI,CAACC,WAAW,CAACf,KAAA,CAAKG,UAAU,CAAC;IAC5C,CAAC;IAAA,IAAAD,gBAAA,aAAAF,KAAA,uBAEmB,YAAM;MACxB,IAAMgB,KAAK,GAAGhB,KAAA,CAAKiB,QAAQ,CAACC,OAAO;MAEnC,IAAIF,KAAK,EAAE;QACTA,KAAK,CAACG,gBAAgB,CAAC,SAAS,EAAEnB,KAAA,CAAKoB,aAAa,CAAC;QACrDJ,KAAK,CAACG,gBAAgB,CAAC,OAAO,EAAEnB,KAAA,CAAKqB,uBAAuB,CAAC;MAC/D;IACF,CAAC;IAAA,IAAAnB,gBAAA,aAAAF,KAAA,0BAEsB,YAAM;MAC3B,IAAMgB,KAAK,GAAGhB,KAAA,CAAKiB,QAAQ,CAACC,OAAO;MAEnC,IAAIF,KAAK,EAAE;QACTA,KAAK,CAACM,mBAAmB,CAAC,SAAS,EAAEtB,KAAA,CAAKoB,aAAa,CAAC;QACxDJ,KAAK,CAACM,mBAAmB,CAAC,OAAO,EAAEtB,KAAA,CAAKqB,uBAAuB,CAAC;MAClE;IACF,CAAC;IAAA,IAAAnB,gBAAA,aAAAF,KAAA,sBAEkB,YAAM;MACvB,IAAIA,KAAA,CAAKG,UAAU,EAAE;QACnBC,QAAQ,CAACU,IAAI,CAACS,WAAW,CAACvB,KAAA,CAAKG,UAAU,CAAC;QAC1CH,KAAA,CAAKG,UAAU,GAAG,IAAI;MACxB;IACF,CAAC;IAAA,IAAAD,gBAAA,aAAAF,KAAA,mBAEe,UAACwB,KAAK,EAAK;MACzB,IAAI,CAAAA,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEC,GAAG,MAAK,WAAW,IAAI,CAAAD,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEC,GAAG,MAAK,QAAQ,EAAE;QACzDzB,KAAA,CAAK0B,QAAQ,CAAC;UAAEC,kBAAkB,EAAE;QAAK,CAAC,CAAC;MAC7C;MACA3B,KAAA,CAAK0B,QAAQ,CAAC;QAAEE,WAAW,EAAE;MAAW,CAAC,CAAC;IAC5C,CAAC;IAAA,IAAA1B,gBAAA,aAAAF,KAAA,6BAEyB,YAAM;MAC9BA,KAAA,CAAK0B,QAAQ,CAAC;QAAEE,WAAW,EAAE;MAAe,CAAC,CAAC;IAChD,CAAC;IAAA,IAAA1B,gBAAA,aAAAF,KAAA,iBAEa,UAAC6B,KAAK,EAAK;MACvB,IAAI,CAAC7B,KAAA,CAAK8B,SAAS,EAAE;QACnB;MACF;MACA,IAAMC,IAAI,GAAG/B,KAAA,CAAKD,KAAK,CAACiC,YAAY,CAACH,KAAK,EAAE7B,KAAA,CAAK8B,SAAS,CAACG,WAAW,CAAC;MAEvE,IAAIjC,KAAA,CAAKD,KAAK,CAACmC,gBAAgB,EAAE;QAAA,IAAAC,cAAA;QAC/B;QACA,IAAMC,UAAU,GAAGP,KAAK,CAACpC,KAAK,CAAC,CAAC,CAAC4C,KAAK,CAAC,+BAA+B,CAAC;QAEvE,IAAI,CAAAF,cAAA,GAAAnC,KAAA,CAAKiB,QAAQ,cAAAkB,cAAA,eAAbA,cAAA,CAAejB,OAAO,IAAIkB,UAAU,IAAIA,UAAU,aAAVA,UAAU,eAAVA,UAAU,CAAE/C,MAAM,EAAE;UAC9D,IAAI;YACFwC,KAAK,CAACS,YAAY,CAACC,MAAM,CAACC,SAAS,CAACX,KAAK,CAACS,YAAY,CAACC,MAAM,CAACE,MAAM,CAAC,CAAC,CAAC,CAAC,CAACA,MAAM,CAAC;YAChFZ,KAAK,CAACa,EAAE,CAAC,CAAC,CAACC,aAAa,CAAC,IAAIC,aAAa,CAAC,SAAS,EAAE;cAAEC,OAAO,EAAE;YAAE,CAAC,CAAC,CAAC;UACxE,CAAC,CAAC,OAAO/E,CAAC,EAAE;YACV;YACAgF,OAAO,CAACC,KAAK,CAACjF,CAAC,CAACkF,QAAQ,CAAC,CAAC,CAAC;UAC7B;QACF,CAAC,MAAM;UACLhD,KAAA,CAAKD,KAAK,CAACmC,gBAAgB,CAACH,IAAI,EAAEF,KAAK,CAACpC,KAAK,CAAC,CAAC,CAAC;QAClD;MACF;MAEAO,KAAA,CAAKiD,uBAAuB,CAACpB,KAAK,CAACpC,KAAK,CAAC,CAAC,CAAC;IAC7C,CAAC;IAAA,IAAAS,gBAAA,aAAAF,KAAA,6BAEyB,UAACkD,QAAQ,EAAK;MACtC,IAAI,CAAClD,KAAA,CAAKmD,KAAK,EAAE;QACf;QACAL,OAAO,CAACC,KAAK,CAAC,0BAA0B,CAAC;QACzC;MACF;MAEA,IAAAK,WAAA,GAA2DpD,KAAA,CAAKmD,KAAK;QAA7DE,aAAa,GAAAD,WAAA,CAAbC,aAAa;QAAEzB,WAAW,GAAAwB,WAAA,CAAXxB,WAAW;QAAED,kBAAkB,GAAAyB,WAAA,CAAlBzB,kBAAkB;MACtD,IAAM2B,YAAY,GAAG,0BAA0B;MAE/C,IAAI1B,WAAW,KAAK,UAAU,IAAI,CAACD,kBAAkB,EAAE;QACrD,IAAM4B,SAAS,GAAG/D,WAAW,CAAC0D,QAAQ,CAAC;QACvC,IAAMM,SAAS,GAAGhE,WAAW,CAAC6D,aAAa,CAAC;QAE5C,IAAIE,SAAS,GAAGC,SAAS,EAAE;UACzBxD,KAAA,CAAKyD,eAAe,CAACH,YAAY,CAAC;QACpC,CAAC,MAAM;UACL,IAAI;YACFtD,KAAA,CAAK8B,SAAS,CAAC4B,UAAU,CAACL,aAAa,CAAC;YACxCrD,KAAA,CAAK8B,SAAS,CAAC4B,UAAU,CAACR,QAAQ,CAAC;YAEnC,IAAIA,QAAQ,IAAIG,aAAa,EAAE;cAC7BrD,KAAA,CAAKyD,eAAe,CAACH,YAAY,CAAC;YACpC;UACF,CAAC,CAAC,OAAOxF,CAAC,EAAE;YACV;YACAgF,OAAO,CAACa,IAAI,CAAC,sBAAsB,EAAE7F,CAAC,CAAC8F,OAAO,CAAC;YAC/C;YACAd,OAAO,CAACa,IAAI,CAAC7F,CAAC,CAAC;UACjB;QACF;MACF;MAEAkC,KAAA,CAAK0B,QAAQ,CAAC;QAAE2B,aAAa,EAAEH,QAAQ;QAAEvB,kBAAkB,EAAE;MAAM,CAAC,CAAC;IACvE,CAAC;IAAA,IAAAzB,gBAAA,aAAAF,KAAA,qBAEiB,UAAC4D,OAAO,EAAK;MAC7B5D,KAAA,CAAK0B,QAAQ,CAAC;QAAE2B,aAAa,EAAE;MAAG,CAAC,CAAC;MAEpC,IAAIrD,KAAA,CAAKG,UAAU,EAAE;QACnBH,KAAA,CAAKG,UAAU,CAAC0D,WAAW,GAAGD,OAAO;;QAErC;QACAE,UAAU,CAAC,YAAM;UACf9D,KAAA,CAAKG,UAAU,CAAC0D,WAAW,GAAG,EAAE;QAClC,CAAC,EAAE,GAAG,CAAC;MACT;IACF,CAAC;IAAA,IAAA3D,gBAAA,aAAAF,KAAA,YAEQ,YAAM;MACb,IAAI,CAACtB,EAAE,EAAE;QACP,MAAM,IAAIqF,KAAK,CAAC,gDAAgD,CAAC;MACnE;MACA,IAAI,CAAC/D,KAAA,CAAK8B,SAAS,EAAE;QAAA,IAAAkC,eAAA;QACnBhE,KAAA,CAAK8B,SAAS,GAAGpD,EAAE,CAACuF,UAAU,EAAAD,eAAA,GAAChE,KAAA,CAAKiB,QAAQ,cAAA+C,eAAA,uBAAbA,eAAA,CAAe9C,OAAO,EAAE;UACrDgD,QAAQ,EAAE;YACRC,IAAI,EAAEnE,KAAA,CAAKoE,WAAW,CAACC,IAAI,CAAArE,KAAK;UAClC;QACF,CAAC,CAAC;MACJ;MAEA,IAAI;QACFA,KAAA,CAAK8B,SAAS,CAAC4B,UAAU,CAAC1D,KAAA,CAAKD,KAAK,CAACN,KAAK,CAAC;QAC3CO,KAAA,CAAK8B,SAAS,CAACrC,KAAK,CAACO,KAAA,CAAKD,KAAK,CAACN,KAAK,CAAC;MACxC,CAAC,CAAC,OAAO3B,CAAC,EAAE;QACV;QACAkC,KAAA,CAAK8B,SAAS,CAACrC,KAAK,CAAC,4BAA4B,CAAC;MACpD;IACF,CAAC;IAAA,IAAAS,gBAAA,aAAAF,KAAA,UAEM,YAAM;MACXlB,GAAG,CAAC,gBAAgB,CAAC;MACrBkB,KAAA,CAAK8B,SAAS,CAACwC,IAAI,CAAC,CAAC;IACvB,CAAC;IAAA,IAAApE,gBAAA,aAAAF,KAAA,WAEO,YAAM;MACZlB,GAAG,CAAC,oBAAoB,CAAC;MACzBkB,KAAA,CAAK8B,SAAS,CAACyC,KAAK,CAAC,CAAC;IACxB,CAAC;IAAA,IAAArE,gBAAA,aAAAF,KAAA,aAuBS,UAAClC,CAAC,EAAK;MACf,IAAI;QACF,IAAI0G,SAAS,GAAG1G,CAAC,CAAC2G,MAAM,CAACC,aAAa,CAACC,WAAW;QAClD,IAAIC,EAAE,GAAGC,QAAQ,CAACL,SAAS,CAACM,YAAY,CAAC,oBAAoB,CAAC,EAAE,EAAE,CAAC;QAEnE,IAAI,CAACF,EAAE,EAAE;UACPJ,SAAS,GAAGA,SAAS,CAACE,aAAa;UACnCE,EAAE,GAAGC,QAAQ,CAACL,SAAS,CAACM,YAAY,CAAC,oBAAoB,CAAC,EAAE,EAAE,CAAC;QACjE;QAEA,IAAMC,UAAU,GAAG/E,KAAA,CAAK8B,SAAS,CAACG,WAAW,CAAC+C,IAAI,CAAC,UAACC,CAAC;UAAA,OAAKA,CAAC,CAACL,EAAE,KAAKA,EAAE;QAAA,EAAC;QAEtE,IAAIG,UAAU,EAAE;UACd,IAAMhD,IAAI,GAAG/B,KAAA,CAAKD,KAAK,CAACiC,YAAY,CAAC+C,UAAU,EAAE/E,KAAA,CAAK8B,SAAS,CAACG,WAAW,CAAC;UAC5E,IAAIjC,KAAA,CAAKD,KAAK,CAACmF,QAAQ,EAAE;YACvBlF,KAAA,CAAKD,KAAK,CAACmF,QAAQ,CAACH,UAAU,CAAC;UACjC;UACA/E,KAAA,CAAKD,KAAK,CAACoF,eAAe,CAACpD,IAAI,EAAEgD,UAAU,CAAC;QAC9C;MACF,CAAC,CAAC,OAAOK,GAAG,EAAE;QACZ;QACAtC,OAAO,CAACC,KAAK,CAAC,0BAA0B,EAAEqC,GAAG,CAACxB,OAAO,CAAC;MACxD;IACF,CAAC;IApOC5D,KAAA,CAAKmD,KAAK,GAAG;MACXG,YAAY,EAAE,EAAE;MAChBD,aAAa,EAAE,EAAE;MACjBzB,WAAW,EAAE,IAAI;MACjBD,kBAAkB,EAAE;IACtB,CAAC;IAED3B,KAAA,CAAKiB,QAAQ,gBAAGoE,iBAAK,CAACC,SAAS,CAAC,CAAC;IAAC,OAAAtF,KAAA;EACpC;EAAC,IAAAuF,UAAA,aAAA3F,MAAA,EAAAE,gBAAA;EAAA,WAAA0F,aAAA,aAAA5F,MAAA;IAAA6B,GAAA;IAAAgE,KAAA,EAED,SAAAC,iBAAiBA,CAAA,EAAG;MAClB,IAAI,CAACC,MAAM,CAAC,CAAC;MACb,IAAAC,wBAAW,EAAC,CAAC;MAEb,IAAI,CAACC,gBAAgB,CAAC,CAAC;MACvB,IAAI,CAACC,iBAAiB,CAAC,CAAC;IAC1B;EAAC;IAAArE,GAAA;IAAAgE,KAAA,EAED,SAAAM,kBAAkBA,CAAA,EAAG;MACnB,IAAI,CAACJ,MAAM,CAAC,CAAC;MACb,IAAAC,wBAAW,EAAC,CAAC;IACf;EAAC;IAAAnE,GAAA;IAAAgE,KAAA,EAED,SAAAO,oBAAoBA,CAAA,EAAG;MACrB,IAAI,CAACC,gBAAgB,CAAC,CAAC;MACvB,IAAI,CAACC,oBAAoB,CAAC,CAAC;IAC7B;EAAC;IAAAzE,GAAA;IAAAgE,KAAA,EA8JD,SAAAU,qBAAqBA,CAACC,SAAS,EAAE;MAC/B,IAAI;QACF,IAAMC,WAAW,GAAG,IAAI,CAACvE,SAAS,CAAC4B,UAAU,CAAC0C,SAAS,CAAC3G,KAAK,CAAC;QAC9D,IAAM6G,QAAQ,GAAGpH,WAAW,CAACmH,WAAW,CAAC;QACzC,IAAME,aAAa,GAAG,CAACH,SAAS,CAAC3G,KAAK,CAAC4C,KAAK,CAACrD,KAAK,CAAC,IAAI,EAAE,EAAEK,MAAM;QAEjE,IAAMmH,GAAG,GACPF,QAAQ,KAAKpH,WAAW,CAAC,IAAI,CAAC4C,SAAS,CAACrC,KAAK,CAAC,CAAC,CAACgH,IAAI,CAAC,CAAC,CAAC,IACvDF,aAAa,KAAKG,MAAM,CAACC,IAAI,CAAC,IAAI,CAAC7E,SAAS,CAACG,WAAW,CAAC,CAAC5C,MAAM,GAAG,CAAC;QAEtEP,GAAG,CAAC,0BAA0B,EAAE0H,GAAG,CAAC;QACpC,OAAOA,GAAG;MACZ,CAAC,CAAC,OAAO1I,CAAC,EAAE;QACV;QACAgF,OAAO,CAACa,IAAI,CAAC,sBAAsB,EAAE7F,CAAC,CAAC8F,OAAO,EAAE,aAAa,CAAC;QAC9D;QACAd,OAAO,CAACa,IAAI,CAAC7F,CAAC,CAAC;QACf,OAAO,KAAK;MACd;IACF;EAAC;IAAA2D,GAAA;IAAAgE,KAAA,EA2BD,SAAAmB,MAAMA,CAAA,EAAG;MACP,IAAAC,WAAA,GAA8B,IAAI,CAAC9G,KAAK;QAAhC+G,MAAM,GAAAD,WAAA,CAANC,MAAM;QAAEC,SAAS,GAAAF,WAAA,CAATE,SAAS;MAEzB,oBAAOxJ,MAAA,YAAA8C,aAAA;QAAM0G,SAAS,EAAEA,SAAU;QAACC,OAAO,EAAE,IAAI,CAACA,OAAQ;QAACF,MAAM,EAAEA,MAAO;QAACG,GAAG,EAAE,IAAI,CAAChG;MAAS,CAAE,CAAC;IAClG;EAAC;AAAA,EA5PiCoE,iBAAK,CAAC6B,SAAS;AAAA,IAAAhH,gBAAA,aAA9BN,MAAM,eACN;EACjBH,KAAK,EAAE0H,qBAAS,CAAChI,MAAM,CAACiI,UAAU;EAClCJ,OAAO,EAAEG,qBAAS,CAACE,IAAI;EACvBP,MAAM,EAAEK,qBAAS,CAACE,IAAI;EACtBN,SAAS,EAAEI,qBAAS,CAAChI,MAAM;EAC3B6C,YAAY,EAAEmF,qBAAS,CAACE,IAAI;EAC5BnF,gBAAgB,EAAEiF,qBAAS,CAACE,IAAI;EAChClC,eAAe,EAAEgC,qBAAS,CAACE,IAAI;EAC/BnC,QAAQ,EAAEiC,qBAAS,CAACE;AACtB,CAAC;AAAA,IAAAnH,gBAAA,aAVkBN,MAAM,kBAYH;EACpBoC,YAAY,EAAE,SAAdA,YAAYA,CAAA,EAAQ,CAAC;AACvB,CAAC","ignoreList":[]}
1	+ {"version":3,"file":"static.js","names":["_propTypes","_interopRequireDefault","require","_react","_debug","_mathquill","_updateSpans","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","apply","Boolean","prototype","valueOf","call","MQ","window","MathQuill","getInterface","log","debug","REGEX","WHITESPACE_REGEX","stripSpaces","string","arguments","length","undefined","replace","countBraces","latex","count","i","Static","exports","_React$Component","props","_this","_classCallCheck2","_defineProperty2","liveRegion","document","createElement","style","position","width","height","marginTop","clip","overflow","setAttribute","body","appendChild","input","inputRef","current","addEventListener","handleKeyDown","handleMathKeyboardClick","removeEventListener","removeChild","event","key","setState","isDeleteKeyPressed","inputSource","field","mathField","_isProgrammaticUpdate","name","getFieldName","innerFields","onSubFieldChange","_this$inputRef","regexMatch","match","__controller","cursor","insLeftOf","parent","el","dispatchEvent","KeyboardEvent","keyCode","console","error","toString","announceLatexConversion","newLatex","state","_this$state","previousLatex","announcement","newBraces","oldBraces","announceMessage","parseLatex","warn","message","textContent","setTimeout","Error","_this$inputRef2","StaticMath","handlers","edit","onInputEdit","bind","blur","focus","rootBlock","target","parentElement","nextSibling","id","parseInt","getAttribute","innerField","find","f","setInput","onSubFieldFocus","err","React","createRef","_inherits2","_createClass2","value","componentDidMount","update","updateSpans","createLiveRegion","addEventListeners","componentDidUpdate","componentWillUnmount","removeLiveRegion","removeEventListeners","shouldComponentUpdate","nextProps","parsedLatex","stripped","newFieldCount","out","trim","Object","keys","render","_this$props","onBlur","className","onFocus","ref","Component","PropTypes","isRequired","func"],"sources":["../../src/mq/static.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\nimport debug from 'debug';\nimport MathQuill from '@pie-framework/mathquill';\nimport { updateSpans } from '../updateSpans';\n\nlet MQ;\nif (typeof window !== 'undefined') {\n MQ = MathQuill.getInterface(3);\n}\n\nconst log = debug('pie-lib:math-input:mq:static');\nconst REGEX = /\\\\MathQuillMathField\\[r\\d\\]\\{(.?)\\}/g;\nconst WHITESPACE_REGEX = / /g;\n\nfunction stripSpaces(string = '') {\n return string.replace(WHITESPACE_REGEX, '');\n}\n\nfunction countBraces(latex) {\n let count = 0;\n\n for (let i = 0; i < (latex \|\| '').length; i++) {\n if (latex[i] === '{') {\n count++;\n }\n }\n\n return count;\n}\n\n/*\n Wrapper for MathQuill MQ.MathField.\n /\nexport default class Static extends React.Component {\n static propTypes = {\n latex: PropTypes.string.isRequired,\n onFocus: PropTypes.func,\n onBlur: PropTypes.func,\n className: PropTypes.string,\n getFieldName: PropTypes.func,\n onSubFieldChange: PropTypes.func,\n onSubFieldFocus: PropTypes.func,\n setInput: PropTypes.func,\n };\n\n static defaultProps = {\n getFieldName: () => {},\n };\n\n constructor(props) {\n super(props);\n this.state = {\n announcement: '',\n previousLatex: '',\n inputSource: null,\n isDeleteKeyPressed: false,\n };\n\n this.inputRef = React.createRef();\n }\n\n componentDidMount() {\n this.update();\n updateSpans();\n\n this.createLiveRegion();\n this.addEventListeners();\n }\n\n componentDidUpdate() {\n this.update();\n updateSpans();\n }\n\n componentWillUnmount() {\n this.removeLiveRegion();\n this.removeEventListeners();\n }\n\n createLiveRegion = () => {\n this.liveRegion = document.createElement('div');\n this.liveRegion.style.position = 'absolute';\n this.liveRegion.style.width = '1px';\n this.liveRegion.style.height = '1px';\n this.liveRegion.style.marginTop = '-1px';\n this.liveRegion.style.clip = 'rect(1px, 1px, 1px, 1px)';\n this.liveRegion.style.overflow = 'hidden';\n this.liveRegion.setAttribute('aria-live', 'polite');\n this.liveRegion.setAttribute('aria-atomic', 'true');\n\n document.body.appendChild(this.liveRegion);\n };\n\n addEventListeners = () => {\n const input = this.inputRef.current;\n\n if (input) {\n input.addEventListener('keydown', this.handleKeyDown);\n input.addEventListener('click', this.handleMathKeyboardClick);\n }\n };\n\n removeEventListeners = () => {\n const input = this.inputRef.current;\n\n if (input) {\n input.removeEventListener('keydown', this.handleKeyDown);\n input.removeEventListener('click', this.handleMathKeyboardClick);\n }\n };\n\n removeLiveRegion = () => {\n if (this.liveRegion) {\n document.body.removeChild(this.liveRegion);\n this.liveRegion = null;\n }\n };\n\n handleKeyDown = (event) => {\n if (event?.key === 'Backspace' \|\| event?.key === 'Delete') {\n this.setState({ isDeleteKeyPressed: true });\n }\n this.setState({ inputSource: 'keyboard' });\n };\n\n handleMathKeyboardClick = () => {\n this.setState({ inputSource: 'mathKeyboard' });\n };\n\n onInputEdit = (field) => {\n if (!this.mathField \|\| this._isProgrammaticUpdate) {\n return;\n }\n const name = this.props.getFieldName(field, this.mathField.innerFields);\n\n if (this.props.onSubFieldChange) {\n // eslint-disable-next-line no-useless-escape\n const regexMatch = field.latex().match(/[0-9]\\\\ \\\\frac\\{[^\\{]\\}\\{ \\}/);\n\n if (this.inputRef?.current && regexMatch && regexMatch?.length) {\n try {\n field.__controller.cursor.insLeftOf(field.__controller.cursor.parent[-1].parent);\n field.el().dispatchEvent(new KeyboardEvent('keydown', { keyCode: 8 }));\n } catch (e) {\n // eslint-disable-next-line no-console\n console.error(e.toString());\n }\n } else {\n this.props.onSubFieldChange(name, field.latex());\n }\n }\n\n this.announceLatexConversion(field.latex());\n };\n\n announceLatexConversion = (newLatex) => {\n if (!this.state) {\n // eslint-disable-next-line no-console\n console.error('State is not initialized');\n return;\n }\n\n const { previousLatex, inputSource, isDeleteKeyPressed } = this.state;\n const announcement = 'Converted to math symbol';\n\n if (inputSource === 'keyboard' && !isDeleteKeyPressed) {\n const newBraces = countBraces(newLatex);\n const oldBraces = countBraces(previousLatex);\n\n if (newBraces > oldBraces) {\n this.announceMessage(announcement);\n } else {\n try {\n this.mathField.parseLatex(previousLatex);\n this.mathField.parseLatex(newLatex);\n\n if (newLatex == previousLatex) {\n this.announceMessage(announcement);\n }\n } catch (e) {\n // eslint-disable-next-line no-console\n console.warn('Error parsing latex:', e.message);\n // eslint-disable-next-line no-console\n console.warn(e);\n }\n }\n }\n\n // Only setState when values change to avoid \"Maximum update depth exceeded\"\n if (this.state.previousLatex !== newLatex \|\| this.state.isDeleteKeyPressed) {\n this.setState({ previousLatex: newLatex, isDeleteKeyPressed: false });\n }\n };\n\n announceMessage = (message) => {\n this.setState({ previousLatex: '' });\n\n if (this.liveRegion) {\n this.liveRegion.textContent = message;\n\n // Clear the message after it is announced\n setTimeout(() => {\n this.liveRegion.textContent = '';\n }, 500);\n }\n };\n\n update = () => {\n if (!MQ) {\n throw new Error('MQ is not defined - but component has mounted?');\n }\n if (!this.mathField) {\n this.mathField = MQ.StaticMath(this.inputRef?.current, {\n handlers: {\n edit: this.onInputEdit.bind(this),\n },\n });\n }\n\n try {\n this._isProgrammaticUpdate = true;\n this.mathField.parseLatex(this.props.latex);\n this.mathField.latex(this.props.latex);\n } catch (e) {\n // default latex if received has errors\n this.mathField.latex('\\\\MathQuillMathField[r1]{}');\n } finally {\n this._isProgrammaticUpdate = false;\n }\n };\n\n\n blur = () => {\n log('blur mathfield');\n this.mathField.blur();\n };\n\n focus = () => {\n log('focus mathfield...');\n this.mathField.focus();\n };\n\n shouldComponentUpdate(nextProps) {\n try {\n const parsedLatex = this.mathField.parseLatex(nextProps.latex);\n const stripped = stripSpaces(parsedLatex);\n const newFieldCount = (nextProps.latex.match(REGEX) \|\| []).length;\n\n const out =\n stripped !== stripSpaces(this.mathField.latex().trim()) \|\|\n newFieldCount !== Object.keys(this.mathField.innerFields).length / 2;\n\n log('[shouldComponentUpdate] ', out);\n return out;\n } catch (e) {\n // eslint-disable-next-line no-console\n console.warn('Error parsing latex:', e.message, 'skip update');\n // eslint-disable-next-line no-console\n console.warn(e);\n return false;\n }\n }\n\n onFocus = (e) => {\n try {\n let rootBlock = e.target.parentElement.nextSibling;\n let id = parseInt(rootBlock.getAttribute('mathquill-block-id'), 10);\n\n if (!id) {\n rootBlock = rootBlock.parentElement;\n id = parseInt(rootBlock.getAttribute('mathquill-block-id'), 10);\n }\n\n const innerField = this.mathField.innerFields.find((f) => f.id === id);\n\n if (innerField) {\n const name = this.props.getFieldName(innerField, this.mathField.innerFields);\n if (this.props.setInput) {\n this.props.setInput(innerField);\n }\n this.props.onSubFieldFocus(name, innerField);\n }\n } catch (err) {\n // eslint-disable-next-line no-console\n console.error('error finding root block', err.message);\n }\n };\n\n render() {\n const { onBlur, className } = this.props;\n\n return <span className={className} onFocus={this.onFocus} onBlur={onBlur} ref={this.inputRef} />;\n }\n}\n"],"mappings":"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","ignoreList":[]}

package/package.json CHANGED Viewed

@@ -3,19 +3,16 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "7.2.0-next.0+c7578ca",
+  "version": "7.2.0-next.10",
   "main": "lib/index.js",
   "module": "src/index.jsx",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/pie-framework/pie-lib"
-  },
+  "repository": "pie-framework/pie-lib",
   "dependencies": {
     "@emotion/react": "^11.14.0",
     "@emotion/style": "^0.8.0",
     "@mui/icons-material": "^7.3.4",
     "@mui/material": "^7.3.4",
-    "@pie-framework/mathquill": "^1.1.3",
+    "@pie-framework/mathquill": "1.2.1-beta.0",
     "debug": "^4.1.1",
     "lodash-es": "^4.17.23",
     "prop-types": "^15.7.2"
@@ -28,5 +25,5 @@
     "react-dom": "^18.2.0"
   },
   "scripts": {},
-  "gitHead": "c7578cae82de46ec0dae41b7d1ef924401e6226d"
+  "gitHead": "79aade202d70c1bccdd504fb37934ef3954e934e"
 }

package/src/keypad/index.jsx CHANGED Viewed

@@ -2,26 +2,18 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import Button from '@mui/material/Button';
 import IconButton from '@mui/material/IconButton';
-import { alpha, lighten, styled } from '@mui/material/styles';
+import { styled } from '@mui/material/styles';
 import debug from 'debug';
 import { flatten } from 'lodash-es';
-import * as mq from '../mq';
+import { color } from '@pie-lib/render-ui';
+import * as mq from '../mq';
 import { baseSet } from '../keys';
 import { commonMqKeyboardStyles } from '../mq/common-mq-styles';
 import { sortKeys } from './keys-layout';
-import { indigo, pink } from '@mui/material/colors';
-import { color } from '@pie-lib/render-ui';
 const log = debug('pie-lib:math-inline:keypad');
-const StyledLatexButton = styled(Button)(() => ({
-  textTransform: 'none',
-  padding: 0,
-  margin: 0,
-  fontSize: '110% !important',
-}));
 const LatexButtonContent = styled(mq.Static)(({ latex }) => {
   const baseStyles = {
     pointerEvents: 'none',
@@ -34,7 +26,7 @@ const LatexButtonContent = styled(mq.Static)(({ latex }) => {
       marginBottom: '0.9px !important',
     },
     '& .mq-empty': {
-      backgroundColor: `${alpha(pink[300], 0.4)} !important`,
+      backgroundColor: `${color.keypadEmptyPlaceholder()} !important`,
     },
     '& .mq-overline .mq-overline-inner': {
       borderTop: '2px solid black',
@@ -193,45 +185,43 @@ const KeyPadContainer = styled('div')(() => ({
 const StyledButton = styled(Button)(({ category, isDelete, isComma, isDot }) => ({
   minWidth: 'auto',
+  textTransform: 'none',
   fontSize: isComma || isDot ? '200% !important' : '140% !important',
   lineHeight: isComma || isDot ? '100%' : 'normal',
   color: color.text(),
   backgroundColor:
     category === 'operators'
-      ? lighten(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) :
-        lighten(indigo[300], 0.5),
+      ? color.keypadButtonOperator()
+      : color.keypadButton(),
   '&:hover': {
-    backgroundColor:
+     backgroundColor:
       category === 'operators'
-        ? lighten(pink[300], 0.7)
-        : // category === 'comparison' ? lighten(green[500], 0.7) :
-          lighten(indigo[300], 0.7),
+        ? color.keypadButtonOperatorHover()
+        : color.keypadButtonHover()
   },
   borderRadius: 0,
   ...(isDelete && {
-    '& > span': {
-      fontFamily: 'Roboto, Helvetica, Arial, sans-serif !important',
-    },
+    fontFamily: 'Roboto, Helvetica, Arial, sans-serif !important',
   }),
 }));
 const StyledLatexButtonWrapper = styled(Button)(({ category }) => ({
+  textTransform: 'none',
+  padding: 0,
+  margin: 0,
+  fontSize: '110% !important',
   minWidth: 'auto',
   borderRadius: 0,
   backgroundColor:
     category === 'operators'
-      ? lighten(pink[300], 0.5)
-      : // category === 'comparison' ? lighten(green[500], 0.5) :
-        lighten(indigo[300], 0.5),
+      ? color.keypadButtonOperator()
+      : color.keypadButton(),
   '&:hover': {
-    backgroundColor:
+     backgroundColor:
       category === 'operators'
-        ? lighten(pink[300], 0.7)
-        : // category === 'comparison' ? lighten(green[500], 0.7) :
-          lighten(indigo[300], 0.7),
+        ? color.keypadButtonOperatorHover()
+        : color.keypadButtonHover(),
   },
 }));
@@ -239,15 +229,13 @@ const StyledIconButton = styled(IconButton)(({ category }) => ({
   minWidth: 'auto',
   backgroundColor:
     category === 'operators'
-      ? lighten(pink[300], 0.5)
-      : // category === 'comparison' ? lighten(green[500], 0.5) :
-        lighten(indigo[300], 0.5),
+      ? color.keypadButtonOperator()
+      : color.keypadButton(),
   '&:hover': {
     backgroundColor:
       category === 'operators'
-        ? lighten(pink[300], 0.7)
-        : // category === 'comparison' ? lighten(green[500], 0.7) :
-          lighten(indigo[300], 0.7),
+        ? color.keypadButtonOperatorHover()
+        : color.keypadButtonHover(),
   },
   borderRadius: 0,
   '& .icon': {

package/src/mq/common-mq-styles.js CHANGED Viewed

@@ -74,6 +74,10 @@ export const commonMqKeyboardStyles = {
       padding: '9px 1px !important',
     },
+    '& .mq-math-mode .mq-longdiv-inner .mq-empty': {
+      padding: '0 !important',
+    },
     '& .mq-math-mode .mq-supsub': {
       fontSize: '70.7% !important',
     },

package/src/mq/input.jsx CHANGED Viewed

@@ -7,7 +7,9 @@ import MathQuill from '@pie-framework/mathquill';
 let MQ;
 if (typeof window !== 'undefined') {
-  MQ = MathQuill.getInterface(2);
+  MQ = MathQuill.getInterface(3);
+  console.log('MQ', MQ);
   if (MQ && MQ.registerEmbed) {
     registerLineBreak(MQ);

package/src/mq/static.jsx CHANGED Viewed

@@ -6,7 +6,7 @@ import { updateSpans } from '../updateSpans';
 let MQ;
 if (typeof window !== 'undefined') {
-  MQ = MathQuill.getInterface(2);
+  MQ = MathQuill.getInterface(3);
 }
 const log = debug('pie-lib:math-input:mq:static');
@@ -129,7 +129,7 @@ export default class Static extends React.Component {
   };
   onInputEdit = (field) => {
-    if (!this.mathField) {
+    if (!this.mathField || this._isProgrammaticUpdate) {
       return;
     }
     const name = this.props.getFieldName(field, this.mathField.innerFields);
@@ -187,7 +187,10 @@ export default class Static extends React.Component {
       }
     }
-    this.setState({ previousLatex: newLatex, isDeleteKeyPressed: false });
+    // Only setState when values change to avoid "Maximum update depth exceeded"
+    if (this.state.previousLatex !== newLatex || this.state.isDeleteKeyPressed) {
+      this.setState({ previousLatex: newLatex, isDeleteKeyPressed: false });
+    }
   };
   announceMessage = (message) => {
@@ -216,14 +219,18 @@ export default class Static extends React.Component {
     }
     try {
+      this._isProgrammaticUpdate = true;
       this.mathField.parseLatex(this.props.latex);
       this.mathField.latex(this.props.latex);
     } catch (e) {
       // default latex if received has errors
       this.mathField.latex('\\MathQuillMathField[r1]{}');
+    } finally {
+      this._isProgrammaticUpdate = false;
     }
   };
   blur = () => {
     log('blur mathfield');
     this.mathField.blur();