@pie-lib/math-input 6.6.1-next.414 → 6.6.1-next.437
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.
- package/lib/keypad/index.js +6 -8
- package/lib/keypad/index.js.map +1 -1
- package/package.json +2 -2
- package/src/keypad/index.jsx +6 -8
package/lib/keypad/index.js
CHANGED
|
@@ -93,16 +93,14 @@ var LatexButton = (0, _styles.withStyles)(function (theme) {
|
|
|
93
93
|
width: '30px',
|
|
94
94
|
marginTop: '0 !important',
|
|
95
95
|
borderTop: '2px solid black',
|
|
96
|
-
fontFamily: 'Roboto, Helvetica, Arial, sans-serif !important',
|
|
97
96
|
'&.mq-arrow-both': {
|
|
98
|
-
top: '5px !important',
|
|
99
97
|
'& *': {
|
|
100
98
|
lineHeight: '1 !important'
|
|
101
99
|
},
|
|
102
100
|
'&:before': {
|
|
103
101
|
fontSize: '80%',
|
|
104
102
|
left: 'calc(-13%)',
|
|
105
|
-
top: '-0.
|
|
103
|
+
top: '-0.25em'
|
|
106
104
|
},
|
|
107
105
|
'&:after': {
|
|
108
106
|
fontSize: '80% !important',
|
|
@@ -112,12 +110,12 @@ var LatexButton = (0, _styles.withStyles)(function (theme) {
|
|
|
112
110
|
'&.mq-empty:before': {
|
|
113
111
|
fontSize: '80%',
|
|
114
112
|
left: 'calc(-13%)',
|
|
115
|
-
top: '-0.
|
|
113
|
+
top: '-0.25em'
|
|
116
114
|
},
|
|
117
115
|
'&.mq-empty:after': {
|
|
118
116
|
fontSize: '80%',
|
|
119
117
|
right: 'calc(-13%)',
|
|
120
|
-
top: '-0.
|
|
118
|
+
top: '-0.25em'
|
|
121
119
|
},
|
|
122
120
|
'&.mq-empty': {
|
|
123
121
|
minHeight: '1.4em'
|
|
@@ -178,7 +176,7 @@ var LatexButton = (0, _styles.withStyles)(function (theme) {
|
|
|
178
176
|
paddingTop: '0 !important'
|
|
179
177
|
},
|
|
180
178
|
'&:after': {
|
|
181
|
-
top: '-
|
|
179
|
+
top: '-1.64em !important'
|
|
182
180
|
}
|
|
183
181
|
}
|
|
184
182
|
}
|
|
@@ -299,12 +297,12 @@ var KeyPad = /*#__PURE__*/function (_React$Component) {
|
|
|
299
297
|
});
|
|
300
298
|
}
|
|
301
299
|
|
|
302
|
-
var common = _objectSpread({
|
|
300
|
+
var common = _objectSpread(_objectSpread({
|
|
303
301
|
onClick: onClick,
|
|
304
302
|
className: (0, _classnames["default"])(classes.labelButton, !keysWithoutBaseSet && classes[k.category], classes[k.extraClass], k.label === ',' && classes.comma, k.label === '.' && classes.dot),
|
|
305
303
|
disabled: _this2.keyIsNotAllowed(k),
|
|
306
304
|
key: "".concat(k.label || k.latex || k.command, "-").concat(index)
|
|
307
|
-
}, k.actions || {});
|
|
305
|
+
}, k.actions || {}), k.extraProps || {});
|
|
308
306
|
|
|
309
307
|
if (k.latex) {
|
|
310
308
|
return /*#__PURE__*/_react["default"].createElement(LatexButton, (0, _extends2["default"])({
|
package/lib/keypad/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["log","debug","LatexButton","withStyles","theme","root","textTransform","padding","margin","fontSize","latexButton","pointerEvents","transform","marginBottom","backgroundColor","fade","palette","secondary","main","borderTop","width","marginTop","fontFamily","top","lineHeight","left","right","minHeight","border","display","paddingTop","parallelButton","fontStyle","leftRightArrowButton","props","buttonClass","latex","classNames","classes","mqClassName","MQ","MathQuill","getInterface","span","document","createElement","innerHTML","mathField","StaticMath","parseLatex","e","className","onClick","createCustomLayout","layoutObj","gridTemplateColumns","columns","gridTemplateRows","rows","gridAutoFlow","KeyPad","key","onPress","base","extras","transposed","sortKeys","_","flatten","noDecimal","write","label","baseSet","additionalKeys","layoutForKeyPad","onFocus","mode","noBaseSet","keysWithoutBaseSet","includes","allKeys","flowKeys","shift","length","style","Math","floor","keys","map","k","index","buttonClick","bind","common","labelButton","category","extraClass","comma","dot","disabled","keyIsNotAllowed","command","actions","Icon","icon","React","Component","PropTypes","object","isRequired","string","array","func","bool","styles","gridRowGap","gridColumnGap","character","holder","position","height","borderRadius","spacing","unit","minWidth","lighten","primary","light","operators","comparison","green"],"sources":["../../src/keypad/index.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Button from '@material-ui/core/Button';\nimport IconButton from '@material-ui/core/IconButton';\nimport { withStyles } from '@material-ui/core/styles';\nimport classNames from 'classnames';\nimport { lighten, fade } from '@material-ui/core/styles/colorManipulator';\nimport green from '@material-ui/core/colors/green';\nimport { sortKeys } from './keys-layout';\nimport * as mq from '../mq';\nimport { baseSet } from '../keys';\nimport debug from 'debug';\nimport _ from 'lodash';\n\nconst log = debug('pie-lib:math-inline:keypad');\n\nconst LatexButton = withStyles(theme => ({\n root: {\n textTransform: 'none',\n padding: 0,\n margin: 0,\n fontSize: '110% !important'\n },\n latexButton: {\n pointerEvents: 'none',\n textTransform: 'none !important',\n '& .mq-scaled.mq-sqrt-prefix': {\n transform: 'scale(1, 0.9) !important'\n },\n '& .mq-sup-only .mq-sup': {\n marginBottom: '0.9px !important'\n },\n '& .mq-empty': {\n backgroundColor: `${fade(theme.palette.secondary.main, 0.4)} !important`\n },\n '& .mq-overline .mq-overline-inner': {\n borderTop: '2px solid black'\n },\n '& .mq-overarrow': {\n width: '30px',\n marginTop: '0 !important',\n borderTop: '2px solid black',\n fontFamily: 'Roboto, Helvetica, Arial, sans-serif !important',\n\n '&.mq-arrow-both': {\n top: '5px !important',\n '& *': {\n lineHeight: '1 !important'\n },\n '&:before': {\n fontSize: '80%',\n left: 'calc(-13%)',\n top: '-0.31em'\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%)',\n top: '-0.25em'\n },\n '& .mq-overarrow-inner': {\n border: 'none !important'\n },\n '& .mq-overarrow-inner .mq-overarrow-inner-right': {\n display: 'none !important'\n }\n },\n '& .mq-root-block': {\n padding: '5px'\n },\n '& .mq-overarrow.mq-arrow-both.mq-empty:after': {\n right: '-6px',\n fontSize: '80% !important',\n top: '-3px'\n },\n '& .mq-overarrow.mq-arrow-right.mq-empty:before': {\n right: '-5px',\n fontSize: '80% !important',\n top: '-3px'\n },\n '& .mq-overarrow.mq-arrow-both.mq-empty:before': {\n left: '-6px',\n fontSize: '80% !important',\n top: '-3px'\n },\n '& .mq-longdiv-inner': {\n borderTop: '1px solid !important',\n paddingTop: '1.5px !important'\n },\n '& .mq-parallelogram': {\n lineHeight: 0.85\n },\n '& .mq-overarc': {\n borderTop: '2px solid black !important',\n '& .mq-overline-inner': {\n borderTop: 'none !important',\n paddingTop: '0 !important'\n }\n }\n },\n parallelButton: {\n fontStyle: 'italic'\n },\n leftRightArrowButton: {\n '& .mq-overarrow.mq-arrow-both': {\n '& .mq-overline-inner': {\n borderTop: 'none !important',\n paddingTop: '0 !important'\n },\n '&:after': {\n top: '-2.8em !important'\n }\n }\n }\n}))(props => {\n let buttonClass;\n\n if (props.latex === '\\\\parallel') {\n buttonClass = classNames(\n props.classes.latexButton,\n props.mqClassName,\n props.classes.parallelButton\n );\n } else if (props.latex === '\\\\overleftrightarrow{\\\\overline{}}') {\n buttonClass = classNames(\n props.classes.latexButton,\n props.mqClassName,\n props.classes.leftRightArrowButton\n );\n } else {\n buttonClass = classNames(props.classes.latexButton, props.mqClassName);\n }\n\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 <Button className={classNames(props.classes.root, props.className)} onClick={props.onClick}>\n <mq.Static className={buttonClass} latex={props.latex} />\n </Button>\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\nexport class KeyPad extends React.Component {\n static propTypes = {\n classes: PropTypes.object.isRequired,\n className: PropTypes.string,\n baseSet: PropTypes.array,\n additionalKeys: PropTypes.array,\n layoutForKeyPad: PropTypes.object,\n onPress: PropTypes.func.isRequired,\n onFocus: PropTypes.func,\n noDecimal: PropTypes.bool,\n mode: PropTypes.string\n };\n static defaultProps = {\n baseSet: baseSet,\n noDecimal: false\n };\n\n buttonClick = key => {\n log('[buttonClick]', key);\n const { onPress } = this.props;\n onPress(key);\n };\n\n flowKeys = (base, extras) => {\n const transposed = [...sortKeys(base), ...sortKeys(extras)];\n return _.flatten(transposed);\n };\n\n keyIsNotAllowed = key => {\n const { noDecimal } = this.props;\n\n if (\n ((key.write === '.' && key.label === '.') || (key.write === ',' && key.label === ',')) &&\n noDecimal\n ) {\n return true;\n }\n\n return false;\n };\n\n render() {\n const {\n classes,\n className,\n baseSet,\n additionalKeys,\n layoutForKeyPad,\n onFocus,\n mode\n } = this.props;\n\n const noBaseSet = [\n 'non-negative-integers',\n 'integers',\n 'decimals',\n 'fractions',\n 'item-authoring',\n 'language'\n ];\n\n const keysWithoutBaseSet = noBaseSet.includes(mode);\n const allKeys = keysWithoutBaseSet\n ? this.flowKeys([], additionalKeys || [])\n : this.flowKeys(baseSet, additionalKeys || []); //, ...sortKeys(additionalKeys)];\n\n const shift = allKeys.length % 5 ? 1 : 0;\n const style = {\n gridTemplateColumns: `repeat(${Math.floor(allKeys.length / 5) +\n shift}, minmax(min-content, 150px))`,\n ...createCustomLayout(layoutForKeyPad)\n };\n return (\n <div\n className={classNames(classes.keys, className, classes[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 className: classNames(\n classes.labelButton,\n !keysWithoutBaseSet && classes[k.category],\n classes[k.extraClass],\n k.label === ',' && classes.comma,\n k.label === '.' && classes.dot\n ),\n disabled: this.keyIsNotAllowed(k),\n key: `${k.label || k.latex || k.command}-${index}`,\n ...(k.actions || {})\n };\n\n if (k.latex) {\n return <LatexButton latex={k.latex} {...common} className={classes.latexButton} />;\n }\n\n if (k.label) {\n return <Button {...common}>{k.label}</Button>;\n } else {\n const Icon = k.icon ? k.icon : 'div';\n\n return (\n <IconButton tabIndex={'-1'} {...common}>\n <Icon className={classes.icon} />\n </IconButton>\n );\n }\n })}\n </div>\n );\n }\n}\n\nconst styles = theme => ({\n keys: {\n '& *': {\n fontFamily: 'Roboto, Helvetica, Arial, sans-serif !important'\n },\n width: '100%',\n display: 'grid',\n gridTemplateRows: 'repeat(5, minmax(40px, 60px))',\n gridRowGap: '0px',\n gridColumnGap: '0px',\n gridAutoFlow: 'column'\n },\n character: {\n textTransform: 'initial !important'\n },\n holder: {\n position: 'relative',\n width: '100%',\n height: '100%',\n backgroundColor: '#cef',\n borderRadius: 0,\n padding: `${theme.spacing.unit}px 0 ${theme.spacing.unit}px 0`\n },\n labelButton: {\n minWidth: 'auto',\n fontSize: '140% !important',\n backgroundColor: lighten(theme.palette.primary.light, 0.5),\n '&:hover': {\n backgroundColor: lighten(theme.palette.primary.light, 0.7)\n },\n borderRadius: 0\n },\n latexButton: {\n minWidth: 'auto',\n borderRadius: 0,\n backgroundColor: lighten(theme.palette.primary.light, 0.5),\n '&:hover': {\n backgroundColor: lighten(theme.palette.primary.light, 0.7)\n }\n },\n base: {},\n operators: {\n backgroundColor: lighten(theme.palette.secondary.light, 0.5),\n '&:hover': {\n backgroundColor: lighten(theme.palette.secondary.light, 0.7)\n }\n },\n comparison: {\n backgroundColor: lighten(green[500], 0.5),\n '&:hover': {\n backgroundColor: lighten(green[500], 0.7)\n }\n },\n comma: {\n fontSize: '200% !important',\n lineHeight: '100%'\n },\n dot: {\n fontSize: '200% !important',\n lineHeight: '100%'\n },\n icon: {\n height: '30px'\n }\n});\n\nexport default withStyles(styles)(KeyPad);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;AAEA,IAAMA,GAAG,GAAG,IAAAC,iBAAA,EAAM,4BAAN,CAAZ;AAEA,IAAMC,WAAW,GAAG,IAAAC,kBAAA,EAAW,UAAAC,KAAK;EAAA,OAAK;IACvCC,IAAI,EAAE;MACJC,aAAa,EAAE,MADX;MAEJC,OAAO,EAAE,CAFL;MAGJC,MAAM,EAAE,CAHJ;MAIJC,QAAQ,EAAE;IAJN,CADiC;IAOvCC,WAAW,EAAE;MACXC,aAAa,EAAE,MADJ;MAEXL,aAAa,EAAE,iBAFJ;MAGX,+BAA+B;QAC7BM,SAAS,EAAE;MADkB,CAHpB;MAMX,0BAA0B;QACxBC,YAAY,EAAE;MADU,CANf;MASX,eAAe;QACbC,eAAe,YAAK,IAAAC,sBAAA,EAAKX,KAAK,CAACY,OAAN,CAAcC,SAAd,CAAwBC,IAA7B,EAAmC,GAAnC,CAAL;MADF,CATJ;MAYX,qCAAqC;QACnCC,SAAS,EAAE;MADwB,CAZ1B;MAeX,mBAAmB;QACjBC,KAAK,EAAE,MADU;QAEjBC,SAAS,EAAE,cAFM;QAGjBF,SAAS,EAAE,iBAHM;QAIjBG,UAAU,EAAE,iDAJK;QAMjB,mBAAmB;UACjBC,GAAG,EAAE,gBADY;UAEjB,OAAO;YACLC,UAAU,EAAE;UADP,CAFU;UAKjB,YAAY;YACVf,QAAQ,EAAE,KADA;YAEVgB,IAAI,EAAE,YAFI;YAGVF,GAAG,EAAE;UAHK,CALK;UAUjB,WAAW;YACTd,QAAQ,EAAE,gBADD;YAETiB,KAAK,EAAE,uBAFE;YAGTH,GAAG,EAAE;UAHI,CAVM;UAejB,qBAAqB;YACnBd,QAAQ,EAAE,KADS;YAEnBgB,IAAI,EAAE,YAFa;YAGnBF,GAAG,EAAE;UAHc,CAfJ;UAoBjB,oBAAoB;YAClBd,QAAQ,EAAE,KADQ;YAElBiB,KAAK,EAAE,YAFW;YAGlBH,GAAG,EAAE;UAHa,CApBH;UAyBjB,cAAc;YACZI,SAAS,EAAE;UADC;QAzBG,CANF;QAmCjB,2BAA2B;UACzBlB,QAAQ,EAAE,KADe;UAEzBiB,KAAK,EAAE,YAFkB;UAGzBH,GAAG,EAAE;QAHoB,CAnCV;QAwCjB,yBAAyB;UACvBK,MAAM,EAAE;QADe,CAxCR;QA2CjB,mDAAmD;UACjDC,OAAO,EAAE;QADwC;MA3ClC,CAfR;MA8DX,oBAAoB;QAClBtB,OAAO,EAAE;MADS,CA9DT;MAiEX,gDAAgD;QAC9CmB,KAAK,EAAE,MADuC;QAE9CjB,QAAQ,EAAE,gBAFoC;QAG9Cc,GAAG,EAAE;MAHyC,CAjErC;MAsEX,kDAAkD;QAChDG,KAAK,EAAE,MADyC;QAEhDjB,QAAQ,EAAE,gBAFsC;QAGhDc,GAAG,EAAE;MAH2C,CAtEvC;MA2EX,iDAAiD;QAC/CE,IAAI,EAAE,MADyC;QAE/ChB,QAAQ,EAAE,gBAFqC;QAG/Cc,GAAG,EAAE;MAH0C,CA3EtC;MAgFX,uBAAuB;QACrBJ,SAAS,EAAE,sBADU;QAErBW,UAAU,EAAE;MAFS,CAhFZ;MAoFX,uBAAuB;QACrBN,UAAU,EAAE;MADS,CApFZ;MAuFX,iBAAiB;QACfL,SAAS,EAAE,4BADI;QAEf,wBAAwB;UACtBA,SAAS,EAAE,iBADW;UAEtBW,UAAU,EAAE;QAFU;MAFT;IAvFN,CAP0B;IAsGvCC,cAAc,EAAE;MACdC,SAAS,EAAE;IADG,CAtGuB;IAyGvCC,oBAAoB,EAAE;MACpB,iCAAiC;QAC/B,wBAAwB;UACtBd,SAAS,EAAE,iBADW;UAEtBW,UAAU,EAAE;QAFU,CADO;QAK/B,WAAW;UACTP,GAAG,EAAE;QADI;MALoB;IADb;EAzGiB,CAAL;AAAA,CAAhB,EAoHhB,UAAAW,KAAK,EAAI;EACX,IAAIC,WAAJ;;EAEA,IAAID,KAAK,CAACE,KAAN,KAAgB,YAApB,EAAkC;IAChCD,WAAW,GAAG,IAAAE,sBAAA,EACZH,KAAK,CAACI,OAAN,CAAc5B,WADF,EAEZwB,KAAK,CAACK,WAFM,EAGZL,KAAK,CAACI,OAAN,CAAcP,cAHF,CAAd;EAKD,CAND,MAMO,IAAIG,KAAK,CAACE,KAAN,KAAgB,oCAApB,EAA0D;IAC/DD,WAAW,GAAG,IAAAE,sBAAA,EACZH,KAAK,CAACI,OAAN,CAAc5B,WADF,EAEZwB,KAAK,CAACK,WAFM,EAGZL,KAAK,CAACI,OAAN,CAAcL,oBAHF,CAAd;EAKD,CANM,MAMA;IACLE,WAAW,GAAG,IAAAE,sBAAA,EAAWH,KAAK,CAACI,OAAN,CAAc5B,WAAzB,EAAsCwB,KAAK,CAACK,WAA5C,CAAd;EACD;;EAED,IAAI;IACF,IAAMC,EAAE,GAAGC,SAAS,CAACC,YAAV,CAAuB,CAAvB,CAAX;IACA,IAAMC,IAAI,GAAGC,QAAQ,CAACC,aAAT,CAAuB,MAAvB,CAAb;IACAF,IAAI,CAACG,SAAL,GAAiB,EAAjB;IACA,IAAMC,SAAS,GAAGP,EAAE,CAACQ,UAAH,CAAcL,IAAd,CAAlB;IAEAI,SAAS,CAACE,UAAV,CAAqBf,KAAK,CAACE,KAA3B;IACAW,SAAS,CAACX,KAAV,CAAgBF,KAAK,CAACE,KAAtB;EACD,CARD,CAQE,OAAOc,CAAP,EAAU;IACV;IACA,oBAAO,iEAAP;EACD;;EAED,oBACE,gCAAC,kBAAD;IAAQ,SAAS,EAAE,IAAAb,sBAAA,EAAWH,KAAK,CAACI,OAAN,CAAcjC,IAAzB,EAA+B6B,KAAK,CAACiB,SAArC,CAAnB;IAAoE,OAAO,EAAEjB,KAAK,CAACkB;EAAnF,gBACE,gCAAC,EAAD,CAAI,MAAJ;IAAW,SAAS,EAAEjB,WAAtB;IAAmC,KAAK,EAAED,KAAK,CAACE;EAAhD,EADF,CADF;AAKD,CAzJmB,CAApB;;AA2JA,IAAMiB,kBAAkB,GAAG,SAArBA,kBAAqB,CAAAC,SAAS,EAAI;EACtC,IAAIA,SAAJ,EAAe;IACb,OAAO;MACLC,mBAAmB,mBAAYD,SAAS,CAACE,OAAtB,kCADd;MAELC,gBAAgB,mBAAYH,SAAS,CAACI,IAAtB,0BAFX;MAGLC,YAAY,EAAE;IAHT,CAAP;EAKD;;EAED,OAAO,EAAP;AACD,CAVD;;IAYaC,M;;;;;;;;;;;;;;;oGAiBG,UAAAC,GAAG,EAAI;MACnB7D,GAAG,CAAC,eAAD,EAAkB6D,GAAlB,CAAH;MACA,IAAQC,OAAR,GAAoB,MAAK5B,KAAzB,CAAQ4B,OAAR;MACAA,OAAO,CAACD,GAAD,CAAP;IACD,C;iGAEU,UAACE,IAAD,EAAOC,MAAP,EAAkB;MAC3B,IAAMC,UAAU,iDAAO,IAAAC,oBAAA,EAASH,IAAT,CAAP,uCAA0B,IAAAG,oBAAA,EAASF,MAAT,CAA1B,EAAhB;MACA,OAAOG,kBAAA,CAAEC,OAAF,CAAUH,UAAV,CAAP;IACD,C;wGAEiB,UAAAJ,GAAG,EAAI;MACvB,IAAQQ,SAAR,GAAsB,MAAKnC,KAA3B,CAAQmC,SAAR;;MAEA,IACE,CAAER,GAAG,CAACS,KAAJ,KAAc,GAAd,IAAqBT,GAAG,CAACU,KAAJ,KAAc,GAApC,IAA6CV,GAAG,CAACS,KAAJ,KAAc,GAAd,IAAqBT,GAAG,CAACU,KAAJ,KAAc,GAAjF,KACAF,SAFF,EAGE;QACA,OAAO,IAAP;MACD;;MAED,OAAO,KAAP;IACD,C;;;;;;WAED,kBAAS;MAAA;;MACP,kBAQI,KAAKnC,KART;MAAA,IACEI,OADF,eACEA,OADF;MAAA,IAEEa,SAFF,eAEEA,SAFF;MAAA,IAGEqB,OAHF,eAGEA,OAHF;MAAA,IAIEC,cAJF,eAIEA,cAJF;MAAA,IAKEC,eALF,eAKEA,eALF;MAAA,IAMEC,OANF,eAMEA,OANF;MAAA,IAOEC,IAPF,eAOEA,IAPF;MAUA,IAAMC,SAAS,GAAG,CAChB,uBADgB,EAEhB,UAFgB,EAGhB,UAHgB,EAIhB,WAJgB,EAKhB,gBALgB,EAMhB,UANgB,CAAlB;MASA,IAAMC,kBAAkB,GAAGD,SAAS,CAACE,QAAV,CAAmBH,IAAnB,CAA3B;MACA,IAAMI,OAAO,GAAGF,kBAAkB,GAC9B,KAAKG,QAAL,CAAc,EAAd,EAAkBR,cAAc,IAAI,EAApC,CAD8B,GAE9B,KAAKQ,QAAL,CAAcT,OAAd,EAAuBC,cAAc,IAAI,EAAzC,CAFJ,CArBO,CAuB2C;;MAElD,IAAMS,KAAK,GAAGF,OAAO,CAACG,MAAR,GAAiB,CAAjB,GAAqB,CAArB,GAAyB,CAAvC;;MACA,IAAMC,KAAK;QACT7B,mBAAmB,mBAAY8B,IAAI,CAACC,KAAL,CAAWN,OAAO,CAACG,MAAR,GAAiB,CAA5B,IAC7BD,KADiB;MADV,GAGN7B,kBAAkB,CAACqB,eAAD,CAHZ,CAAX;;MAKA,oBACE;QACE,SAAS,EAAE,IAAArC,sBAAA,EAAWC,OAAO,CAACiD,IAAnB,EAAyBpC,SAAzB,EAAoCb,OAAO,CAACsC,IAAD,CAA3C,CADb;QAEE,KAAK,EAAEQ,KAFT;QAGE,OAAO,EAAET;MAHX,GAKGK,OAAO,CAACQ,GAAR,CAAY,UAACC,CAAD,EAAIC,KAAJ,EAAc;QACzB,IAAMtC,OAAO,GAAG,MAAI,CAACuC,WAAL,CAAiBC,IAAjB,CAAsB,MAAtB,EAA4BH,CAA5B,CAAhB;;QAEA,IAAI,CAACA,CAAL,EAAQ;UACN,oBAAO;YAAM,GAAG,kBAAWC,KAAX;UAAT,EAAP;QACD;;QAED,IAAMG,MAAM;UACVzC,OAAO,EAAPA,OADU;UAEVD,SAAS,EAAE,IAAAd,sBAAA,EACTC,OAAO,CAACwD,WADC,EAET,CAAChB,kBAAD,IAAuBxC,OAAO,CAACmD,CAAC,CAACM,QAAH,CAFrB,EAGTzD,OAAO,CAACmD,CAAC,CAACO,UAAH,CAHE,EAITP,CAAC,CAAClB,KAAF,KAAY,GAAZ,IAAmBjC,OAAO,CAAC2D,KAJlB,EAKTR,CAAC,CAAClB,KAAF,KAAY,GAAZ,IAAmBjC,OAAO,CAAC4D,GALlB,CAFD;UASVC,QAAQ,EAAE,MAAI,CAACC,eAAL,CAAqBX,CAArB,CATA;UAUV5B,GAAG,YAAK4B,CAAC,CAAClB,KAAF,IAAWkB,CAAC,CAACrD,KAAb,IAAsBqD,CAAC,CAACY,OAA7B,cAAwCX,KAAxC;QAVO,GAWND,CAAC,CAACa,OAAF,IAAa,EAXP,CAAZ;;QAcA,IAAIb,CAAC,CAACrD,KAAN,EAAa;UACX,oBAAO,gCAAC,WAAD;YAAa,KAAK,EAAEqD,CAAC,CAACrD;UAAtB,GAAiCyD,MAAjC;YAAyC,SAAS,EAAEvD,OAAO,CAAC5B;UAA5D,GAAP;QACD;;QAED,IAAI+E,CAAC,CAAClB,KAAN,EAAa;UACX,oBAAO,gCAAC,kBAAD,EAAYsB,MAAZ,EAAqBJ,CAAC,CAAClB,KAAvB,CAAP;QACD,CAFD,MAEO;UACL,IAAMgC,IAAI,GAAGd,CAAC,CAACe,IAAF,GAASf,CAAC,CAACe,IAAX,GAAkB,KAA/B;UAEA,oBACE,gCAAC,sBAAD;YAAY,QAAQ,EAAE;UAAtB,GAAgCX,MAAhC,gBACE,gCAAC,IAAD;YAAM,SAAS,EAAEvD,OAAO,CAACkE;UAAzB,EADF,CADF;QAKD;MACF,CApCA,CALH,CADF;IA6CD;;;EArHyBC,iBAAA,CAAMC,S;;;iCAArB9C,M,eACQ;EACjBtB,OAAO,EAAEqE,qBAAA,CAAUC,MAAV,CAAiBC,UADT;EAEjB1D,SAAS,EAAEwD,qBAAA,CAAUG,MAFJ;EAGjBtC,OAAO,EAAEmC,qBAAA,CAAUI,KAHF;EAIjBtC,cAAc,EAAEkC,qBAAA,CAAUI,KAJT;EAKjBrC,eAAe,EAAEiC,qBAAA,CAAUC,MALV;EAMjB9C,OAAO,EAAE6C,qBAAA,CAAUK,IAAV,CAAeH,UANP;EAOjBlC,OAAO,EAAEgC,qBAAA,CAAUK,IAPF;EAQjB3C,SAAS,EAAEsC,qBAAA,CAAUM,IARJ;EASjBrC,IAAI,EAAE+B,qBAAA,CAAUG;AATC,C;iCADRlD,M,kBAYW;EACpBY,OAAO,EAAEA,aADW;EAEpBH,SAAS,EAAE;AAFS,C;;AA4GxB,IAAM6C,MAAM,GAAG,SAATA,MAAS,CAAA9G,KAAK;EAAA,OAAK;IACvBmF,IAAI,EAAE;MACJ,OAAO;QACLjE,UAAU,EAAE;MADP,CADH;MAIJF,KAAK,EAAE,MAJH;MAKJS,OAAO,EAAE,MALL;MAMJ4B,gBAAgB,EAAE,+BANd;MAOJ0D,UAAU,EAAE,KAPR;MAQJC,aAAa,EAAE,KARX;MASJzD,YAAY,EAAE;IATV,CADiB;IAYvB0D,SAAS,EAAE;MACT/G,aAAa,EAAE;IADN,CAZY;IAevBgH,MAAM,EAAE;MACNC,QAAQ,EAAE,UADJ;MAENnG,KAAK,EAAE,MAFD;MAGNoG,MAAM,EAAE,MAHF;MAIN1G,eAAe,EAAE,MAJX;MAKN2G,YAAY,EAAE,CALR;MAMNlH,OAAO,YAAKH,KAAK,CAACsH,OAAN,CAAcC,IAAnB,kBAA+BvH,KAAK,CAACsH,OAAN,CAAcC,IAA7C;IAND,CAfe;IAuBvB7B,WAAW,EAAE;MACX8B,QAAQ,EAAE,MADC;MAEXnH,QAAQ,EAAE,iBAFC;MAGXK,eAAe,EAAE,IAAA+G,yBAAA,EAAQzH,KAAK,CAACY,OAAN,CAAc8G,OAAd,CAAsBC,KAA9B,EAAqC,GAArC,CAHN;MAIX,WAAW;QACTjH,eAAe,EAAE,IAAA+G,yBAAA,EAAQzH,KAAK,CAACY,OAAN,CAAc8G,OAAd,CAAsBC,KAA9B,EAAqC,GAArC;MADR,CAJA;MAOXN,YAAY,EAAE;IAPH,CAvBU;IAgCvB/G,WAAW,EAAE;MACXkH,QAAQ,EAAE,MADC;MAEXH,YAAY,EAAE,CAFH;MAGX3G,eAAe,EAAE,IAAA+G,yBAAA,EAAQzH,KAAK,CAACY,OAAN,CAAc8G,OAAd,CAAsBC,KAA9B,EAAqC,GAArC,CAHN;MAIX,WAAW;QACTjH,eAAe,EAAE,IAAA+G,yBAAA,EAAQzH,KAAK,CAACY,OAAN,CAAc8G,OAAd,CAAsBC,KAA9B,EAAqC,GAArC;MADR;IAJA,CAhCU;IAwCvBhE,IAAI,EAAE,EAxCiB;IAyCvBiE,SAAS,EAAE;MACTlH,eAAe,EAAE,IAAA+G,yBAAA,EAAQzH,KAAK,CAACY,OAAN,CAAcC,SAAd,CAAwB8G,KAAhC,EAAuC,GAAvC,CADR;MAET,WAAW;QACTjH,eAAe,EAAE,IAAA+G,yBAAA,EAAQzH,KAAK,CAACY,OAAN,CAAcC,SAAd,CAAwB8G,KAAhC,EAAuC,GAAvC;MADR;IAFF,CAzCY;IA+CvBE,UAAU,EAAE;MACVnH,eAAe,EAAE,IAAA+G,yBAAA,EAAQK,iBAAA,CAAM,GAAN,CAAR,EAAoB,GAApB,CADP;MAEV,WAAW;QACTpH,eAAe,EAAE,IAAA+G,yBAAA,EAAQK,iBAAA,CAAM,GAAN,CAAR,EAAoB,GAApB;MADR;IAFD,CA/CW;IAqDvBjC,KAAK,EAAE;MACLxF,QAAQ,EAAE,iBADL;MAELe,UAAU,EAAE;IAFP,CArDgB;IAyDvB0E,GAAG,EAAE;MACHzF,QAAQ,EAAE,iBADP;MAEHe,UAAU,EAAE;IAFT,CAzDkB;IA6DvBgF,IAAI,EAAE;MACJgB,MAAM,EAAE;IADJ;EA7DiB,CAAL;AAAA,CAApB;;eAkEe,IAAArH,kBAAA,EAAW+G,MAAX,EAAmBtD,MAAnB,C"}
|
|
1
|
+
{"version":3,"file":"index.js","names":["log","debug","LatexButton","withStyles","theme","root","textTransform","padding","margin","fontSize","latexButton","pointerEvents","transform","marginBottom","backgroundColor","fade","palette","secondary","main","borderTop","width","marginTop","lineHeight","left","top","right","minHeight","border","display","paddingTop","parallelButton","fontStyle","leftRightArrowButton","props","buttonClass","latex","classNames","classes","mqClassName","MQ","MathQuill","getInterface","span","document","createElement","innerHTML","mathField","StaticMath","parseLatex","e","className","onClick","createCustomLayout","layoutObj","gridTemplateColumns","columns","gridTemplateRows","rows","gridAutoFlow","KeyPad","key","onPress","base","extras","transposed","sortKeys","_","flatten","noDecimal","write","label","baseSet","additionalKeys","layoutForKeyPad","onFocus","mode","noBaseSet","keysWithoutBaseSet","includes","allKeys","flowKeys","shift","length","style","Math","floor","keys","map","k","index","buttonClick","bind","common","labelButton","category","extraClass","comma","dot","disabled","keyIsNotAllowed","command","actions","extraProps","Icon","icon","React","Component","PropTypes","object","isRequired","string","array","func","bool","styles","fontFamily","gridRowGap","gridColumnGap","character","holder","position","height","borderRadius","spacing","unit","minWidth","lighten","primary","light","operators","comparison","green"],"sources":["../../src/keypad/index.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Button from '@material-ui/core/Button';\nimport IconButton from '@material-ui/core/IconButton';\nimport { withStyles } from '@material-ui/core/styles';\nimport classNames from 'classnames';\nimport { lighten, fade } from '@material-ui/core/styles/colorManipulator';\nimport green from '@material-ui/core/colors/green';\nimport { sortKeys } from './keys-layout';\nimport * as mq from '../mq';\nimport { baseSet } from '../keys';\nimport debug from 'debug';\nimport _ from 'lodash';\n\nconst log = debug('pie-lib:math-inline:keypad');\n\nconst LatexButton = withStyles(theme => ({\n root: {\n textTransform: 'none',\n padding: 0,\n margin: 0,\n fontSize: '110% !important'\n },\n latexButton: {\n pointerEvents: 'none',\n textTransform: 'none !important',\n '& .mq-scaled.mq-sqrt-prefix': {\n transform: 'scale(1, 0.9) !important'\n },\n '& .mq-sup-only .mq-sup': {\n marginBottom: '0.9px !important'\n },\n '& .mq-empty': {\n backgroundColor: `${fade(theme.palette.secondary.main, 0.4)} !important`\n },\n '& .mq-overline .mq-overline-inner': {\n borderTop: '2px solid black'\n },\n '& .mq-overarrow': {\n width: '30px',\n marginTop: '0 !important',\n borderTop: '2px solid black',\n '&.mq-arrow-both': {\n '& *': {\n lineHeight: '1 !important'\n },\n '&:before': {\n fontSize: '80%',\n left: 'calc(-13%)',\n top: '-0.25em'\n },\n '&:after': {\n fontSize: '80% !important',\n right: 'calc(-13%) !important',\n top: '-1.5em'\n },\n '&.mq-empty:before': {\n fontSize: '80%',\n left: 'calc(-13%)',\n top: '-0.25em'\n },\n '&.mq-empty:after': {\n fontSize: '80%',\n right: 'calc(-13%)',\n top: '-0.25em'\n },\n '&.mq-empty': {\n minHeight: '1.4em'\n }\n },\n '&.mq-arrow-right:before': {\n fontSize: '80%',\n right: 'calc(-13%)',\n top: '-0.25em'\n },\n '& .mq-overarrow-inner': {\n border: 'none !important'\n },\n '& .mq-overarrow-inner .mq-overarrow-inner-right': {\n display: 'none !important'\n }\n },\n '& .mq-root-block': {\n padding: '5px'\n },\n '& .mq-overarrow.mq-arrow-both.mq-empty:after': {\n right: '-6px',\n fontSize: '80% !important',\n top: '-3px'\n },\n '& .mq-overarrow.mq-arrow-right.mq-empty:before': {\n right: '-5px',\n fontSize: '80% !important',\n top: '-3px'\n },\n '& .mq-overarrow.mq-arrow-both.mq-empty:before': {\n left: '-6px',\n fontSize: '80% !important',\n top: '-3px'\n },\n '& .mq-longdiv-inner': {\n borderTop: '1px solid !important',\n paddingTop: '1.5px !important'\n },\n '& .mq-parallelogram': {\n lineHeight: 0.85\n },\n '& .mq-overarc': {\n borderTop: '2px solid black !important',\n '& .mq-overline-inner': {\n borderTop: 'none !important',\n paddingTop: '0 !important'\n }\n }\n },\n parallelButton: {\n fontStyle: 'italic'\n },\n leftRightArrowButton: {\n '& .mq-overarrow.mq-arrow-both': {\n '& .mq-overline-inner': {\n borderTop: 'none !important',\n paddingTop: '0 !important'\n },\n '&:after': {\n top: '-1.64em !important'\n }\n }\n }\n}))(props => {\n let buttonClass;\n\n if (props.latex === '\\\\parallel') {\n buttonClass = classNames(\n props.classes.latexButton,\n props.mqClassName,\n props.classes.parallelButton\n );\n } else if (props.latex === '\\\\overleftrightarrow{\\\\overline{}}') {\n buttonClass = classNames(\n props.classes.latexButton,\n props.mqClassName,\n props.classes.leftRightArrowButton\n );\n } else {\n buttonClass = classNames(props.classes.latexButton, props.mqClassName);\n }\n\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 <Button className={classNames(props.classes.root, props.className)} onClick={props.onClick}>\n <mq.Static className={buttonClass} latex={props.latex} />\n </Button>\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\nexport class KeyPad extends React.Component {\n static propTypes = {\n classes: PropTypes.object.isRequired,\n className: PropTypes.string,\n baseSet: PropTypes.array,\n additionalKeys: PropTypes.array,\n layoutForKeyPad: PropTypes.object,\n onPress: PropTypes.func.isRequired,\n onFocus: PropTypes.func,\n noDecimal: PropTypes.bool,\n mode: PropTypes.string\n };\n static defaultProps = {\n baseSet: baseSet,\n noDecimal: false\n };\n\n buttonClick = key => {\n log('[buttonClick]', key);\n const { onPress } = this.props;\n onPress(key);\n };\n\n flowKeys = (base, extras) => {\n const transposed = [...sortKeys(base), ...sortKeys(extras)];\n return _.flatten(transposed);\n };\n\n keyIsNotAllowed = key => {\n const { noDecimal } = this.props;\n\n if (\n ((key.write === '.' && key.label === '.') || (key.write === ',' && key.label === ',')) &&\n noDecimal\n ) {\n return true;\n }\n\n return false;\n };\n\n render() {\n const {\n classes,\n className,\n baseSet,\n additionalKeys,\n layoutForKeyPad,\n onFocus,\n mode\n } = this.props;\n\n const noBaseSet = [\n 'non-negative-integers',\n 'integers',\n 'decimals',\n 'fractions',\n 'item-authoring',\n 'language'\n ];\n\n const keysWithoutBaseSet = noBaseSet.includes(mode);\n const allKeys = keysWithoutBaseSet\n ? this.flowKeys([], additionalKeys || [])\n : this.flowKeys(baseSet, additionalKeys || []); //, ...sortKeys(additionalKeys)];\n\n const shift = allKeys.length % 5 ? 1 : 0;\n const style = {\n gridTemplateColumns: `repeat(${Math.floor(allKeys.length / 5) +\n shift}, minmax(min-content, 150px))`,\n ...createCustomLayout(layoutForKeyPad)\n };\n return (\n <div\n className={classNames(classes.keys, className, classes[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 className: classNames(\n classes.labelButton,\n !keysWithoutBaseSet && classes[k.category],\n classes[k.extraClass],\n k.label === ',' && classes.comma,\n k.label === '.' && classes.dot\n ),\n disabled: this.keyIsNotAllowed(k),\n key: `${k.label || k.latex || k.command}-${index}`,\n ...(k.actions || {}),\n ...(k.extraProps || {})\n };\n\n if (k.latex) {\n return <LatexButton latex={k.latex} {...common} className={classes.latexButton} />;\n }\n\n if (k.label) {\n return <Button {...common}>{k.label}</Button>;\n } else {\n const Icon = k.icon ? k.icon : 'div';\n\n return (\n <IconButton tabIndex={'-1'} {...common}>\n <Icon className={classes.icon} />\n </IconButton>\n );\n }\n })}\n </div>\n );\n }\n}\n\nconst styles = theme => ({\n keys: {\n '& *': {\n fontFamily: 'Roboto, Helvetica, Arial, sans-serif !important'\n },\n width: '100%',\n display: 'grid',\n gridTemplateRows: 'repeat(5, minmax(40px, 60px))',\n gridRowGap: '0px',\n gridColumnGap: '0px',\n gridAutoFlow: 'column'\n },\n character: {\n textTransform: 'initial !important'\n },\n holder: {\n position: 'relative',\n width: '100%',\n height: '100%',\n backgroundColor: '#cef',\n borderRadius: 0,\n padding: `${theme.spacing.unit}px 0 ${theme.spacing.unit}px 0`\n },\n labelButton: {\n minWidth: 'auto',\n fontSize: '140% !important',\n backgroundColor: lighten(theme.palette.primary.light, 0.5),\n '&:hover': {\n backgroundColor: lighten(theme.palette.primary.light, 0.7)\n },\n borderRadius: 0\n },\n latexButton: {\n minWidth: 'auto',\n borderRadius: 0,\n backgroundColor: lighten(theme.palette.primary.light, 0.5),\n '&:hover': {\n backgroundColor: lighten(theme.palette.primary.light, 0.7)\n }\n },\n base: {},\n operators: {\n backgroundColor: lighten(theme.palette.secondary.light, 0.5),\n '&:hover': {\n backgroundColor: lighten(theme.palette.secondary.light, 0.7)\n }\n },\n comparison: {\n backgroundColor: lighten(green[500], 0.5),\n '&:hover': {\n backgroundColor: lighten(green[500], 0.7)\n }\n },\n comma: {\n fontSize: '200% !important',\n lineHeight: '100%'\n },\n dot: {\n fontSize: '200% !important',\n lineHeight: '100%'\n },\n icon: {\n height: '30px'\n }\n});\n\nexport default withStyles(styles)(KeyPad);\n"],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
"publishConfig": {
|
|
4
4
|
"access": "public"
|
|
5
5
|
},
|
|
6
|
-
"version": "6.6.1-next.
|
|
6
|
+
"version": "6.6.1-next.437+7133506c",
|
|
7
7
|
"main": "lib/index.js",
|
|
8
8
|
"module": "src/index.jsx",
|
|
9
9
|
"dependencies": {
|
|
@@ -22,5 +22,5 @@
|
|
|
22
22
|
"react-dom": "^16.9.0"
|
|
23
23
|
},
|
|
24
24
|
"scripts": {},
|
|
25
|
-
"gitHead": "
|
|
25
|
+
"gitHead": "7133506c26c247c6be91245284e61ccd14789d4f"
|
|
26
26
|
}
|
package/src/keypad/index.jsx
CHANGED
|
@@ -40,17 +40,14 @@ const LatexButton = withStyles(theme => ({
|
|
|
40
40
|
width: '30px',
|
|
41
41
|
marginTop: '0 !important',
|
|
42
42
|
borderTop: '2px solid black',
|
|
43
|
-
fontFamily: 'Roboto, Helvetica, Arial, sans-serif !important',
|
|
44
|
-
|
|
45
43
|
'&.mq-arrow-both': {
|
|
46
|
-
top: '5px !important',
|
|
47
44
|
'& *': {
|
|
48
45
|
lineHeight: '1 !important'
|
|
49
46
|
},
|
|
50
47
|
'&:before': {
|
|
51
48
|
fontSize: '80%',
|
|
52
49
|
left: 'calc(-13%)',
|
|
53
|
-
top: '-0.
|
|
50
|
+
top: '-0.25em'
|
|
54
51
|
},
|
|
55
52
|
'&:after': {
|
|
56
53
|
fontSize: '80% !important',
|
|
@@ -60,12 +57,12 @@ const LatexButton = withStyles(theme => ({
|
|
|
60
57
|
'&.mq-empty:before': {
|
|
61
58
|
fontSize: '80%',
|
|
62
59
|
left: 'calc(-13%)',
|
|
63
|
-
top: '-0.
|
|
60
|
+
top: '-0.25em'
|
|
64
61
|
},
|
|
65
62
|
'&.mq-empty:after': {
|
|
66
63
|
fontSize: '80%',
|
|
67
64
|
right: 'calc(-13%)',
|
|
68
|
-
top: '-0.
|
|
65
|
+
top: '-0.25em'
|
|
69
66
|
},
|
|
70
67
|
'&.mq-empty': {
|
|
71
68
|
minHeight: '1.4em'
|
|
@@ -126,7 +123,7 @@ const LatexButton = withStyles(theme => ({
|
|
|
126
123
|
paddingTop: '0 !important'
|
|
127
124
|
},
|
|
128
125
|
'&:after': {
|
|
129
|
-
top: '-
|
|
126
|
+
top: '-1.64em !important'
|
|
130
127
|
}
|
|
131
128
|
}
|
|
132
129
|
}
|
|
@@ -277,7 +274,8 @@ export class KeyPad extends React.Component {
|
|
|
277
274
|
),
|
|
278
275
|
disabled: this.keyIsNotAllowed(k),
|
|
279
276
|
key: `${k.label || k.latex || k.command}-${index}`,
|
|
280
|
-
...(k.actions || {})
|
|
277
|
+
...(k.actions || {}),
|
|
278
|
+
...(k.extraProps || {})
|
|
281
279
|
};
|
|
282
280
|
|
|
283
281
|
if (k.latex) {
|