@pie-lib/math-input 6.11.4 → 6.13.0-beta.0

package/lib/mq/static.js

@@ -29,7 +29,7 @@ var _debug = _interopRequireDefault(require("debug"));
 
 var _mathquill = _interopRequireDefault(require("@pie-framework/mathquill"));
 
-var _index = require("../index");
+var _updateSpans = require("../updateSpans");
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
 
@@ -49,6 +49,18 @@ function stripSpaces() {
   var string = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
   return string.replace(WHITESPACE_REGEX, '');
 }
+
+function countBraces(latex) {
+  var count = 0;
+
+  for (var i = 0; i < (latex || '').length; i++) {
+    if (latex[i] === '{') {
+      count++;
+    }
+  }
+
+  return count;
+}
 /**
  * Wrapper for MathQuill MQ.MathField.
  */
@@ -59,73 +71,78 @@ var Static = /*#__PURE__*/function (_React$Component) {
 
   var _super = _createSuper(Static);
 
-  function Static() {
+  function Static(props) {
     var _this;
 
     (0, _classCallCheck2["default"])(this, Static);
+    _this = _super.call(this, props);
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "createLiveRegion", function () {
+      _this.liveRegion = document.createElement('div');
+      _this.liveRegion.style.position = 'absolute';
+      _this.liveRegion.style.width = '1px';
+      _this.liveRegion.style.height = '1px';
+      _this.liveRegion.style.marginTop = '-1px';
+      _this.liveRegion.style.clip = 'rect(1px, 1px, 1px, 1px)';
+      _this.liveRegion.style.overflow = 'hidden';
 
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
+      _this.liveRegion.setAttribute('aria-live', 'polite');
 
-    _this = _super.call.apply(_super, [this].concat(args));
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onFocus", function (e) {
-      try {
-        var rootBlock = e.target.parentElement.nextSibling;
-        var id = parseInt(rootBlock.getAttribute('mathquill-block-id'), 10);
-
-        if (!id) {
-          rootBlock = rootBlock.parentElement;
-          id = parseInt(rootBlock.getAttribute('mathquill-block-id'), 10);
-        }
+      _this.liveRegion.setAttribute('aria-atomic', 'true');
 
-        var innerField = _this.mathField.innerFields.find(function (f) {
-          return f.id === id;
-        });
-
-        if (innerField) {
-          var name = _this.props.getFieldName(innerField, _this.mathField.innerFields);
+      document.body.appendChild(_this.liveRegion);
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "addEventListeners", function () {
+      var input = _this.inputRef.current;
 
-          if (_this.props.setInput) {
-            _this.props.setInput(innerField);
-          }
+      if (input) {
+        input.addEventListener('keydown', _this.handleKeyDown);
+        input.addEventListener('click', _this.handleMathKeyboardClick);
+      }
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "removeEventListeners", function () {
+      var input = _this.inputRef.current;
 
-          _this.props.onSubFieldFocus(name, innerField);
-        }
-      } catch (err) {
-        // eslint-disable-next-line no-console
-        console.error('error finding root block', err.message);
+      if (input) {
+        input.removeEventListener('keydown', _this.handleKeyDown);
+        input.removeEventListener('click', _this.handleMathKeyboardClick);
       }
     });
-    return _this;
-  }
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "removeLiveRegion", function () {
+      if (_this.liveRegion) {
+        document.body.removeChild(_this.liveRegion);
+        _this.liveRegion = null;
+      }
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleKeyDown", function (event) {
+      if ((event === null || event === void 0 ? void 0 : event.key) === 'Backspace' || (event === null || event === void 0 ? void 0 : event.key) === 'Delete') {
+        _this.setState({
+          isDeleteKeyPressed: true
+        });
+      }
 
-  (0, _createClass2["default"])(Static, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      this.update();
-      (0, _index.updateSpans)();
-    }
-  }, {
-    key: "componentDidUpdate",
-    value: function componentDidUpdate() {
-      this.update();
-      (0, _index.updateSpans)();
-    }
-  }, {
-    key: "onInputEdit",
-    value: function onInputEdit(field) {
-      if (!this.mathField) {
+      _this.setState({
+        inputSource: 'keyboard'
+      });
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleMathKeyboardClick", function () {
+      _this.setState({
+        inputSource: 'mathKeyboard'
+      });
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onInputEdit", function (field) {
+      if (!_this.mathField) {
         return;
       }
 
-      var name = this.props.getFieldName(field, this.mathField.innerFields);
+      var name = _this.props.getFieldName(field, _this.mathField.innerFields);
+
+      if (_this.props.onSubFieldChange) {
+        var _this$inputRef;
 
-      if (this.props.onSubFieldChange) {
         // eslint-disable-next-line no-useless-escape
         var regexMatch = field.latex().match(/[0-9]\\ \\frac\{[^\{]*\}\{ \}/);
 
-        if (this.input && regexMatch && regexMatch !== null && regexMatch !== void 0 && regexMatch.length) {
+        if ((_this$inputRef = _this.inputRef) !== null && _this$inputRef !== void 0 && _this$inputRef.current && regexMatch && regexMatch !== null && regexMatch !== void 0 && regexMatch.length) {
           try {
             field.__controller.cursor.insLeftOf(field.__controller.cursor.parent[-1].parent);
 
@@ -137,45 +154,155 @@ var Static = /*#__PURE__*/function (_React$Component) {
             console.error(e.toString());
           }
         } else {
-          this.props.onSubFieldChange(name, field.latex());
+          _this.props.onSubFieldChange(name, field.latex());
         }
       }
-    }
-  }, {
-    key: "update",
-    value: function update() {
+
+      _this.announceLatexConversion(field.latex());
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "announceLatexConversion", function (newLatex) {
+      if (!_this.state) {
+        console.error('State is not initialized');
+        return;
+      }
+
+      var _this$state = _this.state,
+          previousLatex = _this$state.previousLatex,
+          inputSource = _this$state.inputSource,
+          isDeleteKeyPressed = _this$state.isDeleteKeyPressed;
+      var announcement = 'Converted to math symbol';
+
+      if (inputSource === 'keyboard' && !isDeleteKeyPressed) {
+        var newBraces = countBraces(newLatex);
+        var oldBraces = countBraces(previousLatex);
+
+        if (newBraces > oldBraces) {
+          _this.announceMessage(announcement);
+        } else {
+          try {
+            _this.mathField.parseLatex(previousLatex);
+
+            _this.mathField.parseLatex(newLatex);
+
+            if (newLatex == previousLatex) {
+              _this.announceMessage(announcement);
+            }
+          } catch (e) {
+            console.warn('Error parsing latex:', e.message);
+            console.warn(e);
+          }
+        }
+      }
+
+      _this.setState({
+        previousLatex: newLatex,
+        isDeleteKeyPressed: false
+      });
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "announceMessage", function (message) {
+      _this.setState({
+        previousLatex: ''
+      });
+
+      if (_this.liveRegion) {
+        _this.liveRegion.textContent = message; // Clear the message after it is announced
+
+        setTimeout(function () {
+          _this.liveRegion.textContent = '';
+        }, 500);
+      }
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "update", function () {
       if (!MQ) {
         throw new Error('MQ is not defined - but component has mounted?');
-      } // this.input.innerHTML = this.props.latex;
+      }
 
+      if (!_this.mathField) {
+        var _this$inputRef2;
 
-      if (!this.mathField) {
-        this.mathField = MQ.StaticMath(this.input, {
+        _this.mathField = MQ.StaticMath((_this$inputRef2 = _this.inputRef) === null || _this$inputRef2 === void 0 ? void 0 : _this$inputRef2.current, {
           handlers: {
-            edit: this.onInputEdit.bind(this)
+            edit: _this.onInputEdit.bind((0, _assertThisInitialized2["default"])(_this))
           }
         });
       }
 
       try {
-        this.mathField.parseLatex(this.props.latex);
-        this.mathField.latex(this.props.latex);
+        _this.mathField.parseLatex(_this.props.latex);
+
+        _this.mathField.latex(_this.props.latex);
       } catch (e) {
         // default latex if received has errors
-        this.mathField.latex('\\MathQuillMathField[r1]{}');
+        _this.mathField.latex('\\MathQuillMathField[r1]{}');
       }
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "blur", function () {
+      log('blur mathfield');
+
+      _this.mathField.blur();
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "focus", function () {
+      log('focus mathfield...');
+
+      _this.mathField.focus();
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onFocus", function (e) {
+      try {
+        var rootBlock = e.target.parentElement.nextSibling;
+        var id = parseInt(rootBlock.getAttribute('mathquill-block-id'), 10);
+
+        if (!id) {
+          rootBlock = rootBlock.parentElement;
+          id = parseInt(rootBlock.getAttribute('mathquill-block-id'), 10);
+        }
+
+        var innerField = _this.mathField.innerFields.find(function (f) {
+          return f.id === id;
+        });
+
+        if (innerField) {
+          var name = _this.props.getFieldName(innerField, _this.mathField.innerFields);
+
+          if (_this.props.setInput) {
+            _this.props.setInput(innerField);
+          }
+
+          _this.props.onSubFieldFocus(name, innerField);
+        }
+      } catch (err) {
+        // eslint-disable-next-line no-console
+        console.error('error finding root block', err.message);
+      }
+    });
+    _this.state = {
+      announcement: '',
+      previousLatex: '',
+      inputSource: null,
+      isDeleteKeyPressed: false
+    };
+    _this.inputRef = /*#__PURE__*/_react["default"].createRef();
+    return _this;
+  }
+
+  (0, _createClass2["default"])(Static, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      this.update();
+      (0, _updateSpans.updateSpans)();
+      this.createLiveRegion();
+      this.addEventListeners();
     }
   }, {
-    key: "blur",
-    value: function blur() {
-      log('blur mathfield');
-      this.mathField.blur();
+    key: "componentDidUpdate",
+    value: function componentDidUpdate() {
+      this.update();
+      (0, _updateSpans.updateSpans)();
     }
   }, {
-    key: "focus",
-    value: function focus() {
-      log('focus mathfield...');
-      this.mathField.focus();
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      this.removeLiveRegion();
+      this.removeEventListeners();
     }
   }, {
     key: "shouldComponentUpdate",
@@ -198,8 +325,6 @@ var Static = /*#__PURE__*/function (_React$Component) {
   }, {
     key: "render",
     value: function render() {
-      var _this2 = this;
-
       var _this$props = this.props,
           onBlur = _this$props.onBlur,
           className = _this$props.className;
@@ -207,9 +332,7 @@ var Static = /*#__PURE__*/function (_React$Component) {
         className: className,
         onFocus: this.onFocus,
         onBlur: onBlur,
-        ref: function ref(r) {
-          return _this2.input = r;
-        }
+        ref: this.inputRef
       });
     }
   }]);
@@ -230,4 +353,4 @@ exports["default"] = Static;
 (0, _defineProperty2["default"])(Static, "defaultProps", {
   getFieldName: function getFieldName() {}
 });
-//# sourceMappingURL=static.js.map
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9tcS9zdGF0aWMuanN4Il0sIm5hbWVzIjpbIk1RIiwid2luZG93IiwiTWF0aFF1aWxsIiwiZ2V0SW50ZXJmYWNlIiwibG9nIiwiUkVHRVgiLCJXSElURVNQQUNFX1JFR0VYIiwic3RyaXBTcGFjZXMiLCJzdHJpbmciLCJyZXBsYWNlIiwiY291bnRCcmFjZXMiLCJsYXRleCIsImNvdW50IiwiaSIsImxlbmd0aCIsIlN0YXRpYyIsInByb3BzIiwibGl2ZVJlZ2lvbiIsImRvY3VtZW50IiwiY3JlYXRlRWxlbWVudCIsInN0eWxlIiwicG9zaXRpb24iLCJ3aWR0aCIsImhlaWdodCIsIm1hcmdpblRvcCIsImNsaXAiLCJvdmVyZmxvdyIsInNldEF0dHJpYnV0ZSIsImJvZHkiLCJhcHBlbmRDaGlsZCIsImlucHV0IiwiaW5wdXRSZWYiLCJjdXJyZW50IiwiYWRkRXZlbnRMaXN0ZW5lciIsImhhbmRsZUtleURvd24iLCJoYW5kbGVNYXRoS2V5Ym9hcmRDbGljayIsInJlbW92ZUV2ZW50TGlzdGVuZXIiLCJyZW1vdmVDaGlsZCIsImV2ZW50Iiwia2V5Iiwic2V0U3RhdGUiLCJpc0RlbGV0ZUtleVByZXNzZWQiLCJpbnB1dFNvdXJjZSIsImZpZWxkIiwibWF0aEZpZWxkIiwibmFtZSIsImdldEZpZWxkTmFtZSIsImlubmVyRmllbGRzIiwib25TdWJGaWVsZENoYW5nZSIsInJlZ2V4TWF0Y2giLCJtYXRjaCIsIl9fY29udHJvbGxlciIsImN1cnNvciIsImluc0xlZnRPZiIsInBhcmVudCIsImVsIiwiZGlzcGF0Y2hFdmVudCIsIktleWJvYXJkRXZlbnQiLCJrZXlDb2RlIiwiZSIsImNvbnNvbGUiLCJlcnJvciIsInRvU3RyaW5nIiwiYW5ub3VuY2VMYXRleENvbnZlcnNpb24iLCJuZXdMYXRleCIsInN0YXRlIiwicHJldmlvdXNMYXRleCIsImFubm91bmNlbWVudCIsIm5ld0JyYWNlcyIsIm9sZEJyYWNlcyIsImFubm91bmNlTWVzc2FnZSIsInBhcnNlTGF0ZXgiLCJ3YXJuIiwibWVzc2FnZSIsInRleHRDb250ZW50Iiwic2V0VGltZW91dCIsIkVycm9yIiwiU3RhdGljTWF0aCIsImhhbmRsZXJzIiwiZWRpdCIsIm9uSW5wdXRFZGl0IiwiYmluZCIsImJsdXIiLCJmb2N1cyIsInJvb3RCbG9jayIsInRhcmdldCIsInBhcmVudEVsZW1lbnQiLCJuZXh0U2libGluZyIsImlkIiwicGFyc2VJbnQiLCJnZXRBdHRyaWJ1dGUiLCJpbm5lckZpZWxkIiwiZmluZCIsImYiLCJzZXRJbnB1dCIsIm9uU3ViRmllbGRGb2N1cyIsImVyciIsIlJlYWN0IiwiY3JlYXRlUmVmIiwidXBkYXRlIiwiY3JlYXRlTGl2ZVJlZ2lvbiIsImFkZEV2ZW50TGlzdGVuZXJzIiwicmVtb3ZlTGl2ZVJlZ2lvbiIsInJlbW92ZUV2ZW50TGlzdGVuZXJzIiwibmV4dFByb3BzIiwicGFyc2VkTGF0ZXgiLCJzdHJpcHBlZCIsIm5ld0ZpZWxkQ291bnQiLCJvdXQiLCJ0cmltIiwiT2JqZWN0Iiwia2V5cyIsIm9uQmx1ciIsImNsYXNzTmFtZSIsIm9uRm9jdXMiLCJDb21wb25lbnQiLCJQcm9wVHlwZXMiLCJpc1JlcXVpcmVkIiwiZnVuYyJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQTs7QUFDQTs7QUFDQTs7QUFDQTs7QUFDQTs7Ozs7O0FBRUEsSUFBSUEsRUFBSjs7QUFDQSxJQUFJLE9BQU9DLE1BQVAsS0FBa0IsV0FBdEIsRUFBbUM7QUFDakNELEVBQUFBLEVBQUUsR0FBR0Usc0JBQVVDLFlBQVYsQ0FBdUIsQ0FBdkIsQ0FBTDtBQUNEOztBQUVELElBQU1DLEdBQUcsR0FBRyx1QkFBTSw4QkFBTixDQUFaO0FBQ0EsSUFBTUMsS0FBSyxHQUFHLHdDQUFkO0FBQ0EsSUFBTUMsZ0JBQWdCLEdBQUcsSUFBekI7O0FBRUEsU0FBU0MsV0FBVCxHQUFrQztBQUFBLE1BQWJDLE1BQWEsdUVBQUosRUFBSTtBQUNoQyxTQUFPQSxNQUFNLENBQUNDLE9BQVAsQ0FBZUgsZ0JB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RSxJQU5YO0FBT2pCdkIsRUFBQUEsZUFBZSxFQUFFcUIsc0JBQVVFLElBUFY7QUFRakJ4QixFQUFBQSxRQUFRLEVBQUVzQixzQkFBVUU7QUFSSCxDO2lDQURBdkcsTSxrQkFZRztBQUNwQitCLEVBQUFBLFlBQVksRUFBRSx3QkFBTSxDQUFFO0FBREYsQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IGRlYnVnIGZyb20gJ2RlYnVnJztcbmltcG9ydCBNYXRoUXVpbGwgZnJvbSAnQHBpZS1mcmFtZXdvcmsvbWF0aHF1aWxsJztcbmltcG9ydCB7IHVwZGF0ZVNwYW5zIH0gZnJvbSAnLi4vdXBkYXRlU3BhbnMnO1xuXG5sZXQgTVE7XG5pZiAodHlwZW9mIHdpbmRvdyAhPT0gJ3VuZGVmaW5lZCcpIHtcbiAgTVEgPSBNYXRoUXVpbGwuZ2V0SW50ZXJmYWNlKDIpO1xufVxuXG5jb25zdCBsb2cgPSBkZWJ1ZygncGllLWxpYjptYXRoLWlucHV0Om1xOnN0YXRpYycpO1xuY29uc3QgUkVHRVggPSAvXFxcXE1hdGhRdWlsbE1hdGhGaWVsZFxcW3JcXGQqXFxdXFx7KC4qPylcXH0vZztcbmNvbnN0IFdISVRFU1BBQ0VfUkVHRVggPSAvIC9nO1xuXG5mdW5jdGlvbiBzdHJpcFNwYWNlcyhzdHJpbmcgPSAnJykge1xuICByZXR1cm4gc3RyaW5nLnJlcGxhY2UoV0hJVEVTUEFDRV9SRUdFWCwgJycpO1xufVxuXG5mdW5jdGlvbiBjb3VudEJyYWNlcyhsYXRleCkge1xuICBsZXQgY291bnQgPSAwO1xuXG4gIGZvciAobGV0IGkgPSAwOyBpIDwgKGxhdGV4IHx8ICcnKS5sZW5ndGg7IGkrKykge1xuICAgIGlmIChsYXRleFtpXSA9PT0gJ3snKSB7XG4gICAgICBjb3VudCsrO1xuICAgIH1cbiAgfVxuXG4gIHJldHVybiBjb3VudDtcbn1cblxuLyoqXG4gKiBXcmFwcGVyIGZvciBNYXRoUXVpbGwgTVEuTWF0aEZpZWxkLlxuICovXG5leHBvcnQgZGVmYXVsdCBjbGFzcyBTdGF0aWMgZXh0ZW5kcyBSZWFjdC5Db21wb25lbnQge1xuICBzdGF0aWMgcHJvcFR5cGVzID0ge1xuICAgIGxhdGV4OiBQcm9wVHlwZXMuc3RyaW5nLmlzUmVxdWlyZWQsXG4gICAgb25Gb2N1czogUHJvcFR5cGVzLmZ1bmMsXG4gICAgb25CbHVyOiBQcm9wVHlwZXMuZnVuYyxcbiAgICBjbGFzc05hbWU6IFByb3BUeXBlcy5zdHJpbmcsXG4gICAgZ2V0RmllbGROYW1lOiBQcm9wVHlwZXMuZnVuYyxcbiAgICBvblN1YkZpZWxkQ2hhbmdlOiBQcm9wVHlwZXMuZnVuYyxcbiAgICBvblN1YkZpZWxkRm9jdXM6IFByb3BUeXBlcy5mdW5jLFxuICAgIHNldElucHV0OiBQcm9wVHlwZXMuZnVuYyxcbiAgfTtcblxuICBzdGF0aWMgZGVmYXVsdFByb3BzID0ge1xuICAgIGdldEZpZWxkTmFtZTogKCkgPT4ge30sXG4gIH07XG5cbiAgY29uc3RydWN0b3IocHJvcHMpIHtcbiAgICBzdXBlcihwcm9wcyk7XG4gICAgdGhpcy5zdGF0ZSA9IHtcbiAgICAgIGFubm91bmNlbWVudDogJycsXG4gICAgICBwcmV2aW91c0xhdGV4OiAnJyxcbiAgICAgIGlucHV0U291cmNlOiBudWxsLFxuICAgICAgaXNEZWxldGVLZXlQcmVzc2VkOiBmYWxzZSxcbiAgICB9O1xuXG4gICAgdGhpcy5pbnB1dFJlZiA9IFJlYWN0LmNyZWF0ZVJlZigpO1xuICB9XG5cbiAgY29tcG9uZW50RGlkTW91bnQoKSB7XG4gICAgdGhpcy51cGRhdGUoKTtcbiAgICB1cGRhdGVTcGFucygpO1xuXG4gICAgdGhpcy5jcmVhdGVMaXZlUmVnaW9uKCk7XG4gICAgdGhpcy5hZGRFdmVudExpc3RlbmVycygpO1xuICB9XG5cbiAgY29tcG9uZW50RGlkVXBkYXRlKCkge1xuICAgIHRoaXMudXBkYXRlKCk7XG4gICAgdXBkYXRlU3BhbnMoKTtcbiAgfVxuXG4gIGNvbXBvbmVudFdpbGxVbm1vdW50KCkge1xuICAgIHRoaXMucmVtb3ZlTGl2ZVJlZ2lvbigpO1xuICAgIHRoaXMucmVtb3ZlRXZlbnRMaXN0ZW5lcnMoKTtcbiAgfVxuXG4gIGNyZWF0ZUxpdmVSZWdpb24gPSAoKSA9PiB7XG4gICAgdGhpcy5saXZlUmVnaW9uID0gZG9jdW1lbnQuY3JlYXRlRWxlbWVudCgnZGl2Jyk7XG4gICAgdGhpcy5saXZlUmVnaW9uLnN0eWxlLnBvc2l0aW9uID0gJ2Fic29sdXRlJztcbiAgICB0aGlzLmxpdmVSZWdpb24uc3R5bGUud2lkdGggPSAnMXB4JztcbiAgICB0aGlzLmxpdmVSZWdpb24uc3R5bGUuaGVpZ2h0ID0gJzFweCc7XG4gICAgdGhpcy5saXZlUmVnaW9uLnN0eWxlLm1hcmdpblRvcCA9ICctMXB4JztcbiAgICB0aGlzLmxpdmVSZWdpb24uc3R5bGUuY2xpcCA9ICdyZWN0KDFweCwgMXB4LCAxcHgsIDFweCknO1xuICAgIHRoaXMubGl2ZVJlZ2lvbi5zdHlsZS5vdmVyZmxvdyA9ICdoaWRkZW4nO1xuICAgIHRoaXMubGl2ZVJlZ2lvbi5zZXRBdHRyaWJ1dGUoJ2FyaWEtbGl2ZScsICdwb2xpdGUnKTtcbiAgICB0aGlzLmxpdmVSZWdpb24uc2V0QXR0cmlidXRlKCdhcmlhLWF0b21pYycsICd0cnVlJyk7XG5cbiAgICBkb2N1bWVudC5ib2R5LmFwcGVuZENoaWxkKHRoaXMubGl2ZVJlZ2lvbik7XG4gIH07XG5cbiAgYWRkRXZlbnRMaXN0ZW5lcnMgPSAoKSA9PiB7XG4gICAgY29uc3QgaW5wdXQgPSB0aGlzLmlucHV0UmVmLmN1cnJlbnQ7XG5cbiAgICBpZiAoaW5wdXQpIHtcbiAgICAgIGlucHV0LmFkZEV2ZW50TGlzdGVuZXIoJ2tleWRvd24nLCB0aGlzLmhhbmRsZUtleURvd24pO1xuICAgICAgaW5wdXQuYWRkRXZlbnRMaXN0ZW5lcignY2xpY2snLCB0aGlzLmhhbmRsZU1hdGhLZXlib2FyZENsaWNrKTtcbiAgICB9XG4gIH07XG5cbiAgcmVtb3ZlRXZlbnRMaXN0ZW5lcnMgPSAoKSA9PiB7XG4gICAgY29uc3QgaW5wdXQgPSB0aGlzLmlucHV0UmVmLmN1cnJlbnQ7XG5cbiAgICBpZiAoaW5wdXQpIHtcbiAgICAgIGlucHV0LnJlbW92ZUV2ZW50TGlzdGVuZXIoJ2tleWRvd24nLCB0aGlzLmhhbmRsZUtleURvd24pO1xuICAgICAgaW5wdXQucmVtb3ZlRXZlbnRMaXN0ZW5lcignY2xpY2snLCB0aGlzLmhhbmRsZU1hdGhLZXlib2FyZENsaWNrKTtcbiAgICB9XG4gIH07XG5cbiAgcmVtb3ZlTGl2ZVJlZ2lvbiA9ICgpID0+IHtcbiAgICBpZiAodGhpcy5saXZlUmVnaW9uKSB7XG4gICAgICBkb2N1bWVudC5ib2R5LnJlbW92ZUNoaWxkKHRoaXMubGl2ZVJlZ2lvbik7XG4gICAgICB0aGlzLmxpdmVSZWdpb24gPSBudWxsO1xuICAgIH1cbiAgfTtcblxuICBoYW5kbGVLZXlEb3duID0gKGV2ZW50KSA9PiB7XG4gICAgaWYgKGV2ZW50Py5rZXkgPT09ICdCYWNrc3BhY2UnIHx8IGV2ZW50Py5rZXkgPT09ICdEZWxldGUnKSB7XG4gICAgICB0aGlzLnNldFN0YXRlKHsgaXNEZWxldGVLZXlQcmVzc2VkOiB0cnVlIH0pO1xuICAgIH1cbiAgICB0aGlzLnNldFN0YXRlKHsgaW5wdXRTb3VyY2U6ICdrZXlib2FyZCcgfSk7XG4gIH07XG5cbiAgaGFuZGxlTWF0aEtleWJvYXJkQ2xpY2sgPSAoKSA9PiB7XG4gICAgdGhpcy5zZXRTdGF0ZSh7IGlucHV0U291cmNlOiAnbWF0aEtleWJvYXJkJyB9KTtcbiAgfTtcblxuICBvbklucHV0RWRpdCA9IChmaWVsZCkgPT4ge1xuICAgIGlmICghdGhpcy5tYXRoRmllbGQpIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG4gICAgY29uc3QgbmFtZSA9IHRoaXMucHJvcHMuZ2V0RmllbGROYW1lKGZpZWxkLCB0aGlzLm1hdGhGaWVsZC5pbm5lckZpZWxkcyk7XG5cbiAgICBpZiAodGhpcy5wcm9wcy5vblN1YkZpZWxkQ2hhbmdlKSB7XG4gICAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgbm8tdXNlbGVzcy1lc2NhcGVcbiAgICAgIGNvbnN0IHJlZ2V4TWF0Y2ggPSBmaWVsZC5sYXRleCgpLm1hdGNoKC9bMC05XVxcXFwgXFxcXGZyYWNcXHtbXlxce10qXFx9XFx7IFxcfS8pO1xuXG4gICAgICBpZiAodGhpcy5pbnB1dFJlZj8uY3VycmVudCAmJiByZWdleE1hdGNoICYmIHJlZ2V4TWF0Y2g/Lmxlbmd0aCkge1xuICAgICAgICB0cnkge1xuICAgICAgICAgIGZpZWxkLl9fY29udHJvbGxlci5jdXJzb3IuaW5zTGVmdE9mKGZpZWxkLl9fY29udHJvbGxlci5jdXJzb3IucGFyZW50Wy0xXS5wYXJlbnQpO1xuICAgICAgICAgIGZpZWxkLmVsKCkuZGlzcGF0Y2hFdmVudChuZXcgS2V5Ym9hcmRFdmVudCgna2V5ZG93bicsIHsga2V5Q29kZTogOCB9KSk7XG4gICAgICAgIH0gY2F0Y2ggKGUpIHtcbiAgICAgICAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgbm8tY29uc29sZVxuICAgICAgICAgIGNvbnNvbGUuZXJyb3IoZS50b1N0cmluZygpKTtcbiAgICAgICAgfVxuICAgICAgfSBlbHNlIHtcbiAgICAgICAgdGhpcy5wcm9wcy5vblN1YkZpZWxkQ2hhbmdlKG5hbWUsIGZpZWxkLmxhdGV4KCkpO1xuICAgICAgfVxuICAgIH1cblxuICAgIHRoaXMuYW5ub3VuY2VMYXRleENvbnZlcnNpb24oZmllbGQubGF0ZXgoKSk7XG4gIH07XG5cbiAgYW5ub3VuY2VMYXRleENvbnZlcnNpb24gPSAobmV3TGF0ZXgpID0+IHtcbiAgICBpZiAoIXRoaXMuc3RhdGUpIHtcbiAgICAgIGNvbnNvbGUuZXJyb3IoJ1N0YXRlIGlzIG5vdCBpbml0aWFsaXplZCcpO1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIGNvbnN0IHsgcHJldmlvdXNMYXRleCwgaW5wdXRTb3VyY2UsIGlzRGVsZXRlS2V5UHJlc3NlZCB9ID0gdGhpcy5zdGF0ZTtcbiAgICBjb25zdCBhbm5vdW5jZW1lbnQgPSAnQ29udmVydGVkIHRvIG1hdGggc3ltYm9sJztcblxuICAgIGlmIChpbnB1dFNvdXJjZSA9PT0gJ2tleWJvYXJkJyAmJiAhaXNEZWxldGVLZXlQcmVzc2VkKSB7XG4gICAgICBjb25zdCBuZXdCcmFjZXMgPSBjb3VudEJyYWNlcyhuZXdMYXRleCk7XG4gICAgICBjb25zdCBvbGRCcmFjZXMgPSBjb3VudEJyYWNlcyhwcmV2aW91c0xhdGV4KTtcblxuICAgICAgaWYgKG5ld0JyYWNlcyA+IG9sZEJyYWNlcykge1xuICAgICAgICB0aGlzLmFubm91bmNlTWVzc2FnZShhbm5vdW5jZW1lbnQpO1xuICAgICAgfSBlbHNlIHtcbiAgICAgICAgdHJ5IHtcbiAgICAgICAgICB0aGlzLm1hdGhGaWVsZC5wYXJzZUxhdGV4KHByZXZpb3VzTGF0ZXgpO1xuICAgICAgICAgIHRoaXMubWF0aEZpZWxkLnBhcnNlTGF0ZXgobmV3TGF0ZXgpO1xuXG4gICAgICAgICAgaWYgKG5ld0xhdGV4ID09IHByZXZpb3VzTGF0ZXgpIHtcbiAgICAgICAgICAgIHRoaXMuYW5ub3VuY2VNZXNzYWdlKGFubm91bmNlbWVudCk7XG4gICAgICAgICAgfVxuICAgICAgICB9IGNhdGNoIChlKSB7XG4gICAgICAgICAgY29uc29sZS53YXJuKCdFcnJvciBwYXJzaW5nIGxhdGV4OicsIGUubWVzc2FnZSk7XG4gICAgICAgICAgY29uc29sZS53YXJuKGUpO1xuICAgICAgICB9XG4gICAgICB9XG4gICAgfVxuXG4gICAgdGhpcy5zZXRTdGF0ZSh7IHByZXZpb3VzTGF0ZXg6IG5ld0xhdGV4LCBpc0RlbGV0ZUtleVByZXNzZWQ6IGZhbHNlIH0pO1xuICB9O1xuXG4gIGFubm91bmNlTWVzc2FnZSA9IChtZXNzYWdlKSA9PiB7XG4gICAgdGhpcy5zZXRTdGF0ZSh7IHByZXZpb3VzTGF0ZXg6ICcnIH0pO1xuXG4gICAgaWYgKHRoaXMubGl2ZVJlZ2lvbikge1xuICAgICAgdGhpcy5saXZlUmVnaW9uLnRleHRDb250ZW50ID0gbWVzc2FnZTtcblxuICAgICAgLy8gQ2xlYXIgdGhlIG1lc3NhZ2UgYWZ0ZXIgaXQgaXMgYW5ub3VuY2VkXG4gICAgICBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgICAgdGhpcy5saXZlUmVnaW9uLnRleHRDb250ZW50ID0gJyc7XG4gICAgICB9LCA1MDApO1xuICAgIH1cbiAgfTtcblxuICB1cGRhdGUgPSAoKSA9PiB7XG4gICAgaWYgKCFNUSkge1xuICAgICAgdGhyb3cgbmV3IEVycm9yKCdNUSBpcyBub3QgZGVmaW5lZCAtIGJ1dCBjb21wb25lbnQgaGFzIG1vdW50ZWQ/Jyk7XG4gICAgfVxuICAgIGlmICghdGhpcy5tYXRoRmllbGQpIHtcbiAgICAgIHRoaXMubWF0aEZpZWxkID0gTVEuU3RhdGljTWF0aCh0aGlzLmlucHV0UmVmPy5jdXJyZW50LCB7XG4gICAgICAgIGhhbmRsZXJzOiB7XG4gICAgICAgICAgZWRpdDogdGhpcy5vbklucHV0RWRpdC5iaW5kKHRoaXMpLFxuICAgICAgICB9LFxuICAgICAgfSk7XG4gICAgfVxuXG4gICAgdHJ5IHtcbiAgICAgIHRoaXMubWF0aEZpZWxkLnBhcnNlTGF0ZXgodGhpcy5wcm9wcy5sYXRleCk7XG4gICAgICB0aGlzLm1hdGhGaWVsZC5sYXRleCh0aGlzLnByb3BzLmxhdGV4KTtcbiAgICB9IGNhdGNoIChlKSB7XG4gICAgICAvLyBkZWZhdWx0IGxhdGV4IGlmIHJlY2VpdmVkIGhhcyBlcnJvcnNcbiAgICAgIHRoaXMubWF0aEZpZWxkLmxhdGV4KCdcXFxcTWF0aFF1aWxsTWF0aEZpZWxkW3IxXXt9Jyk7XG4gICAgfVxuICB9O1xuXG4gIGJsdXIgPSAoKSA9PiB7XG4gICAgbG9nKCdibHVyIG1hdGhmaWVsZCcpO1xuICAgIHRoaXMubWF0aEZpZWxkLmJsdXIoKTtcbiAgfTtcblxuICBmb2N1cyA9ICgpID0+IHtcbiAgICBsb2coJ2ZvY3VzIG1hdGhmaWVsZC4uLicpO1xuICAgIHRoaXMubWF0aEZpZWxkLmZvY3VzKCk7XG4gIH07XG5cbiAgc2hvdWxkQ29tcG9uZW50VXBkYXRlKG5leHRQcm9wcykge1xuICAgIHRyeSB7XG4gICAgICBjb25zdCBwYXJzZWRMYXRleCA9IHRoaXMubWF0aEZpZWxkLnBhcnNlTGF0ZXgobmV4dFByb3BzLmxhdGV4KTtcbiAgICAgIGNvbnN0IHN0cmlwcGVkID0gc3RyaXBTcGFjZXMocGFyc2VkTGF0ZXgpO1xuICAgICAgY29uc3QgbmV3RmllbGRDb3VudCA9IChuZXh0UHJvcHMubGF0ZXgubWF0Y2goUkVHRVgpIHx8IFtdKS5sZW5ndGg7XG5cbiAgICAgIGNvbnN0IG91dCA9XG4gICAgICAgIHN0cmlwcGVkICE9PSBzdHJpcFNwYWNlcyh0aGlzLm1hdGhGaWVsZC5sYXRleCgpLnRyaW0oKSkgfHxcbiAgICAgICAgbmV3RmllbGRDb3VudCAhPT0gT2JqZWN0LmtleXModGhpcy5tYXRoRmllbGQuaW5uZXJGaWVsZHMpLmxlbmd0aCAvIDI7XG5cbiAgICAgIGxvZygnW3Nob3VsZENvbXBvbmVudFVwZGF0ZV0gJywgb3V0KTtcbiAgICAgIHJldHVybiBvdXQ7XG4gICAgfSBjYXRjaCAoZSkge1xuICAgICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIG5vLWNvbnNvbGVcbiAgICAgIGNvbnNvbGUud2FybignRXJyb3IgcGFyc2luZyBsYXRleDonLCBlLm1lc3NhZ2UsICdza2lwIHVwZGF0ZScpO1xuICAgICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIG5vLWNvbnNvbGVcbiAgICAgIGNvbnNvbGUud2FybihlKTtcbiAgICAgIHJldHVybiBmYWxzZTtcbiAgICB9XG4gIH1cblxuICBvbkZvY3VzID0gKGUpID0+IHtcbiAgICB0cnkge1xuICAgICAgbGV0IHJvb3RCbG9jayA9IGUudGFyZ2V0LnBhcmVudEVsZW1lbnQubmV4dFNpYmxpbmc7XG4gICAgICBsZXQgaWQgPSBwYXJzZUludChyb290QmxvY2suZ2V0QXR0cmlidXRlKCdtYXRocXVpbGwtYmxvY2staWQnKSwgMTApO1xuXG4gICAgICBpZiAoIWlkKSB7XG4gICAgICAgIHJvb3RCbG9jayA9IHJvb3RCbG9jay5wYXJlbnRFbGVtZW50O1xuICAgICAgICBpZCA9IHBhcnNlSW50KHJvb3RCbG9jay5nZXRBdHRyaWJ1dGUoJ21hdGhxdWlsbC1ibG9jay1pZCcpLCAxMCk7XG4gICAgICB9XG5cbiAgICAgIGNvbnN0IGlubmVyRmllbGQgPSB0aGlzLm1hdGhGaWVsZC5pbm5lckZpZWxkcy5maW5kKChmKSA9PiBmLmlkID09PSBpZCk7XG5cbiAgICAgIGlmIChpbm5lckZpZWxkKSB7XG4gICAgICAgIGNvbnN0IG5hbWUgPSB0aGlzLnByb3BzLmdldEZpZWxkTmFtZShpbm5lckZpZWxkLCB0aGlzLm1hdGhGaWVsZC5pbm5lckZpZWxkcyk7XG4gICAgICAgIGlmICh0aGlzLnByb3BzLnNldElucHV0KSB7XG4gICAgICAgICAgdGhpcy5wcm9wcy5zZXRJbnB1dChpbm5lckZpZWxkKTtcbiAgICAgICAgfVxuICAgICAgICB0aGlzLnByb3BzLm9uU3ViRmllbGRGb2N1cyhuYW1lLCBpbm5lckZpZWxkKTtcbiAgICAgIH1cbiAgICB9IGNhdGNoIChlcnIpIHtcbiAgICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBuby1jb25zb2xlXG4gICAgICBjb25zb2xlLmVycm9yKCdlcnJvciBmaW5kaW5nIHJvb3QgYmxvY2snLCBlcnIubWVzc2FnZSk7XG4gICAgfVxuICB9O1xuXG4gIHJlbmRlcigpIHtcbiAgICBjb25zdCB7IG9uQmx1ciwgY2xhc3NOYW1lIH0gPSB0aGlzLnByb3BzO1xuXG4gICAgcmV0dXJuIDxzcGFuIGNsYXNzTmFtZT17Y2xhc3NOYW1lfSBvbkZvY3VzPXt0aGlzLm9uRm9jdXN9IG9uQmx1cj17b25CbHVyfSByZWY9e3RoaXMuaW5wdXRSZWZ9IC8+O1xuICB9XG59XG4iXX0=

package/lib/updateSpans.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.updateSpans = void 0;
+
+// increase the font of parallel notation
+var updateSpans = function updateSpans() {
+  var spans = Array.from(document.querySelectorAll('span[mathquill-command-id]'));
+  (spans || []).forEach(function (span) {
+    if (span && span.innerText === '∥' && span.className !== 'mq-editable-field') {
+      span.style.fontSize = '32px';
+    }
+
+    if ((span.innerText === '′' || span.innerText === '′′') && !span.hasAttribute('data-prime')) {
+      span.setAttribute('data-prime', 'true');
+    }
+  });
+};
+
+exports.updateSpans = updateSpans;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy91cGRhdGVTcGFucy5qcyJdLCJuYW1lcyI6WyJ1cGRhdGVTcGFucyIsInNwYW5zIiwiQXJyYXkiLCJmcm9tIiwiZG9jdW1lbnQiLCJxdWVyeVNlbGVjdG9yQWxsIiwiZm9yRWFjaCIsInNwYW4iLCJpbm5lclRleHQiLCJjbGFzc05hbWUiLCJzdHlsZSIsImZvbnRTaXplIiwiaGFzQXR0cmlidXRlIiwic2V0QXR0cmlidXRlIl0sIm1hcHBpbmdzIjoiOzs7Ozs7O0FBQUE7QUFDQSxJQUFNQSxXQUFXLEdBQUcsU0FBZEEsV0FBYyxHQUFNO0FBQ3hCLE1BQU1DLEtBQUssR0FBR0MsS0FBSyxDQUFDQyxJQUFOLENBQVdDLFFBQVEsQ0FBQ0MsZ0JBQVQsQ0FBMEIsNEJBQTFCLENBQVgsQ0FBZDtBQUNBLEdBQUNKLEtBQUssSUFBSSxFQUFWLEVBQWNLLE9BQWQsQ0FBc0IsVUFBQ0MsSUFBRCxFQUFVO0FBQzlCLFFBQUlBLElBQUksSUFBSUEsSUFBSSxDQUFDQyxTQUFMLEtBQW1CLEdBQTNCLElBQWtDRCxJQUFJLENBQUNFLFNBQUwsS0FBbUIsbUJBQXpELEVBQThFO0FBQzVFRixNQUFBQSxJQUFJLENBQUNHLEtBQUwsQ0FBV0MsUUFBWCxHQUFzQixNQUF0QjtBQUNEOztBQUVELFFBQUksQ0FBQ0osSUFBSSxDQUFDQyxTQUFMLEtBQW1CLEdBQW5CLElBQTBCRCxJQUFJLENBQUNDLFNBQUwsS0FBbUIsSUFBOUMsS0FBdUQsQ0FBQ0QsSUFBSSxDQUFDSyxZQUFMLENBQWtCLFlBQWxCLENBQTVELEVBQTZGO0FBQzNGTCxNQUFBQSxJQUFJLENBQUNNLFlBQUwsQ0FBa0IsWUFBbEIsRUFBZ0MsTUFBaEM7QUFDRDtBQUNGLEdBUkQ7QUFTRCxDQVhEIiwic291cmNlc0NvbnRlbnQiOlsiLy8gaW5jcmVhc2UgdGhlIGZvbnQgb2YgcGFyYWxsZWwgbm90YXRpb25cbmNvbnN0IHVwZGF0ZVNwYW5zID0gKCkgPT4ge1xuICBjb25zdCBzcGFucyA9IEFycmF5LmZyb20oZG9jdW1lbnQucXVlcnlTZWxlY3RvckFsbCgnc3BhblttYXRocXVpbGwtY29tbWFuZC1pZF0nKSk7XG4gIChzcGFucyB8fCBbXSkuZm9yRWFjaCgoc3BhbikgPT4ge1xuICAgIGlmIChzcGFuICYmIHNwYW4uaW5uZXJUZXh0ID09PSAn4oilJyAmJiBzcGFuLmNsYXNzTmFtZSAhPT0gJ21xLWVkaXRhYmxlLWZpZWxkJykge1xuICAgICAgc3Bhbi5zdHlsZS5mb250U2l6ZSA9ICczMnB4JztcbiAgICB9XG5cbiAgICBpZiAoKHNwYW4uaW5uZXJUZXh0ID09PSAn4oCyJyB8fCBzcGFuLmlubmVyVGV4dCA9PT0gJ+KAsuKAsicpICYmICFzcGFuLmhhc0F0dHJpYnV0ZSgnZGF0YS1wcmltZScpKSB7XG4gICAgICBzcGFuLnNldEF0dHJpYnV0ZSgnZGF0YS1wcmltZScsICd0cnVlJyk7XG4gICAgfVxuICB9KTtcbn07XG5cbmV4cG9ydCB7IHVwZGF0ZVNwYW5zIH07XG4iXX0=

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "6.11.4",
+  "version": "6.13.0-beta.0",
   "main": "lib/index.js",
   "module": "src/index.jsx",
   "dependencies": {
@@ -22,5 +22,5 @@
     "react-dom": "^16.9.0"
   },
   "scripts": {},
-  "gitHead": "55b71039999a60aae146343bbf30df306e2603c4"
+  "gitHead": "3818c24530f62b5bb9be7a2c6aa5428f13a17e0a"
 }

package/src/__tests__/__snapshots__/math-input-test.jsx.snap

@@ -0,0 +1,152 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`MathInput snapshot renders 1`] = `
+<div
+  className="className"
+>
+  <WithStyles(Input)
+    innerRef={[Function]}
+    onBlur={[Function]}
+    onChange={[Function]}
+    onFocus={[Function]}
+  />
+  <div>
+    <WithStyles(KeyPad)
+      additionalKeys={Array []}
+      baseSet={
+        Array [
+          Array [
+            Object {
+              "category": "digit",
+              "label": "7",
+              "name": "seven",
+              "write": "7",
+            },
+            Object {
+              "category": "digit",
+              "label": "8",
+              "name": "eight",
+              "write": "8",
+            },
+            Object {
+              "category": "digit",
+              "label": "9",
+              "name": "nine",
+              "write": "9",
+            },
+            Object {
+              "category": "operators",
+              "command": "\\\\divide",
+              "label": "÷",
+              "name": "divide",
+              "otherNotation": "\\\\div",
+            },
+          ],
+          Array [
+            Object {
+              "category": "digit",
+              "label": "4",
+              "name": "four",
+              "write": "4",
+            },
+            Object {
+              "category": "digit",
+              "label": "5",
+              "name": "five",
+              "write": "5",
+            },
+            Object {
+              "category": "digit",
+              "label": "6",
+              "name": "six",
+              "write": "6",
+            },
+            Object {
+              "category": "operators",
+              "command": "\\\\times",
+              "label": "×",
+              "name": "multiply",
+            },
+          ],
+          Array [
+            Object {
+              "category": "digit",
+              "label": "1",
+              "name": "one",
+              "write": "1",
+            },
+            Object {
+              "category": "digit",
+              "label": "2",
+              "name": "two",
+              "write": "2",
+            },
+            Object {
+              "category": "digit",
+              "label": "3",
+              "name": "three",
+              "write": "3",
+            },
+            Object {
+              "category": "operators",
+              "label": "−",
+              "write": "−",
+            },
+          ],
+          Array [
+            Object {
+              "category": "digit",
+              "label": "0",
+              "name": "zero",
+              "write": "0",
+            },
+            Object {
+              "category": "digit",
+              "label": ".",
+              "name": "decimal-point",
+              "write": ".",
+            },
+            Object {
+              "category": "digit",
+              "label": ",",
+              "name": "comma",
+              "write": ",",
+            },
+            Object {
+              "category": "operators",
+              "label": "+",
+              "write": "+",
+            },
+          ],
+          Array [
+            Object {
+              "ariaLabel": "Move cursor left",
+              "category": "navigation",
+              "keystroke": "Left",
+              "label": "◀",
+            },
+            Object {
+              "ariaLabel": "Move cursor right",
+              "category": "navigation",
+              "keystroke": "Right",
+              "label": "▶",
+            },
+            Object {
+              "ariaLabel": "Delete",
+              "category": "edit",
+              "keystroke": "Backspace",
+              "label": "⌫",
+            },
+            Object {
+              "category": "operators",
+              "label": "=",
+              "write": "=",
+            },
+          ],
+        ]
+      }
+      onPress={[Function]}
+    />
+  </div>
+</div>
+`;