@pie-lib/math-input 6.32.0-mui-update.0 → 6.34.0-mui-update.0

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 (5) hide show
  1. package/CHANGELOG.md +19 -0
  2. package/lib/keypad/index.js +26 -9
  3. package/lib/keypad/index.js.map +1 -1
  4. package/package.json +2 -2
  5. package/src/keypad/index.jsx +33 -28
package/CHANGELOG.md CHANGED
@@ -3,6 +3,25 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ # [6.34.0-mui-update.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/math-input@6.33.0-mui-update.0...@pie-lib/math-input@6.34.0-mui-update.0) (2025-11-18)
7
+
8
+ **Note:** Version bump only for package @pie-lib/math-input
9
+
10
+
11
+
12
+
13
+
14
+ # [6.33.0-mui-update.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/math-input@6.32.0-mui-update.0...@pie-lib/math-input@6.33.0-mui-update.0) (2025-11-17)
15
+
16
+
17
+ ### Bug Fixes
18
+
19
+ * math toolbar colors ([1308b62](https://github.com/pie-framework/pie-lib/commit/1308b62031128b61952f299419bcbe46e914ee6f))
20
+
21
+
22
+
23
+
24
+
6
25
  # [6.32.0-mui-update.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/math-input@6.31.0-mui-update.0...@pie-lib/math-input@6.32.0-mui-update.0) (2025-11-05)
7
26
 
8
27
  **Note:** Version bump only for package @pie-lib/math-input
package/lib/keypad/index.js CHANGED
@@ -14,6 +14,7 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
14
14
  var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
15
15
  var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
16
16
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
17
+ var _objectDestructuringEmpty2 = _interopRequireDefault(require("@babel/runtime/helpers/objectDestructuringEmpty"));
17
18
  var _react = _interopRequireDefault(require("react"));
18
19
  var _propTypes = _interopRequireDefault(require("prop-types"));
19
20
  var _Button = _interopRequireDefault(require("@mui/material/Button"));
@@ -29,6 +30,7 @@ var _constants = _interopRequireDefault(require("./../shared/constants"));
29
30
  var _commonMqStyles = require("../mq/common-mq-styles");
30
31
  var _keysLayout = require("./keys-layout");
31
32
  var _colors = require("@mui/material/colors");
33
+ var _renderUi = require("@pie-lib/render-ui");
32
34
  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); }
33
35
  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)); }
34
36
  function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
@@ -36,7 +38,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
36
38
  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; }
37
39
  var log = (0, _debug["default"])('pie-lib:math-inline:keypad');
38
40
  var StyledLatexButton = (0, _styles.styled)(_Button["default"])(function (_ref) {
39
- var theme = _ref.theme;
41
+ (0, _objectDestructuringEmpty2["default"])(_ref);
40
42
  return {
41
43
  textTransform: 'none',
42
44
  padding: 0,
@@ -50,6 +52,7 @@ var LatexButtonContent = (0, _styles.styled)(mq.Static)(function (_ref2) {
50
52
  var baseStyles = {
51
53
  pointerEvents: 'none',
52
54
  textTransform: 'none !important',
55
+ color: _renderUi.color.text(),
53
56
  '& .mq-scaled.mq-sqrt-prefix': {
54
57
  transform: 'scale(1, 0.9) !important'
55
58
  },
@@ -57,7 +60,7 @@ var LatexButtonContent = (0, _styles.styled)(mq.Static)(function (_ref2) {
57
60
  marginBottom: '0.9px !important'
58
61
  },
59
62
  '& .mq-empty': {
60
- backgroundColor: "".concat((0, _styles.alpha)(theme.palette.secondary.main, 0.4), " !important")
63
+ backgroundColor: "".concat((0, _styles.alpha)(_colors.pink[300], 0.4), " !important")
61
64
  },
62
65
  '& .mq-overline .mq-overline-inner': {
63
66
  borderTop: '2px solid black'
@@ -202,7 +205,7 @@ var createCustomLayout = function createCustomLayout(layoutObj) {
202
205
  return {};
203
206
  };
204
207
  var KeyPadContainer = (0, _styles.styled)('div')(function (_ref3) {
205
- var theme = _ref3.theme;
208
+ (0, _objectDestructuringEmpty2["default"])(_ref3);
206
209
  return _objectSpread(_objectSpread({}, _commonMqStyles.commonMqKeyboardStyles), {}, {
207
210
  width: '100%',
208
211
  display: 'grid',
@@ -232,9 +235,15 @@ var StyledButton = (0, _styles.styled)(_Button["default"])(function (_ref4) {
232
235
  minWidth: 'auto',
233
236
  fontSize: isComma || isDot ? '200% !important' : '140% !important',
234
237
  lineHeight: isComma || isDot ? '100%' : 'normal',
235
- backgroundColor: category === 'operators' ? (0, _styles.lighten)(theme.palette.secondary.light, 0.5) : category === 'comparison' ? (0, _styles.lighten)(_colors.green[500], 0.5) : (0, _styles.lighten)(theme.palette.primary.light, 0.5),
238
+ color: _renderUi.color.text(),
239
+ backgroundColor: category === 'operators' ? (0, _styles.lighten)(_colors.pink[300], 0.5) :
240
+ // this code with green seems to not be applied to current implementation, so I commented it out, but left it here just in case
241
+ // category === 'comparison' ? lighten(green[500], 0.5) :
242
+ (0, _styles.lighten)(_colors.indigo[300], 0.5),
236
243
  '&:hover': {
237
- backgroundColor: category === 'operators' ? (0, _styles.lighten)(theme.palette.secondary.light, 0.7) : category === 'comparison' ? (0, _styles.lighten)(_colors.green[500], 0.7) : (0, _styles.lighten)(theme.palette.primary.light, 0.7)
244
+ backgroundColor: category === 'operators' ? (0, _styles.lighten)(_colors.pink[300], 0.7) :
245
+ // category === 'comparison' ? lighten(green[500], 0.7) :
246
+ (0, _styles.lighten)(_colors.indigo[300], 0.7)
238
247
  },
239
248
  borderRadius: 0
240
249
  }, isDelete && {
@@ -249,9 +258,13 @@ var StyledLatexButtonWrapper = (0, _styles.styled)(_Button["default"])(function
249
258
  return {
250
259
  minWidth: 'auto',
251
260
  borderRadius: 0,
252
- backgroundColor: category === 'operators' ? (0, _styles.lighten)(theme.palette.secondary.light, 0.5) : category === 'comparison' ? (0, _styles.lighten)(_colors.green[500], 0.5) : (0, _styles.lighten)(theme.palette.primary.light, 0.5),
261
+ backgroundColor: category === 'operators' ? (0, _styles.lighten)(_colors.pink[300], 0.5) :
262
+ // category === 'comparison' ? lighten(green[500], 0.5) :
263
+ (0, _styles.lighten)(_colors.indigo[300], 0.5),
253
264
  '&:hover': {
254
- backgroundColor: category === 'operators' ? (0, _styles.lighten)(theme.palette.secondary.light, 0.7) : category === 'comparison' ? (0, _styles.lighten)(_colors.green[500], 0.7) : (0, _styles.lighten)(theme.palette.primary.light, 0.7)
265
+ backgroundColor: category === 'operators' ? (0, _styles.lighten)(_colors.pink[300], 0.7) :
266
+ // category === 'comparison' ? lighten(green[500], 0.7) :
267
+ (0, _styles.lighten)(_colors.indigo[300], 0.7)
255
268
  }
256
269
  };
257
270
  });
@@ -260,9 +273,13 @@ var StyledIconButton = (0, _styles.styled)(_IconButton["default"])(function (_re
260
273
  category = _ref6.category;
261
274
  return {
262
275
  minWidth: 'auto',
263
- backgroundColor: category === 'operators' ? (0, _styles.lighten)(theme.palette.secondary.light, 0.5) : category === 'comparison' ? (0, _styles.lighten)(_colors.green[500], 0.5) : (0, _styles.lighten)(theme.palette.primary.light, 0.5),
276
+ backgroundColor: category === 'operators' ? (0, _styles.lighten)(_colors.pink[300], 0.5) :
277
+ // category === 'comparison' ? lighten(green[500], 0.5) :
278
+ (0, _styles.lighten)(_colors.indigo[300], 0.5),
264
279
  '&:hover': {
265
- backgroundColor: category === 'operators' ? (0, _styles.lighten)(theme.palette.secondary.light, 0.7) : category === 'comparison' ? (0, _styles.lighten)(_colors.green[500], 0.7) : (0, _styles.lighten)(theme.palette.primary.light, 0.7)
280
+ backgroundColor: category === 'operators' ? (0, _styles.lighten)(_colors.pink[300], 0.7) :
281
+ // category === 'comparison' ? lighten(green[500], 0.7) :
282
+ (0, _styles.lighten)(_colors.indigo[300], 0.7)
266
283
  },
267
284
  borderRadius: 0,
268
285
  '& .icon': {
package/lib/keypad/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_Button","_IconButton","_styles","_classnames","_debug","_lodash","_mathquill","mq","_interopRequireWildcard","_keys","_constants","_commonMqStyles","_keysLayout","_colors","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","_ref","theme","textTransform","padding","margin","fontSize","LatexButtonContent","Static","_ref2","latex","baseStyles","pointerEvents","transform","marginBottom","backgroundColor","concat","alpha","palette","secondary","main","borderTop","width","marginTop","fontFamily","top","lineHeight","left","right","minHeight","border","display","paddingTop","fontStyle","position","LatexButton","props","MQ","MathQuill","getInterface","span","document","createElement","innerHTML","mathField","StaticMath","parseLatex","Fragment","className","onClick","ariaLabel","createCustomLayout","layoutObj","gridTemplateColumns","columns","gridTemplateRows","rows","gridAutoFlow","KeyPadContainer","_ref3","commonMqKeyboardStyles","gridRowGap","gridColumnGap","StyledButton","_ref4","category","isDelete","isComma","isDot","minWidth","lighten","light","green","primary","borderRadius","StyledLatexButtonWrapper","_ref5","StyledIconButton","IconButton","_ref6","height","KeyPad","exports","_React$Component","_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","editableHtmlConstants","MAIN_CONTAINER_CLASS","currentToolbar","controlledKeypadMode","mainContainerPosition","getBoundingClientRect","currentToolbarPosition","difference","totalHeight","style","addEventListener","handleKeypadInteraction","componentWillUnmount","_this$keypadRef2","removeEventListener","render","_this2","_this$props","baseSet","additionalKeys","layoutForKeyPad","onFocus","mode","noBaseSet","keysWithoutBaseSet","includes","allKeys","flowKeys","shift","Math","floor","ref","classNames","map","k","index","buttonClick","bind","common","disabled","keyIsNotAllowed","command","actions","extraProps","_extends2","undefined","name","Icon","icon","tabIndex","size","Component","PropTypes","string","bool","array","object","func","isRequired","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 { lighten, alpha, styled } from '@mui/material/styles';\nimport classNames from 'classnames';\nimport debug from 'debug';\nimport _ from 'lodash';\nimport MathQuill from '@pie-framework/mathquill';\nimport * as mq from '../mq';\n\nimport { baseSet } from '../keys';\nimport editableHtmlConstants from '../../../editable-html/src/constants';\nimport { commonMqKeyboardStyles } from '../mq/common-mq-styles';\nimport { sortKeys } from './keys-layout';\nimport { green } from '@mui/material/colors';\n\nconst log = debug('pie-lib:math-inline:keypad');\n\nconst StyledLatexButton = styled(Button)(({ theme }) => ({\n textTransform: 'none',\n padding: 0,\n margin: 0,\n fontSize: '110% !important',\n}));\n\nconst LatexButtonContent = styled(mq.Static)(({ theme, latex }) => {\n const baseStyles = {\n pointerEvents: 'none',\n textTransform: 'none !important',\n '& .mq-scaled.mq-sqrt-prefix': {\n transform: 'scale(1, 0.9) !important',\n },\n '& .mq-sup-only .mq-sup': {\n marginBottom: '0.9px !important',\n },\n '& .mq-empty': {\n backgroundColor: `${alpha(theme.palette.secondary.main, 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\nconst LatexButton = (props) => {\n try {\n const MQ = MathQuill.getInterface(2);\n const span = document.createElement('span');\n span.innerHTML = '';\n const mathField = MQ.StaticMath(span);\n\n mathField.parseLatex(props.latex);\n mathField.latex(props.latex);\n } catch (e) {\n // received latex has errors - do not create button\n return <></>;\n }\n\n return (\n <StyledLatexButton\n className={props.className}\n onClick={props.onClick}\n aria-label={props.ariaLabel}\n >\n <LatexButtonContent latex={props.latex} />\n </StyledLatexButton>\n );\n};\n\nconst createCustomLayout = (layoutObj) => {\n if (layoutObj) {\n return {\n gridTemplateColumns: `repeat(${layoutObj.columns}, minmax(min-content, 150px))`,\n gridTemplateRows: `repeat(${layoutObj.rows}, minmax(40px, 60px))`,\n gridAutoFlow: 'initial',\n };\n }\n\n return {};\n};\n\nconst KeyPadContainer = styled('div')(({ theme }) => ({\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)(({ theme, category, isDelete, isComma, isDot }) => ({\n minWidth: 'auto',\n fontSize: isComma || isDot ? '200% !important' : '140% !important',\n lineHeight: isComma || isDot ? '100%' : 'normal',\n backgroundColor: \n category === 'operators' ? lighten(theme.palette.secondary.light, 0.5) :\n category === 'comparison' ? lighten(green[500], 0.5) :\n lighten(theme.palette.primary.light, 0.5),\n '&:hover': {\n backgroundColor: \n category === 'operators' ? lighten(theme.palette.secondary.light, 0.7) :\n category === 'comparison' ? lighten(green[500], 0.7) :\n lighten(theme.palette.primary.light, 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)(({ theme, category }) => ({\n minWidth: 'auto',\n borderRadius: 0,\n backgroundColor: \n category === 'operators' ? lighten(theme.palette.secondary.light, 0.5) :\n category === 'comparison' ? lighten(green[500], 0.5) :\n lighten(theme.palette.primary.light, 0.5),\n '&:hover': {\n backgroundColor: \n category === 'operators' ? lighten(theme.palette.secondary.light, 0.7) :\n category === 'comparison' ? lighten(green[500], 0.7) :\n lighten(theme.palette.primary.light, 0.7),\n },\n}));\n\nconst StyledIconButton = styled(IconButton)(({ theme, category }) => ({\n minWidth: 'auto',\n backgroundColor: \n category === 'operators' ? lighten(theme.palette.secondary.light, 0.5) :\n category === 'comparison' ? lighten(green[500], 0.5) :\n lighten(theme.palette.primary.light, 0.5),\n '&:hover': {\n backgroundColor: \n category === 'operators' ? lighten(theme.palette.secondary.light, 0.7) :\n category === 'comparison' ? lighten(green[500], 0.7) :\n lighten(theme.palette.primary.light, 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(`.${editableHtmlConstants.MAIN_CONTAINER_CLASS}`);\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(`.${editableHtmlConstants.MAIN_CONTAINER_CLASS}`);\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={classNames(className, mode)}\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 {...common}\n category={!keysWithoutBaseSet ? k.category : undefined}\n aria-label={k.ariaLabel ? k.ariaLabel : k.name || k.label}\n >\n <LatexButtonContent latex={k.latex} />\n </StyledLatexButtonWrapper>\n );\n }\n\n if (k.label) {\n return (\n <StyledButton\n {...common}\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 >\n {k.label}\n </StyledButton>\n );\n } else {\n const Icon = k.icon ? k.icon : 'div';\n\n return (\n <StyledIconButton\n tabIndex={'-1'}\n {...common}\n category={!keysWithoutBaseSet ? k.category : undefined}\n size=\"large\"\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","_classnames","_debug","_lodash","_mathquill","mq","_interopRequireWildcard","_keys","_constants","_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","_ref","_objectDestructuringEmpty2","textTransform","padding","margin","fontSize","LatexButtonContent","Static","_ref2","theme","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","LatexButton","props","MQ","MathQuill","getInterface","span","document","createElement","innerHTML","mathField","StaticMath","parseLatex","Fragment","className","onClick","ariaLabel","createCustomLayout","layoutObj","gridTemplateColumns","columns","gridTemplateRows","rows","gridAutoFlow","KeyPadContainer","_ref3","commonMqKeyboardStyles","gridRowGap","gridColumnGap","StyledButton","_ref4","category","isDelete","isComma","isDot","minWidth","lighten","indigo","borderRadius","StyledLatexButtonWrapper","_ref5","StyledIconButton","IconButton","_ref6","height","KeyPad","exports","_React$Component","_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","editableHtmlConstants","MAIN_CONTAINER_CLASS","currentToolbar","controlledKeypadMode","mainContainerPosition","getBoundingClientRect","currentToolbarPosition","difference","totalHeight","style","addEventListener","handleKeypadInteraction","componentWillUnmount","_this$keypadRef2","removeEventListener","render","_this2","_this$props","baseSet","additionalKeys","layoutForKeyPad","onFocus","mode","noBaseSet","keysWithoutBaseSet","includes","allKeys","flowKeys","shift","Math","floor","ref","classNames","map","k","index","buttonClick","bind","common","disabled","keyIsNotAllowed","command","actions","extraProps","_extends2","undefined","name","Icon","icon","tabIndex","size","Component","PropTypes","string","bool","array","object","func","isRequired","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 { lighten, alpha, styled } from '@mui/material/styles';\nimport classNames from 'classnames';\nimport debug from 'debug';\nimport _ from 'lodash';\nimport MathQuill from '@pie-framework/mathquill';\nimport * as mq from '../mq';\n\nimport { baseSet } from '../keys';\nimport editableHtmlConstants from '../../../editable-html/src/constants';\nimport { commonMqKeyboardStyles } from '../mq/common-mq-styles';\nimport { sortKeys } from './keys-layout';\nimport { green, 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)(({ theme, 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\nconst LatexButton = (props) => {\n try {\n const MQ = MathQuill.getInterface(2);\n const span = document.createElement('span');\n span.innerHTML = '';\n const mathField = MQ.StaticMath(span);\n\n mathField.parseLatex(props.latex);\n mathField.latex(props.latex);\n } catch (e) {\n // received latex has errors - do not create button\n return <></>;\n }\n\n return (\n <StyledLatexButton\n className={props.className}\n onClick={props.onClick}\n aria-label={props.ariaLabel}\n >\n <LatexButtonContent latex={props.latex} />\n </StyledLatexButton>\n );\n};\n\nconst createCustomLayout = (layoutObj) => {\n if (layoutObj) {\n return {\n gridTemplateColumns: `repeat(${layoutObj.columns}, minmax(min-content, 150px))`,\n gridTemplateRows: `repeat(${layoutObj.rows}, minmax(40px, 60px))`,\n gridAutoFlow: 'initial',\n };\n }\n\n return {};\n};\n\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)(({ theme, 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' ? 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' ? 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)(({ theme, category }) => ({\n minWidth: 'auto',\n borderRadius: 0,\n backgroundColor:\n category === 'operators' ? 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' ? 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)(({ theme, category }) => ({\n minWidth: 'auto',\n backgroundColor:\n category === 'operators' ? 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' ? 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(`.${editableHtmlConstants.MAIN_CONTAINER_CLASS}`);\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(`.${editableHtmlConstants.MAIN_CONTAINER_CLASS}`);\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={classNames(className, mode)}\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 {...common}\n category={!keysWithoutBaseSet ? k.category : undefined}\n aria-label={k.ariaLabel ? k.ariaLabel : k.name || k.label}\n >\n <LatexButtonContent latex={k.latex} />\n </StyledLatexButtonWrapper>\n );\n }\n\n if (k.label) {\n return (\n <StyledButton\n {...common}\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 >\n {k.label}\n </StyledButton>\n );\n } else {\n const Icon = k.icon ? k.icon : 'div';\n\n return (\n <StyledIconButton\n tabIndex={'-1'}\n {...common}\n category={!keysWithoutBaseSet ? k.category : undefined}\n size=\"large\"\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/package.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "publishConfig": {
4
4
  "access": "public"
5
5
  },
6
- "version": "6.32.0-mui-update.0",
6
+ "version": "6.34.0-mui-update.0",
7
7
  "main": "lib/index.js",
8
8
  "module": "src/index.jsx",
9
9
  "dependencies": {
@@ -26,5 +26,5 @@
26
26
  "react-dom": "^18.2.0"
27
27
  },
28
28
  "scripts": {},
29
- "gitHead": "2e0222bda045f46b504640a972d43787e68288c4"
29
+ "gitHead": "eee7d2e59f3323c7a5ba452d80fae6f20f6cb527"
30
30
  }
package/src/keypad/index.jsx CHANGED
@@ -13,11 +13,12 @@ import { baseSet } from '../keys';
13
13
  import editableHtmlConstants from '../../../editable-html/src/constants';
14
14
  import { commonMqKeyboardStyles } from '../mq/common-mq-styles';
15
15
  import { sortKeys } from './keys-layout';
16
- import { green } from '@mui/material/colors';
16
+ import { green, indigo, pink } from '@mui/material/colors';
17
+ import { color } from '@pie-lib/render-ui';
17
18
 
18
19
  const log = debug('pie-lib:math-inline:keypad');
19
20
 
20
- const StyledLatexButton = styled(Button)(({ theme }) => ({
21
+ const StyledLatexButton = styled(Button)(({}) => ({
21
22
  textTransform: 'none',
22
23
  padding: 0,
23
24
  margin: 0,
@@ -28,6 +29,7 @@ const LatexButtonContent = styled(mq.Static)(({ theme, latex }) => {
28
29
  const baseStyles = {
29
30
  pointerEvents: 'none',
30
31
  textTransform: 'none !important',
32
+ color: color.text(),
31
33
  '& .mq-scaled.mq-sqrt-prefix': {
32
34
  transform: 'scale(1, 0.9) !important',
33
35
  },
@@ -35,7 +37,7 @@ const LatexButtonContent = styled(mq.Static)(({ theme, latex }) => {
35
37
  marginBottom: '0.9px !important',
36
38
  },
37
39
  '& .mq-empty': {
38
- backgroundColor: `${alpha(theme.palette.secondary.main, 0.4)} !important`,
40
+ backgroundColor: `${alpha(pink[300], 0.4)} !important`,
39
41
  },
40
42
  '& .mq-overline .mq-overline-inner': {
41
43
  borderTop: '2px solid black',
@@ -191,7 +193,7 @@ const createCustomLayout = (layoutObj) => {
191
193
  return {};
192
194
  };
193
195
 
194
- const KeyPadContainer = styled('div')(({ theme }) => ({
196
+ const KeyPadContainer = styled('div')(({}) => ({
195
197
  ...commonMqKeyboardStyles,
196
198
  width: '100%',
197
199
  display: 'grid',
@@ -215,15 +217,18 @@ const StyledButton = styled(Button)(({ theme, category, isDelete, isComma, isDot
215
217
  minWidth: 'auto',
216
218
  fontSize: isComma || isDot ? '200% !important' : '140% !important',
217
219
  lineHeight: isComma || isDot ? '100%' : 'normal',
218
- backgroundColor:
219
- category === 'operators' ? lighten(theme.palette.secondary.light, 0.5) :
220
- category === 'comparison' ? lighten(green[500], 0.5) :
221
- lighten(theme.palette.primary.light, 0.5),
220
+ color: color.text(),
221
+
222
+ backgroundColor:
223
+ category === 'operators' ? lighten(pink[300], 0.5) :
224
+ // this code with green seems to not be applied to current implementation, so I commented it out, but left it here just in case
225
+ // category === 'comparison' ? lighten(green[500], 0.5) :
226
+ lighten(indigo[300], 0.5),
222
227
  '&:hover': {
223
- backgroundColor:
224
- category === 'operators' ? lighten(theme.palette.secondary.light, 0.7) :
225
- category === 'comparison' ? lighten(green[500], 0.7) :
226
- lighten(theme.palette.primary.light, 0.7),
228
+ backgroundColor:
229
+ category === 'operators' ? lighten(pink[300], 0.7) :
230
+ // category === 'comparison' ? lighten(green[500], 0.7) :
231
+ lighten(indigo[300], 0.7),
227
232
  },
228
233
  borderRadius: 0,
229
234
  ...(isDelete && {
@@ -236,29 +241,29 @@ const StyledButton = styled(Button)(({ theme, category, isDelete, isComma, isDot
236
241
  const StyledLatexButtonWrapper = styled(Button)(({ theme, category }) => ({
237
242
  minWidth: 'auto',
238
243
  borderRadius: 0,
239
- backgroundColor:
240
- category === 'operators' ? lighten(theme.palette.secondary.light, 0.5) :
241
- category === 'comparison' ? lighten(green[500], 0.5) :
242
- lighten(theme.palette.primary.light, 0.5),
244
+ backgroundColor:
245
+ category === 'operators' ? lighten(pink[300], 0.5) :
246
+ // category === 'comparison' ? lighten(green[500], 0.5) :
247
+ lighten(indigo[300], 0.5),
243
248
  '&:hover': {
244
- backgroundColor:
245
- category === 'operators' ? lighten(theme.palette.secondary.light, 0.7) :
246
- category === 'comparison' ? lighten(green[500], 0.7) :
247
- lighten(theme.palette.primary.light, 0.7),
249
+ backgroundColor:
250
+ category === 'operators' ? lighten(pink[300], 0.7) :
251
+ // category === 'comparison' ? lighten(green[500], 0.7) :
252
+ lighten(indigo[300], 0.7),
248
253
  },
249
254
  }));
250
255
 
251
256
  const StyledIconButton = styled(IconButton)(({ theme, category }) => ({
252
257
  minWidth: 'auto',
253
- backgroundColor:
254
- category === 'operators' ? lighten(theme.palette.secondary.light, 0.5) :
255
- category === 'comparison' ? lighten(green[500], 0.5) :
256
- lighten(theme.palette.primary.light, 0.5),
258
+ backgroundColor:
259
+ category === 'operators' ? lighten(pink[300], 0.5) :
260
+ // category === 'comparison' ? lighten(green[500], 0.5) :
261
+ lighten(indigo[300], 0.5),
257
262
  '&:hover': {
258
- backgroundColor:
259
- category === 'operators' ? lighten(theme.palette.secondary.light, 0.7) :
260
- category === 'comparison' ? lighten(green[500], 0.7) :
261
- lighten(theme.palette.primary.light, 0.7),
263
+ backgroundColor:
264
+ category === 'operators' ? lighten(pink[300], 0.7) :
265
+ // category === 'comparison' ? lighten(green[500], 0.7) :
266
+ lighten(indigo[300], 0.7),
262
267
  },
263
268
  borderRadius: 0,
264
269
  '& .icon': {