@pie-lib/math-toolbar 1.11.31-next.134 → 1.13.0-beta.0

package/lib/math-preview.js

@@ -7,45 +7,111 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = exports.RawMathPreview = void 0;
 
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
 var _react = _interopRequireDefault(require("react"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
-var _get = _interopRequireDefault(require("lodash/get"));
-
 var _debug = _interopRequireDefault(require("debug"));
 
-var _styles = require("@material-ui/styles");
+var _styles = require("@material-ui/core/styles");
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _mathInput = require("@pie-lib/math-input");
 
+var _utils = require("./utils");
+
+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; }
+
+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); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+var _mq$CommonMqStyles = _mathInput.mq.CommonMqStyles,
+    commonMqFontStyles = _mq$CommonMqStyles.commonMqFontStyles,
+    longdivStyles = _mq$CommonMqStyles.longdivStyles,
+    supsubStyles = _mq$CommonMqStyles.supsubStyles;
 var log = (0, _debug["default"])('@pie-lib:math-toolbar:math-preview');
-var useStyles = (0, _styles.makeStyles)(function (theme) {
+
+var RawMathPreview = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2["default"])(RawMathPreview, _React$Component);
+
+  var _super = _createSuper(RawMathPreview);
+
+  function RawMathPreview() {
+    (0, _classCallCheck2["default"])(this, RawMathPreview);
+    return _super.apply(this, arguments);
+  }
+
+  (0, _createClass2["default"])(RawMathPreview, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      (0, _utils.markFractionBaseSuperscripts)();
+    }
+  }, {
+    key: "componentDidUpdate",
+    value: function componentDidUpdate(prevProps) {
+      // Re-run only if LaTeX changed
+      if (this.props.node.data.get('latex') !== prevProps.node.data.get('latex')) {
+        (0, _utils.markFractionBaseSuperscripts)();
+      }
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      log('[render] data: ', this.props.node.data);
+      var latex = this.props.node.data.get('latex');
+      var _this$props = this.props,
+          classes = _this$props.classes,
+          isSelected = _this$props.isSelected,
+          onFocus = _this$props.onFocus,
+          onBlur = _this$props.onBlur;
+      return /*#__PURE__*/_react["default"].createElement("div", {
+        className: (0, _classnames["default"])(classes.root, isSelected && classes.selected)
+      }, ' ', /*#__PURE__*/_react["default"].createElement("span", {
+        className: classes.insideOverlay
+      }), /*#__PURE__*/_react["default"].createElement(_mathInput.mq.Static, {
+        latex: latex,
+        onFocus: onFocus,
+        onBlur: onBlur
+      }));
+    }
+  }]);
+  return RawMathPreview;
+}(_react["default"].Component);
+
+exports.RawMathPreview = RawMathPreview;
+(0, _defineProperty2["default"])(RawMathPreview, "propTypes", {
+  latex: _propTypes["default"].string,
+  node: _propTypes["default"].object,
+  classes: _propTypes["default"].object,
+  isSelected: _propTypes["default"].bool,
+  onFocus: _propTypes["default"].func,
+  onBlur: _propTypes["default"].func
+});
+
+var mp = function mp(theme) {
   return {
-    root: {
+    root: _objectSpread(_objectSpread(_objectSpread({
       display: 'inline-flex',
       alignItems: 'center',
       position: 'relative',
-      '& *': {
-        fontFamily: 'MJXZERO, MJXTEX !important',
-        '-webkit-font-smoothing': 'antialiased !important'
-      },
-      '& > .mq-math-mode > span > var': {
-        fontFamily: 'MJXZERO, MJXTEX-I !important'
-      },
-      '& > .mq-math-mode span var': {
-        fontFamily: 'MJXZERO, MJXTEX-I !important'
-      },
-      '& > .mq-math-mode .mq-nonSymbola': {
-        fontFamily: 'MJXZERO, MJXTEX-I !important'
-      },
-      '& > .mq-math-mode > span > var.mq-operator-name': {
-        fontFamily: 'MJXZERO, MJXTEX !important'
-      },
+      '& *': commonMqFontStyles
+    }, supsubStyles), longdivStyles), {}, {
       '& > .mq-math-mode': {
         border: 'solid 1px lightgrey'
       },
@@ -75,23 +141,6 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
         paddingBottom: '0 !important',
         marginBottom: '-2px'
       },
-      '& > .mq-math-mode sup.mq-nthroot': {
-        fontSize: '70.7% !important',
-        verticalAlign: '0.5em !important',
-        paddingRight: '0.15em'
-      },
-      '& > .mq-longdiv-inner': {
-        marginTop: '-1px',
-        marginLeft: '5px !important;',
-        '& > .mq-empty': {
-          padding: '0 !important',
-          marginLeft: '0px !important',
-          marginTop: '2px'
-        }
-      },
-      '& > .mq-math-mode .mq-longdiv': {
-        display: 'inline-flex !important'
-      },
       '& > .mq-math-mode .mq-longdiv .mq-longdiv-inner .mq-empty': {
         paddingTop: '6px !important',
         paddingLeft: '4px !important'
@@ -99,9 +148,6 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
       '& > .mq-math-mode .mq-longdiv .mq-longdiv-inner': {
         marginLeft: '0 !important'
       },
-      '& > .mq-math-mode .mq-supsub': {
-        fontSize: '70.7% !important'
-      },
       '& > .mq-math-mode .mq-overarrow': {
         fontFamily: 'Roboto, Helvetica, Arial, sans-serif !important'
       },
@@ -115,15 +161,6 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
         marginTop: '-2px !important',
         paddingTop: '5px !important'
       },
-      '& > .mq-supsub ': {
-        fontSize: '70.7%'
-      },
-      '& > .mq-math-mode .mq-supsub.mq-sup-only': {
-        verticalAlign: '-0.1em !important',
-        '& .mq-sup': {
-          marginBottom: '0px !important'
-        }
-      },
       '& .mq-overarrow-inner': {
         paddingTop: '0 !important',
         border: 'none !important'
@@ -142,9 +179,16 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
           top: '-0.4em',
           left: '-1px'
         },
+        // NOTE: This workaround adds `!important` to enforce the correct positioning and styling
+        // of `.mq-overarrow.mq-arrow-both` elements in MathQuill. This ensures consistent display
+        // regardless of the order in which MathQuill is initialized on our websites.
+        //
+        // In the future, investigate why MathQuill scripts and styles are being initialized
+        // more than once and address the root cause to prevent potential conflicts and ensure
+        // optimal performance.
         '&:after': {
           top: '0px !important',
-          position: 'absolute',
+          position: 'absolute !important',
           right: '-2px'
         },
         '&.mq-empty:after': {
@@ -169,10 +213,13 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
       },
       '& .mq-parallelogram': {
         lineHeight: 0.85
+      },
+      '& span[data-prime="true"]': {
+        fontFamily: 'Roboto, Helvetica, Arial, sans-serif !important'
       }
-    },
+    }),
     selected: {
-      border: "solid 1px ".concat((0, _get["default"])(theme, 'palette.primary.main')),
+      border: "solid 1px ".concat(theme.palette.primary.main),
       '& > .mq-math-mode': {
         border: 'solid 0px lightgrey'
       }
@@ -185,41 +232,9 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
       top: 0
     }
   };
-});
+};
 
-var RawMathPreview = /*#__PURE__*/_react["default"].forwardRef(function (props, ref) {
-  log('[render] data: ', props.node.data);
-  var latex = props.node.data.latex;
-  var isSelected = props.isSelected,
-      onFocus = props.onFocus,
-      onBlur = props.onBlur,
-      attributes = props.attributes,
-      children = props.children;
-  var classes = useStyles(props);
-  return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({
-    className: (0, _classnames["default"])(classes.root, isSelected && classes.selected)
-  }, attributes, {
-    contentEditable: false,
-    ref: ref
-  }), children, " ", /*#__PURE__*/_react["default"].createElement("span", {
-    className: classes.insideOverlay
-  }), /*#__PURE__*/_react["default"].createElement(_mathInput.mq.Static, {
-    latex: latex,
-    onFocus: onFocus,
-    onBlur: onBlur
-  }));
-});
+var _default = (0, _styles.withStyles)(mp)(RawMathPreview);
 
-exports.RawMathPreview = RawMathPreview;
-RawMathPreview.propTypes = {
-  element: _propTypes["default"].object,
-  latex: _propTypes["default"].string,
-  node: _propTypes["default"].object,
-  classes: _propTypes["default"].object,
-  isSelected: _propTypes["default"].bool,
-  onFocus: _propTypes["default"].func,
-  onBlur: _propTypes["default"].func
-};
-var _default = RawMathPreview;
 exports["default"] = _default;
-//# sourceMappingURL=math-preview.js.map
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy9tYXRoLXByZXZpZXcuanN4Il0sIm5hbWVzIjpbIm1xIiwiQ29tbW9uTXFTdHlsZXMiLCJjb21tb25NcUZvbnRTdHlsZXMiLCJsb25nZGl2U3R5bGVzIiwic3Vwc3ViU3R5bGVzIiwibG9nIiwiUmF3TWF0aFByZXZpZXciLCJwcmV2UHJvcHMiLCJwcm9wcyIsIm5vZGUiLCJkYXRhIiwiZ2V0IiwibGF0ZXgiLCJjbGFzc2VzIiwiaXNTZWxlY3RlZCIsIm9uRm9jdXMiLCJvbkJsdXIiLCJyb290Iiwic2VsZWN0ZWQiLCJpbnNpZGVPdmVybGF5IiwiUmVhY3QiLCJDb21wb25lbnQiLCJQcm9wVHlwZXMiLCJzdHJpbmciLCJvYmplY3QiLCJib29sIiwiZnVuYyIsIm1wIiwidGhlbWUiLCJkaXNwbGF5IiwiYWxpZ25JdGVtcyIsInBvc2l0aW9uIiwiYm9yZGVyIiwib3V0bGluZSIsImJveFNoYWRvdyIsImJvcmRlclJhZGl1cyIsInBhZGRpbmdUb3AiLCJ2ZXJ0aWNhbEFsaWduIiwidG9wIiwibGVmdCIsIm1hcmdpblRvcCIsInBhZGRpbmciLCJwYWRkaW5nQm90dG9tIiwibWFyZ2luQm90dG9tIiwicGFkZGluZ0xlZnQiLCJtYXJnaW5MZWZ0IiwiZm9udEZhbWlseSIsImJvcmRlclRvcCIsIm1pbldpZHRoIiwibGluZUhlaWdodCIsInJpZ2h0IiwicGFsZXR0ZSIsInByaW1hcnkiLCJtYWluIiwiYm90dG9tIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQTs7QUFDQTs7QUFDQTs7QUFDQTs7QUFDQTs7QUFDQTs7QUFDQTs7Ozs7Ozs7OztBQUVBLHlCQUE0REEsY0FBR0MsY0FBL0Q7QUFBQSxJQUFRQyxrQkFBUixzQkFBUUEsa0JBQVI7QUFBQSxJQUE0QkMsYUFBNUIsc0JBQTRCQSxhQUE1QjtBQUFBLElBQTJDQyxZQUEzQyxzQkFBMkNBLFlBQTNDO0FBRUEsSUFBTUMsR0FBRyxHQUFHLHVCQUFNLG9DQUFOLENBQVo7O0lBRWFD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O0FBSEUsU0FsQm9CO0FBdUIvQiw0QkFBb0I7QUFDbEJaLFVBQUFBLEdBQUcsRUFBRTtBQURhO0FBdkJXLE9BakUvQjtBQTRGRix3Q0FBa0M7QUFDaEMsb0JBQVk7QUFDVkEsVUFBQUEsR0FBRyxFQUFFLFFBREs7QUFFVlksVUFBQUEsS0FBSyxFQUFFO0FBRkc7QUFEb0IsT0E1RmhDO0FBa0dGLHFDQUErQjtBQUM3QnJCLFFBQUFBLE9BQU8sRUFBRTtBQURvQixPQWxHN0I7QUFxR0Ysb0NBQThCO0FBQzVCQSxRQUFBQSxPQUFPLEVBQUU7QUFEbUIsT0FyRzVCO0FBd0dGLDZCQUF1QjtBQUNyQmtCLFFBQUFBLFNBQVMsRUFBRSxzQkFEVTtBQUVyQlgsUUFBQUEsVUFBVSxFQUFFO0FBRlMsT0F4R3JCO0FBNEdGLDZCQUF1QjtBQUNyQmEsUUFBQUEsVUFBVSxFQUFFO0FBRFMsT0E1R3JCO0FBK0dGLG1DQUE2QjtBQUMzQkgsUUFBQUEsVUFBVSxFQUFFO0FBRGU7QUEvRzNCLE1BRGlCO0FBb0hyQjVCLElBQUFBLFFBQVEsRUFBRTtBQUNSYyxNQUFBQSxNQUFNLHNCQUFlSixLQUFLLENBQUN1QixPQUFOLENBQWNDLE9BQWQsQ0FBc0JDLElBQXJDLENBREU7QUFFUiwyQkFBcUI7QUFDbkJyQixRQUFBQSxNQUFNLEVBQUU7QUFEVztBQUZiLEtBcEhXO0FBMEhyQmIsSUFBQUEsYUFBYSxFQUFFO0FBQ2JZLE1BQUFBLFFBQVEsRUFBRSxVQURHO0FBRWJ1QixNQUFBQSxNQUFNLEVBQUUsQ0FGSztBQUdiZixNQUFBQSxJQUFJLEVBQUUsQ0FITztBQUliVyxNQUFBQSxLQUFLLEVBQUUsQ0FKTTtBQUtiWixNQUFBQSxHQUFHLEVBQUU7QUFMUTtBQTFITSxHQUFaO0FBQUEsQ0FBWDs7ZUFtSWUsd0JBQVdYLEVBQVgsRUFBZXJCLGNBQWYsQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgY2xhc3NOYW1lcyBmcm9tICdjbGFzc25hbWVzJztcbmltcG9ydCBkZWJ1ZyBmcm9tICdkZWJ1Zyc7XG5pbXBvcnQgeyB3aXRoU3R5bGVzIH0gZnJvbSAnQG1hdGVyaWFsLXVpL2NvcmUvc3R5bGVzJztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyBtcSB9IGZyb20gJ0BwaWUtbGliL21hdGgtaW5wdXQnO1xuaW1wb3J0IHsgbWFya0ZyYWN0aW9uQmFzZVN1cGVyc2NyaXB0cyB9IGZyb20gJy4vdXRpbHMnO1xuXG5jb25zdCB7IGNvbW1vbk1xRm9udFN0eWxlcywgbG9uZ2RpdlN0eWxlcywgc3Vwc3ViU3R5bGVzIH0gPSBtcS5Db21tb25NcVN0eWxlcztcblxuY29uc3QgbG9nID0gZGVidWcoJ0BwaWUtbGliOm1hdGgtdG9vbGJhcjptYXRoLXByZXZpZXcnKTtcblxuZXhwb3J0IGNsYXNzIFJhd01hdGhQcmV2aWV3IGV4dGVuZHMgUmVhY3QuQ29tcG9uZW50IHtcbiAgc3RhdGljIHByb3BUeXBlcyA9IHtcbiAgICBsYXRleDogUHJvcFR5cGVzLnN0cmluZyxcbiAgICBub2RlOiBQcm9wVHlwZXMub2JqZWN0LFxuICAgIGNsYXNzZXM6IFByb3BUeXBlcy5vYmplY3QsXG4gICAgaXNTZWxlY3RlZDogUHJvcFR5cGVzLmJvb2wsXG4gICAgb25Gb2N1czogUHJvcFR5cGVzLmZ1bmMsXG4gICAgb25CbHVyOiBQcm9wVHlwZXMuZnVuYyxcbiAgfTtcblxuICBjb21wb25lbnREaWRNb3VudCgpIHtcbiAgICBtYXJrRnJhY3Rpb25CYXNlU3VwZXJzY3JpcHRzKCk7XG4gIH1cblxuICBjb21wb25lbnREaWRVcGRhdGUocHJldlByb3BzKSB7XG4gICAgLy8gUmUtcnVuIG9ubHkgaWYgTGFUZVggY2hhbmdlZFxuICAgIGlmICh0aGlzLnByb3BzLm5vZGUuZGF0YS5nZXQoJ2xhdGV4JykgIT09IHByZXZQcm9wcy5ub2RlLmRhdGEuZ2V0KCdsYXRleCcpKSB7XG4gICAgICBtYXJrRnJhY3Rpb25CYXNlU3VwZXJzY3JpcHRzKCk7XG4gICAgfVxuICB9XG5cbiAgcmVuZGVyKCkge1xuICAgIGxvZygnW3JlbmRlcl0gZGF0YTogJywgdGhpcy5wcm9wcy5ub2RlLmRhdGEpO1xuICAgIGNvbnN0IGxhdGV4ID0gdGhpcy5wcm9wcy5ub2RlLmRhdGEuZ2V0KCdsYXRleCcpO1xuICAgIGNvbnN0IHsgY2xhc3NlcywgaXNTZWxlY3RlZCwgb25Gb2N1cywgb25CbHVyIH0gPSB0aGlzLnByb3BzO1xuICAgIHJldHVybiAoXG4gICAgICA8ZGl2IGNsYXNzTmFtZT17Y2xhc3NOYW1lcyhjbGFzc2VzLnJvb3QsIGlzU2VsZWN0ZWQgJiYgY2xhc3Nlcy5zZWxlY3RlZCl9PlxuICAgICAgICB7JyAnfVxuICAgICAgICA8c3BhbiBjbGFzc05hbWU9e2NsYXNzZXMuaW5zaWRlT3ZlcmxheX0gLz5cbiAgICAgICAgPG1xLlN0YXRpYyBsYXRleD17bGF0ZXh9IG9uRm9jdXM9e29uRm9jdXN9IG9uQmx1cj17b25CbHVyfSAvPlxuICAgICAgPC9kaXY+XG4gICAgKTtcbiAgfVxufVxuXG5jb25zdCBtcCA9ICh0aGVtZSkgPT4gKHtcbiAgcm9vdDoge1xuICAgIGRpc3BsYXk6ICdpbmxpbmUtZmxleCcsXG4gICAgYWxpZ25JdGVtczogJ2NlbnRlcicsXG4gICAgcG9zaXRpb246ICdyZWxhdGl2ZScsXG4gICAgJyYgKic6IGNvbW1vbk1xRm9udFN0eWxlcyxcbiAgICAuLi5zdXBzdWJTdHlsZXMsXG4gICAgLi4ubG9uZ2RpdlN0eWxlcyxcbiAgICAnJiA+IC5tcS1tYXRoLW1vZGUnOiB7XG4gICAgICBib3JkZXI6ICdzb2xpZCAxcHggbGlnaHRncmV5JyxcbiAgICB9LFxuICAgICcmID4gLm1xLWZvY3VzZWQnOiB7XG4gICAgICBvdXRsaW5lOiAnbm9uZScsXG4gICAgICBib3hTaGFkb3c6ICdub25lJyxcbiAgICAgIGJvcmRlcjogJ3NvbGlkIDFweCBibGFjaycsXG4gICAgICBib3JkZXJSYWRpdXM6ICcwcHgnLFxuICAgIH0sXG4gICAgJyYgPiAubXEtbWF0aC1tb2RlIC5tcS1yb290LWJsb2NrJzoge1xuICAgICAgcGFkZGluZ1RvcDogJzdweCAhaW1wb3J0YW50JyxcbiAgICB9LFxuICAgICcmID4gLm1xLW1hdGgtbW9kZSAubXEtb3ZlcmFyYyAnOiB7XG4gICAgICBwYWRkaW5nVG9wOiAnMC40NWVtICFpbXBvcnRhbnQnLFxuICAgIH0sXG4gICAgJyYgPiAubXEtbWF0aC1tb2RlIC5tcS1zcXJ0LXByZWZpeCc6IHtcbiAgICAgIHZlcnRpY2FsQWxpZ246ICdiYXNlbGluZSAhaW1wb3J0YW50JyxcbiAgICAgIHRvcDogJzFweCAhaW1wb3J0YW50JyxcbiAgICAgIGxlZnQ6ICctMC4xZW0gIWltcG9ydGFudCcsXG4gICAgfSxcbiAgICAnJiA+IC5tcS1tYXRoLW1vZGUgLm1xLWRlbm9taW5hdG9yJzoge1xuICAgICAgbWFyZ2luVG9wOiAnLTVweCAhaW1wb3J0YW50JyxcbiAgICAgIHBhZGRpbmc6ICcwLjVlbSAwLjFlbSAwLjFlbSAhaW1wb3J0YW50JyxcbiAgICB9LFxuICAgICcmID4gLm1xLW1hdGgtbW9kZSAubXEtbnVtZXJhdG9yLCAubXEtbWF0aC1tb2RlIC5tcS1vdmVyJzoge1xuICAgICAgcGFkZGluZzogJzAgMC4xZW0gIWltcG9ydGFudCcsXG4gICAgICBwYWRkaW5nQm90dG9tOiAnMCAhaW1wb3J0YW50JyxcbiAgICAgIG1hcmdpbkJvdHRvbTogJy0ycHgnLFxuICAgIH0sXG4gICAgJyYgPiAubXEtbWF0aC1tb2RlIC5tcS1sb25nZGl2IC5tcS1sb25nZGl2LWlubmVyIC5tcS1lbXB0eSc6IHtcbiAgICAgIHBhZGRpbmdUb3A6ICc2cHggIWltcG9ydGFudCcsXG4gICAgICBwYWRkaW5nTGVmdDogJzRweCAhaW1wb3J0YW50JyxcbiAgICB9LFxuICAgICcmID4gLm1xLW1hdGgtbW9kZSAubXEtbG9uZ2RpdiAubXEtbG9uZ2Rpdi1pbm5lcic6IHtcbiAgICAgIG1hcmdpbkxlZnQ6ICcwICFpbXBvcnRhbnQnLFxuICAgIH0sXG4gICAgJyYgPiAubXEtbWF0aC1tb2RlIC5tcS1vdmVyYXJyb3cnOiB7XG4gICAgICBmb250RmFtaWx5OiAnUm9ib3RvLCBIZWx2ZXRpY2EsIEFyaWFsLCBzYW5zLXNlcmlmICFpbXBvcnRhbnQnLFxuICAgIH0sXG4gICAgJyYgPiAubXEtbWF0aC1tb2RlIC5tcS1wYXJlbic6IHtcbiAgICAgIHZlcnRpY2FsQWxpZ246ICd0b3AgIWltcG9ydGFudCcsXG4gICAgICBwYWRkaW5nOiAnMXB4IDAuMWVtICFpbXBvcnRhbnQnLFxuICAgIH0sXG5cbiAgICAnJiA+IC5tcS1tYXRoLW1vZGUgLm1xLXNxcnQtc3RlbSc6IHtcbiAgICAgIGJvcmRlclRvcDogJzAuMDdlbSBzb2xpZCcsXG4gICAgICBtYXJnaW5MZWZ0OiAnLTEuNXB4JyxcbiAgICAgIG1hcmdpblRvcDogJy0ycHggIWltcG9ydGFudCcsXG4gICAgICBwYWRkaW5nVG9wOiAnNXB4ICFpbXBvcnRhbnQnLFxuICAgIH0sXG5cbiAgICAnJiAubXEtb3ZlcmFycm93LWlubmVyJzoge1xuICAgICAgcGFkZGluZ1RvcDogJzAgIWltcG9ydGFudCcsXG4gICAgICBib3JkZXI6ICdub25lICFpbXBvcnRhbnQnLFxuICAgIH0sXG4gICAgJyYgLm1xLWVkaXRhYmxlLWZpZWxkIC5tcS1jdXJzb3InOiB7XG4gICAgICBtYXJnaW5Ub3A6ICctMTVweCAhaW1wb3J0YW50JyxcbiAgICB9LFxuICAgICcmIC5tcS1vdmVyYXJyb3cubXEtYXJyb3ctYm90aCc6IHtcbiAgICAgIHRvcDogJzcuNXB4JyxcbiAgICAgIG1hcmdpblRvcDogJzBweCcsXG4gICAgICBtaW5XaWR0aDogJzEuMjNlbScsXG4gICAgICAnJiAqJzoge1xuICAgICAgICBsaW5lSGVpZ2h0OiAnMSAhaW1wb3J0YW50JyxcbiAgICAgIH0sXG4gICAgICAnJjpiZWZvcmUnOiB7XG4gICAgICAgIHRvcDogJy0wLjRlbScsXG4gICAgICAgIGxlZnQ6ICctMXB4JyxcbiAgICAgIH0sXG4gICAgICAvLyBOT1RFOiBUaGlzIHdvcmthcm91bmQgYWRkcyBgIWltcG9ydGFudGAgdG8gZW5mb3JjZSB0aGUgY29ycmVjdCBwb3NpdGlvbmluZyBhbmQgc3R5bGluZ1xuICAgICAgLy8gb2YgYC5tcS1vdmVyYXJyb3cubXEtYXJyb3ctYm90aGAgZWxlbWVudHMgaW4gTWF0aFF1aWxsLiBUaGlzIGVuc3VyZXMgY29uc2lzdGVudCBkaXNwbGF5XG4gICAgICAvLyByZWdhcmRsZXNzIG9mIHRoZSBvcmRlciBpbiB3aGljaCBNYXRoUXVpbGwgaXMgaW5pdGlhbGl6ZWQgb24gb3VyIHdlYnNpdGVzLlxuICAgICAgLy9cbiAgICAgIC8vIEluIHRoZSBmdXR1cmUsIGludmVzdGlnYXRlIHdoeSBNYXRoUXVpbGwgc2NyaXB0cyBhbmQgc3R5bGVzIGFyZSBiZWluZyBpbml0aWFsaXplZFxuICAgICAgLy8gbW9yZSB0aGFuIG9uY2UgYW5kIGFkZHJlc3MgdGhlIHJvb3QgY2F1c2UgdG8gcHJldmVudCBwb3RlbnRpYWwgY29uZmxpY3RzIGFuZCBlbnN1cmVcbiAgICAgIC8vIG9wdGltYWwgcGVyZm9ybWFuY2UuXG4gICAgICAnJjphZnRlcic6IHtcbiAgICAgICAgdG9wOiAnMHB4ICFpbXBvcnRhbnQnLFxuICAgICAgICBwb3NpdGlvbjogJ2Fic29sdXRlICFpbXBvcnRhbnQnLFxuICAgICAgICByaWdodDogJy0ycHgnLFxuICAgICAgfSxcbiAgICAgICcmLm1xLWVtcHR5OmFmdGVyJzoge1xuICAgICAgICB0b3A6ICctMC40NWVtJyxcbiAgICAgIH0sXG4gICAgfSxcbiAgICAnJiAubXEtb3ZlcmFycm93Lm1xLWFycm93LXJpZ2h0Jzoge1xuICAgICAgJyY6YmVmb3JlJzoge1xuICAgICAgICB0b3A6ICctMC40ZW0nLFxuICAgICAgICByaWdodDogJy0xcHgnLFxuICAgICAgfSxcbiAgICB9LFxuICAgICcmIC5tcS1vdmVyYXJyb3ctaW5uZXItcmlnaHQnOiB7XG4gICAgICBkaXNwbGF5OiAnbm9uZSAhaW1wb3J0YW50JyxcbiAgICB9LFxuICAgICcmIC5tcS1vdmVyYXJyb3ctaW5uZXItbGVmdCc6IHtcbiAgICAgIGRpc3BsYXk6ICdub25lICFpbXBvcnRhbnQnLFxuICAgIH0sXG4gICAgJyYgLm1xLWxvbmdkaXYtaW5uZXInOiB7XG4gICAgICBib3JkZXJUb3A6ICcxcHggc29saWQgIWltcG9ydGFudCcsXG4gICAgICBwYWRkaW5nVG9wOiAnMS41cHggIWltcG9ydGFudCcsXG4gICAgfSxcbiAgICAnJiAubXEtcGFyYWxsZWxvZ3JhbSc6IHtcbiAgICAgIGxpbmVIZWlnaHQ6IDAuODUsXG4gICAgfSxcbiAgICAnJiBzcGFuW2RhdGEtcHJpbWU9XCJ0cnVlXCJdJzoge1xuICAgICAgZm9udEZhbWlseTogJ1JvYm90bywgSGVsdmV0aWNhLCBBcmlhbCwgc2Fucy1zZXJpZiAhaW1wb3J0YW50JyxcbiAgICB9LFxuICB9LFxuICBzZWxlY3RlZDoge1xuICAgIGJvcmRlcjogYHNvbGlkIDFweCAke3RoZW1lLnBhbGV0dGUucHJpbWFyeS5tYWlufWAsXG4gICAgJyYgPiAubXEtbWF0aC1tb2RlJzoge1xuICAgICAgYm9yZGVyOiAnc29saWQgMHB4IGxpZ2h0Z3JleScsXG4gICAgfSxcbiAgfSxcbiAgaW5zaWRlT3ZlcmxheToge1xuICAgIHBvc2l0aW9uOiAnYWJzb2x1dGUnLFxuICAgIGJvdHRvbTogMCxcbiAgICBsZWZ0OiAwLFxuICAgIHJpZ2h0OiAwLFxuICAgIHRvcDogMCxcbiAgfSxcbn0pO1xuXG5leHBvcnQgZGVmYXVsdCB3aXRoU3R5bGVzKG1wKShSYXdNYXRoUHJldmlldyk7XG4iXX0=

package/lib/utils.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.markFractionBaseSuperscripts = void 0;
+
+var markFractionBaseSuperscripts = function markFractionBaseSuperscripts() {
+  document.querySelectorAll('.mq-supsub.mq-sup-only').forEach(function (supsub) {
+    var prev = supsub.previousElementSibling;
+
+    if (prev && prev.classList.contains('mq-non-leaf') && prev.querySelector('.mq-fraction')) {
+      supsub.classList.add('mq-after-fraction-group');
+    } else {
+      supsub.classList.remove('mq-after-fraction-group');
+    }
+  });
+};
+
+exports.markFractionBaseSuperscripts = markFractionBaseSuperscripts;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy91dGlscy5qcyJdLCJuYW1lcyI6WyJtYXJrRnJhY3Rpb25CYXNlU3VwZXJzY3JpcHRzIiwiZG9jdW1lbnQiLCJxdWVyeVNlbGVjdG9yQWxsIiwiZm9yRWFjaCIsInN1cHN1YiIsInByZXYiLCJwcmV2aW91c0VsZW1lbnRTaWJsaW5nIiwiY2xhc3NMaXN0IiwiY29udGFpbnMiLCJxdWVyeVNlbGVjdG9yIiwiYWRkIiwicmVtb3ZlIl0sIm1hcHBpbmdzIjoiOzs7Ozs7O0FBQU8sSUFBTUEsNEJBQTRCLEdBQUcsU0FBL0JBLDRCQUErQixHQUFNO0FBQ2hEQyxFQUFBQSxRQUFRLENBQUNDLGdCQUFULENBQTBCLHdCQUExQixFQUFvREMsT0FBcEQsQ0FBNEQsVUFBQ0MsTUFBRCxFQUFZO0FBQ3RFLFFBQU1DLElBQUksR0FBR0QsTUFBTSxDQUFDRSxzQkFBcEI7O0FBRUEsUUFBSUQsSUFBSSxJQUFJQSxJQUFJLENBQUNFLFNBQUwsQ0FBZUMsUUFBZixDQUF3QixhQUF4QixDQUFSLElBQWtESCxJQUFJLENBQUNJLGFBQUwsQ0FBbUIsY0FBbkIsQ0FBdEQsRUFBMEY7QUFDeEZMLE1BQUFBLE1BQU0sQ0FBQ0csU0FBUCxDQUFpQkcsR0FBakIsQ0FBcUIseUJBQXJCO0FBQ0QsS0FGRCxNQUVPO0FBQ0xOLE1BQUFBLE1BQU0sQ0FBQ0csU0FBUCxDQUFpQkksTUFBakIsQ0FBd0IseUJBQXhCO0FBQ0Q7QUFDRixHQVJEO0FBU0QsQ0FWTSIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCBjb25zdCBtYXJrRnJhY3Rpb25CYXNlU3VwZXJzY3JpcHRzID0gKCkgPT4ge1xuICBkb2N1bWVudC5xdWVyeVNlbGVjdG9yQWxsKCcubXEtc3Vwc3ViLm1xLXN1cC1vbmx5JykuZm9yRWFjaCgoc3Vwc3ViKSA9PiB7XG4gICAgY29uc3QgcHJldiA9IHN1cHN1Yi5wcmV2aW91c0VsZW1lbnRTaWJsaW5nO1xuXG4gICAgaWYgKHByZXYgJiYgcHJldi5jbGFzc0xpc3QuY29udGFpbnMoJ21xLW5vbi1sZWFmJykgJiYgcHJldi5xdWVyeVNlbGVjdG9yKCcubXEtZnJhY3Rpb24nKSkge1xuICAgICAgc3Vwc3ViLmNsYXNzTGlzdC5hZGQoJ21xLWFmdGVyLWZyYWN0aW9uLWdyb3VwJyk7XG4gICAgfSBlbHNlIHtcbiAgICAgIHN1cHN1Yi5jbGFzc0xpc3QucmVtb3ZlKCdtcS1hZnRlci1mcmFjdGlvbi1ncm91cCcpO1xuICAgIH1cbiAgfSk7XG59O1xuIl19

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "1.11.31-next.134+201621f5",
+  "version": "1.13.0-beta.0",
   "description": "Math toolbar for editing math equations",
   "keywords": [
     "math",
@@ -19,7 +19,7 @@
   "dependencies": {
     "@material-ui/core": "^3.8.3",
     "@material-ui/icons": "^3.0.2",
-    "@pie-lib/math-input": "^6.11.4",
+    "@pie-lib/math-input": "^6.13.0-beta.0",
     "classnames": "^2.2.6",
     "debug": "^4.1.1",
     "keycode": "^2.2.0",
@@ -30,8 +30,8 @@
     "react-dom": "^16.9.0"
   },
   "devDependencies": {
-    "@pie-lib/test-utils": "^0.2.33"
+    "@pie-lib/test-utils": "^0.4.0-beta.0"
   },
   "scripts": {},
-  "gitHead": "201621f5e8b08eabde096be68cefb1cc039e9b82"
+  "gitHead": "3818c24530f62b5bb9be7a2c6aa5428f13a17e0a"
 }

package/src/__tests__/__snapshots__/editor-and-pad.test.js.snap

@@ -0,0 +1,31 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`snapshot renders 1`] = `
+<div
+  className=""
+>
+  <div
+    className=""
+  >
+    <div
+      className=""
+    >
+      <WithStyles(Input)
+        className=""
+        innerRef={[Function]}
+        onBlur={[Function]}
+        onChange={[Function]}
+        onFocus={[Function]}
+      />
+    </div>
+  </div>
+  <hr />
+  <HorizontalKeypad
+    additionalKeys={Array []}
+    className=""
+    mode="scientific"
+    noDecimal={false}
+    onClick={[Function]}
+  />
+</div>
+`;

package/src/__tests__/__snapshots__/index.test.js.snap

@@ -0,0 +1,30 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`snapshot renders with DONE button if hideDoneButton is not defined 1`] = `
+<div
+  className=""
+>
+  <div />
+  <WithStyles(EditorAndPad)
+    classNames={Object {}}
+    controlledKeypad={true}
+    showKeypad={true}
+  />
+  <WithStyles(RawDoneButton)
+    hideBackground={false}
+  />
+</div>
+`;
+
+exports[`snapshot renders without DONE button if hideDoneButton value is true 1`] = `
+<div
+  className=""
+>
+  <div />
+  <WithStyles(EditorAndPad)
+    classNames={Object {}}
+    controlledKeypad={true}
+    showKeypad={true}
+  />
+</div>
+`;

package/src/__tests__/__snapshots__/math-preview.test.js.snap

@@ -0,0 +1,23 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`snapshot renders 1`] = `
+<RawMathPreview
+  classes={
+    Object {
+      "insideOverlay": "RawMathPreview-insideOverlay-3",
+      "root": "RawMathPreview-root-1",
+      "selected": "RawMathPreview-selected-2",
+    }
+  }
+  isSelected={false}
+  node={
+    Object {
+      "data": Object {
+        "get": [MockFunction],
+      },
+    }
+  }
+  onBlur={[MockFunction]}
+  onFocus={[MockFunction]}
+/>
+`;

package/src/__tests__/editor-and-pad.test.js

@@ -0,0 +1,25 @@
+import { EditorAndPad } from '../editor-and-pad';
+import { shallow } from 'enzyme';
+import React from 'react';
+
+describe('snapshot', () => {
+  let wrapper;
+  let onBlur = jest.fn();
+
+  beforeAll(() => {
+    wrapper = (extras) => {
+      const defaults = {
+        classes: {},
+        classNames: {},
+        onBlur,
+      };
+      const props = { ...defaults, ...extras };
+
+      return shallow(<EditorAndPad {...props} />);
+    };
+  });
+
+  it('renders', () => {
+    expect(wrapper()).toMatchSnapshot();
+  });
+});

package/src/__tests__/index.test.js

@@ -0,0 +1,28 @@
+import { RawPureToolbar } from '../index';
+import { shallow } from 'enzyme';
+import React from 'react';
+
+describe('snapshot', () => {
+  let wrapper;
+
+  beforeAll(() => {
+    wrapper = (extras) => {
+      const defaults = {
+        classes: {},
+        controlledKeypad: true,
+        showKeypad: true,
+      };
+      const props = { ...defaults, ...extras };
+
+      return shallow(<RawPureToolbar {...props} />);
+    };
+  });
+
+  it('renders with DONE button if hideDoneButton is not defined', () => {
+    expect(wrapper()).toMatchSnapshot();
+  });
+
+  it('renders without DONE button if hideDoneButton value is true', () => {
+    expect(wrapper({ hideDoneButton: true })).toMatchSnapshot();
+  });
+});

package/src/__tests__/math-preview.test.js

@@ -0,0 +1,31 @@
+import React from 'react';
+import { shallow } from 'enzyme';
+
+import MathPreview from '../math-preview';
+
+describe('snapshot', () => {
+  let wrapper;
+
+  beforeAll(() => {
+    wrapper = (extras) => {
+      const defaults = {
+        node: {
+          data: {
+            get: jest.fn().mockReturnValue('sqrt(5)'),
+          },
+        },
+        classes: {},
+        isSelected: false,
+        onFocus: jest.fn(),
+        onBlur: jest.fn(),
+      };
+      const props = { ...defaults, ...extras };
+
+      return shallow(<MathPreview {...props} />);
+    };
+  });
+
+  it('renders', () => {
+    expect(wrapper()).toMatchSnapshot();
+  });
+});