@pie-lib/math-input 6.12.0-beta.4 → 6.12.0-beta.5

package/CHANGELOG.md

@@ -3,6 +3,30 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [6.12.0-beta.5](https://github.com/pie-framework/pie-lib/compare/@pie-lib/math-input@6.11.4...@pie-lib/math-input@6.12.0-beta.5) (2025-07-25)
+
+**Note:** Version bump only for package @pie-lib/math-input
+
+
+
+
+
+# [6.12.0-beta.4](https://github.com/pie-framework/pie-lib/compare/@pie-lib/math-input@6.11.4...@pie-lib/math-input@6.12.0-beta.4) (2025-07-25)
+
+**Note:** Version bump only for package @pie-lib/math-input
+
+
+
+
+
+# [6.12.0-beta.3](https://github.com/pie-framework/pie-lib/compare/@pie-lib/math-input@6.11.4...@pie-lib/math-input@6.12.0-beta.3) (2025-07-25)
+
+**Note:** Version bump only for package @pie-lib/math-input
+
+
+
+
+
 # [6.12.0-beta.4](https://github.com/pie-framework/pie-lib/compare/@pie-lib/math-input@6.11.4...@pie-lib/math-input@6.12.0-beta.4) (2025-07-23)
 
 **Note:** Version bump only for package @pie-lib/math-input

package/lib/__tests__/math-input-test.js

@@ -0,0 +1,109 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _enzyme = require("enzyme");
+
+var _react = _interopRequireDefault(require("react"));
+
+var _mathInput = require("../math-input");
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+describe('MathInput', function () {
+  var w;
+  var onChange;
+  beforeEach(function () {
+    onChange = jest.fn();
+  });
+
+  var wrapper = function wrapper(extras) {
+    var defaults = {
+      classes: {},
+      className: 'className',
+      onChange: onChange
+    };
+
+    var props = _objectSpread(_objectSpread({}, defaults), extras);
+
+    return (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_mathInput.MathInput, props));
+  };
+
+  describe('snapshot', function () {
+    it('renders', function () {
+      w = wrapper();
+      expect(w).toMatchSnapshot();
+    });
+  });
+  describe('logic', function () {
+    beforeEach(function () {
+      w = wrapper();
+      w.instance().input = {
+        write: jest.fn(),
+        command: jest.fn(),
+        keystroke: jest.fn()
+      };
+    });
+    describe('keypadPress', function () {
+      it('calls input.write for latex', function () {
+        w.instance().keypadPress({
+          latex: 'latex'
+        });
+        expect(w.instance().input.write).toHaveBeenLastCalledWith('latex');
+      });
+      it('calls input.write for write', function () {
+        w.instance().keypadPress({
+          write: 'write'
+        });
+        expect(w.instance().input.write).toHaveBeenLastCalledWith('write');
+      });
+      it('calls input.command for command', function () {
+        w.instance().keypadPress({
+          command: 'cmd'
+        });
+        expect(w.instance().input.command).toHaveBeenLastCalledWith('cmd');
+      });
+      it('calls input.keystroke for keystroke', function () {
+        w.instance().keypadPress({
+          keystroke: 'k'
+        });
+        expect(w.instance().input.keystroke).toHaveBeenLastCalledWith('k');
+      });
+    });
+  });
+  describe('changeLatex', function () {
+    it('calls onChange', function () {
+      w = wrapper();
+      w.instance().changeLatex('new-latex');
+      expect(onChange).toHaveBeenCalledWith('new-latex');
+    });
+    it('does not call onChange if it is the same as the existing latex', function () {
+      w = wrapper();
+      w.setProps({
+        latex: 'new-latex'
+      });
+      w.instance().changeLatex('new-latex');
+      expect(onChange).not.toHaveBeenCalledWith('new-latex');
+    });
+  });
+  describe('inputFocus', function () {
+    it('sets state', function () {
+      w = wrapper();
+      w.instance().inputFocus();
+      expect(w.state().focused).toBe(true);
+    });
+  });
+  describe('inputBlur', function () {
+    it('sets state', function () {
+      w = wrapper();
+      w.instance().inputFocus();
+      w.instance().inputBlur();
+      expect(w.state().focused).toBe(false);
+    });
+  });
+});
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9fX3Rlc3RzX18vbWF0aC1pbnB1dC10ZXN0LmpzeCJdLCJuYW1lcyI6WyJkZXNjcmliZSIsInciLCJvbkNoYW5nZSIsImJlZm9yZUVhY2giLCJqZXN0IiwiZm4iLCJ3cmFwcGVyIiwiZXh0cmFzIiwiZGVmYXVsdHMiLCJjbGFzc2VzIiwiY2xhc3NOYW1lIiwicHJvcHMiLCJpdCIsImV4cGVjdCIsInRvTWF0Y2hTbmFwc2hvdCIsImluc3RhbmNlIiwiaW5wdXQiLCJ3cml0ZSIsImNvbW1hbmQiLCJrZXlzdHJva2UiLCJrZXlwYWRQcmVzcyIsImxhdGV4IiwidG9IYXZlQmVlbkxhc3RDYWxsZWRXaXRoIiwiY2hhbmdlTGF0ZXgiLCJ0b0hhdmVCZWVuQ2FsbGVkV2l0aCIsInNldFByb3BzIiwibm90IiwiaW5wdXRGb2N1cyIsInN0YXRlIiwiZm9jdXNlZCIsInRvQmUiLCJpbnB1dEJsdXIiXSwibWFwcGluZ3MiOiI7Ozs7OztBQUFBOztBQUNBOztBQUNBOzs7Ozs7QUFFQUEsUUFBUSxDQUFDLFdBQUQsRUFBYyxZQUFNO0FBQzFCLE1BQUlDLENBQUo7QUFDQSxNQUFJQyxRQUFKO0FBRUFDLEVBQUFBLFVBQVUsQ0FBQyxZQUFNO0FBQ2ZELElBQUFBLFFBQVEsR0FBR0UsSUFBSSxDQUFDQyxFQUFMLEVBQVg7QUFDRCxHQUZTLENBQVY7O0FBR0EsTUFBTUMsT0FBTyxHQUFHLFNBQVZBLE9BQVUsQ0FBQ0MsTUFBRCxFQUFZO0FBQzFCLFFBQU1DLFFBQVEsR0FBRztBQUNmQyxNQUFBQSxPQUFPLEVBQUUsRUFETTtBQUVmQyxNQUFBQSxTQUFTLEVBQUUsV0FGSTtBQUdmUixNQUFBQSxRQUFRLEVBQVJBO0FBSGUsS0FBakI7O0FBS0EsUUFBTVMsS0FBSyxtQ0FBUUgsUUFBUixHQUFxQkQsTUFBckIsQ0FBWDs7QUFDQSxXQUFPLG1DQUFRLGdDQUFDLG9CQUFELEVBQWVJLEtBQWYsQ0FBUixDQUFQO0FBQ0QsR0FSRDs7QUFTQVgsRUFBQUEsUUFBUSxDQUFD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S0FBSyxFQUFFO0FBQVQsT0FBWDtBQUNBcEIsTUFBQUEsQ0FBQyxDQUFDYyxRQUFGLEdBQWFRLFdBQWIsQ0FBeUIsV0FBekI7QUFDQVYsTUFBQUEsTUFBTSxDQUFDWCxRQUFELENBQU4sQ0FBaUJ3QixHQUFqQixDQUFxQkYsb0JBQXJCLENBQTBDLFdBQTFDO0FBQ0QsS0FMQyxDQUFGO0FBTUQsR0FaTyxDQUFSO0FBY0F4QixFQUFBQSxRQUFRLENBQUMsWUFBRCxFQUFlLFlBQU07QUFDM0JZLElBQUFBLEVBQUUsQ0FBQyxZQUFELEVBQWUsWUFBTTtBQUNyQlgsTUFBQUEsQ0FBQyxHQUFHSyxPQUFPLEVBQVg7QUFDQUwsTUFBQUEsQ0FBQyxDQUFDYyxRQUFGLEdBQWFZLFVBQWI7QUFDQWQsTUFBQUEsTUFBTSxDQUFDWixDQUFDLENBQUMyQixLQUFGLEdBQVVDLE9BQVgsQ0FBTixDQUEwQkMsSUFBMUIsQ0FBK0IsSUFBL0I7QUFDRCxLQUpDLENBQUY7QUFLRCxHQU5PLENBQVI7QUFPQTlCLEVBQUFBLFFBQVEsQ0FBQyxXQUFELEVBQWMsWUFBTTtBQUMxQlksSUFBQUEsRUFBRSxDQUFDLFlBQUQsRUFBZSxZQUFNO0FBQ3JCWCxNQUFBQSxDQUFDLEdBQUdLLE9BQU8sRUFBWDtBQUNBTCxNQUFBQSxDQUFDLENBQUNjLFFBQUYsR0FBYVksVUFBYjtBQUNBMUIsTUFBQUEsQ0FBQyxDQUFDYyxRQUFGLEdBQWFnQixTQUFiO0FBQ0FsQixNQUFBQSxNQUFNLENBQUNaLENBQUMsQ0FBQzJCLEtBQUYsR0FBVUMsT0FBWCxDQUFOLENBQTBCQyxJQUExQixDQUErQixLQUEvQjtBQUNELEtBTEMsQ0FBRjtBQU1ELEdBUE8sQ0FBUjtBQVFELENBaEZPLENBQVIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBzaGFsbG93IH0gZnJvbSAnZW56eW1lJztcbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBNYXRoSW5wdXQgfSBmcm9tICcuLi9tYXRoLWlucHV0JztcblxuZGVzY3JpYmUoJ01hdGhJbnB1dCcsICgpID0+IHtcbiAgbGV0IHc7XG4gIGxldCBvbkNoYW5nZTtcblxuICBiZWZvcmVFYWNoKCgpID0+IHtcbiAgICBvbkNoYW5nZSA9IGplc3QuZm4oKTtcbiAgfSk7XG4gIGNvbnN0IHdyYXBwZXIgPSAoZXh0cmFzKSA9PiB7XG4gICAgY29uc3QgZGVmYXVsdHMgPSB7XG4gICAgICBjbGFzc2VzOiB7fSxcbiAgICAgIGNsYXNzTmFtZTogJ2NsYXNzTmFtZScsXG4gICAgICBvbkNoYW5nZSxcbiAgICB9O1xuICAgIGNvbnN0IHByb3BzID0geyAuLi5kZWZhdWx0cywgLi4uZXh0cmFzIH07XG4gICAgcmV0dXJuIHNoYWxsb3coPE1hdGhJbnB1dCB7Li4ucHJvcHN9IC8+KTtcbiAgfTtcbiAgZGVzY3JpYmUoJ3NuYXBzaG90JywgKCkgPT4ge1xuICAgIGl0KCdyZW5kZXJzJywgKCkgPT4ge1xuICAgICAgdyA9IHdyYXBwZXIoKTtcbiAgICAgIGV4cGVjdCh3KS50b01hdGNoU25hcHNob3QoKTtcbiAgICB9KTtcbiAgfSk7XG4gIGRlc2NyaWJlKCdsb2dpYycsICgpID0+IHtcbiAgICBiZWZvcmVFYWNoKCgpID0+IHtcbiAgICAgIHcgPSB3cmFwcGVyKCk7XG4gICAgICB3Lmluc3RhbmNlKCkuaW5wdXQgPSB7XG4gICAgICAgIHdyaXRlOiBqZXN0LmZuKCksXG4gICAgICAgIGNvbW1hbmQ6IGplc3QuZm4oKSxcbiAgICAgICAga2V5c3Ryb2tlOiBqZXN0LmZuKCksXG4gICAgICB9O1xuICAgIH0pO1xuICAgIGRlc2NyaWJlKCdrZXlwYWRQcmVzcycsICgpID0+IHtcbiAgICAgIGl0KCdjYWxscyBpbnB1dC53cml0ZSBmb3IgbGF0ZXgnLCAoKSA9PiB7XG4gICAgICAgIHcuaW5zdGFuY2UoKS5rZXlwYWRQcmVzcyh7IGxhdGV4OiAnbGF0ZXgnIH0pO1xuICAgICAgICBleHBlY3Qody5pbnN0YW5jZSgpLmlucHV0LndyaXRlKS50b0hhdmVCZWVuTGFzdENhbGxlZFdpdGgoJ2xhdGV4Jyk7XG4gICAgICB9KTtcbiAgICAgIGl0KCdjYWxscyBpbnB1dC53cml0ZSBmb3Igd3JpdGUnLCAoKSA9PiB7XG4gICAgICAgIHcuaW5zdGFuY2UoKS5rZXlwYWRQcmVzcyh7IHdyaXRlOiAnd3JpdGUnIH0pO1xuICAgICAgICBleHBlY3Qody5pbnN0YW5jZSgpLmlucHV0LndyaXRlKS50b0hhdmVCZWVuTGFzdENhbGxlZFdpdGgoJ3dyaXRlJyk7XG4gICAgICB9KTtcbiAgICAgIGl0KCdjYWxscyBpbnB1dC5jb21tYW5kIGZvciBjb21tYW5kJywgKCkgPT4ge1xuICAgICAgICB3Lmluc3RhbmNlKCkua2V5cGFkUHJlc3MoeyBjb21tYW5kOiAnY21kJyB9KTtcbiAgICAgICAgZXhwZWN0KHcuaW5zdGFuY2UoKS5pbnB1dC5jb21tYW5kKS50b0hhdmVCZWVuTGFzdENhbGxlZFdpdGgoJ2NtZCcpO1xuICAgICAgfSk7XG4gICAgICBpdCgnY2FsbHMgaW5wdXQua2V5c3Ryb2tlIGZvciBrZXlzdHJva2UnLCAoKSA9PiB7XG4gICAgICAgIHcuaW5zdGFuY2UoKS5rZXlwYWRQcmVzcyh7IGtleXN0cm9rZTogJ2snIH0pO1xuICAgICAgICBleHBlY3Qody5pbnN0YW5jZSgpLmlucHV0LmtleXN0cm9rZSkudG9IYXZlQmVlbkxhc3RDYWxsZWRXaXRoKCdrJyk7XG4gICAgICB9KTtcbiAgICB9KTtcbiAgfSk7XG5cbiAgZGVzY3JpYmUoJ2NoYW5nZUxhdGV4JywgKCkgPT4ge1xuICAgIGl0KCdjYWxscyBvbkNoYW5nZScsICgpID0+IHtcbiAgICAgIHcgPSB3cmFwcGVyKCk7XG4gICAgICB3Lmluc3RhbmNlKCkuY2hhbmdlTGF0ZXgoJ25ldy1sYXRleCcpO1xuICAgICAgZXhwZWN0KG9uQ2hhbmdlKS50b0hhdmVCZWVuQ2FsbGVkV2l0aCgnbmV3LWxhdGV4Jyk7XG4gICAgfSk7XG4gICAgaXQoJ2RvZXMgbm90IGNhbGwgb25DaGFuZ2UgaWYgaXQgaXMgdGhlIHNhbWUgYXMgdGhlIGV4aXN0aW5nIGxhdGV4JywgKCkgPT4ge1xuICAgICAgdyA9IHdyYXBwZXIoKTtcbiAgICAgIHcuc2V0UHJvcHMoeyBsYXRleDogJ25ldy1sYXRleCcgfSk7XG4gICAgICB3Lmluc3RhbmNlKCkuY2hhbmdlTGF0ZXgoJ25ldy1sYXRleCcpO1xuICAgICAgZXhwZWN0KG9uQ2hhbmdlKS5ub3QudG9IYXZlQmVlbkNhbGxlZFdpdGgoJ25ldy1sYXRleCcpO1xuICAgIH0pO1xuICB9KTtcblxuICBkZXNjcmliZSgnaW5wdXRGb2N1cycsICgpID0+IHtcbiAgICBpdCgnc2V0cyBzdGF0ZScsICgpID0+IHtcbiAgICAgIHcgPSB3cmFwcGVyKCk7XG4gICAgICB3Lmluc3RhbmNlKCkuaW5wdXRGb2N1cygpO1xuICAgICAgZXhwZWN0KHcuc3RhdGUoKS5mb2N1c2VkKS50b0JlKHRydWUpO1xuICAgIH0pO1xuICB9KTtcbiAgZGVzY3JpYmUoJ2lucHV0Qmx1cicsICgpID0+IHtcbiAgICBpdCgnc2V0cyBzdGF0ZScsICgpID0+IHtcbiAgICAgIHcgPSB3cmFwcGVyKCk7XG4gICAgICB3Lmluc3RhbmNlKCkuaW5wdXRGb2N1cygpO1xuICAgICAgdy5pbnN0YW5jZSgpLmlucHV0Qmx1cigpO1xuICAgICAgZXhwZWN0KHcuc3RhdGUoKS5mb2N1c2VkKS50b0JlKGZhbHNlKTtcbiAgICB9KTtcbiAgfSk7XG59KTtcbiJdfQ==

package/lib/keypad/__tests__/index.test.js

@@ -0,0 +1,41 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _enzyme = require("enzyme");
+
+var _react = _interopRequireDefault(require("react"));
+
+var _index = require("../index");
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+describe('Keypad', function () {
+  var w;
+  var onChange = jest.fn();
+
+  var wrapper = function wrapper(extras) {
+    var defaults = {
+      classes: {},
+      className: 'className',
+      onChange: onChange,
+      onPress: jest.fn()
+    };
+
+    var props = _objectSpread(_objectSpread({}, defaults), extras);
+
+    return (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_index.KeyPad, props));
+  };
+
+  describe('snapshot', function () {
+    it('renders', function () {
+      w = wrapper();
+      expect(w).toMatchSnapshot();
+    });
+  });
+});
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9rZXlwYWQvX190ZXN0c19fL2luZGV4LnRlc3QuanN4Il0sIm5hbWVzIjpbImRlc2NyaWJlIiwidyIsIm9uQ2hhbmdlIiwiamVzdCIsImZuIiwid3JhcHBlciIsImV4dHJhcyIsImRlZmF1bHRzIiwiY2xhc3NlcyIsImNsYXNzTmFtZSIsIm9uUHJlc3MiLCJwcm9wcyIsIml0IiwiZXhwZWN0IiwidG9NYXRjaFNuYXBzaG90Il0sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBQTs7QUFDQTs7QUFDQTs7Ozs7O0FBRUFBLFFBQVEsQ0FBQyxRQUFELEVBQVcsWUFBTTtBQUN2QixNQUFJQyxDQUFKO0FBQ0EsTUFBSUMsUUFBUSxHQUFHQyxJQUFJLENBQUNDLEVBQUwsRUFBZjs7QUFDQSxNQUFNQyxPQUFPLEdBQUcsU0FBVkEsT0FBVSxDQUFDQyxNQUFELEVBQVk7QUFDMUIsUUFBTUMsUUFBUSxHQUFHO0FBQ2ZDLE1BQUFBLE9BQU8sRUFBRSxFQURNO0FBRWZDLE1BQUFBLFNBQVMsRUFBRSxXQUZJO0FBR2ZQLE1BQUFBLFFBQVEsRUFBUkEsUUFIZTtBQUlmUSxNQUFBQSxPQUFPLEVBQUVQLElBQUksQ0FBQ0MsRUFBTDtBQUpNLEtBQWpCOztBQU1BLFFBQU1PLEtBQUssbUNBQVFKLFFBQVIsR0FBcUJELE1BQXJCLENBQVg7O0FBQ0EsV0FBTyxtQ0FBUSxnQ0FBQyxhQUFELEVBQVlLLEtBQVosQ0FBUixDQUFQO0FBQ0QsR0FURDs7QUFVQVgsRUFBQUEsUUFBUSxDQUFDLFVBQUQsRUFBYSxZQUFNO0FBQ3pCWSxJQUFBQSxFQUFFLENBQUMsU0FBRCxFQUFZLFlBQU07QUFDbEJYLE1BQUFBLENBQUMsR0FBR0ksT0FBTyxFQUFYO0FBQ0FRLE1BQUFBLE1BQU0sQ0FBQ1osQ0FBRCxDQUFOLENBQVVhLGVBQVY7QUFDRCxLQUhDLENBQUY7QUFJRCxHQUxPLENBQVI7QUFNRCxDQW5CTyxDQUFSIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgc2hhbGxvdyB9IGZyb20gJ2VuenltZSc7XG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgS2V5UGFkIH0gZnJvbSAnLi4vaW5kZXgnO1xuXG5kZXNjcmliZSgnS2V5cGFkJywgKCkgPT4ge1xuICBsZXQgdztcbiAgbGV0IG9uQ2hhbmdlID0gamVzdC5mbigpO1xuICBjb25zdCB3cmFwcGVyID0gKGV4dHJhcykgPT4ge1xuICAgIGNvbnN0IGRlZmF1bHRzID0ge1xuICAgICAgY2xhc3Nlczoge30sXG4gICAgICBjbGFzc05hbWU6ICdjbGFzc05hbWUnLFxuICAgICAgb25DaGFuZ2UsXG4gICAgICBvblByZXNzOiBqZXN0LmZuKCksXG4gICAgfTtcbiAgICBjb25zdCBwcm9wcyA9IHsgLi4uZGVmYXVsdHMsIC4uLmV4dHJhcyB9O1xuICAgIHJldHVybiBzaGFsbG93KDxLZXlQYWQgey4uLnByb3BzfSAvPik7XG4gIH07XG4gIGRlc2NyaWJlKCdzbmFwc2hvdCcsICgpID0+IHtcbiAgICBpdCgncmVuZGVycycsICgpID0+IHtcbiAgICAgIHcgPSB3cmFwcGVyKCk7XG4gICAgICBleHBlY3QodykudG9NYXRjaFNuYXBzaG90KCk7XG4gICAgfSk7XG4gIH0pO1xufSk7XG4iXX0=

package/lib/keypad/__tests__/keys-layout.test.js

@@ -0,0 +1,15 @@
+"use strict";
+
+var _keysLayout = require("../keys-layout");
+
+var _keys = require("../../keys");
+
+describe('keys-layout', function () {
+  describe('sortKeys', function () {
+    it('pads the rows', function () {
+      var result = (0, _keysLayout.sortKeys)([[1, 2, 3]]);
+      expect(result).toEqual([[1, undefined, undefined, undefined, undefined], [2, undefined, undefined, undefined, undefined], [3, undefined, undefined, undefined, undefined]]);
+    });
+  });
+});
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9rZXlwYWQvX190ZXN0c19fL2tleXMtbGF5b3V0LnRlc3QuanMiXSwibmFtZXMiOlsiZGVzY3JpYmUiLCJpdCIsInJlc3VsdCIsImV4cGVjdCIsInRvRXF1YWwiLCJ1bmRlZmluZWQiXSwibWFwcGluZ3MiOiI7O0FBQUE7O0FBQ0E7O0FBRUFBLFFBQVEsQ0FBQyxhQUFELEVBQWdCLFlBQU07QUFDNUJBLEVBQUFBLFFBQVEsQ0FBQyxVQUFELEVBQWEsWUFBTTtBQUN6QkMsSUFBQUEsRUFBRSxDQUFDLGVBQUQsRUFBa0IsWUFBTTtBQUN4QixVQUFNQyxNQUFNLEdBQUcsMEJBQVMsQ0FBQyxDQUFDLENBQUQsRUFBSSxDQUFKLEVBQU8sQ0FBUCxDQUFELENBQVQsQ0FBZjtBQUNBQyxNQUFBQSxNQUFNLENBQUNELE1BQUQsQ0FBTixDQUFlRSxPQUFmLENBQXVCLENBQ3JCLENBQUMsQ0FBRCxFQUFJQyxTQUFKLEVBQWVBLFNBQWYsRUFBMEJBLFNBQTFCLEVBQXFDQSxTQUFyQyxDQURxQixFQUVyQixDQUFDLENBQUQsRUFBSUEsU0FBSixFQUFlQSxTQUFmLEVBQTBCQSxTQUExQixFQUFxQ0EsU0FBckMsQ0FGcUIsRUFHckIsQ0FBQyxDQUFELEVBQUlBLFNBQUosRUFBZUEsU0FBZixFQUEwQkEsU0FBMUIsRUFBcUNBLFNBQXJDLENBSHFCLENBQXZCO0FBS0QsS0FQQyxDQUFGO0FBUUQsR0FUTyxDQUFSO0FBVUQsQ0FYTyxDQUFSIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgc29ydEtleXMgfSBmcm9tICcuLi9rZXlzLWxheW91dCc7XG5pbXBvcnQgeyBiYXNlU2V0LCBjb21wYXJpc29uIH0gZnJvbSAnLi4vLi4va2V5cyc7XG5cbmRlc2NyaWJlKCdrZXlzLWxheW91dCcsICgpID0+IHtcbiAgZGVzY3JpYmUoJ3NvcnRLZXlzJywgKCkgPT4ge1xuICAgIGl0KCdwYWRzIHRoZSByb3dzJywgKCkgPT4ge1xuICAgICAgY29uc3QgcmVzdWx0ID0gc29ydEtleXMoW1sxLCAyLCAzXV0pO1xuICAgICAgZXhwZWN0KHJlc3VsdCkudG9FcXVhbChbXG4gICAgICAgIFsxLCB1bmRlZmluZWQsIHVuZGVmaW5lZCwgdW5kZWZpbmVkLCB1bmRlZmluZWRdLFxuICAgICAgICBbMiwgdW5kZWZpbmVkLCB1bmRlZmluZWQsIHVuZGVmaW5lZCwgdW5kZWZpbmVkXSxcbiAgICAgICAgWzMsIHVuZGVmaW5lZCwgdW5kZWZpbmVkLCB1bmRlZmluZWQsIHVuZGVmaW5lZF0sXG4gICAgICBdKTtcbiAgICB9KTtcbiAgfSk7XG59KTtcbiJdfQ==

package/lib/keypad/index.js

@@ -53,7 +53,7 @@ var mq = _interopRequireWildcard(require("../mq"));
 
 var _keys = require("../keys");
 
-var _editableHtml = require("@pie-lib/editable-html");
+var _constants = _interopRequireDefault(require("./../shared/constants"));
 
 var _commonMqStyles = require("../mq/common-mq-styles");
 
@@ -291,7 +291,7 @@ var KeyPad = /*#__PURE__*/function (_React$Component) {
       var _this$keypadRef;
 
       var keyPadElement = (_this$keypadRef = this.keypadRef) === null || _this$keypadRef === void 0 ? void 0 : _this$keypadRef.current;
-      var mainContainer = keyPadElement === null || keyPadElement === void 0 ? void 0 : keyPadElement.closest(".".concat(_editableHtml.constants.MAIN_CONTAINER_CLASS));
+      var mainContainer = keyPadElement === null || keyPadElement === void 0 ? void 0 : keyPadElement.closest(".".concat(_constants["default"].MAIN_CONTAINER_CLASS));
       var currentToolbar = keyPadElement === null || keyPadElement === void 0 ? void 0 : keyPadElement.closest('.pie-toolbar'); // need only for math keyboard so we need also controlledKeypadMode
 
       if (this.props.controlledKeypadMode && mainContainer && currentToolbar) {
@@ -321,7 +321,7 @@ var KeyPad = /*#__PURE__*/function (_React$Component) {
       var keyPadElement = (_this$keypadRef2 = this.keypadRef) === null || _this$keypadRef2 === void 0 ? void 0 : _this$keypadRef2.current; // need only for math keyboard
 
       if (this.props.controlledKeypadMode && keyPadElement) {
-        var mainContainer = keyPadElement.closest(".".concat(_editableHtml.constants.MAIN_CONTAINER_CLASS));
+        var mainContainer = keyPadElement.closest(".".concat(_constants["default"].MAIN_CONTAINER_CLASS));
 
         if (mainContainer) {
           mainContainer.style.height = 'unset';

package/lib/keypad/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/keypad/index.jsx"],"names":["log","LatexButton","theme","root","textTransform","padding","margin","fontSize","latexButton","pointerEvents","transform","marginBottom","backgroundColor","palette","secondary","main","borderTop","width","marginTop","fontFamily","top","lineHeight","left","right","minHeight","border","display","paddingTop","parallelButton","fontStyle","leftRightArrowButton","position","props","buttonClass","latex","classes","mqClassName","MQ","MathQuill","getInterface","span","document","createElement","innerHTML","mathField","StaticMath","parseLatex","e","className","onClick","ariaLabel","createCustomLayout","layoutObj","gridTemplateColumns","columns","gridTemplateRows","rows","gridAutoFlow","KeyPad","setKeypadInteraction","key","onPress","base","extras","transposed","_","flatten","noDecimal","write","label","keypadRef","React","createRef","keyPadElement","current","mainContainer","closest","constants","MAIN_CONTAINER_CLASS","currentToolbar","controlledKeypadMode","mainContainerPosition","getBoundingClientRect","currentToolbarPosition","difference","height","totalHeight","style","addEventListener","handleKeypadInteraction","removeEventListener","baseSet","additionalKeys","layoutForKeyPad","onFocus","mode","noBaseSet","keysWithoutBaseSet","includes","allKeys","flowKeys","shift","length","Math","floor","keys","map","k","index","buttonClick","bind","common","labelButton","category","extraClass","comma","dot","disabled","keyIsNotAllowed","command","actions","extraProps","name","deleteButton","Icon","icon","Component","PropTypes","object","isRequired","string","bool","array","func","oneOfType","number","styles","commonMqKeyboardStyles","gridRowGap","gridColumnGap","character","language","holder","borderRadius","spacing","unit","minWidth","primary","light","operators","comparison","green"],"mappings":"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","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 debug from 'debug';\nimport _ from 'lodash';\nimport MathQuill from '@pie-framework/mathquill';\n\nimport * as mq from '../mq';\nimport { baseSet } from '../keys';\nimport { constants } from '@pie-lib/editable-html';\nimport { commonMqKeyboardStyles } from '../mq/common-mq-styles';\nimport { sortKeys } from './keys-layout';\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-non-leaf.mq-overline': {\n      borderTop: 'none !important', // fixing PD-4873 - in OT, it has border-top 1px and adds extra line\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: '0px !important',\n        '& *': {\n          lineHeight: '1 !important',\n          borderTop: 'none !important', // fixing PD-4873 - in OT, it has border-top 1px and adds extra line,\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', // fixing PD-4873 - in OT, it has border-top 1px and adds extra line\n      },\n      '& .mq-overline-inner': {\n        borderTop: 'none !important',\n        paddingTop: '0 !important',\n      },\n    },\n  },\n  parallelButton: {\n    fontStyle: 'italic !important',\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        position: 'absolute !important',\n        top: '0px !important',\n      },\n    },\n  },\n}))((props) => {\n  let buttonClass;\n\n  if (props.latex === '\\\\parallel') {\n    buttonClass = classNames(props.classes.latexButton, props.mqClassName, props.classes.parallelButton);\n  } else if (props.latex === '\\\\overleftrightarrow{\\\\overline{}}') {\n    buttonClass = classNames(props.classes.latexButton, props.mqClassName, props.classes.leftRightArrowButton);\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\n      className={classNames(props.classes.root, props.className)}\n      onClick={props.onClick}\n      aria-label={props.ariaLabel}\n    >\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    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(`.${constants.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(`.${constants.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 { classes, 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 || []); //, ...sortKeys(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      <div\n        ref={this.keypadRef}\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 (\n              <LatexButton\n                latex={k.latex}\n                key={index}\n                {...common}\n                className={classes.latexButton}\n                ariaLabel={k.ariaLabel ? k.ariaLabel : k.name || k.label}\n              />\n            );\n          }\n\n          if (k.label) {\n            return (\n              <Button\n                key={index}\n                {...common}\n                className={classNames(common.className, { [classes.deleteButton]: k.label === '⌫' })}\n                aria-label={k.ariaLabel ? k.ariaLabel : k.name || k.label}\n              >\n                {k.label}\n              </Button>\n            );\n          } else {\n            const Icon = k.icon ? k.icon : 'div';\n\n            return (\n              <IconButton tabIndex={'-1'} {...common} key={index}>\n                <Icon className={classes.icon} />\n              </IconButton>\n            );\n          }\n        })}\n      </div>\n    );\n  }\n}\n\nconst styles = (theme) => ({\n  keys: {\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  },\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  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  deleteButton: {\n    '& > span': {\n      fontFamily: 'Roboto, Helvetica, Arial, sans-serif !important',\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"],"file":"index.js"}
+{"version":3,"sources":["../../src/keypad/index.jsx"],"names":["log","LatexButton","theme","root","textTransform","padding","margin","fontSize","latexButton","pointerEvents","transform","marginBottom","backgroundColor","palette","secondary","main","borderTop","width","marginTop","fontFamily","top","lineHeight","left","right","minHeight","border","display","paddingTop","parallelButton","fontStyle","leftRightArrowButton","position","props","buttonClass","latex","classes","mqClassName","MQ","MathQuill","getInterface","span","document","createElement","innerHTML","mathField","StaticMath","parseLatex","e","className","onClick","ariaLabel","createCustomLayout","layoutObj","gridTemplateColumns","columns","gridTemplateRows","rows","gridAutoFlow","KeyPad","setKeypadInteraction","key","onPress","base","extras","transposed","_","flatten","noDecimal","write","label","keypadRef","React","createRef","keyPadElement","current","mainContainer","closest","editableHtmlConstants","MAIN_CONTAINER_CLASS","currentToolbar","controlledKeypadMode","mainContainerPosition","getBoundingClientRect","currentToolbarPosition","difference","height","totalHeight","style","addEventListener","handleKeypadInteraction","removeEventListener","baseSet","additionalKeys","layoutForKeyPad","onFocus","mode","noBaseSet","keysWithoutBaseSet","includes","allKeys","flowKeys","shift","length","Math","floor","keys","map","k","index","buttonClick","bind","common","labelButton","category","extraClass","comma","dot","disabled","keyIsNotAllowed","command","actions","extraProps","name","deleteButton","Icon","icon","Component","PropTypes","object","isRequired","string","bool","array","func","oneOfType","number","styles","commonMqKeyboardStyles","gridRowGap","gridColumnGap","character","language","holder","borderRadius","spacing","unit","minWidth","primary","light","operators","comparison","green"],"mappings":"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","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 debug from 'debug';\nimport _ from 'lodash';\nimport MathQuill from '@pie-framework/mathquill';\n\nimport * as mq from '../mq';\nimport { baseSet } from '../keys';\nimport editableHtmlConstants from '../../../editable-html/src/constants';\nimport { commonMqKeyboardStyles } from '../mq/common-mq-styles';\nimport { sortKeys } from './keys-layout';\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-non-leaf.mq-overline': {\n      borderTop: 'none !important', // fixing PD-4873 - in OT, it has border-top 1px and adds extra line\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: '0px !important',\n        '& *': {\n          lineHeight: '1 !important',\n          borderTop: 'none !important', // fixing PD-4873 - in OT, it has border-top 1px and adds extra line,\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', // fixing PD-4873 - in OT, it has border-top 1px and adds extra line\n      },\n      '& .mq-overline-inner': {\n        borderTop: 'none !important',\n        paddingTop: '0 !important',\n      },\n    },\n  },\n  parallelButton: {\n    fontStyle: 'italic !important',\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        position: 'absolute !important',\n        top: '0px !important',\n      },\n    },\n  },\n}))((props) => {\n  let buttonClass;\n\n  if (props.latex === '\\\\parallel') {\n    buttonClass = classNames(props.classes.latexButton, props.mqClassName, props.classes.parallelButton);\n  } else if (props.latex === '\\\\overleftrightarrow{\\\\overline{}}') {\n    buttonClass = classNames(props.classes.latexButton, props.mqClassName, props.classes.leftRightArrowButton);\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\n      className={classNames(props.classes.root, props.className)}\n      onClick={props.onClick}\n      aria-label={props.ariaLabel}\n    >\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    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 { classes, 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 || []); //, ...sortKeys(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      <div\n        ref={this.keypadRef}\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 (\n              <LatexButton\n                latex={k.latex}\n                key={index}\n                {...common}\n                className={classes.latexButton}\n                ariaLabel={k.ariaLabel ? k.ariaLabel : k.name || k.label}\n              />\n            );\n          }\n\n          if (k.label) {\n            return (\n              <Button\n                key={index}\n                {...common}\n                className={classNames(common.className, { [classes.deleteButton]: k.label === '⌫' })}\n                aria-label={k.ariaLabel ? k.ariaLabel : k.name || k.label}\n              >\n                {k.label}\n              </Button>\n            );\n          } else {\n            const Icon = k.icon ? k.icon : 'div';\n\n            return (\n              <IconButton tabIndex={'-1'} {...common} key={index}>\n                <Icon className={classes.icon} />\n              </IconButton>\n            );\n          }\n        })}\n      </div>\n    );\n  }\n}\n\nconst styles = (theme) => ({\n  keys: {\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  },\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  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  deleteButton: {\n    '& > span': {\n      fontFamily: 'Roboto, Helvetica, Arial, sans-serif !important',\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"],"file":"index.js"}

package/lib/keys/__tests__/utils.test.js

@@ -0,0 +1,60 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+
+var _utils = require("../utils");
+
+var _grades = require("../grades");
+
+var comparison = _interopRequireWildcard(require("../../keys/comparison"));
+
+var _templateObject;
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+describe('utils', function () {
+  var base = [[comparison.lessThan]];
+  describe('extendKeySet', function () {
+    it('removes duplicates by latex key', function () {
+      var extras = [{
+        name: 'foo',
+        latex: '<',
+        write: '<',
+        label: 'less than'
+      }];
+      var result = (0, _utils.extendKeySet)(base, extras);
+      var resultTwo = (0, _utils.extendKeySet)(base, []);
+      expect(result).toEqual(resultTwo);
+    });
+    it('removes duplicates by name key', function () {
+      var extras = [{
+        name: 'Less than',
+        latex: 'this is latex',
+        write: '<',
+        label: '<'
+      }];
+      var result = (0, _utils.extendKeySet)(base, extras);
+      var resultTwo = (0, _utils.extendKeySet)(base, []);
+      expect(result).toEqual(resultTwo);
+    });
+  });
+  describe('keysForGrade', function () {
+    it.each(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n      key                        | expected\n      ", "                     | ", "\n      ", "                     | ", "\n      ", "                     | ", "\n      ", "                     | ", "\n      ", "                     | ", "\n      ", "                     | ", "\n      ", "                     | ", "\n      ", "                     | ", "\n      ", "                     | ", "\n      ", "                    | ", "\n      ", " | ", "\n      ", "              | ", "\n      ", "              | ", "\n      ", "             | ", "\n      ", "              | ", "\n      ", "      | ", "\n      ", "            | ", "\n      ", "        | ", "\n      ", "               | ", "\n      ", "                    | ", "\n      ", "                       | ", "\n      ", "                     | ", "\n    "])), '1', [], '2', [], '3', _grades.gradeSets[0].set, '4', _grades.gradeSets[0].set, '5', _grades.gradeSets[0].set, '6', _grades.gradeSets[1].set, '7', _grades.gradeSets[1].set, '8', _grades.gradeSets[2].set, '9', _grades.gradeSets[2].set, 'HS', _grades.gradeSets[2].set, 'non-negative-integers', _grades.gradeSets[3].set, 'integers', _grades.gradeSets[4].set, 'decimals', _grades.gradeSets[5].set, 'fractions', _grades.gradeSets[6].set, 'geometry', _grades.gradeSets[7].set, 'advanced-algebra', _grades.gradeSets[8].set, 'statistics', _grades.gradeSets[9].set, 'something else', _grades.gradeSets[2].set, undefined, [], null, [], 0, [], '0', [])('$key => $expected', function (_ref) {
+      var key = _ref.key,
+          expected = _ref.expected;
+      expect((0, _grades.keysForGrade)(key)).toEqual(expected);
+      var n = parseInt(key, 10);
+
+      if (!isNaN(n)) {
+        expect((0, _grades.keysForGrade)(n)).toEqual(expected);
+      }
+    });
+  });
+});
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9rZXlzL19fdGVzdHNfXy91dGlscy50ZXN0LmpzIl0sIm5hbWVzIjpbImRlc2NyaWJlIiwiYmFzZSIsImNvbXBhcmlzb24iLCJsZXNzVGhhbiIsIml0IiwiZXh0cmFzIiwibmFtZSIsImxhdGV4Iiwid3JpdGUiLCJsYWJlbCIsInJlc3VsdCIsInJlc3VsdFR3byIsImV4cGVjdCIsInRvRXF1YWwiLCJlYWNoIiwiZ3JhZGVTZXRzIiwic2V0IiwidW5kZWZpbmVkIiwia2V5IiwiZXhwZWN0ZWQiLCJuIiwicGFyc2VJbnQiLCJpc05hTiJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7QUFBQTs7QUFDQTs7QUFDQTs7Ozs7Ozs7QUFFQUEsUUFBUSxDQUFDLE9BQUQsRUFBVSxZQUFNO0FBQ3RCLE1BQU1DLElBQUksR0FBRyxDQUFDLENBQUNDLFVBQVUsQ0FBQ0MsUUFBWixDQUFELENBQWI7QUFDQUgsRUFBQUEsUUFBUSxDQUFDLGNBQUQsRUFBaUIsWUFBTTtBQUM3QkksSUFBQUEsRUFBRSxDQUFDLGlDQUFELEVBQW9DLFlBQU07QUFDMUMsVUFBTUMsTUFBTSxHQUFHLENBQUM7QUFBRUMsUUFBQUEsSUFBSSxFQUFFLEtBQVI7QUFBZUMsUUFBQUEsS0FBSyxFQUFFLEdBQXRCO0FBQTJCQyxRQUFBQSxLQUFLLEVBQUUsR0FBbEM7QUFBdUNDLFFBQUFBLEtBQUssRUFBRTtBQUE5QyxPQUFELENBQWY7QUFDQSxVQUFNQyxNQUFNLEdBQUcseUJBQWFULElBQWIsRUFBbUJJLE1BQW5CLENBQWY7QUFDQSxVQUFNTSxTQUFTLEdBQUcseUJBQWFWLElBQWIsRUFBbUIsRUFBbkIsQ0FBbEI7QUFDQVcsTUFBQUEsTUFBTSxDQUFDRixNQUFELENBQU4sQ0FBZUcsT0FBZixDQUF1QkYsU0FBdkI7QUFDRCxLQUxDLENBQUY7QUFPQVAsSUFBQUEsRUFBRSxDQUFDLGdDQUFELEVBQW1DLFlBQU07QUFDekMsVUFBTUMsTUFBTSxHQUFHLENBQUM7QUFBRUMsUUFBQUEsSUFBSSxFQUFFLFdBQVI7QUFBcUJDLFFBQUFBLEtBQUssRUFBRSxlQUE1QjtBQUE2Q0MsUUFBQUEsS0FBSyxFQUFFLEdBQXBEO0FBQXlEQyxRQUFBQSxLQUFLLEVBQUU7QUFBaEUsT0FBRCxDQUFmO0FBQ0EsVUFBTUMsTUFBTSxHQUFHLHlCQUFhVCxJQUFiLEVBQW1CSSxNQUFuQixDQUFmO0FBQ0EsVUFBTU0sU0FBUyxHQUFHLHlCQUFhVixJQUFiLEVBQW1CLEVBQW5CLENBQWxCO0FBQ0FXLE1BQUFBLE1BQU0sQ0FBQ0YsTUFBRCxDQUFOLENBQWVHLE9BQWYsQ0FBdUJGLFNBQXZCO0FBQ0QsS0FMQyxDQUFGO0FBTUQsR0FkTyxDQUFSO0FBZ0JBWCxFQUFBQSxRQUFRLENBQUMsY0FBRCxFQUFpQixZQUFNO0FBQzdCSSxJQUFBQSxFQUFFLENBQUNVLElBQUgsdzRCQUVJLEdBRkosRUFFaUMsRUFGakMsRUFHSSxHQUhKLEVBR2lDLEVBSGpDLEVBSUksR0FKSixFQUlpQ0Msa0JBQVUsQ0FBVixFQUFhQyxHQUo5QyxFQUtJLEdBTEosRUFLaUNELGtCQUFVLENBQVYsRUFBYUMsR0FMOUMsRUFNSSxHQU5KLEVBTWlDRCxrQkFBVSxDQUFWLEVBQWFDLEdBTjlDLEVBT0ksR0FQSixFQU9pQ0Qsa0JBQVUsQ0FBVixFQUFhQyxHQVA5QyxFQVFJLEdBUkosRUFRaUNELGtCQUFVLENBQVYsRUFBYUMsR0FSOUMsRUFTSSxHQVRKLEVBU2lDRCxrQkFBVSxDQUFWLEVBQWFDLEdBVDlDLEVBVUksR0FWSixFQVVpQ0Qsa0JBQVUsQ0FBVixFQUFhQyxHQVY5QyxFQVdJLElBWEosRUFXaUNELGtCQUFVLENBQVYsRUFBYUMsR0FYOUMsRUFZSSx1QkFaSixFQVlpQ0Qsa0JBQVUsQ0FBVixFQUFhQyxHQVo5QyxFQWFJLFVBYkosRUFhaUNELGtCQUFVLENBQVYsRUFBYUMsR0FiOUMsRUFjSSxVQWRKLEVBY2lDRCxrQkFBVSxDQUFWLEVBQWFDLEdBZDlDLEVBZUksV0FmSixFQWVpQ0Qsa0JBQVUsQ0FBVixFQUFhQyxHQWY5QyxFQWdCSSxVQWhCSixFQWdCaUNELGtCQUFVLENBQVYsRUFBYUMsR0FoQjlDLEVBaUJJLGtCQWpCSixFQWlCaUNELGtCQUFVLENBQVYsRUFBYUMsR0FqQjlDLEVBa0JJLFlBbEJKLEVBa0JpQ0Qsa0JBQVUsQ0FBVixFQUFhQyxHQWxCOUMsRUFtQkksZ0JBbkJKLEVBbUJpQ0Qsa0JBQVUsQ0FBVixFQUFhQyxHQW5COUMsRUFvQklDLFNBcEJKLEVBb0JpQyxFQXBCakMsRUFxQkksSUFyQkosRUFxQmlDLEVBckJqQyxFQXNCSSxDQXRCSixFQXNCaUMsRUF0QmpDLEVBdUJJLEdBdkJKLEVBdUJpQyxFQXZCakMsRUF3QkUsbUJBeEJGLEVBd0J1QixnQkFBdUI7QUFBQSxVQUFwQkMsR0FBb0IsUUFBcEJBLEdBQW9CO0FBQUEsVUFBZkMsUUFBZSxRQUFmQSxRQUFlO0FBQzVDUCxNQUFBQSxNQUFNLENBQUMsMEJBQWFNLEdBQWIsQ0FBRCxDQUFOLENBQTBCTCxPQUExQixDQUFrQ00sUUFBbEM7QUFFQSxVQUFNQyxDQUFDLEdBQUdDLFFBQVEsQ0FBQ0gsR0FBRCxFQUFNLEVBQU4sQ0FBbEI7O0FBQ0EsVUFBSSxDQUFDSSxLQUFLLENBQUNGLENBQUQsQ0FBVixFQUFlO0FBQ2JSLFFBQUFBLE1BQU0sQ0FBQywwQkFBYVEsQ0FBYixDQUFELENBQU4sQ0FBd0JQLE9BQXhCLENBQWdDTSxRQUFoQztBQUNEO0FBQ0YsS0EvQkQ7QUFnQ0QsR0FqQ08sQ0FBUjtBQWtDRCxDQXBETyxDQUFSIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgZXh0ZW5kS2V5U2V0IH0gZnJvbSAnLi4vdXRpbHMnO1xuaW1wb3J0IHsga2V5c0ZvckdyYWRlLCBncmFkZVNldHMgfSBmcm9tICcuLi9ncmFkZXMnO1xuaW1wb3J0ICogYXMgY29tcGFyaXNvbiBmcm9tICcuLi8uLi9rZXlzL2NvbXBhcmlzb24nO1xuXG5kZXNjcmliZSgndXRpbHMnLCAoKSA9PiB7XG4gIGNvbnN0IGJhc2UgPSBbW2NvbXBhcmlzb24ubGVzc1RoYW5dXTtcbiAgZGVzY3JpYmUoJ2V4dGVuZEtleVNldCcsICgpID0+IHtcbiAgICBpdCgncmVtb3ZlcyBkdXBsaWNhdGVzIGJ5IGxhdGV4IGtleScsICgpID0+IHtcbiAgICAgIGNvbnN0IGV4dHJhcyA9IFt7IG5hbWU6ICdmb28nLCBsYXRleDogJzwnLCB3cml0ZTogJzwnLCBsYWJlbDogJ2xlc3MgdGhhbicgfV07XG4gICAgICBjb25zdCByZXN1bHQgPSBleHRlbmRLZXlTZXQoYmFzZSwgZXh0cmFzKTtcbiAgICAgIGNvbnN0IHJlc3VsdFR3byA9IGV4dGVuZEtleVNldChiYXNlLCBbXSk7XG4gICAgICBleHBlY3QocmVzdWx0KS50b0VxdWFsKHJlc3VsdFR3byk7XG4gICAgfSk7XG5cbiAgICBpdCgncmVtb3ZlcyBkdXBsaWNhdGVzIGJ5IG5hbWUga2V5JywgKCkgPT4ge1xuICAgICAgY29uc3QgZXh0cmFzID0gW3sgbmFtZTogJ0xlc3MgdGhhbicsIGxhdGV4OiAndGhpcyBpcyBsYXRleCcsIHdyaXRlOiAnPCcsIGxhYmVsOiAnPCcgfV07XG4gICAgICBjb25zdCByZXN1bHQgPSBleHRlbmRLZXlTZXQoYmFzZSwgZXh0cmFzKTtcbiAgICAgIGNvbnN0IHJlc3VsdFR3byA9IGV4dGVuZEtleVNldChiYXNlLCBbXSk7XG4gICAgICBleHBlY3QocmVzdWx0KS50b0VxdWFsKHJlc3VsdFR3byk7XG4gICAgfSk7XG4gIH0pO1xuXG4gIGRlc2NyaWJlKCdrZXlzRm9yR3JhZGUnLCAoKSA9PiB7XG4gICAgaXQuZWFjaGBcbiAgICAgIGtleSAgICAgICAgICAgICAgICAgICAgICAgIHwgZXhwZWN0ZWRcbiAgICAgICR7JzEnfSAgICAgICAgICAgICAgICAgICAgIHwgJHtbXX1cbiAgICAgICR7JzInfSAgICAgICAgICAgICAgICAgICAgIHwgJHtbXX1cbiAgICAgICR7JzMnfSAgICAgICAgICAgICAgICAgICAgIHwgJHtncmFkZVNldHNbMF0uc2V0fVxuICAgICAgJHsnNCd9ICAgICAgICAgICAgICAgICAgICAgfCAke2dyYWRlU2V0c1swXS5zZXR9XG4gICAgICAkeyc1J30gICAgICAgICAgICAgICAgICAgICB8ICR7Z3JhZGVTZXRzWzBdLnNldH1cbiAgICAgICR7JzYnfSAgICAgICAgICAgICAgICAgICAgIHwgJHtncmFkZVNldHNbMV0uc2V0fVxuICAgICAgJHsnNyd9ICAgICAgICAgICAgICAgICAgICAgfCAke2dyYWRlU2V0c1sxXS5zZXR9XG4gICAgICAkeyc4J30gICAgICAgICAgICAgICAgICAgICB8ICR7Z3JhZGVTZXRzWzJdLnNldH1cbiAgICAgICR7JzknfSAgICAgICAgICAgICAgICAgICAgIHwgJHtncmFkZVNldHNbMl0uc2V0fVxuICAgICAgJHsnSFMnfSAgICAgICAgICAgICAgICAgICAgfCAke2dyYWRlU2V0c1syXS5zZXR9XG4gICAgICAkeydub24tbmVnYXRpdmUtaW50ZWdlcnMnfSB8ICR7Z3JhZGVTZXRzWzNdLnNldH1cbiAgICAgICR7J2ludGVnZXJzJ30gICAgICAgICAgICAgIHwgJHtncmFkZVNldHNbNF0uc2V0fVxuICAgICAgJHsnZGVjaW1hbHMnfSAgICAgICAgICAgICAgfCAke2dyYWRlU2V0c1s1XS5zZXR9XG4gICAgICAkeydmcmFjdGlvbnMnfSAgICAgICAgICAgICB8ICR7Z3JhZGVTZXRzWzZdLnNldH1cbiAgICAgICR7J2dlb21ldHJ5J30gICAgICAgICAgICAgIHwgJHtncmFkZVNldHNbN10uc2V0fVxuICAgICAgJHsnYWR2YW5jZWQtYWxnZWJyYSd9ICAgICAgfCAke2dyYWRlU2V0c1s4XS5zZXR9XG4gICAgICAkeydzdGF0aXN0aWNzJ30gICAgICAgICAgICB8ICR7Z3JhZGVTZXRzWzldLnNldH1cbiAgICAgICR7J3NvbWV0aGluZyBlbHNlJ30gICAgICAgIHwgJHtncmFkZVNldHNbMl0uc2V0fVxuICAgICAgJHt1bmRlZmluZWR9ICAgICAgICAgICAgICAgfCAke1tdfVxuICAgICAgJHtudWxsfSAgICAgICAgICAgICAgICAgICAgfCAke1tdfVxuICAgICAgJHswfSAgICAgICAgICAgICAgICAgICAgICAgfCAke1tdfVxuICAgICAgJHsnMCd9ICAgICAgICAgICAgICAgICAgICAgfCAke1tdfVxuICAgIGAoJyRrZXkgPT4gJGV4cGVjdGVkJywgKHsga2V5LCBleHBlY3RlZCB9KSA9PiB7XG4gICAgICBleHBlY3Qoa2V5c0ZvckdyYWRlKGtleSkpLnRvRXF1YWwoZXhwZWN0ZWQpO1xuXG4gICAgICBjb25zdCBuID0gcGFyc2VJbnQoa2V5LCAxMCk7XG4gICAgICBpZiAoIWlzTmFOKG4pKSB7XG4gICAgICAgIGV4cGVjdChrZXlzRm9yR3JhZGUobikpLnRvRXF1YWwoZXhwZWN0ZWQpO1xuICAgICAgfVxuICAgIH0pO1xuICB9KTtcbn0pO1xuIl19

package/lib/mq/__tests__/input.test.js

@@ -0,0 +1,119 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _enzyme = require("enzyme");
+
+var _react = _interopRequireDefault(require("react"));
+
+var _input = require("../input");
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+describe('Input', function () {
+  var w;
+  var onChange;
+  beforeEach(function () {
+    onChange = jest.fn();
+  });
+
+  var wrapper = function wrapper(extras) {
+    var defaults = {
+      classes: {},
+      className: 'className',
+      onChange: onChange
+    };
+
+    var props = _objectSpread(_objectSpread({}, defaults), extras);
+
+    var out = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_input.Input, props));
+
+    out.mathField = function () {
+      return out.instance().mathField;
+    };
+
+    return out;
+  };
+
+  describe('snapshot', function () {
+    it('renders', function () {
+      w = wrapper();
+      expect(w).toMatchSnapshot();
+    });
+  });
+  describe('logic', function () {
+    beforeEach(function () {
+      w = wrapper();
+    });
+    describe('clear', function () {
+      it('calls latex', function () {
+        w.instance().clear();
+        expect(w.mathField().latex).toHaveBeenCalledWith('');
+      });
+    });
+    describe('blur', function () {
+      it('calls blur', function () {
+        w.instance().blur();
+        expect(w.mathField().blur).toHaveBeenCalled();
+      });
+    });
+    describe('focus', function () {
+      it('calls focus', function () {
+        w.instance().focus();
+        expect(w.mathField().focus).toHaveBeenCalled();
+      });
+    });
+    describe('command', function () {
+      it('calls cmd', function () {
+        w.instance().command('foo');
+        expect(w.mathField().cmd).toHaveBeenCalledWith('foo');
+      });
+      it('calls cmd if passed an array', function () {
+        w.instance().command(['foo', 'bar']);
+        expect(w.mathField().cmd).toHaveBeenCalledWith('foo');
+        expect(w.mathField().cmd).toHaveBeenCalledWith('bar');
+      });
+    });
+    describe('keystroke', function () {
+      beforeEach(function () {
+        w.instance().keystroke('9');
+      });
+      it('calls keystroke', function () {
+        return expect(w.mathField().keystroke).toHaveBeenCalledWith('9');
+      });
+      it('calls focus', function () {
+        return expect(w.mathField().focus).toHaveBeenCalled();
+      });
+      it('calls latex', function () {
+        return expect(w.mathField().latex).toHaveBeenCalled();
+      });
+    });
+    describe('write', function () {
+      beforeEach(function () {
+        w.instance().write('hi');
+      });
+      it('calls write', function () {
+        return expect(w.mathField().write).toHaveBeenCalledWith('hi');
+      });
+      it('calls focus', function () {
+        return expect(w.mathField().focus).toHaveBeenCalled();
+      });
+      it('calls latex', function () {
+        return expect(w.mathField().latex).toHaveBeenCalled();
+      });
+    });
+    describe('onInputEdit', function () {
+      it('calls onChange', function () {
+        w = wrapper();
+        w.mathField().latex.mockReturnValue('foo');
+        w.instance().onInputEdit();
+        expect(onChange).toHaveBeenCalledWith('foo');
+      });
+    });
+  });
+});
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9tcS9fX3Rlc3RzX18vaW5wdXQudGVzdC5qc3giXSwibmFtZXMiOlsiZGVzY3JpYmUiLCJ3Iiwib25DaGFuZ2UiLCJiZWZvcmVFYWNoIiwiamVzdCIsImZuIiwid3JhcHBlciIsImV4dHJhcyIsImRlZmF1bHRzIiwiY2xhc3NlcyIsImNsYXNzTmFtZSIsInByb3BzIiwib3V0IiwibWF0aEZpZWxkIiwiaW5zdGFuY2UiLCJpdCIsImV4cGVjdCIsInRvTWF0Y2hTbmFwc2hvdCIsImNsZWFyIiwibGF0ZXgiLCJ0b0hhdmVCZWVuQ2FsbGVkV2l0aCIsImJsdXIiLCJ0b0hhdmVCZWVuQ2FsbGVkIiwiZm9jdXMiLCJjb21tYW5kIiwiY21kIiwia2V5c3Ryb2tlIiwid3JpdGUiLCJtb2NrUmV0dXJuVmFsdWUiLCJvbklucHV0RWRpdCJdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBQUE7O0FBQ0E7O0FBQ0E7Ozs7OztBQUVBQSxRQUFRLENBQUMsT0FBRCxFQUFVLFlBQU07QUFDdEIsTUFBSUMsQ0FBSjtBQUNBLE1BQUlDLFFBQUo7QUFFQUMsRUFBQUEsVUFBVSxDQUFDLFlBQU07QUFDZkQsSUFBQUEsUUFBUSxHQUFHRSxJQUFJLENBQUNDLEVBQUwsRUFBWDtBQUNELEdBRlMsQ0FBVjs7QUFHQSxNQUFNQyxPQUFPLEdBQUcsU0FBVkEsT0FBVSxDQUFDQyxNQUFELEVBQVk7QUFDMUIsUUFBTUMsUUFBUSxHQUFHO0FBQ2ZDLE1BQUFBLE9BQU8sRUFBRSxFQURNO0FBRWZDLE1BQUFBLFNBQVMsRUFBRSxXQUZJO0FBR2ZSLE1BQUFBLFFBQVEsRUFBUkE7QUFIZSxLQUFqQjs7QUFLQSxRQUFNUyxLQUFLLG1DQUFRSCxRQUFSLEdBQXFCRCxNQUFyQixDQUFYOztBQUNBLFFBQU1LLEdBQUcsR0FBRyxtQ0FBUSxnQ0FBQyxZQUFELEVBQVdELEtBQVgsQ0FBUixDQUFaOztBQUVBQyxJQUFBQSxHQUFHLENBQUNDLFNBQUosR0FBZ0I7QUFBQSxhQUFNRCxHQUFHLENB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TyxFQUFYO0FBQ0FMLFFBQUFBLENBQUMsQ0FBQ1ksU0FBRixHQUFjTSxLQUFkLENBQW9CUyxlQUFwQixDQUFvQyxLQUFwQztBQUNBM0IsUUFBQUEsQ0FBQyxDQUFDYSxRQUFGLEdBQWFlLFdBQWI7QUFDQWIsUUFBQUEsTUFBTSxDQUFDZCxRQUFELENBQU4sQ0FBaUJrQixvQkFBakIsQ0FBc0MsS0FBdEM7QUFDRCxPQUxDLENBQUY7QUFNRCxLQVBPLENBQVI7QUFRRCxHQTVETyxDQUFSO0FBNkRELENBdkZPLENBQVIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBzaGFsbG93IH0gZnJvbSAnZW56eW1lJztcbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBJbnB1dCB9IGZyb20gJy4uL2lucHV0JztcblxuZGVzY3JpYmUoJ0lucHV0JywgKCkgPT4ge1xuICBsZXQgdztcbiAgbGV0IG9uQ2hhbmdlO1xuXG4gIGJlZm9yZUVhY2goKCkgPT4ge1xuICAgIG9uQ2hhbmdlID0gamVzdC5mbigpO1xuICB9KTtcbiAgY29uc3Qgd3JhcHBlciA9IChleHRyYXMpID0+IHtcbiAgICBjb25zdCBkZWZhdWx0cyA9IHtcbiAgICAgIGNsYXNzZXM6IHt9LFxuICAgICAgY2xhc3NOYW1lOiAnY2xhc3NOYW1lJyxcbiAgICAgIG9uQ2hhbmdlLFxuICAgIH07XG4gICAgY29uc3QgcHJvcHMgPSB7IC4uLmRlZmF1bHRzLCAuLi5leHRyYXMgfTtcbiAgICBjb25zdCBvdXQgPSBzaGFsbG93KDxJbnB1dCB7Li4ucHJvcHN9IC8+KTtcblxuICAgIG91dC5tYXRoRmllbGQgPSAoKSA9PiBvdXQuaW5zdGFuY2UoKS5tYXRoRmllbGQ7XG4gICAgcmV0dXJuIG91dDtcbiAgfTtcblxuICBkZXNjcmliZSgnc25hcHNob3QnLCAoKSA9PiB7XG4gICAgaXQoJ3JlbmRlcnMnLCAoKSA9PiB7XG4gICAgICB3ID0gd3JhcHBlcigpO1xuICAgICAgZXhwZWN0KHcpLnRvTWF0Y2hTbmFwc2hvdCgpO1xuICAgIH0pO1xuICB9KTtcbiAgZGVzY3JpYmUoJ2xvZ2ljJywgKCkgPT4ge1xuICAgIGJlZm9yZUVhY2goKCkgPT4ge1xuICAgICAgdyA9IHdyYXBwZXIoKTtcbiAgICB9KTtcbiAgICBkZXNjcmliZSgnY2xlYXInLCAoKSA9PiB7XG4gICAgICBpdCgnY2FsbHMgbGF0ZXgnLCAoKSA9PiB7XG4gICAgICAgIHcuaW5zdGFuY2UoKS5jbGVhcigpO1xuICAgICAgICBleHBlY3Qody5tYXRoRmllbGQoKS5sYXRleCkudG9IYXZlQmVlbkNhbGxlZFdpdGgoJycpO1xuICAgICAgfSk7XG4gICAgfSk7XG4gICAgZGVzY3JpYmUoJ2JsdXInLCAoKSA9PiB7XG4gICAgICBpdCgnY2FsbHMgYmx1cicsICgpID0+IHtcbiAgICAgICAgdy5pbnN0YW5jZSgpLmJsdXIoKTtcbiAgICAgICAgZXhwZWN0KHcubWF0aEZpZWxkKCkuYmx1cikudG9IYXZlQmVlbkNhbGxlZCgpO1xuICAgICAgfSk7XG4gICAgfSk7XG4gICAgZGVzY3JpYmUoJ2ZvY3VzJywgKCkgPT4ge1xuICAgICAgaXQoJ2NhbGxzIGZvY3VzJywgKCkgPT4ge1xuICAgICAgICB3Lmluc3RhbmNlKCkuZm9jdXMoKTtcbiAgICAgICAgZXhwZWN0KHcubWF0aEZpZWxkKCkuZm9jdXMpLnRvSGF2ZUJlZW5DYWxsZWQoKTtcbiAgICAgIH0pO1xuICAgIH0pO1xuICAgIGRlc2NyaWJlKCdjb21tYW5kJywgKCkgPT4ge1xuICAgICAgaXQoJ2NhbGxzIGNtZCcsICgpID0+IHtcbiAgICAgICAgdy5pbnN0YW5jZSgpLmNvbW1hbmQoJ2ZvbycpO1xuICAgICAgICBleHBlY3Qody5tYXRoRmllbGQoKS5jbWQpLnRvSGF2ZUJlZW5DYWxsZWRXaXRoKCdmb28nKTtcbiAgICAgIH0pO1xuICAgICAgaXQoJ2NhbGxzIGNtZCBpZiBwYXNzZWQgYW4gYXJyYXknLCAoKSA9PiB7XG4gICAgICAgIHcuaW5zdGFuY2UoKS5jb21tYW5kKFsnZm9vJywgJ2JhciddKTtcbiAgICAgICAgZXhwZWN0KHcubWF0aEZpZWxkKCkuY21kKS50b0hhdmVCZWVuQ2FsbGVkV2l0aCgnZm9vJyk7XG4gICAgICAgIGV4cGVjdCh3Lm1hdGhGaWVsZCgpLmNtZCkudG9IYXZlQmVlbkNhbGxlZFdpdGgoJ2JhcicpO1xuICAgICAgfSk7XG4gICAgfSk7XG5cbiAgICBkZXNjcmliZSgna2V5c3Ryb2tlJywgKCkgPT4ge1xuICAgICAgYmVmb3JlRWFjaCgoKSA9PiB7XG4gICAgICAgIHcuaW5zdGFuY2UoKS5rZXlzdHJva2UoJzknKTtcbiAgICAgIH0pO1xuICAgICAgaXQoJ2NhbGxzIGtleXN0cm9rZScsICgpID0+IGV4cGVjdCh3Lm1hdGhGaWVsZCgpLmtleXN0cm9rZSkudG9IYXZlQmVlbkNhbGxlZFdpdGgoJzknKSk7XG4gICAgICBpdCgnY2FsbHMgZm9jdXMnLCAoKSA9PiBleHBlY3Qody5tYXRoRmllbGQoKS5mb2N1cykudG9IYXZlQmVlbkNhbGxlZCgpKTtcbiAgICAgIGl0KCdjYWxscyBsYXRleCcsICgpID0+IGV4cGVjdCh3Lm1hdGhGaWVsZCgpLmxhdGV4KS50b0hhdmVCZWVuQ2FsbGVkKCkpO1xuICAgIH0pO1xuXG4gICAgZGVzY3JpYmUoJ3dyaXRlJywgKCkgPT4ge1xuICAgICAgYmVmb3JlRWFjaCgoKSA9PiB7XG4gICAgICAgIHcuaW5zdGFuY2UoKS53cml0ZSgnaGknKTtcbiAgICAgIH0pO1xuICAgICAgaXQoJ2NhbGxzIHdyaXRlJywgKCkgPT4gZXhwZWN0KHcubWF0aEZpZWxkKCkud3JpdGUpLnRvSGF2ZUJlZW5DYWxsZWRXaXRoKCdoaScpKTtcbiAgICAgIGl0KCdjYWxscyBmb2N1cycsICgpID0+IGV4cGVjdCh3Lm1hdGhGaWVsZCgpLmZvY3VzKS50b0hhdmVCZWVuQ2FsbGVkKCkpO1xuICAgICAgaXQoJ2NhbGxzIGxhdGV4JywgKCkgPT4gZXhwZWN0KHcubWF0aEZpZWxkKCkubGF0ZXgpLnRvSGF2ZUJlZW5DYWxsZWQoKSk7XG4gICAgfSk7XG5cbiAgICBkZXNjcmliZSgnb25JbnB1dEVkaXQnLCAoKSA9PiB7XG4gICAgICBpdCgnY2FsbHMgb25DaGFuZ2UnLCAoKSA9PiB7XG4gICAgICAgIHcgPSB3cmFwcGVyKCk7XG4gICAgICAgIHcubWF0aEZpZWxkKCkubGF0ZXgubW9ja1JldHVyblZhbHVlKCdmb28nKTtcbiAgICAgICAgdy5pbnN0YW5jZSgpLm9uSW5wdXRFZGl0KCk7XG4gICAgICAgIGV4cGVjdChvbkNoYW5nZSkudG9IYXZlQmVlbkNhbGxlZFdpdGgoJ2ZvbycpO1xuICAgICAgfSk7XG4gICAgfSk7XG4gIH0pO1xufSk7XG4iXX0=

package/lib/mq/__tests__/static.test.js

@@ -0,0 +1,74 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _enzyme = require("enzyme");
+
+var _react = _interopRequireDefault(require("react"));
+
+var _static = _interopRequireDefault(require("../static"));
+
+var Mathquill = require('@pie-framework/mathquill');
+
+jest.mock('@pie-framework/mathquill', function () {
+  return {
+    StaticMath: jest.fn().mockReturnValue({
+      latex: jest.fn(),
+      parseLatex: jest.fn()
+    }),
+    getInterface: jest.fn().mockReturnThis()
+  };
+});
+describe('static', function () {
+  var w;
+  describe('mount', function () {
+    beforeEach(function () {
+      w = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_static["default"], {
+        latex: "foo"
+      }), {
+        disableLifecycleMethods: true
+      });
+      w.instance().input = {};
+      w.instance().componentDidMount();
+    });
+    it('set the html', function () {
+      expect(Mathquill.getInterface().StaticMath().latex).toBeCalledWith('foo');
+    });
+    it('calls MQ.StaticMath', function () {
+      expect(Mathquill.getInterface().StaticMath).toHaveBeenCalled();
+    });
+  });
+  describe('shouldComponentUpdate', function () {
+    it('returns false if there is an error', function () {
+      w = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_static["default"], {
+        latex: "foo"
+      }), {
+        disableLifecycleMethods: true
+      });
+      w.instance().mathField = {
+        parseLatex: jest.fn(function (e) {
+          throw new Error('boom');
+        })
+      };
+      expect(w.instance().shouldComponentUpdate({
+        latex: '\\abs{}'
+      })).toEqual(false);
+    });
+    it('returns true if ??', function () {
+      w = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_static["default"], {
+        latex: "foo"
+      }), {
+        disableLifecycleMethods: true
+      });
+      w.instance().mathField = {
+        latex: jest.fn().mockReturnValue('foo'),
+        parseLatex: jest.fn().mockReturnValue('foo'),
+        innerFields: ['field1', 'field2']
+      };
+      expect(w.instance().shouldComponentUpdate({
+        latex: '\\abs{}'
+      })).toEqual(true);
+    });
+  });
+});
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9tcS9fX3Rlc3RzX18vc3RhdGljLnRlc3QuanN4Il0sIm5hbWVzIjpbIk1hdGhxdWlsbCIsInJlcXVpcmUiLCJqZXN0IiwibW9jayIsIlN0YXRpY01hdGgiLCJmbiIsIm1vY2tSZXR1cm5WYWx1ZSIsImxhdGV4IiwicGFyc2VMYXRleCIsImdldEludGVyZmFjZSIsIm1vY2tSZXR1cm5UaGlzIiwiZGVzY3JpYmUiLCJ3IiwiYmVmb3JlRWFjaCIsImRpc2FibGVMaWZlY3ljbGVNZXRob2RzIiwiaW5zdGFuY2UiLCJpbnB1dCIsImNvbXBvbmVudERpZE1vdW50IiwiaXQiLCJleHBlY3QiLCJ0b0JlQ2FsbGVkV2l0aCIsInRvSGF2ZUJlZW5DYWxsZWQiLCJtYXRoRmllbGQiLCJlIiwiRXJyb3IiLCJzaG91bGRDb21wb25lbnRVcGRhdGUiLCJ0b0VxdWFsIiwiaW5uZXJGaWVsZHMiXSwibWFwcGluZ3MiOiI7Ozs7QUFBQTs7QUFDQTs7QUFDQTs7QUFFQSxJQUFNQSxTQUFTLEdBQUdDLE9BQU8sQ0FBQywwQkFBRCxDQUF6Qjs7QUFFQUMsSUFBSSxDQUFDQyxJQUFMLENBQVUsMEJBQVYsRUFBc0M7QUFBQSxTQUFPO0FBQzNDQyxJQUFBQSxVQUFVLEVBQUVGLElBQUksQ0FBQ0csRUFBTCxHQUFVQyxlQUFWLENBQTBCO0FBQ3BDQyxNQUFBQSxLQUFLLEVBQUVMLElBQUksQ0FBQ0csRUFBTCxFQUQ2QjtBQUVwQ0csTUFBQUEsVUFBVSxFQUFFTixJQUFJLENBQUNHLEVBQUw7QUFGd0IsS0FBMUIsQ0FEK0I7QUFLM0NJLElBQUFBLFlBQVksRUFBRVAsSUFBSSxDQUFDRyxFQUFMLEdBQVVLLGNBQVY7QUFMNkIsR0FBUDtBQUFBLENBQXRDO0FBUUFDLFFBQVEsQ0FBQyxRQUFELEVBQVcsWUFBTTtBQUN2QixNQUFJQyxDQUFKO0FBQ0FELEVBQUFBLFFBQVEsQ0FBQyxPQUFELEVBQVUsWUFBTTtBQUN0QkUsSUFBQUEsVUFBVSxDQUFDLFlBQU07QUFDZkQsTUFBQUEsQ0FBQyxHQUFHLG1DQUFRLGdDQUFDLGtCQUFEO0FBQVEsUUFBQSxLQUFLLEVBQUM7QUFBZCxRQUFSLEVBQWdDO0FBQ2xDRSxRQUFBQSx1QkFBdUIsRUFBRTtBQURTLE9BQWhDLENBQUo7QUFJQUYsTUFBQUEsQ0FBQyxDQUFDRyxRQUFGLEdBQWFDLEtBQWIsR0FBcUIsRUFBckI7QUFDQUosTUFBQUEsQ0FBQyxDQUFDRyxRQUFGLEdBQWFFLGlCQUFiO0FBQ0QsS0FQUyxDQUFWO0FBU0FDLElBQUFBLEVBQUUsQ0FBQyxjQUFELEVBQWlCLFlBQU07QUFDdkJDLE1BQUFBLE1BQU0sQ0FBQ25CLFNBQVMsQ0FBQ1MsWUFBVixHQUF5QkwsVUFBekIsR0FBc0NHLEtBQXZDLENBQU4sQ0FBb0RhLGNBQXBELENBQW1FLEtBQW5FO0FBQ0QsS0FGQyxDQUFGO0FBSUFGLElBQUFBLEVBQUUsQ0FBQyxxQkFBRCxFQUF3QixZQUFNO0FBQzlCQyxNQUFBQSxNQUFNLENBQUNuQixTQUFTLENBQUNTLFlBQVYsR0FBeUJMLFVBQTFCLENBQU4sQ0FBNENpQixnQkFBNUM7QUFDRCxLQUZDLENBQUY7QUFHRCxHQWpCTyxDQUFSO0FBbUJBVixFQUFBQSxRQUFRLENBQUMsdUJBQUQsRUFBMEIsWUFBTTtBQUN0Q08sSUFBQUEsRUFBRSxDQUFDLG9DQUFELEVBQXVDLFlBQU07QUFDN0NOLE1BQUFBLENBQUMsR0FBRyxtQ0FBUSxnQ0FBQyxrQkFBRDtBQUFRLFFBQUEsS0FBSyxFQUFDO0FBQWQsUUFBUixFQUFnQztBQUFFRSxRQUFBQSx1QkFBdUIsRUFBRTtBQUEzQixPQUFoQyxDQUFKO0FBQ0FGLE1BQUFBLENBQUMsQ0FBQ0csUUFBRixHQUFhTyxTQUFiLEdBQXlCO0FBQ3ZCZCxRQUFBQSxVQUFVLEVBQUVOLElBQUksQ0FBQ0csRUFBTCxDQUFRLFVBQUNrQixDQUFELEVBQU87QUFDekIsZ0JBQU0sSUFBSUMsS0FBSixDQUFVLE1BQVYsQ0FBTjtBQUNELFNBRlc7QUFEVyxPQUF6QjtBQUtBTCxNQUFBQSxNQUFNLENBQUNQLENBQUMsQ0FBQ0csUUFBRixHQUFhVSxxQkFBYixDQUFtQztBQUFFbEIsUUFBQUEsS0FBSyxFQUFFO0FBQVQsT0FBbkMsQ0FBRCxDQUFOLENBQWlFbUIsT0FBakUsQ0FBeUUsS0FBekU7QUFDRCxLQVJDLENBQUY7QUFVQVIsSUFBQUEsRUFBRSxDQUFDLG9CQUFELEVBQXVCLFlBQU07QUFDN0JOLE1BQUFBLENBQUMsR0FBRyxtQ0FBUSxnQ0FBQyxrQkFBRDtBQUFRLFFBQUEsS0FBSyxFQUFDO0FBQWQsUUFBUixFQUFnQztBQUFFRSxRQUFBQSx1QkFBdUIsRUFBRTtBQUEzQixPQUFoQyxDQUFKO0FBQ0FGLE1BQUFBLENBQUMsQ0FBQ0csUUFBRixHQUFhTyxTQUFiLEdBQXlCO0FBQ3ZCZixRQUFBQSxLQUFLLEVBQUVMLElBQUksQ0FBQ0csRUFBTCxHQUFVQyxlQUFWLENBQTBCLEtBQTFCLENBRGdCO0FBRXZCRSxRQUFBQSxVQUFVLEVBQUVOLElBQUksQ0FBQ0csRUFBTCxHQUFVQyxlQUFWLENBQTBCLEtBQTFCLENBRlc7QUFHdkJxQixRQUFBQSxXQUFXLEVBQUUsQ0FBQyxRQUFELEVBQVcsUUFBWDtBQUhVLE9BQXpCO0FBS0FSLE1BQUFBLE1BQU0sQ0FBQ1AsQ0FBQyxDQUFDRyxRQUFGLEdBQWFVLHFCQUFiLENBQW1DO0FBQUVsQixRQUFBQSxLQUFLLEVBQUU7QUFBVCxPQUFuQyxDQUFELENBQU4sQ0FBaUVtQixPQUFqRSxDQUF5RSxJQUF6RTtBQUNELEtBUkMsQ0FBRjtBQVNELEdBcEJPLENBQVI7QUFxQkQsQ0ExQ08sQ0FBUiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHNoYWxsb3cgfSBmcm9tICdlbnp5bWUnO1xuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBTdGF0aWMgZnJvbSAnLi4vc3RhdGljJztcblxuY29uc3QgTWF0aHF1aWxsID0gcmVxdWlyZSgnQHBpZS1mcmFtZXdvcmsvbWF0aHF1aWxsJyk7XG5cbmplc3QubW9jaygnQHBpZS1mcmFtZXdvcmsvbWF0aHF1aWxsJywgKCkgPT4gKHtcbiAgU3RhdGljTWF0aDogamVzdC5mbigpLm1vY2tSZXR1cm5WYWx1ZSh7XG4gICAgbGF0ZXg6IGplc3QuZm4oKSxcbiAgICBwYXJzZUxhdGV4OiBqZXN0LmZuKCksXG4gIH0pLFxuICBnZXRJbnRlcmZhY2U6IGplc3QuZm4oKS5tb2NrUmV0dXJuVGhpcygpLFxufSkpO1xuXG5kZXNjcmliZSgnc3RhdGljJywgKCkgPT4ge1xuICBsZXQgdztcbiAgZGVzY3JpYmUoJ21vdW50JywgKCkgPT4ge1xuICAgIGJlZm9yZUVhY2goKCkgPT4ge1xuICAgICAgdyA9IHNoYWxsb3coPFN0YXRpYyBsYXRleD1cImZvb1wiIC8+LCB7XG4gICAgICAgIGRpc2FibGVMaWZlY3ljbGVNZXRob2RzOiB0cnVlLFxuICAgICAgfSk7XG5cbiAgICAgIHcuaW5zdGFuY2UoKS5pbnB1dCA9IHt9O1xuICAgICAgdy5pbnN0YW5jZSgpLmNvbXBvbmVudERpZE1vdW50KCk7XG4gICAgfSk7XG5cbiAgICBpdCgnc2V0IHRoZSBodG1sJywgKCkgPT4ge1xuICAgICAgZXhwZWN0KE1hdGhxdWlsbC5nZXRJbnRlcmZhY2UoKS5TdGF0aWNNYXRoKCkubGF0ZXgpLnRvQmVDYWxsZWRXaXRoKCdmb28nKTtcbiAgICB9KTtcblxuICAgIGl0KCdjYWxscyBNUS5TdGF0aWNNYXRoJywgKCkgPT4ge1xuICAgICAgZXhwZWN0KE1hdGhxdWlsbC5nZXRJbnRlcmZhY2UoKS5TdGF0aWNNYXRoKS50b0hhdmVCZWVuQ2FsbGVkKCk7XG4gICAgfSk7XG4gIH0pO1xuXG4gIGRlc2NyaWJlKCdzaG91bGRDb21wb25lbnRVcGRhdGUnLCAoKSA9PiB7XG4gICAgaXQoJ3JldHVybnMgZmFsc2UgaWYgdGhlcmUgaXMgYW4gZXJyb3InLCAoKSA9PiB7XG4gICAgICB3ID0gc2hhbGxvdyg8U3RhdGljIGxhdGV4PVwiZm9vXCIgLz4sIHsgZGlzYWJsZUxpZmVjeWNsZU1ldGhvZHM6IHRydWUgfSk7XG4gICAgICB3Lmluc3RhbmNlKCkubWF0aEZpZWxkID0ge1xuICAgICAgICBwYXJzZUxhdGV4OiBqZXN0LmZuKChlKSA9PiB7XG4gICAgICAgICAgdGhyb3cgbmV3IEVycm9yKCdib29tJyk7XG4gICAgICAgIH0pLFxuICAgICAgfTtcbiAgICAgIGV4cGVjdCh3Lmluc3RhbmNlKCkuc2hvdWxkQ29tcG9uZW50VXBkYXRlKHsgbGF0ZXg6ICdcXFxcYWJze30nIH0pKS50b0VxdWFsKGZhbHNlKTtcbiAgICB9KTtcblxuICAgIGl0KCdyZXR1cm5zIHRydWUgaWYgPz8nLCAoKSA9PiB7XG4gICAgICB3ID0gc2hhbGxvdyg8U3RhdGljIGxhdGV4PVwiZm9vXCIgLz4sIHsgZGlzYWJsZUxpZmVjeWNsZU1ldGhvZHM6IHRydWUgfSk7XG4gICAgICB3Lmluc3RhbmNlKCkubWF0aEZpZWxkID0ge1xuICAgICAgICBsYXRleDogamVzdC5mbigpLm1vY2tSZXR1cm5WYWx1ZSgnZm9vJyksXG4gICAgICAgIHBhcnNlTGF0ZXg6IGplc3QuZm4oKS5tb2NrUmV0dXJuVmFsdWUoJ2ZvbycpLFxuICAgICAgICBpbm5lckZpZWxkczogWydmaWVsZDEnLCAnZmllbGQyJ10sXG4gICAgICB9O1xuICAgICAgZXhwZWN0KHcuaW5zdGFuY2UoKS5zaG91bGRDb21wb25lbnRVcGRhdGUoeyBsYXRleDogJ1xcXFxhYnN7fScgfSkpLnRvRXF1YWwodHJ1ZSk7XG4gICAgfSk7XG4gIH0pO1xufSk7XG4iXX0=

package/lib/shared/constants.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.PIE_TOOLBAR__CLASS = exports.MAIN_CONTAINER_CLASS = void 0;
+var MAIN_CONTAINER_CLASS = 'main-container';
+exports.MAIN_CONTAINER_CLASS = MAIN_CONTAINER_CLASS;
+var PIE_TOOLBAR__CLASS = 'pie-toolbar';
+exports.PIE_TOOLBAR__CLASS = PIE_TOOLBAR__CLASS;
+var _default = {
+  MAIN_CONTAINER_CLASS: MAIN_CONTAINER_CLASS,
+  PIE_TOOLBAR__CLASS: PIE_TOOLBAR__CLASS
+};
+exports["default"] = _default;
+//# sourceMappingURL=constants.js.map

package/package.json

@@ -3,14 +3,13 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "6.12.0-beta.4",
+  "version": "6.12.0-beta.5",
   "main": "lib/index.js",
   "module": "src/index.jsx",
   "dependencies": {
     "@material-ui/core": "^3.8.3",
     "@material-ui/icons": "^3.0.2",
     "@pie-framework/mathquill": "^1.1.3",
-    "@pie-lib/editable-html": "beta",
     "classnames": "^2.2.6",
     "debug": "^4.1.1",
     "lodash": "^4.17.11",

package/src/keypad/index.jsx

@@ -12,7 +12,7 @@ import MathQuill from '@pie-framework/mathquill';
 
 import * as mq from '../mq';
 import { baseSet } from '../keys';
-import { constants } from '@pie-lib/editable-html';
+import editableHtmlConstants from '../../../editable-html/src/constants';
 import { commonMqKeyboardStyles } from '../mq/common-mq-styles';
 import { sortKeys } from './keys-layout';
 
@@ -215,7 +215,7 @@ export class KeyPad extends React.Component {
 
   componentDidMount() {
     const keyPadElement = this.keypadRef?.current;
-    const mainContainer = keyPadElement?.closest(`.${constants.MAIN_CONTAINER_CLASS}`);
+    const mainContainer = keyPadElement?.closest(`.${editableHtmlConstants.MAIN_CONTAINER_CLASS}`);
     const currentToolbar = keyPadElement?.closest('.pie-toolbar');
 
     // need only for math keyboard so we need also controlledKeypadMode
@@ -245,7 +245,7 @@ export class KeyPad extends React.Component {
     const keyPadElement = this.keypadRef?.current;
     // need only for math keyboard
     if (this.props.controlledKeypadMode && keyPadElement) {
-      const mainContainer = keyPadElement.closest(`.${constants.MAIN_CONTAINER_CLASS}`);
+      const mainContainer = keyPadElement.closest(`.${editableHtmlConstants.MAIN_CONTAINER_CLASS}`);
 
       if (mainContainer) {
         mainContainer.style.height = 'unset';