@pie-lib/math-input-mathlive 1.1.5-beta.9 → 2.0.1-next.20261109072207

package/lib/math-input.js

@@ -1,143 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.MathInput = void 0;
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _styles = require("@mui/material/styles");
-var _debug = _interopRequireDefault(require("debug"));
-var mf = _interopRequireWildcard(require("./mf"));
-var _keys = require("./keys");
-var _keypad = _interopRequireDefault(require("./keypad"));
-var _latexBridge = require("./latex-bridge");
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
-function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-var log = (0, _debug["default"])('pie-lib:math-input-mathlive');
-var grey = 'rgba(0, 0, 0, 0.23)';
-var MathInputContainer = (0, _styles.styled)('div')(function (_ref) {
-  var theme = _ref.theme,
-    focused = _ref.focused;
-  return {
-    borderRadius: '4px',
-    border: "solid 1px ".concat(focused ? theme.palette.primary.main : grey),
-    marginTop: theme.spacing(1),
-    marginBottom: theme.spacing(1),
-    transition: 'border 200ms linear'
-  };
-});
-var PadContainer = (0, _styles.styled)('div')({
-  width: '100%',
-  display: 'flex'
-});
-var StyledInput = (0, _styles.styled)(mf.Input)(function (_ref2) {
-  var theme = _ref2.theme;
-  return {
-    width: '100%',
-    transition: 'border 200ms linear',
-    padding: theme.spacing(1),
-    '& math-field:focus-within': {
-      outline: 'none',
-      boxShadow: 'none'
-    }
-  };
-});
-
-/**
- * MathLive-backed equivalent of @pie-lib/math-input's `MathInput`.
- * Same props (`keyset`, `latex`, `onChange`, `displayMode`).
- */
-var MathInput = exports.MathInput = /*#__PURE__*/function (_React$Component) {
-  function MathInput(props) {
-    var _this;
-    (0, _classCallCheck2["default"])(this, MathInput);
-    _this = _callSuper(this, MathInput, [props]);
-    (0, _defineProperty2["default"])(_this, "keypadPress", function (key) {
-      log('[keypadPress] key:', key);
-      if (!_this.input) {
-        return;
-      }
-      var action = (0, _latexBridge.keyToAction)(key);
-      if (!action) {
-        return;
-      }
-      if (action.type === 'command') {
-        _this.input.keystroke(action.value);
-      } else {
-        _this.input.write(action.value);
-      }
-    });
-    (0, _defineProperty2["default"])(_this, "inputFocus", function () {
-      return _this.setState({
-        focused: true
-      });
-    });
-    (0, _defineProperty2["default"])(_this, "inputBlur", function () {
-      return _this.setState({
-        focused: false
-      });
-    });
-    (0, _defineProperty2["default"])(_this, "changeLatex", function (l) {
-      var onChange = _this.props.onChange;
-      if (onChange && l !== _this.props.latex) {
-        log('[changeLatex]', l, _this.props.latex);
-        onChange(l);
-      }
-    });
-    _this.state = {
-      focused: false
-    };
-    return _this;
-  }
-  (0, _inherits2["default"])(MathInput, _React$Component);
-  return (0, _createClass2["default"])(MathInput, [{
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-      var _this$props = this.props,
-        className = _this$props.className,
-        keyset = _this$props.keyset,
-        latex = _this$props.latex;
-      var focused = this.state.focused;
-      return /*#__PURE__*/_react["default"].createElement(MathInputContainer, {
-        className: className,
-        focused: focused
-      }, /*#__PURE__*/_react["default"].createElement(StyledInput, {
-        innerRef: function innerRef(r) {
-          return _this2.input = r;
-        },
-        onFocus: this.inputFocus,
-        onBlur: this.inputBlur,
-        latex: latex,
-        onChange: this.changeLatex
-      }), /*#__PURE__*/_react["default"].createElement(PadContainer, null, /*#__PURE__*/_react["default"].createElement(_keypad["default"], {
-        baseSet: _keys.baseSet,
-        additionalKeys: keyset,
-        onPress: this.keypadPress
-      })));
-    }
-  }]);
-}(_react["default"].Component);
-(0, _defineProperty2["default"])(MathInput, "propTypes", {
-  className: _propTypes["default"].string,
-  keyset: _propTypes["default"].array,
-  displayMode: _propTypes["default"].oneOf(['block', 'block-on-focus']),
-  latex: _propTypes["default"].string,
-  onChange: _propTypes["default"].func
-});
-(0, _defineProperty2["default"])(MathInput, "defaultProps", {
-  keyset: [],
-  displayMode: 'block'
-});
-var _default = exports["default"] = MathInput;
-//# sourceMappingURL=math-input.js.map

package/lib/math-input.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"math-input.js","names":["_react","_interopRequireDefault","require","_propTypes","_styles","_debug","mf","_interopRequireWildcard","_keys","_keypad","_latexBridge","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","_typeof","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_callSuper","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","apply","Boolean","prototype","valueOf","log","debug","grey","MathInputContainer","styled","_ref","theme","focused","borderRadius","border","concat","palette","primary","main","marginTop","spacing","marginBottom","transition","PadContainer","width","display","StyledInput","Input","_ref2","padding","outline","boxShadow","MathInput","exports","_React$Component","props","_this","_classCallCheck2","_defineProperty2","key","input","action","keyToAction","type","keystroke","value","write","setState","l","onChange","latex","state","_inherits2","_createClass2","render","_this2","_this$props","className","keyset","createElement","innerRef","onFocus","inputFocus","onBlur","inputBlur","changeLatex","baseSet","additionalKeys","onPress","keypadPress","React","Component","PropTypes","string","array","displayMode","oneOf","func","_default"],"sources":["../src/math-input.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { styled } from '@mui/material/styles';\nimport debug from 'debug';\n\nimport * as mf from './mf';\nimport { baseSet } from './keys';\nimport KeyPad from './keypad';\nimport { keyToAction } from './latex-bridge';\n\nconst log = debug('pie-lib:math-input-mathlive');\n\nconst grey = 'rgba(0, 0, 0, 0.23)';\n\nconst MathInputContainer = styled('div')(({ theme, focused }) => ({\n  borderRadius: '4px',\n  border: `solid 1px ${focused ? theme.palette.primary.main : grey}`,\n  marginTop: theme.spacing(1),\n  marginBottom: theme.spacing(1),\n  transition: 'border 200ms linear',\n}));\n\nconst PadContainer = styled('div')({\n  width: '100%',\n  display: 'flex',\n});\n\nconst StyledInput = styled(mf.Input)(({ theme }) => ({\n  width: '100%',\n  transition: 'border 200ms linear',\n  padding: theme.spacing(1),\n  '& math-field:focus-within': {\n    outline: 'none',\n    boxShadow: 'none',\n  },\n}));\n\n/**\n * MathLive-backed equivalent of @pie-lib/math-input's `MathInput`.\n * Same props (`keyset`, `latex`, `onChange`, `displayMode`).\n */\nexport class MathInput extends React.Component {\n  static propTypes = {\n    className: PropTypes.string,\n    keyset: PropTypes.array,\n    displayMode: PropTypes.oneOf(['block', 'block-on-focus']),\n    latex: PropTypes.string,\n    onChange: PropTypes.func,\n  };\n\n  static defaultProps = {\n    keyset: [],\n    displayMode: 'block',\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = { focused: false };\n  }\n\n  keypadPress = (key) => {\n    log('[keypadPress] key:', key);\n\n    if (!this.input) {\n      return;\n    }\n\n    const action = keyToAction(key);\n\n    if (!action) {\n      return;\n    }\n\n    if (action.type === 'command') {\n      this.input.keystroke(action.value);\n    } else {\n      this.input.write(action.value);\n    }\n  };\n\n  inputFocus = () => this.setState({ focused: true });\n\n  inputBlur = () => this.setState({ focused: false });\n\n  changeLatex = (l) => {\n    const { onChange } = this.props;\n\n    if (onChange && l !== this.props.latex) {\n      log('[changeLatex]', l, this.props.latex);\n      onChange(l);\n    }\n  };\n\n  render() {\n    const { className, keyset, latex } = this.props;\n    const { focused } = this.state;\n\n    return (\n      <MathInputContainer className={className} focused={focused}>\n        <StyledInput\n          innerRef={(r) => (this.input = r)}\n          onFocus={this.inputFocus}\n          onBlur={this.inputBlur}\n          latex={latex}\n          onChange={this.changeLatex}\n        />\n        <PadContainer>\n          <KeyPad baseSet={baseSet} additionalKeys={keyset} onPress={this.keypadPress} />\n        </PadContainer>\n      </MathInputContainer>\n    );\n  }\n}\n\nexport default MathInput;\n"],"mappings":"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","ignoreList":[]}