@pie-lib/math-input 8.1.1-next.1 → 8.1.1-next.3

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 (185) hide show
  1. package/dist/_virtual/_rolldown/runtime.js +11 -0
  2. package/dist/horizontal-keypad.d.ts +31 -0
  3. package/dist/horizontal-keypad.js +57 -0
  4. package/dist/index.d.ts +18 -0
  5. package/dist/index.js +19 -0
  6. package/dist/keypad/accessible-keypad.d.ts +37 -0
  7. package/dist/keypad/accessible-keypad.js +614 -0
  8. package/dist/keypad/index.d.ts +2 -0
  9. package/dist/keypad/keys-layout.d.ts +15 -0
  10. package/dist/keypad/keys-layout.js +5 -0
  11. package/dist/keypad/model.d.ts +28 -0
  12. package/dist/keypad/model.js +4 -0
  13. package/dist/keys/basic-operators.d.ts +13 -0
  14. package/dist/keys/basic-operators.js +30 -0
  15. package/dist/keys/chars.d.ts +13 -0
  16. package/dist/keys/comparison.d.ts +12 -0
  17. package/dist/keys/comparison.js +32 -0
  18. package/dist/keys/constants.d.ts +12 -0
  19. package/dist/keys/constants.js +35 -0
  20. package/dist/keys/digits.d.ts +23 -0
  21. package/dist/keys/digits.js +34 -0
  22. package/dist/keys/edit.d.ts +14 -0
  23. package/dist/keys/edit.js +9 -0
  24. package/dist/keys/exponent.d.ts +12 -0
  25. package/dist/keys/exponent.js +28 -0
  26. package/dist/keys/fractions.d.ts +11 -0
  27. package/dist/keys/fractions.js +27 -0
  28. package/dist/keys/geometry.d.ts +31 -0
  29. package/dist/keys/geometry.js +127 -0
  30. package/dist/keys/grades.d.ts +17 -0
  31. package/dist/keys/grades.js +414 -0
  32. package/dist/keys/index.d.ts +14 -0
  33. package/dist/keys/index.js +50 -0
  34. package/dist/keys/log.d.ts +11 -0
  35. package/dist/keys/log.js +25 -0
  36. package/dist/keys/logic.d.ts +10 -0
  37. package/dist/keys/logic.js +13 -0
  38. package/dist/keys/matrices.d.ts +10 -0
  39. package/dist/keys/matrices.js +17 -0
  40. package/dist/keys/misc.d.ts +18 -0
  41. package/dist/keys/misc.js +60 -0
  42. package/dist/keys/navigation.d.ts +10 -0
  43. package/dist/keys/navigation.js +13 -0
  44. package/dist/keys/operators.d.ts +9 -0
  45. package/dist/keys/operators.js +11 -0
  46. package/dist/keys/statistics.d.ts +13 -0
  47. package/dist/keys/statistics.js +38 -0
  48. package/dist/keys/sub-sup.d.ts +10 -0
  49. package/dist/keys/sub-sup.js +17 -0
  50. package/dist/keys/trigonometry.d.ts +14 -0
  51. package/dist/keys/trigonometry.js +43 -0
  52. package/dist/keys/utils.d.ts +13 -0
  53. package/dist/keys/utils.js +24 -0
  54. package/dist/keys/vars.d.ts +11 -0
  55. package/dist/keys/vars.js +22 -0
  56. package/dist/math-input.d.ts +30 -0
  57. package/dist/mq/common-mq-styles.d.ts +225 -0
  58. package/dist/mq/common-mq-styles.js +54 -0
  59. package/dist/mq/custom-elements.d.ts +10 -0
  60. package/dist/mq/custom-elements.js +10 -0
  61. package/dist/mq/index.d.ts +12 -0
  62. package/dist/mq/index.js +12 -0
  63. package/dist/mq/input.d.ts +35 -0
  64. package/dist/mq/input.js +83 -0
  65. package/dist/mq/static.d.ts +43 -0
  66. package/dist/mq/static.js +142 -0
  67. package/dist/updateSpans.d.ts +10 -0
  68. package/dist/updateSpans.js +9 -0
  69. package/package.json +32 -17
  70. package/CHANGELOG.json +0 -17
  71. package/CHANGELOG.md +0 -1172
  72. package/LICENSE.md +0 -5
  73. package/lib/horizontal-keypad.js +0 -96
  74. package/lib/horizontal-keypad.js.map +0 -1
  75. package/lib/index.js +0 -69
  76. package/lib/index.js.map +0 -1
  77. package/lib/keypad/index.js +0 -413
  78. package/lib/keypad/index.js.map +0 -1
  79. package/lib/keypad/keys-layout.js +0 -22
  80. package/lib/keypad/keys-layout.js.map +0 -1
  81. package/lib/keys/basic-operators.js +0 -33
  82. package/lib/keys/basic-operators.js.map +0 -1
  83. package/lib/keys/chars.js +0 -12
  84. package/lib/keys/chars.js.map +0 -1
  85. package/lib/keys/comparison.js +0 -39
  86. package/lib/keys/comparison.js.map +0 -1
  87. package/lib/keys/constants.js +0 -37
  88. package/lib/keys/constants.js.map +0 -1
  89. package/lib/keys/digits.js +0 -46
  90. package/lib/keys/digits.js.map +0 -1
  91. package/lib/keys/edit.js +0 -14
  92. package/lib/keys/edit.js.map +0 -1
  93. package/lib/keys/exponent.js +0 -30
  94. package/lib/keys/exponent.js.map +0 -1
  95. package/lib/keys/fractions.js +0 -29
  96. package/lib/keys/fractions.js.map +0 -1
  97. package/lib/keys/geometry.js +0 -140
  98. package/lib/keys/geometry.js.map +0 -1
  99. package/lib/keys/grades.js +0 -259
  100. package/lib/keys/grades.js.map +0 -1
  101. package/lib/keys/index.js +0 -35
  102. package/lib/keys/index.js.map +0 -1
  103. package/lib/keys/log.js +0 -27
  104. package/lib/keys/log.js.map +0 -1
  105. package/lib/keys/logic.js +0 -19
  106. package/lib/keys/logic.js.map +0 -1
  107. package/lib/keys/matrices.js +0 -19
  108. package/lib/keys/matrices.js.map +0 -1
  109. package/lib/keys/misc.js +0 -62
  110. package/lib/keys/misc.js.map +0 -1
  111. package/lib/keys/navigation.js +0 -20
  112. package/lib/keys/navigation.js.map +0 -1
  113. package/lib/keys/operators.js +0 -15
  114. package/lib/keys/operators.js.map +0 -1
  115. package/lib/keys/statistics.js +0 -40
  116. package/lib/keys/statistics.js.map +0 -1
  117. package/lib/keys/sub-sup.js +0 -19
  118. package/lib/keys/sub-sup.js.map +0 -1
  119. package/lib/keys/trigonometry.js +0 -45
  120. package/lib/keys/trigonometry.js.map +0 -1
  121. package/lib/keys/utils.js +0 -87
  122. package/lib/keys/utils.js.map +0 -1
  123. package/lib/keys/vars.js +0 -24
  124. package/lib/keys/vars.js.map +0 -1
  125. package/lib/math-input.js +0 -141
  126. package/lib/math-input.js.map +0 -1
  127. package/lib/mq/common-mq-styles.js +0 -102
  128. package/lib/mq/common-mq-styles.js.map +0 -1
  129. package/lib/mq/custom-elements.js +0 -20
  130. package/lib/mq/custom-elements.js.map +0 -1
  131. package/lib/mq/index.js +0 -28
  132. package/lib/mq/index.js.map +0 -1
  133. package/lib/mq/input.js +0 -186
  134. package/lib/mq/input.js.map +0 -1
  135. package/lib/mq/mathquill-instance.js +0 -52
  136. package/lib/mq/mathquill-instance.js.map +0 -1
  137. package/lib/mq/static.js +0 -301
  138. package/lib/mq/static.js.map +0 -1
  139. package/lib/updateSpans.js +0 -19
  140. package/lib/updateSpans.js.map +0 -1
  141. package/src/__tests__/horizontal-keypad.test.jsx +0 -463
  142. package/src/__tests__/index.test.js +0 -247
  143. package/src/__tests__/math-input-test.jsx +0 -45
  144. package/src/__tests__/updateSpans.test.js +0 -297
  145. package/src/horizontal-keypad.jsx +0 -69
  146. package/src/index.jsx +0 -28
  147. package/src/keypad/__tests__/index.test.jsx +0 -25
  148. package/src/keypad/__tests__/keys-layout.test.js +0 -14
  149. package/src/keypad/index.jsx +0 -439
  150. package/src/keypad/keys-layout.js +0 -16
  151. package/src/keys/__tests__/utils.test.js +0 -57
  152. package/src/keys/basic-operators.js +0 -32
  153. package/src/keys/chars.js +0 -5
  154. package/src/keys/comparison.js +0 -28
  155. package/src/keys/constants.js +0 -35
  156. package/src/keys/digits.js +0 -40
  157. package/src/keys/edit.js +0 -3
  158. package/src/keys/exponent.js +0 -28
  159. package/src/keys/fractions.js +0 -26
  160. package/src/keys/geometry.js +0 -144
  161. package/src/keys/grades.js +0 -367
  162. package/src/keys/index.js +0 -20
  163. package/src/keys/log.js +0 -22
  164. package/src/keys/logic.js +0 -15
  165. package/src/keys/matrices.js +0 -15
  166. package/src/keys/misc.js +0 -65
  167. package/src/keys/navigation.js +0 -8
  168. package/src/keys/operators.js +0 -10
  169. package/src/keys/statistics.js +0 -38
  170. package/src/keys/sub-sup.js +0 -15
  171. package/src/keys/trigonometry.js +0 -15
  172. package/src/keys/utils.js +0 -66
  173. package/src/keys/vars.js +0 -19
  174. package/src/math-input.jsx +0 -119
  175. package/src/mq/__tests__/custom-elements.test.js +0 -342
  176. package/src/mq/__tests__/input.test.jsx +0 -40
  177. package/src/mq/__tests__/mathquill-instance.test.js +0 -67
  178. package/src/mq/__tests__/static.test.jsx +0 -33
  179. package/src/mq/common-mq-styles.js +0 -109
  180. package/src/mq/custom-elements.js +0 -11
  181. package/src/mq/index.js +0 -5
  182. package/src/mq/input.jsx +0 -166
  183. package/src/mq/mathquill-instance.js +0 -45
  184. package/src/mq/static.jsx +0 -290
  185. package/src/updateSpans.js +0 -15
package/LICENSE.md DELETED
@@ -1,5 +0,0 @@
1
- Copyright 2019 CoreSpring Inc
2
-
3
- Permission to use, copy, modify, and/or distribute this software for any purpose with or without fee is hereby granted, provided that the above copyright notice and this permission notice appear in all copies.
4
-
5
- THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.
@@ -1,96 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports["default"] = void 0;
8
- var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
9
- var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
10
- var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
11
- var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
12
- var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
13
- var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
14
- var _react = _interopRequireDefault(require("react"));
15
- var _propTypes = _interopRequireDefault(require("prop-types"));
16
- var _grades = require("./keys/grades");
17
- var _utils = require("./keys/utils");
18
- var _keypad = _interopRequireDefault(require("./keypad"));
19
- 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)); }
20
- function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
21
- var toOldModel = function toOldModel(d) {
22
- if (d.command) {
23
- return {
24
- value: d.command,
25
- type: 'command'
26
- };
27
- } else if (d.write) {
28
- return {
29
- value: d.write
30
- };
31
- } else if (d.keystroke) {
32
- return {
33
- type: 'cursor',
34
- value: d.keystroke
35
- };
36
- }
37
- };
38
- var HorizontalKeypad = exports["default"] = /*#__PURE__*/function (_React$Component) {
39
- function HorizontalKeypad() {
40
- var _this;
41
- (0, _classCallCheck2["default"])(this, HorizontalKeypad);
42
- for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
43
- args[_key] = arguments[_key];
44
- }
45
- _this = _callSuper(this, HorizontalKeypad, [].concat(args));
46
- (0, _defineProperty2["default"])(_this, "keypadPress", function (data) {
47
- var onClick = _this.props.onClick;
48
- onClick(toOldModel(data));
49
- });
50
- return _this;
51
- }
52
- (0, _inherits2["default"])(HorizontalKeypad, _React$Component);
53
- return (0, _createClass2["default"])(HorizontalKeypad, [{
54
- key: "render",
55
- value: function render() {
56
- var _this$props = this.props,
57
- mode = _this$props.mode,
58
- onFocus = _this$props.onFocus,
59
- controlledKeypadMode = _this$props.controlledKeypadMode,
60
- noDecimal = _this$props.noDecimal,
61
- className = _this$props.className,
62
- additionalKeys = _this$props.additionalKeys,
63
- layoutForKeyPad = _this$props.layoutForKeyPad,
64
- setKeypadInteraction = _this$props.setKeypadInteraction;
65
- var normalizedKeys = (0, _grades.normalizeAdditionalKeys)(additionalKeys);
66
- return /*#__PURE__*/_react["default"].createElement(_keypad["default"], {
67
- className: className,
68
- controlledKeypadMode: controlledKeypadMode,
69
- onFocus: onFocus,
70
- noDecimal: noDecimal,
71
- layoutForKeyPad: layoutForKeyPad,
72
- additionalKeys: (0, _utils.extendKeySet)((0, _grades.keysForGrade)(mode), normalizedKeys),
73
- onPress: this.keypadPress,
74
- mode: mode,
75
- setKeypadInteraction: setKeypadInteraction
76
- });
77
- }
78
- }]);
79
- }(_react["default"].Component);
80
- (0, _defineProperty2["default"])(HorizontalKeypad, "propTypes", {
81
- className: _propTypes["default"].string,
82
- controlledKeypadMode: _propTypes["default"].bool,
83
- mode: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]),
84
- layoutForKeyPad: _propTypes["default"].object,
85
- onClick: _propTypes["default"].func.isRequired,
86
- onFocus: _propTypes["default"].func,
87
- noDecimal: _propTypes["default"].bool,
88
- additionalKeys: _propTypes["default"].array,
89
- setKeypadInteraction: _propTypes["default"].func
90
- });
91
- (0, _defineProperty2["default"])(HorizontalKeypad, "defaultProps", {
92
- mode: 'scientific',
93
- noDecimal: false,
94
- additionalKeys: []
95
- });
96
- //# sourceMappingURL=horizontal-keypad.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"horizontal-keypad.js","names":["_react","_interopRequireDefault","require","_propTypes","_grades","_utils","_keypad","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","apply","Boolean","prototype","valueOf","call","toOldModel","d","command","value","type","write","keystroke","HorizontalKeypad","exports","_React$Component","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","concat","_defineProperty2","data","onClick","props","_inherits2","_createClass2","key","render","_this$props","mode","onFocus","controlledKeypadMode","noDecimal","className","additionalKeys","layoutForKeyPad","setKeypadInteraction","normalizedKeys","normalizeAdditionalKeys","createElement","extendKeySet","keysForGrade","onPress","keypadPress","React","Component","PropTypes","string","bool","oneOfType","number","object","func","isRequired","array"],"sources":["../src/horizontal-keypad.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { keysForGrade, normalizeAdditionalKeys } from './keys/grades';\nimport { extendKeySet } from './keys/utils';\nimport Keypad from './keypad';\n\nconst toOldModel = (d) => {\n if (d.command) {\n return { value: d.command, type: 'command' };\n } else if (d.write) {\n return { value: d.write };\n } else if (d.keystroke) {\n return { type: 'cursor', value: d.keystroke };\n }\n};\n\nexport default class HorizontalKeypad extends React.Component {\n static propTypes = {\n className: PropTypes.string,\n controlledKeypadMode: PropTypes.bool,\n mode: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n layoutForKeyPad: PropTypes.object,\n onClick: PropTypes.func.isRequired,\n onFocus: PropTypes.func,\n noDecimal: PropTypes.bool,\n additionalKeys: PropTypes.array,\n setKeypadInteraction: PropTypes.func,\n };\n\n static defaultProps = {\n mode: 'scientific',\n noDecimal: false,\n additionalKeys: [],\n };\n\n keypadPress = (data) => {\n const { onClick } = this.props;\n\n onClick(toOldModel(data));\n };\n\n render() {\n const {\n mode,\n onFocus,\n controlledKeypadMode,\n noDecimal,\n className,\n additionalKeys,\n layoutForKeyPad,\n setKeypadInteraction,\n } = this.props;\n const normalizedKeys = normalizeAdditionalKeys(additionalKeys);\n\n return (\n <Keypad\n className={className}\n controlledKeypadMode={controlledKeypadMode}\n onFocus={onFocus}\n noDecimal={noDecimal}\n layoutForKeyPad={layoutForKeyPad}\n additionalKeys={extendKeySet(keysForGrade(mode), normalizedKeys)}\n onPress={this.keypadPress}\n mode={mode}\n setKeypadInteraction={setKeypadInteraction}\n />\n );\n }\n}\n"],"mappings":"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","ignoreList":[]}
package/lib/index.js DELETED
@@ -1,69 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
- var _typeof = require("@babel/runtime/helpers/typeof");
5
- Object.defineProperty(exports, "__esModule", {
6
- value: true
7
- });
8
- Object.defineProperty(exports, "HorizontalKeypad", {
9
- enumerable: true,
10
- get: function get() {
11
- return _horizontalKeypad["default"];
12
- }
13
- });
14
- exports.addBrackets = void 0;
15
- Object.defineProperty(exports, "applyStaticMath", {
16
- enumerable: true,
17
- get: function get() {
18
- return _mathquillInstance.applyStaticMath;
19
- }
20
- });
21
- exports.keys = void 0;
22
- Object.defineProperty(exports, "keysForGrade", {
23
- enumerable: true,
24
- get: function get() {
25
- return _grades.keysForGrade;
26
- }
27
- });
28
- exports.mq = void 0;
29
- Object.defineProperty(exports, "registerEmbed", {
30
- enumerable: true,
31
- get: function get() {
32
- return _mathquillInstance.registerEmbed;
33
- }
34
- });
35
- exports.removeBrackets = void 0;
36
- Object.defineProperty(exports, "updateSpans", {
37
- enumerable: true,
38
- get: function get() {
39
- return _updateSpans.updateSpans;
40
- }
41
- });
42
- var _grades = require("./keys/grades");
43
- var _updateSpans = require("./updateSpans");
44
- var keys = _interopRequireWildcard(require("./keys"));
45
- exports.keys = keys;
46
- var _horizontalKeypad = _interopRequireDefault(require("./horizontal-keypad"));
47
- var mq = _interopRequireWildcard(require("./mq"));
48
- exports.mq = mq;
49
- var _mathquillInstance = require("./mq/mathquill-instance");
50
- 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); }
51
- var addLeftBracket = function addLeftBracket(s) {
52
- return s.indexOf('\\(') === 0 ? s : "\\(".concat(s);
53
- };
54
- var addRightBracket = function addRightBracket(s) {
55
- return s.indexOf('\\)') === s.length - 2 ? s : "".concat(s, "\\)");
56
- };
57
- var rmLeftBracket = function rmLeftBracket(s) {
58
- return s.indexOf('\\(') === 0 ? s.substring(2) : s;
59
- };
60
- var rmRightBracket = function rmRightBracket(s) {
61
- return s.indexOf('\\)') === s.length - 2 ? s.substring(0, s.length - 2) : s;
62
- };
63
- var addBrackets = exports.addBrackets = function addBrackets(s) {
64
- return addRightBracket(addLeftBracket(s));
65
- };
66
- var removeBrackets = exports.removeBrackets = function removeBrackets(s) {
67
- return rmRightBracket(rmLeftBracket(s));
68
- };
69
- //# sourceMappingURL=index.js.map
package/lib/index.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","names":["_grades","require","_updateSpans","keys","_interopRequireWildcard","exports","_horizontalKeypad","_interopRequireDefault","mq","_mathquillInstance","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","_typeof","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","addLeftBracket","s","indexOf","concat","addRightBracket","length","rmLeftBracket","substring","rmRightBracket","addBrackets","removeBrackets"],"sources":["../src/index.jsx"],"sourcesContent":["import { keysForGrade } from './keys/grades';\nimport { updateSpans } from './updateSpans';\nimport * as keys from './keys';\n\nimport HorizontalKeypad from './horizontal-keypad';\n\nimport * as mq from './mq';\nimport { registerEmbed, applyStaticMath } from './mq/mathquill-instance';\n\nconst addLeftBracket = (s) => (s.indexOf('\\\\(') === 0 ? s : `\\\\(${s}`);\nconst addRightBracket = (s) => (s.indexOf('\\\\)') === s.length - 2 ? s : `${s}\\\\)`);\nconst rmLeftBracket = (s) => (s.indexOf('\\\\(') === 0 ? s.substring(2) : s);\nconst rmRightBracket = (s) => (s.indexOf('\\\\)') === s.length - 2 ? s.substring(0, s.length - 2) : s);\n\nconst addBrackets = (s) => addRightBracket(addLeftBracket(s));\nconst removeBrackets = (s) => rmRightBracket(rmLeftBracket(s));\n\nexport {\n keysForGrade,\n addBrackets,\n removeBrackets,\n keys,\n HorizontalKeypad,\n mq,\n updateSpans,\n registerEmbed,\n applyStaticMath,\n};\n"],"mappings":"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","ignoreList":[]}
@@ -1,413 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
- var _typeof = require("@babel/runtime/helpers/typeof");
5
- Object.defineProperty(exports, "__esModule", {
6
- value: true
7
- });
8
- exports["default"] = exports.KeyPad = void 0;
9
- var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
10
- var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
11
- var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
12
- var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
13
- var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
14
- var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
15
- var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
16
- var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
17
- var _react = _interopRequireDefault(require("react"));
18
- var _propTypes = _interopRequireDefault(require("prop-types"));
19
- var _Button = _interopRequireDefault(require("@mui/material/Button"));
20
- var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
21
- var _styles = require("@mui/material/styles");
22
- var _debug = _interopRequireDefault(require("debug"));
23
- var _lodashEs = require("lodash-es");
24
- var _renderUi = require("@pie-lib/render-ui");
25
- var mq = _interopRequireWildcard(require("../mq"));
26
- var _keys = require("../keys");
27
- var _commonMqStyles = require("../mq/common-mq-styles");
28
- var _keysLayout = require("./keys-layout");
29
- 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); }
30
- 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)); }
31
- function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
32
- 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; }
33
- 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; }
34
- var log = (0, _debug["default"])('pie-lib:math-inline:keypad');
35
- var LatexButtonContent = (0, _styles.styled)(mq.Static)(function (_ref) {
36
- var latex = _ref.latex;
37
- var baseStyles = {
38
- pointerEvents: 'none',
39
- textTransform: 'none !important',
40
- color: _renderUi.color.text(),
41
- '& .mq-scaled.mq-sqrt-prefix': {
42
- transform: 'scale(1, 0.9) !important'
43
- },
44
- '& .mq-sup-only .mq-sup': {
45
- marginBottom: '0.9px !important'
46
- },
47
- '& .mq-empty': {
48
- backgroundColor: "".concat(_renderUi.color.keypadEmptyPlaceholder(), " !important")
49
- },
50
- '& .mq-overline .mq-overline-inner': {
51
- borderTop: '2px solid black'
52
- },
53
- '& .mq-non-leaf.mq-overline': {
54
- borderTop: 'none !important'
55
- },
56
- '& .mq-overarrow': {
57
- width: '30px',
58
- marginTop: '0 !important',
59
- borderTop: '2px solid black',
60
- fontFamily: 'Roboto, Helvetica, Arial, sans-serif !important',
61
- '&.mq-arrow-both': {
62
- top: '0px !important',
63
- '& *': {
64
- lineHeight: '1 !important',
65
- borderTop: 'none !important'
66
- },
67
- '&:before': {
68
- fontSize: '80%',
69
- left: 'calc(-13%) !important',
70
- top: '-0.31em !important'
71
- },
72
- '&:after': {
73
- fontSize: '80% !important',
74
- right: 'calc(-13%) !important',
75
- top: '-1.5em'
76
- },
77
- '&.mq-empty:before': {
78
- fontSize: '80%',
79
- left: 'calc(-13%)',
80
- top: '-0.26em'
81
- },
82
- '&.mq-empty:after': {
83
- fontSize: '80%',
84
- right: 'calc(-13%)',
85
- top: '-0.26em'
86
- },
87
- '&.mq-empty': {
88
- minHeight: '1.4em'
89
- }
90
- },
91
- '&.mq-arrow-right:before': {
92
- fontSize: '80%',
93
- right: 'calc(-13%) !important',
94
- top: '-0.26em !important'
95
- },
96
- '& .mq-overarrow-inner': {
97
- border: 'none !important'
98
- },
99
- '& .mq-overarrow-inner .mq-overarrow-inner-right': {
100
- display: 'none !important'
101
- }
102
- },
103
- '& .mq-root-block': {
104
- padding: '5px !important'
105
- },
106
- '& .mq-overarrow.mq-arrow-both.mq-empty:after': {
107
- right: '-6px',
108
- fontSize: '80% !important',
109
- top: '-3px'
110
- },
111
- '& .mq-overarrow.mq-arrow-right.mq-empty:before': {
112
- right: '-5px',
113
- fontSize: '80% !important',
114
- top: '-3px'
115
- },
116
- '& .mq-overarrow.mq-arrow-both.mq-empty:before': {
117
- left: '-6px',
118
- fontSize: '80% !important',
119
- top: '-3px'
120
- },
121
- '& .mq-longdiv-inner': {
122
- borderTop: '1px solid !important',
123
- paddingTop: '1.5px !important'
124
- },
125
- '& .mq-parallelogram': {
126
- lineHeight: 0.85
127
- },
128
- '& .mq-overarc': {
129
- borderTop: '2px solid black !important',
130
- '& .mq-overline': {
131
- borderTop: 'none !important'
132
- },
133
- '& .mq-overline-inner': {
134
- borderTop: 'none !important',
135
- paddingTop: '0 !important'
136
- }
137
- }
138
- };
139
-
140
- // Add specific styles based on latex content
141
- if (latex === '\\parallel') {
142
- return _objectSpread(_objectSpread({}, baseStyles), {}, {
143
- fontStyle: 'italic !important'
144
- });
145
- }
146
- if (latex === '\\overleftrightarrow{\\overline{}}') {
147
- return _objectSpread(_objectSpread({}, baseStyles), {}, {
148
- '& .mq-overarrow.mq-arrow-both': {
149
- '& .mq-overline-inner': {
150
- borderTop: 'none !important',
151
- paddingTop: '0 !important'
152
- },
153
- '&:after': {
154
- position: 'absolute !important',
155
- top: '0px !important'
156
- }
157
- }
158
- });
159
- }
160
- return baseStyles;
161
- });
162
- LatexButtonContent.propTypes = {
163
- latex: _propTypes["default"].string.isRequired
164
- };
165
-
166
- // LatexButton component removed - LatexButtonContent is used directly instead
167
-
168
- var createCustomLayout = function createCustomLayout(layoutObj) {
169
- if (layoutObj) {
170
- return {
171
- gridTemplateColumns: "repeat(".concat(layoutObj.columns, ", minmax(min-content, 150px))"),
172
- gridTemplateRows: "repeat(".concat(layoutObj.rows, ", minmax(40px, 60px))"),
173
- gridAutoFlow: 'initial'
174
- };
175
- }
176
- return {};
177
- };
178
- var KeyPadContainer = (0, _styles.styled)('div')(function () {
179
- return _objectSpread(_objectSpread({}, _commonMqStyles.commonMqKeyboardStyles), {}, {
180
- width: '100%',
181
- display: 'grid',
182
- gridTemplateRows: 'repeat(5, minmax(40px, 60px))',
183
- gridRowGap: '0px',
184
- gridColumnGap: '0px',
185
- gridAutoFlow: 'column',
186
- '&.character': {
187
- textTransform: 'initial !important',
188
- gridTemplateRows: 'repeat(5, minmax(40px, 50px)) !important'
189
- },
190
- '&.language': {
191
- gridTemplateRows: 'repeat(4, minmax(40px, 50px)) !important',
192
- '& *': {
193
- fontFamily: 'Roboto, Helvetica, Arial, sans-serif !important'
194
- }
195
- }
196
- });
197
- });
198
- var StyledButton = (0, _styles.styled)(_Button["default"])(function (_ref2) {
199
- var category = _ref2.category,
200
- isDelete = _ref2.isDelete,
201
- isComma = _ref2.isComma,
202
- isDot = _ref2.isDot;
203
- return _objectSpread({
204
- minWidth: 'auto',
205
- textTransform: 'none',
206
- fontSize: isComma || isDot ? '200% !important' : '140% !important',
207
- lineHeight: isComma || isDot ? '100%' : 'normal',
208
- color: _renderUi.color.text(),
209
- backgroundColor: category === 'operators' ? _renderUi.color.keypadButtonOperator() : _renderUi.color.keypadButton(),
210
- '&:hover': {
211
- backgroundColor: category === 'operators' ? _renderUi.color.keypadButtonOperatorHover() : _renderUi.color.keypadButtonHover()
212
- },
213
- borderRadius: 0
214
- }, isDelete && {
215
- fontFamily: 'Roboto, Helvetica, Arial, sans-serif !important'
216
- });
217
- });
218
- var StyledLatexButtonWrapper = (0, _styles.styled)(_Button["default"])(function (_ref3) {
219
- var category = _ref3.category;
220
- return {
221
- textTransform: 'none',
222
- padding: 0,
223
- margin: 0,
224
- fontSize: '110% !important',
225
- minWidth: 'auto',
226
- borderRadius: 0,
227
- backgroundColor: category === 'operators' ? _renderUi.color.keypadButtonOperator() : _renderUi.color.keypadButton(),
228
- '&:hover': {
229
- backgroundColor: category === 'operators' ? _renderUi.color.keypadButtonOperatorHover() : _renderUi.color.keypadButtonHover()
230
- }
231
- };
232
- });
233
- var StyledIconButton = (0, _styles.styled)(_IconButton["default"])(function (_ref4) {
234
- var category = _ref4.category;
235
- return {
236
- minWidth: 'auto',
237
- backgroundColor: category === 'operators' ? _renderUi.color.keypadButtonOperator() : _renderUi.color.keypadButton(),
238
- '&:hover': {
239
- backgroundColor: category === 'operators' ? _renderUi.color.keypadButtonOperatorHover() : _renderUi.color.keypadButtonHover()
240
- },
241
- borderRadius: 0,
242
- '& .icon': {
243
- height: '30px'
244
- }
245
- };
246
- });
247
- var KeyPad = exports.KeyPad = /*#__PURE__*/function (_React$Component) {
248
- function KeyPad(props) {
249
- var _this;
250
- (0, _classCallCheck2["default"])(this, KeyPad);
251
- _this = _callSuper(this, KeyPad, [props]);
252
- (0, _defineProperty2["default"])(_this, "handleKeypadInteraction", function () {
253
- // Check if the setKeypadInteraction prop is available, which is used for both
254
- // the language keypad and the special characters keypad
255
- if (_this.props.setKeypadInteraction) {
256
- _this.props.setKeypadInteraction(true);
257
- }
258
- });
259
- (0, _defineProperty2["default"])(_this, "buttonClick", function (key) {
260
- log('[buttonClick]', key);
261
- var onPress = _this.props.onPress;
262
- onPress(key);
263
- });
264
- (0, _defineProperty2["default"])(_this, "flowKeys", function (base, extras) {
265
- var transposed = [].concat((0, _toConsumableArray2["default"])((0, _keysLayout.sortKeys)(base)), (0, _toConsumableArray2["default"])((0, _keysLayout.sortKeys)(extras)));
266
- return (0, _lodashEs.flatten)(transposed);
267
- });
268
- (0, _defineProperty2["default"])(_this, "keyIsNotAllowed", function (key) {
269
- var noDecimal = _this.props.noDecimal;
270
- if ((key.write === '.' && key.label === '.' || key.write === ',' && key.label === ',') && noDecimal) {
271
- return true;
272
- }
273
- return false;
274
- });
275
- _this.keypadRef = /*#__PURE__*/_react["default"].createRef();
276
- return _this;
277
- }
278
- (0, _inherits2["default"])(KeyPad, _React$Component);
279
- return (0, _createClass2["default"])(KeyPad, [{
280
- key: "componentDidMount",
281
- value: function componentDidMount() {
282
- var _this$keypadRef;
283
- var keyPadElement = (_this$keypadRef = this.keypadRef) === null || _this$keypadRef === void 0 ? void 0 : _this$keypadRef.current;
284
- var mainContainer = keyPadElement === null || keyPadElement === void 0 ? void 0 : keyPadElement.closest('.main-container');
285
- var currentToolbar = keyPadElement === null || keyPadElement === void 0 ? void 0 : keyPadElement.closest('.pie-toolbar');
286
-
287
- // need only for math keyboard so we need also controlledKeypadMode
288
- if (this.props.controlledKeypadMode && mainContainer && currentToolbar) {
289
- var mainContainerPosition = mainContainer.getBoundingClientRect();
290
- var currentToolbarPosition = currentToolbar.getBoundingClientRect();
291
- var difference = mainContainerPosition.top + mainContainerPosition.height - (currentToolbarPosition.top + currentToolbarPosition.height);
292
- if (difference < 0) {
293
- var totalHeight = mainContainerPosition.height + mainContainerPosition.top - difference;
294
- // increase the height of the main container if keyboard needs it
295
- if (mainContainer) {
296
- mainContainer.style.height = "".concat(totalHeight, "px");
297
- }
298
- }
299
- }
300
- if (keyPadElement) {
301
- keyPadElement.addEventListener('touchstart', this.handleKeypadInteraction, true);
302
- keyPadElement.addEventListener('mousedown', this.handleKeypadInteraction, true);
303
- }
304
- }
305
- }, {
306
- key: "componentWillUnmount",
307
- value: function componentWillUnmount() {
308
- var _this$keypadRef2;
309
- var keyPadElement = (_this$keypadRef2 = this.keypadRef) === null || _this$keypadRef2 === void 0 ? void 0 : _this$keypadRef2.current;
310
- // need only for math keyboard
311
- if (this.props.controlledKeypadMode && keyPadElement) {
312
- var mainContainer = keyPadElement.closest('.main-container');
313
- if (mainContainer) {
314
- mainContainer.style.height = 'unset';
315
- }
316
- }
317
- if (keyPadElement) {
318
- keyPadElement.removeEventListener('touchstart', this.handleKeypadInteraction, true);
319
- keyPadElement.removeEventListener('mousedown', this.handleKeypadInteraction, true);
320
- }
321
- }
322
- }, {
323
- key: "render",
324
- value: function render() {
325
- var _this2 = this;
326
- var _this$props = this.props,
327
- className = _this$props.className,
328
- baseSet = _this$props.baseSet,
329
- additionalKeys = _this$props.additionalKeys,
330
- layoutForKeyPad = _this$props.layoutForKeyPad,
331
- onFocus = _this$props.onFocus,
332
- mode = _this$props.mode;
333
- var noBaseSet = ['non-negative-integers', 'integers', 'decimals', 'fractions', 'item-authoring', 'language'];
334
- var keysWithoutBaseSet = noBaseSet.includes(mode);
335
- var allKeys = keysWithoutBaseSet ? this.flowKeys([], additionalKeys || []) : this.flowKeys(baseSet, additionalKeys || []);
336
- var shift = allKeys.length % 5 ? 1 : 0;
337
- var style = _objectSpread({
338
- gridTemplateColumns: "repeat(".concat(Math.floor(allKeys.length / 5) + shift, ", minmax(min-content, 150px))")
339
- }, createCustomLayout(layoutForKeyPad));
340
- return /*#__PURE__*/_react["default"].createElement(KeyPadContainer, {
341
- ref: this.keypadRef,
342
- className: [className, mode].filter(Boolean).join(' '),
343
- style: style,
344
- onFocus: onFocus
345
- }, allKeys.map(function (k, index) {
346
- var onClick = _this2.buttonClick.bind(_this2, k);
347
- if (!k) {
348
- return /*#__PURE__*/_react["default"].createElement("span", {
349
- key: "empty-".concat(index)
350
- });
351
- }
352
- var common = _objectSpread(_objectSpread({
353
- onClick: onClick,
354
- disabled: _this2.keyIsNotAllowed(k),
355
- key: "".concat(k.label || k.latex || k.command, "-").concat(index)
356
- }, k.actions || {}), k.extraProps || {});
357
- if (k.latex) {
358
- return /*#__PURE__*/_react["default"].createElement(StyledLatexButtonWrapper, (0, _extends2["default"])({
359
- key: common.key,
360
- onClick: common.onClick,
361
- disabled: common.disabled,
362
- category: !keysWithoutBaseSet ? k.category : undefined,
363
- "aria-label": k.ariaLabel ? k.ariaLabel : k.name || k.label
364
- }, k.actions || {}, k.extraProps || {}), /*#__PURE__*/_react["default"].createElement(LatexButtonContent, {
365
- latex: k.latex
366
- }));
367
- }
368
- if (k.label) {
369
- return /*#__PURE__*/_react["default"].createElement(StyledButton, (0, _extends2["default"])({
370
- key: common.key,
371
- onClick: common.onClick,
372
- disabled: common.disabled,
373
- category: !keysWithoutBaseSet ? k.category : undefined,
374
- isDelete: k.label === '⌫',
375
- isComma: k.label === ',',
376
- isDot: k.label === '.',
377
- "aria-label": k.ariaLabel ? k.ariaLabel : k.name || k.label
378
- }, k.actions || {}, k.extraProps || {}), k.label);
379
- } else {
380
- var Icon = k.icon ? k.icon : 'div';
381
- return /*#__PURE__*/_react["default"].createElement(StyledIconButton, (0, _extends2["default"])({
382
- key: common.key,
383
- tabIndex: '-1',
384
- onClick: common.onClick,
385
- disabled: common.disabled,
386
- category: !keysWithoutBaseSet ? k.category : undefined,
387
- size: "large"
388
- }, k.actions || {}, k.extraProps || {}), /*#__PURE__*/_react["default"].createElement(Icon, {
389
- className: "icon"
390
- }));
391
- }
392
- }));
393
- }
394
- }]);
395
- }(_react["default"].Component);
396
- (0, _defineProperty2["default"])(KeyPad, "propTypes", {
397
- className: _propTypes["default"].string,
398
- controlledKeypadMode: _propTypes["default"].bool,
399
- baseSet: _propTypes["default"].array,
400
- additionalKeys: _propTypes["default"].array,
401
- layoutForKeyPad: _propTypes["default"].object,
402
- onPress: _propTypes["default"].func.isRequired,
403
- onFocus: _propTypes["default"].func,
404
- noDecimal: _propTypes["default"].bool,
405
- setKeypadInteraction: _propTypes["default"].func,
406
- mode: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number])
407
- });
408
- (0, _defineProperty2["default"])(KeyPad, "defaultProps", {
409
- baseSet: _keys.baseSet,
410
- noDecimal: false
411
- });
412
- var _default = exports["default"] = KeyPad;
413
- //# sourceMappingURL=index.js.map