@pie-lib/math-toolbar 1.11.23-next.0 → 2.0.0-beta.1

package/lib/math-preview.js

@@ -7,81 +7,24 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = exports.RawMathPreview = void 0;
 
-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 _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
 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/core/styles");
+var _styles = require("@material-ui/styles");
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _mathInput = require("@pie-lib/math-input");
 
-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 log = (0, _debug["default"])('@pie-lib:math-toolbar:math-preview');
-
-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: "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) {
+var useStyles = (0, _styles.makeStyles)(function (theme) {
   return {
     root: {
       display: 'inline-flex',
@@ -229,7 +172,7 @@ var mp = function mp(theme) {
       }
     },
     selected: {
-      border: "solid 1px ".concat(theme.palette.primary.main),
+      border: "solid 1px ".concat((0, _get["default"])(theme, 'palette.primary.main')),
       '& > .mq-math-mode': {
         border: 'solid 0px lightgrey'
       }
@@ -242,9 +185,41 @@ var mp = function mp(theme) {
       top: 0
     }
   };
-};
+});
 
-var _default = (0, _styles.withStyles)(mp)(RawMathPreview);
+var RawMathPreview = /*#__PURE__*/_react["default"].forwardRef(function (props, ref) {
+  log('[render] data: ', props.element.data);
+  var latex = props.element.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
+  }));
+});
 
+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,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJsb2ciLCJkZWJ1ZyIsInVzZVN0eWxlcyIsIm1ha2VTdHlsZXMiLCJ0aGVtZSIsInJvb3QiLCJkaXNwbGF5IiwiYWxpZ25JdGVtcyIsInBvc2l0aW9uIiwiZm9udEZhbWlseSIsImJvcmRlciIsIm91dGxpbmUiLCJib3hTaGFkb3ciLCJib3JkZXJSYWRpdXMiLCJwYWRkaW5nVG9wIiwidmVydGljYWxBbGlnbiIsInRvcCIsImxlZnQiLCJtYXJnaW5Ub3AiLCJwYWRkaW5nIiwicGFkZGluZ0JvdHRvbSIsIm1hcmdpbkJvdHRvbSIsImZvbnRTaXplIiwicGFkZGluZ1JpZ2h0IiwibWFyZ2luTGVmdCIsInBhZGRpbmdMZWZ0IiwiYm9yZGVyVG9wIiwibWluV2lkdGgiLCJsaW5lSGVpZ2h0IiwicmlnaHQiLCJzZWxlY3RlZCIsImdldCIsImluc2lkZU92ZXJsYXkiLCJib3R0b20iLCJSYXdNYXRoUHJldmlldyIsIlJlYWN0IiwiZm9yd2FyZFJlZiIsInByb3BzIiwicmVmIiwiZWxlbWVudCIsImRhdGEiLCJsYXRleCIsImlzU2VsZWN0ZWQiLCJvbkZvY3VzIiwib25CbHVyIiwiYXR0cmlidXRlcyIsImNoaWxkcmVuIiwiY2xhc3NlcyIsImNsYXNzTmFtZXMiLCJwcm9wVHlwZXMiLCJQcm9wVHlwZXMiLCJvYmplY3QiLCJzdHJpbmciLCJub2RlIiwiYm9vbCIsImZ1bmMiXSwic291cmNlcyI6WyIuLi9zcmMvbWF0aC1wcmV2aWV3LmpzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IGNsYXNzTmFtZXMgZnJvbSAnY2xhc3NuYW1lcyc7XG5pbXBvcnQgZ2V0IGZyb20gJ2xvZGFzaC9nZXQnO1xuaW1wb3J0IGRlYnVnIGZyb20gJ2RlYnVnJztcbmltcG9ydCB7IG1ha2VTdHlsZXMgfSBmcm9tICdAbWF0ZXJpYWwtdWkvc3R5bGVzJztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyBtcSB9IGZyb20gJ0BwaWUtbGliL21hdGgtaW5wdXQnO1xuXG5jb25zdCBsb2cgPSBkZWJ1ZygnQHBpZS1saWI6bWF0aC10b29sYmFyOm1hdGgtcHJldmlldycpO1xuXG5jb25zdCB1c2VTdHlsZXMgPSBtYWtlU3R5bGVzKHRoZW1lID0+ICh7XG4gIHJvb3Q6IHtcbiAgICBkaXNwbGF5OiAnaW5saW5lLWZsZXgnLFxuICAgIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICAgIHBvc2l0aW9uOiAncmVsYXRpdmUnLFxuICAgICcmIConOiB7XG4gICAgICBmb250RmFtaWx5OiAnTUpYWkVSTywgTUpYVEVYICFpbXBvcnRhbnQnLFxuICAgICAgJy13ZWJraXQtZm9udC1zbW9vdGhpbmcnOiAnYW50aWFsaWFzZWQgIWltcG9ydGFudCdcbiAgICB9LFxuICAgICcmID4gLm1xLW1hdGgtbW9kZSA+IHNwYW4gPiB2YXInOiB7XG4gICAgICBmb250RmFtaWx5OiAnTUpYWkVSTywgTUpYVEVYLUkgIWltcG9ydGFudCdcbiAgICB9LFxuICAgICcmID4gLm1xLW1hdGgtbW9kZSBzcGFuIHZhcic6IHtcbiAgICAgIGZvbnRGYW1pbHk6ICdNSlhaRVJPLCBNSlhURVgtSSAhaW1wb3J0YW50J1xuICAgIH0sXG4gICAgJyYgPiAubXEtbWF0aC1tb2RlIC5tcS1ub25TeW1ib2xhJzoge1xuICAgICAgZm9udEZhbWlseTogJ01KWFpFUk8sIE1KWFRFWC1JICFpbXBvcnRhbnQnXG4gICAgfSxcbiAgICAnJiA+IC5tcS1tYXRoLW1vZGUgPiBzcGFuID4gdmFyLm1xLW9wZXJhdG9yLW5hbWUnOiB7XG4gICAgICBmb250RmFtaWx5OiAnTUpYWkVSTywgTUpYVEVYICFpbXBvcnRhbnQnXG4gICAgfSxcbiAgICAnJiA+IC5tcS1tYXRoLW1vZGUnOiB7XG4gICAgICBib3JkZXI6ICdzb2xpZCAxcHggbGlnaHRncmV5J1xuICAgIH0sXG4gICAgJyYgPiAubXEtZm9jdXNlZCc6IHtcbiAgICAgIG91dGxpbmU6ICdub25lJyxcbiAgICAgIGJveFNoYWRvdzogJ25vbmUnLFxuICAgICAgYm9yZGVyOiAnc29saWQgMXB4IGJsYWNrJyxcbiAgICAgIGJvcmRlclJhZGl1czogJzBweCdcbiAgICB9LFxuICAgICcmID4gLm1xLW1hdGgtbW9kZSAubXEtcm9vdC1ibG9jayc6IHtcbiAgICAgIHBhZGRpbmdUb3A6ICc3cHggIWltcG9ydGFudCdcbiAgICB9LFxuICAgICcmID4gLm1xLW1hdGgtbW9kZSAubXEtb3ZlcmFyYyAnOiB7XG4gICAgICBwYWRkaW5nVG9wOiAnMC40NWVtICFpbXBvcnRhbnQnXG4gICAgfSxcbiAgICAnJiA+IC5tcS1tYXRoLW1vZGUgLm1xLXNxcnQtcHJlZml4Jzoge1xuICAgICAgdmVydGljYWxBbGlnbjogJ2JvdHRvbSAhaW1wb3J0YW50JyxcbiAgICAgIHRvcDogJzAgIWltcG9ydGFudCcsXG4gICAgICBsZWZ0OiAnLTAuMWVtICFpbXBvcnRhbnQnXG4gICAgfSxcbiAgICAnJiA+IC5tcS1tYXRoLW1vZGUgLm1xLWRlbm9taW5hdG9yJzoge1xuICAgICAgbWFyZ2luVG9wOiAnLTVweCAhaW1wb3J0YW50JyxcbiAgICAgIHBhZGRpbmc6ICcwLjVlbSAwLjFlbSAwLjFlbSAhaW1wb3J0YW50J1xuICAgIH0sXG4gICAgJyYgPiAubXEtbWF0aC1tb2RlIC5tcS1udW1lcmF0b3IsIC5tcS1tYXRoLW1vZGUgLm1xLW92ZXInOiB7XG4gICAgICBwYWRkaW5nOiAnMCAwLjFlbSAhaW1wb3J0YW50JyxcbiAgICAgIHBhZGRpbmdCb3R0b206ICcwICFpbXBvcnRhbnQnLFxuICAgICAgbWFyZ2luQm90dG9tOiAnNC41cHgnXG4gICAgfSxcbiAgICAnJiA+IC5tcS1tYXRoLW1vZGUgc3VwLm1xLW50aHJvb3QnOiB7XG4gICAgICBmb250U2l6ZTogJzcwLjclICFpbXBvcnRhbnQnLFxuICAgICAgdmVydGljYWxBbGlnbjogJzAuNWVtICFpbXBvcnRhbnQnLFxuICAgICAgcGFkZGluZ1JpZ2h0OiAnMC4xNWVtJ1xuICAgIH0sXG4gICAgJyYgPiAubXEtbG9uZ2Rpdi1pbm5lcic6IHtcbiAgICAgIG1hcmdpblRvcDogJy0xcHgnLFxuICAgICAgbWFyZ2luTGVmdDogJzVweCAhaW1wb3J0YW50OycsXG5cbiAgICAgICcmID4gLm1xLWVtcHR5Jzoge1xuICAgICAgICBwYWRkaW5nOiAnMCAhaW1wb3J0YW50JyxcbiAgICAgICAgbWFyZ2luTGVmdDogJzBweCAhaW1wb3J0YW50JyxcbiAgICAgICAgbWFyZ2luVG9wOiAnMnB4J1xuICAgICAgfVxuICAgIH0sXG4gICAgJyYgPiAubXEtbWF0aC1tb2RlIC5tcS1sb25nZGl2Jzoge1xuICAgICAgZGlzcGxheTogJ2lubGluZS1mbGV4ICFpbXBvcnRhbnQnXG4gICAgfSxcbiAgICAnJiA+IC5tcS1tYXRoLW1vZGUgLm1xLWxvbmdkaXYgLm1xLWxvbmdkaXYtaW5uZXIgLm1xLWVtcHR5Jzoge1xuICAgICAgcGFkZGluZ1RvcDogJzZweCAhaW1wb3J0YW50JyxcbiAgICAgIHBhZGRpbmdMZWZ0OiAnNHB4ICFpbXBvcnRhbnQnXG4gICAgfSxcbiAgICAnJiA+IC5tcS1tYXRoLW1vZGUgLm1xLWxvbmdkaXYgLm1xLWxvbmdkaXYtaW5uZXInOiB7XG4gICAgICBtYXJnaW5MZWZ0OiAnMCAhaW1wb3J0YW50J1xuICAgIH0sXG4gICAgJyYgPiAubXEtbWF0aC1tb2RlIC5tcS1zdXBzdWInOiB7XG4gICAgICBmb250U2l6ZTogJzcwLjclICFpbXBvcnRhbnQnXG4gICAgfSxcbiAgICAnJiA+IC5tcS1tYXRoLW1vZGUgLm1xLW92ZXJhcnJvdyc6IHtcbiAgICAgIGZvbnRGYW1pbHk6ICdSb2JvdG8sIEhlbHZldGljYSwgQXJpYWwsIHNhbnMtc2VyaWYgIWltcG9ydGFudCdcbiAgICB9LFxuICAgICcmID4gLm1xLW1hdGgtbW9kZSAubXEtcGFyZW4nOiB7XG4gICAgICB2ZXJ0aWNhbEFsaWduOiAndG9wICFpbXBvcnRhbnQnLFxuICAgICAgcGFkZGluZzogJzFweCAwLjFlbSAhaW1wb3J0YW50J1xuICAgIH0sXG5cbiAgICAnJiA+IC5tcS1tYXRoLW1vZGUgLm1xLXNxcnQtc3RlbSc6IHtcbiAgICAgIGJvcmRlclRvcDogJzAuMDdlbSBzb2xpZCcsXG4gICAgICBtYXJnaW5MZWZ0OiAnLTEuNXB4JyxcbiAgICAgIG1hcmdpblRvcDogJy0ycHggIWltcG9ydGFudCcsXG4gICAgICBwYWRkaW5nVG9wOiAnNXB4ICFpbXBvcnRhbnQnXG4gICAgfSxcbiAgICAnJiA+IC5tcS1zdXBzdWIgJzoge1xuICAgICAgZm9udFNpemU6ICc3MC43JSdcbiAgICB9LFxuXG4gICAgJyYgPiAubXEtbWF0aC1tb2RlIC5tcS1zdXBzdWIubXEtc3VwLW9ubHknOiB7XG4gICAgICB2ZXJ0aWNhbEFsaWduOiAnLTAuMWVtICFpbXBvcnRhbnQnLFxuXG4gICAgICAnJiAubXEtc3VwJzoge1xuICAgICAgICBtYXJnaW5Cb3R0b206ICcwcHggIWltcG9ydGFudCdcbiAgICAgIH1cbiAgICB9LFxuICAgICcmIC5tcS1vdmVyYXJyb3ctaW5uZXInOiB7XG4gICAgICBwYWRkaW5nVG9wOiAnMCAhaW1wb3J0YW50JyxcbiAgICAgIGJvcmRlcjogJ25vbmUgIWltcG9ydGFudCdcbiAgICB9LFxuICAgICcmIC5tcS1lZGl0YWJsZS1maWVsZCAubXEtY3Vyc29yJzoge1xuICAgICAgbWFyZ2luVG9wOiAnLTE1cHggIWltcG9ydGFudCdcbiAgICB9LFxuICAgICcmIC5tcS1vdmVyYXJyb3cubXEtYXJyb3ctYm90aCc6IHtcbiAgICAgIHRvcDogJzcuNXB4JyxcbiAgICAgIG1hcmdpblRvcDogJzBweCcsXG4gICAgICBtaW5XaWR0aDogJzEuMjNlbScsXG4gICAgICAnJiAqJzoge1xuICAgICAgICBsaW5lSGVpZ2h0OiAnMSAhaW1wb3J0YW50J1xuICAgICAgfSxcbiAgICAgICcmOmJlZm9yZSc6IHtcbiAgICAgICAgdG9wOiAnLTAuNGVtJyxcbiAgICAgICAgbGVmdDogJy0xcHgnXG4gICAgICB9LFxuICAgICAgJyY6YWZ0ZXInOiB7XG4gICAgICAgIHRvcDogJzBweCAhaW1wb3J0YW50JyxcbiAgICAgICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXG4gICAgICAgIHJpZ2h0OiAnLTJweCdcbiAgICAgIH0sXG4gICAgICAnJi5tcS1lbXB0eTphZnRlcic6IHtcbiAgICAgICAgdG9wOiAnLTAuNDVlbSdcbiAgICAgIH1cbiAgICB9LFxuICAgICcmIC5tcS1vdmVyYXJyb3cubXEtYXJyb3ctcmlnaHQnOiB7XG4gICAgICAnJjpiZWZvcmUnOiB7XG4gICAgICAgIHRvcDogJy0wLjRlbScsXG4gICAgICAgIHJpZ2h0OiAnLTFweCdcbiAgICAgIH1cbiAgICB9LFxuICAgICcmIC5tcS1vdmVyYXJyb3ctaW5uZXItcmlnaHQnOiB7XG4gICAgICBkaXNwbGF5OiAnbm9uZSAhaW1wb3J0YW50J1xuICAgIH0sXG4gICAgJyYgLm1xLW92ZXJhcnJvdy1pbm5lci1sZWZ0Jzoge1xuICAgICAgZGlzcGxheTogJ25vbmUgIWltcG9ydGFudCdcbiAgICB9LFxuICAgICcmIC5tcS1sb25nZGl2LWlubmVyJzoge1xuICAgICAgYm9yZGVyVG9wOiAnMXB4IHNvbGlkICFpbXBvcnRhbnQnLFxuICAgICAgcGFkZGluZ1RvcDogJzEuNXB4ICFpbXBvcnRhbnQnXG4gICAgfSxcbiAgICAnJiAubXEtcGFyYWxsZWxvZ3JhbSc6IHtcbiAgICAgIGxpbmVIZWlnaHQ6IDAuODVcbiAgICB9XG4gIH0sXG4gIHNlbGVjdGVkOiB7XG4gICAgYm9yZGVyOiBgc29saWQgMXB4ICR7Z2V0KHRoZW1lLCAncGFsZXR0ZS5wcmltYXJ5Lm1haW4nKX1gLFxuICAgICcmID4gLm1xLW1hdGgtbW9kZSc6IHtcbiAgICAgIGJvcmRlcjogJ3NvbGlkIDBweCBsaWdodGdyZXknXG4gICAgfVxuICB9LFxuICBpbnNpZGVPdmVybGF5OiB7XG4gICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXG4gICAgYm90dG9tOiAwLFxuICAgIGxlZnQ6IDAsXG4gICAgcmlnaHQ6IDAsXG4gICAgdG9wOiAwXG4gIH1cbn0pKTtcblxuZXhwb3J0IGNvbnN0IFJhd01hdGhQcmV2aWV3ID0gUmVhY3QuZm9yd2FyZFJlZigocHJvcHMsIHJlZikgPT4ge1xuICBsb2coJ1tyZW5kZXJdIGRhdGE6ICcsIHByb3BzLmVsZW1lbnQuZGF0YSk7XG4gIGNvbnN0IGxhdGV4ID0gcHJvcHMuZWxlbWVudC5kYXRhLmxhdGV4O1xuICBjb25zdCB7IGlzU2VsZWN0ZWQsIG9uRm9jdXMsIG9uQmx1ciwgYXR0cmlidXRlcywgY2hpbGRyZW4gfSA9IHByb3BzO1xuICBjb25zdCBjbGFzc2VzID0gdXNlU3R5bGVzKHByb3BzKTtcblxuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lcyhjbGFzc2VzLnJvb3QsIGlzU2VsZWN0ZWQgJiYgY2xhc3Nlcy5zZWxlY3RlZCl9XG4gICAgICB7Li4uYXR0cmlidXRlc31cbiAgICAgIGNvbnRlbnRFZGl0YWJsZT17ZmFsc2V9XG4gICAgICByZWY9e3JlZn1cbiAgICA+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgICB7JyAnfVxuICAgICAgPHNwYW4gY2xhc3NOYW1lPXtjbGFzc2VzLmluc2lkZU92ZXJsYXl9IC8+XG4gICAgICA8bXEuU3RhdGljIGxhdGV4PXtsYXRleH0gb25Gb2N1cz17b25Gb2N1c30gb25CbHVyPXtvbkJsdXJ9IC8+XG4gICAgPC9kaXY+XG4gICk7XG59KTtcblxuUmF3TWF0aFByZXZpZXcucHJvcFR5cGVzID0ge1xuICBlbGVtZW50OiBQcm9wVHlwZXMub2JqZWN0LFxuICBsYXRleDogUHJvcFR5cGVzLnN0cmluZyxcbiAgbm9kZTogUHJvcFR5cGVzLm9iamVjdCxcbiAgY2xhc3NlczogUHJvcFR5cGVzLm9iamVjdCxcbiAgaXNTZWxlY3RlZDogUHJvcFR5cGVzLmJvb2wsXG4gIG9uRm9jdXM6IFByb3BUeXBlcy5mdW5jLFxuICBvbkJsdXI6IFByb3BUeXBlcy5mdW5jLFxufTtcblxuZXhwb3J0IGRlZmF1bHQgUmF3TWF0aFByZXZpZXc7XG4iXSwibWFwcGlu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

package/lib/math-preview.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/math-preview.jsx"],"names":["log","RawMathPreview","props","node","data","latex","get","classes","isSelected","onFocus","onBlur","root","selected","insideOverlay","React","Component","PropTypes","string","object","bool","func","mp","theme","display","alignItems","position","fontFamily","border","outline","boxShadow","borderRadius","paddingTop","verticalAlign","top","left","marginTop","padding","paddingBottom","marginBottom","fontSize","paddingRight","marginLeft","paddingLeft","borderTop","minWidth","lineHeight","right","palette","primary","main","bottom"],"mappings":"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","sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport debug from 'debug';\nimport { withStyles } from '@material-ui/core/styles';\nimport PropTypes from 'prop-types';\nimport { mq } from '@pie-lib/math-input';\n\nconst log = debug('@pie-lib:math-toolbar:math-preview');\n\nexport class RawMathPreview extends React.Component {\n  static propTypes = {\n    latex: PropTypes.string,\n    node: PropTypes.object,\n    classes: PropTypes.object,\n    isSelected: PropTypes.bool,\n    onFocus: PropTypes.func,\n    onBlur: PropTypes.func,\n  };\n\n  render() {\n    log('[render] data: ', this.props.node.data);\n    const latex = this.props.node.data.get('latex');\n    const { classes, isSelected, onFocus, onBlur } = this.props;\n    return (\n      <div className={classNames(classes.root, isSelected && classes.selected)}>\n        {' '}\n        <span className={classes.insideOverlay} />\n        <mq.Static latex={latex} onFocus={onFocus} onBlur={onBlur} />\n      </div>\n    );\n  }\n}\n\nconst mp = (theme) => ({\n  root: {\n    display: 'inline-flex',\n    alignItems: 'center',\n    position: 'relative',\n    '& *': {\n      fontFamily: 'MJXZERO, MJXTEX !important',\n      '-webkit-font-smoothing': 'antialiased !important',\n    },\n    '& > .mq-math-mode > span > var': {\n      fontFamily: 'MJXZERO, MJXTEX-I !important',\n    },\n    '& > .mq-math-mode span var': {\n      fontFamily: 'MJXZERO, MJXTEX-I !important',\n    },\n    '& > .mq-math-mode .mq-nonSymbola': {\n      fontFamily: 'MJXZERO, MJXTEX-I !important',\n    },\n    '& > .mq-math-mode > span > var.mq-operator-name': {\n      fontFamily: 'MJXZERO, MJXTEX !important',\n    },\n    '& > .mq-math-mode': {\n      border: 'solid 1px lightgrey',\n    },\n    '& > .mq-focused': {\n      outline: 'none',\n      boxShadow: 'none',\n      border: 'solid 1px black',\n      borderRadius: '0px',\n    },\n    '& > .mq-math-mode .mq-root-block': {\n      paddingTop: '7px !important',\n    },\n    '& > .mq-math-mode .mq-overarc ': {\n      paddingTop: '0.45em !important',\n    },\n    '& > .mq-math-mode .mq-sqrt-prefix': {\n      verticalAlign: 'bottom !important',\n      top: '0 !important',\n      left: '-0.1em !important',\n    },\n    '& > .mq-math-mode .mq-denominator': {\n      marginTop: '-5px !important',\n      padding: '0.5em 0.1em 0.1em !important',\n    },\n    '& > .mq-math-mode .mq-numerator, .mq-math-mode .mq-over': {\n      padding: '0 0.1em !important',\n      paddingBottom: '0 !important',\n      marginBottom: '4.5px',\n    },\n    '& > .mq-math-mode sup.mq-nthroot': {\n      fontSize: '70.7% !important',\n      verticalAlign: '0.5em !important',\n      paddingRight: '0.15em',\n    },\n    '& > .mq-longdiv-inner': {\n      marginTop: '-1px',\n      marginLeft: '5px !important;',\n\n      '& > .mq-empty': {\n        padding: '0 !important',\n        marginLeft: '0px !important',\n        marginTop: '2px',\n      },\n    },\n    '& > .mq-math-mode .mq-longdiv': {\n      display: 'inline-flex !important',\n    },\n    '& > .mq-math-mode .mq-longdiv .mq-longdiv-inner .mq-empty': {\n      paddingTop: '6px !important',\n      paddingLeft: '4px !important',\n    },\n    '& > .mq-math-mode .mq-longdiv .mq-longdiv-inner': {\n      marginLeft: '0 !important',\n    },\n    '& > .mq-math-mode .mq-supsub': {\n      fontSize: '70.7% !important',\n    },\n    '& > .mq-math-mode .mq-overarrow': {\n      fontFamily: 'Roboto, Helvetica, Arial, sans-serif !important',\n    },\n    '& > .mq-math-mode .mq-paren': {\n      verticalAlign: 'top !important',\n      padding: '1px 0.1em !important',\n    },\n\n    '& > .mq-math-mode .mq-sqrt-stem': {\n      borderTop: '0.07em solid',\n      marginLeft: '-1.5px',\n      marginTop: '-2px !important',\n      paddingTop: '5px !important',\n    },\n    '& > .mq-supsub ': {\n      fontSize: '70.7%',\n    },\n\n    '& > .mq-math-mode .mq-supsub.mq-sup-only': {\n      verticalAlign: '-0.1em !important',\n\n      '& .mq-sup': {\n        marginBottom: '0px !important',\n      },\n    },\n    '& .mq-overarrow-inner': {\n      paddingTop: '0 !important',\n      border: 'none !important',\n    },\n    '& .mq-editable-field .mq-cursor': {\n      marginTop: '-15px !important',\n    },\n    '& .mq-overarrow.mq-arrow-both': {\n      top: '7.5px',\n      marginTop: '0px',\n      minWidth: '1.23em',\n      '& *': {\n        lineHeight: '1 !important',\n      },\n      '&:before': {\n        top: '-0.4em',\n        left: '-1px',\n      },\n      '&:after': {\n        top: '0px !important',\n        position: 'absolute',\n        right: '-2px',\n      },\n      '&.mq-empty:after': {\n        top: '-0.45em',\n      },\n    },\n    '& .mq-overarrow.mq-arrow-right': {\n      '&:before': {\n        top: '-0.4em',\n        right: '-1px',\n      },\n    },\n    '& .mq-overarrow-inner-right': {\n      display: 'none !important',\n    },\n    '& .mq-overarrow-inner-left': {\n      display: 'none !important',\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  },\n  selected: {\n    border: `solid 1px ${theme.palette.primary.main}`,\n    '& > .mq-math-mode': {\n      border: 'solid 0px lightgrey',\n    },\n  },\n  insideOverlay: {\n    position: 'absolute',\n    bottom: 0,\n    left: 0,\n    right: 0,\n    top: 0,\n  },\n});\n\nexport default withStyles(mp)(RawMathPreview);\n"],"file":"math-preview.js"}
+{"version":3,"file":"math-preview.js","names":["log","debug","useStyles","makeStyles","theme","root","display","alignItems","position","fontFamily","border","outline","boxShadow","borderRadius","paddingTop","verticalAlign","top","left","marginTop","padding","paddingBottom","marginBottom","fontSize","paddingRight","marginLeft","paddingLeft","borderTop","minWidth","lineHeight","right","selected","get","insideOverlay","bottom","RawMathPreview","React","forwardRef","props","ref","element","data","latex","isSelected","onFocus","onBlur","attributes","children","classes","classNames","propTypes","PropTypes","object","string","node","bool","func"],"sources":["../src/math-preview.jsx"],"sourcesContent":["import React from 'react';\nimport classNames from 'classnames';\nimport get from 'lodash/get';\nimport debug from 'debug';\nimport { makeStyles } from '@material-ui/styles';\nimport PropTypes from 'prop-types';\nimport { mq } from '@pie-lib/math-input';\n\nconst log = debug('@pie-lib:math-toolbar:math-preview');\n\nconst useStyles = makeStyles(theme => ({\n  root: {\n    display: 'inline-flex',\n    alignItems: 'center',\n    position: 'relative',\n    '& *': {\n      fontFamily: 'MJXZERO, MJXTEX !important',\n      '-webkit-font-smoothing': 'antialiased !important'\n    },\n    '& > .mq-math-mode > span > var': {\n      fontFamily: 'MJXZERO, MJXTEX-I !important'\n    },\n    '& > .mq-math-mode span var': {\n      fontFamily: 'MJXZERO, MJXTEX-I !important'\n    },\n    '& > .mq-math-mode .mq-nonSymbola': {\n      fontFamily: 'MJXZERO, MJXTEX-I !important'\n    },\n    '& > .mq-math-mode > span > var.mq-operator-name': {\n      fontFamily: 'MJXZERO, MJXTEX !important'\n    },\n    '& > .mq-math-mode': {\n      border: 'solid 1px lightgrey'\n    },\n    '& > .mq-focused': {\n      outline: 'none',\n      boxShadow: 'none',\n      border: 'solid 1px black',\n      borderRadius: '0px'\n    },\n    '& > .mq-math-mode .mq-root-block': {\n      paddingTop: '7px !important'\n    },\n    '& > .mq-math-mode .mq-overarc ': {\n      paddingTop: '0.45em !important'\n    },\n    '& > .mq-math-mode .mq-sqrt-prefix': {\n      verticalAlign: 'bottom !important',\n      top: '0 !important',\n      left: '-0.1em !important'\n    },\n    '& > .mq-math-mode .mq-denominator': {\n      marginTop: '-5px !important',\n      padding: '0.5em 0.1em 0.1em !important'\n    },\n    '& > .mq-math-mode .mq-numerator, .mq-math-mode .mq-over': {\n      padding: '0 0.1em !important',\n      paddingBottom: '0 !important',\n      marginBottom: '4.5px'\n    },\n    '& > .mq-math-mode sup.mq-nthroot': {\n      fontSize: '70.7% !important',\n      verticalAlign: '0.5em !important',\n      paddingRight: '0.15em'\n    },\n    '& > .mq-longdiv-inner': {\n      marginTop: '-1px',\n      marginLeft: '5px !important;',\n\n      '& > .mq-empty': {\n        padding: '0 !important',\n        marginLeft: '0px !important',\n        marginTop: '2px'\n      }\n    },\n    '& > .mq-math-mode .mq-longdiv': {\n      display: 'inline-flex !important'\n    },\n    '& > .mq-math-mode .mq-longdiv .mq-longdiv-inner .mq-empty': {\n      paddingTop: '6px !important',\n      paddingLeft: '4px !important'\n    },\n    '& > .mq-math-mode .mq-longdiv .mq-longdiv-inner': {\n      marginLeft: '0 !important'\n    },\n    '& > .mq-math-mode .mq-supsub': {\n      fontSize: '70.7% !important'\n    },\n    '& > .mq-math-mode .mq-overarrow': {\n      fontFamily: 'Roboto, Helvetica, Arial, sans-serif !important'\n    },\n    '& > .mq-math-mode .mq-paren': {\n      verticalAlign: 'top !important',\n      padding: '1px 0.1em !important'\n    },\n\n    '& > .mq-math-mode .mq-sqrt-stem': {\n      borderTop: '0.07em solid',\n      marginLeft: '-1.5px',\n      marginTop: '-2px !important',\n      paddingTop: '5px !important'\n    },\n    '& > .mq-supsub ': {\n      fontSize: '70.7%'\n    },\n\n    '& > .mq-math-mode .mq-supsub.mq-sup-only': {\n      verticalAlign: '-0.1em !important',\n\n      '& .mq-sup': {\n        marginBottom: '0px !important'\n      }\n    },\n    '& .mq-overarrow-inner': {\n      paddingTop: '0 !important',\n      border: 'none !important'\n    },\n    '& .mq-editable-field .mq-cursor': {\n      marginTop: '-15px !important'\n    },\n    '& .mq-overarrow.mq-arrow-both': {\n      top: '7.5px',\n      marginTop: '0px',\n      minWidth: '1.23em',\n      '& *': {\n        lineHeight: '1 !important'\n      },\n      '&:before': {\n        top: '-0.4em',\n        left: '-1px'\n      },\n      '&:after': {\n        top: '0px !important',\n        position: 'absolute',\n        right: '-2px'\n      },\n      '&.mq-empty:after': {\n        top: '-0.45em'\n      }\n    },\n    '& .mq-overarrow.mq-arrow-right': {\n      '&:before': {\n        top: '-0.4em',\n        right: '-1px'\n      }\n    },\n    '& .mq-overarrow-inner-right': {\n      display: 'none !important'\n    },\n    '& .mq-overarrow-inner-left': {\n      display: 'none !important'\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  },\n  selected: {\n    border: `solid 1px ${get(theme, 'palette.primary.main')}`,\n    '& > .mq-math-mode': {\n      border: 'solid 0px lightgrey'\n    }\n  },\n  insideOverlay: {\n    position: 'absolute',\n    bottom: 0,\n    left: 0,\n    right: 0,\n    top: 0\n  }\n}));\n\nexport const RawMathPreview = React.forwardRef((props, ref) => {\n  log('[render] data: ', props.element.data);\n  const latex = props.element.data.latex;\n  const { isSelected, onFocus, onBlur, attributes, children } = props;\n  const classes = useStyles(props);\n\n  return (\n    <div\n      className={classNames(classes.root, isSelected && classes.selected)}\n      {...attributes}\n      contentEditable={false}\n      ref={ref}\n    >\n      {children}\n      {' '}\n      <span className={classes.insideOverlay} />\n      <mq.Static latex={latex} onFocus={onFocus} onBlur={onBlur} />\n    </div>\n  );\n});\n\nRawMathPreview.propTypes = {\n  element: PropTypes.object,\n  latex: PropTypes.string,\n  node: PropTypes.object,\n  classes: PropTypes.object,\n  isSelected: PropTypes.bool,\n  onFocus: PropTypes.func,\n  onBlur: PropTypes.func,\n};\n\nexport default RawMathPreview;\n"],"mappings":"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"}

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "1.11.23-next.0+2f8c6198",
+  "version": "2.0.0-beta.1",
   "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.10.13-next.0+2f8c6198",
+    "@pie-lib/math-input": "^6.8.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-next.0+2f8c6198"
+    "@pie-lib/test-utils": "^0.2.19"
   },
   "scripts": {},
-  "gitHead": "2f8c619845b4aa9a1c862b2ac549a975fe0bd13f"
+  "gitHead": "f3345ae70660f4ae88450512261c7ea1601003c8"
 }

package/src/done-button.jsx

@@ -12,7 +12,7 @@ export const RawDoneButton = ({ classes, onClick }) => (
     onClick={onClick}
     classes={{
       label: classes.label,
-      root: classes.iconRoot,
+      root: classes.iconRoot
     }}
   >
     <Check />
@@ -21,7 +21,7 @@ export const RawDoneButton = ({ classes, onClick }) => (
 
 RawDoneButton.propTypes = {
   classes: PropTypes.object.isRequired,
-  onClick: PropTypes.func,
+  onClick: PropTypes.func
 };
 
 const styles = {
@@ -29,11 +29,11 @@ const styles = {
     verticalAlign: 'top',
     width: '28px',
     height: '28px',
-    color: '#00bb00',
+    color: '#00bb00'
   },
   label: {
     position: 'absolute',
-    top: '2px',
-  },
+    top: '2px'
+  }
 };
 export const DoneButton = withStyles(styles)(RawDoneButton);