@modusoperandi/licit 1.0.8 → 1.0.10

package/ui/mathquill-editor/MathQuillEditorSymbols.js.flow

@@ -1,483 +0,0 @@
-// @flow
-
-export type MathQuillEditorSymbol = {
-  label: string,
-  latex: string,
-  description: string,
-  cmd: string,
-};
-
-export type SymbolDefination = {
-  // The label shown at the command button.
-  label: string,
-  // The latex to use
-  latex: string,
-  // The mathquill command to perform.
-  // http://docs.mathquill.com/en/latest/Api_Methods/#writelatex_string
-  // "write": Write the given LaTeX at the current cursor position. If the
-  //   cursor does not have focus, writes to last position the cursor occupied
-  //   in the editable field.
-  // "cmd": Enter a LaTeX command at the current cursor position or with the
-  //   current selection. If the cursor does not have focus, it writes it to
-  //   last position the cursor occupied in the editable field.
-  cmd: 'cmd' | 'write',
-  // the description of the command.
-  description: string,
-};
-
-// It's hard to find a full list of latex symbols that we could use.
-// Here's are some references that might be helpful.
-// https://github.com/mathquill/mathquill/blob/23a0e88c80c79514ffc30ead490bd880306bce2a/src/commands/math/basicSymbols.js
-// http://math.chapman.edu/~jipsen/mathquill/test/MathQuillsymbolsMathJax.html
-// https://inspera.atlassian.net/wiki/spaces/KB/pages/62062830/MathQuill+symbols
-// https://www.rapidtables.com/math/symbols/Basic_Math_Symbols.html
-// https://www.math.uci.edu/~xiangwen/pdf/LaTeX-Math-Symbols.pdf
-
-export const ABSOLUTE = {
-  label: '|x|',
-  latex: '|',
-  description: 'Absolute Value',
-  cmd: 'cmd',
-};
-export const ANGLE = {
-  label: '\\angle',
-  latex: '\\angle',
-  description: 'Angle',
-  cmd: 'write',
-};
-export const APPROX = {
-  label: '\\approx',
-  latex: '\\approx',
-  description: 'Approximation',
-  cmd: 'cmd',
-};
-export const ARCCOS = {
-  label: '\\arccos',
-  latex: '\\arccos',
-  description: 'Arc Cos',
-  cmd: 'write',
-};
-export const ARCSIN = {
-  label: '\\arcsin',
-  latex: '\\arcsin',
-  description: 'Arc Sin',
-  cmd: 'write',
-};
-export const ARCTAN = {
-  label: '\\arctan',
-  latex: '\\arctan',
-  description: 'Arc Tan',
-  cmd: 'write',
-};
-export const ARROWLL = {
-  label: '\\Longleftarrow',
-  latex: '\\Longleftarrow',
-  description: 'Long Left Arrow',
-  cmd: 'write',
-};
-export const ARROWRL = {
-  label: '\\Longrightarrow',
-  latex: '\\Longrightarrow',
-  description: 'Long Right Arrow',
-  cmd: 'write',
-};
-export const ARROWLLR = {
-  label: '\\Longleftrightarrow',
-  latex: '\\Longleftrightarrow',
-  description: 'Long Left Right Arrow',
-  cmd: 'write',
-};
-export const BRACKETS = {
-  label: '[x]',
-  latex: '[',
-  description: 'Brackets',
-  cmd: 'cmd',
-};
-export const CENT = {
-  label: '¢',
-  latex: '¢',
-  description: 'Cent',
-  cmd: 'write',
-};
-export const COS = {
-  label: '\\cos',
-  latex: '\\cos',
-  description: 'Cos',
-  cmd: 'write',
-};
-export const CONG = {
-  label: '\\cong',
-  latex: '\\cong',
-  description: 'Congruent To',
-  cmd: 'write',
-};
-export const CTIMES = {
-  label: '\\otimes',
-  latex: '\\otimes',
-  description: 'Tensor Product',
-  cmd: 'write',
-};
-
-export const DEGREES = {
-  label: '\\deg',
-  latex: '\\deg',
-  description: 'Degrees',
-  cmd: 'write',
-};
-export const DIVIDE = {
-  label: '\u00F7',
-  latex: '\\divide',
-  description: 'Division',
-  cmd: 'cmd',
-};
-export const DOLLAR = {
-  label: '$',
-  latex: '$',
-  description: 'Dollar',
-  cmd: 'write',
-};
-
-export const DOTM = {
-  label: '\\cdot',
-  latex: '\\cdot',
-  description: 'Dot for Multiplication',
-  cmd: 'write',
-};
-
-export const EQUAL = {
-  label: '=',
-  latex: '=',
-  description: 'Equal',
-  cmd: 'cmd',
-};
-export const FRAC = {
-  label: '\\frac {x}{y}',
-  latex: '\\frac',
-  description: 'Fraction',
-  cmd: 'cmd',
-};
-export const GT = {
-  label: '>',
-  latex: '>',
-  description: 'Greater Than',
-  cmd: 'cmd',
-};
-export const GTE = {
-  label: '\\ge',
-  latex: '\\ge',
-  description: 'Greater Than or Equal To',
-  cmd: 'cmd',
-};
-export const IMAGINARY = {
-  label: 'i',
-  latex: 'i',
-  description: 'Imaginary Number',
-  cmd: 'write',
-};
-export const INFINITY = {
-  label: '\\infty',
-  latex: '\\infty',
-  description: 'Infinity',
-  cmd: 'write',
-};
-export const INT = {
-  label: '\\int',
-  latex: '\\int',
-  description: 'Integral',
-  cmd: 'cmd',
-};
-export const INTERSECT = {
-  label: '\\cap',
-  latex: '\\cap',
-  description: 'Intersection',
-  cmd: 'write',
-};
-export const INTXY = {
-  label: '\\int_{x}^{y}',
-  latex: '\\int_{x}^{y}',
-  description: 'Integral',
-  cmd: 'write',
-};
-export const LOG_E = {
-  label: '\\log',
-  latex: '\\log',
-  description: 'Log',
-  cmd: 'cmd',
-};
-export const LT = {
-  label: '<',
-  latex: '<',
-  description: 'Less Than',
-  cmd: 'cmd',
-};
-export const LTE = {
-  label: '\\le',
-  latex: 'le',
-  description: 'Less Than or Equal To',
-  cmd: 'cmd',
-};
-export const MINUS = {
-  label: '-',
-  latex: '-',
-  description: 'Subtraction',
-  cmd: 'cmd',
-};
-
-export const NEQ = {
-  label: '\\neq',
-  latex: '\\neq',
-  description: 'Not Equal',
-  cmd: 'write',
-};
-
-export const OVERLINE = {
-  label: '\\overline\u3000',
-  latex: '\\overline',
-  description: 'Overline',
-  cmd: 'cmd',
-};
-export const PARENS = {
-  label: '(x)',
-  latex: '(',
-  description: 'Parentheses',
-  cmd: 'cmd',
-};
-export const PERP = {
-  label: '\\perp',
-  latex: '\\perp',
-  description: 'Perpendicular Lines',
-  cmd: 'write',
-};
-export const PHI = {
-  label: '\\phi',
-  latex: '\\phi',
-  description: 'Phi',
-  cmd: 'write',
-};
-export const PI = {
-  label: '\\pi',
-  latex: '\\pi',
-  description: 'Pi',
-  cmd: 'write',
-};
-export const PLUS = {
-  label: '+',
-  latex: '+',
-  description: 'Addition',
-  cmd: 'cmd',
-};
-export const PM = {
-  label: '\\pm',
-  latex: '\\pm',
-  description: 'Plus-Minus',
-  cmd: 'cmd',
-};
-export const POWER = {
-  label: 'x^{y}',
-  latex: '^',
-  description: 'Power',
-  cmd: 'cmd',
-};
-export const SIMEQ = {
-  label: '\\simeq',
-  latex: '\\simeq',
-  description: 'Approximately Equal',
-  cmd: 'write',
-};
-export const SIM = {
-  label: '\\sim',
-  latex: '\\sim',
-  description: 'Similarity',
-  cmd: 'write',
-};
-export const SIN = {
-  label: '\\sin',
-  latex: '\\sin',
-  description: 'Sin',
-  cmd: 'write',
-};
-export const SMALLE = {
-  label: '\u212F',
-  latex: '\u212F',
-  description: 'Script Small E',
-  cmd: 'write',
-};
-export const SQR = {
-  label: 'x^{2}',
-  latex: '^{2}',
-  description: 'Square',
-  cmd: 'write',
-};
-export const SQRT2 = {
-  label: '\\sqrt[x]{y}',
-  latex: '\\sqrt[x]{y}',
-  description: 'Square Root Alt',
-  cmd: 'write',
-};
-export const SQRT = {
-  label: '\\sqrt x',
-  latex: '\\sqrt',
-  description: 'Square Root',
-  cmd: 'cmd',
-};
-export const SUBSCRIPT = {
-  label: 'x_{2}',
-  latex: '_{2}',
-  description: 'Subscript',
-  cmd: 'write',
-};
-export const SUBSET = {
-  label: '\\sub',
-  latex: '\\sub',
-  description: 'Subset',
-  cmd: 'write',
-};
-export const SUBSETEQ = {
-  label: '\\sube',
-  latex: '\\sube',
-  description: 'Subset or Equal',
-  cmd: 'write',
-};
-export const SUM = {
-  label: '\\sum',
-  latex: '\\sum',
-  description: 'Summation',
-  cmd: 'cmd',
-};
-export const SUPERSET = {
-  label: '\\supset',
-  latex: '\\supset',
-  description: 'Superset',
-  cmd: 'write',
-};
-export const SUPERSETEQ = {
-  label: '\\supe',
-  latex: '\\supe',
-  description: 'Superset or Equal',
-  cmd: 'write',
-};
-export const TAN = {
-  label: '\\tan',
-  latex: '\\tan',
-  description: 'Tan',
-  cmd: 'write',
-};
-export const THETA = {
-  label: '\\theta',
-  latex: '\\theta',
-  description: 'Theta',
-  cmd: 'write',
-};
-export const TIMES = {
-  label: '\\times',
-  latex: '\\times',
-  description: 'Multiplication',
-  cmd: 'cmd',
-};
-export const TRIANGLE = {
-  label: '\\bigtriangleup',
-  latex: '\\bigtriangleup',
-  description: 'Triangle',
-  cmd: 'write',
-};
-export const UNDERLINE = {
-  label: '\\underline\u3000',
-  latex: '\\underline',
-  description: 'Underline',
-  cmd: 'cmd',
-};
-export const UNION = {
-  label: '\\cup',
-  latex: '\\cup',
-  description: 'Union',
-  cmd: 'write',
-};
-export const VDASH = {
-  label: '\\vdash',
-  latex: '\\vdash',
-  description: 'Vertical and Dash Line',
-  cmd: 'write',
-};
-export const VERT = {
-  label: '\\vert',
-  latex: '\\vert',
-  description: 'Vertical Line',
-  cmd: 'write',
-};
-export const OPERATORS = {
-  title: 'Operators',
-  symbols: [
-    PLUS,
-    MINUS,
-    TIMES,
-    DOTM,
-    DIVIDE,
-    EQUAL,
-    APPROX,
-    SIM,
-    SIMEQ,
-    CONG,
-    NEQ,
-    PM,
-    LT,
-    GT,
-    LTE,
-    GTE,
-    UNION,
-    INTERSECT,
-    SUBSET,
-    SUBSETEQ,
-    SUPERSET,
-    SUPERSETEQ,
-    VERT,
-    CTIMES,
-  ],
-};
-
-export const STRUCTURE = {
-  title: 'Structure',
-  symbols: [
-    SUM,
-    FRAC,
-    PARENS,
-    BRACKETS,
-    SQR,
-    SUBSCRIPT,
-    ABSOLUTE,
-    INTXY,
-    OVERLINE,
-    UNDERLINE,
-    POWER,
-    INT,
-    SQRT,
-    SQRT2,
-    LOG_E,
-  ],
-};
-
-export const SYMBOLS = {
-  title: 'Symbols',
-  symbols: [
-    SMALLE,
-    ANGLE,
-    PI,
-    IMAGINARY,
-    DEGREES,
-    THETA,
-    PHI,
-    TRIANGLE,
-    INFINITY,
-    DOLLAR,
-    CENT,
-    VDASH,
-    PERP,
-    ARROWLL,
-    ARROWRL,
-    ARROWLLR,
-  ],
-};
-
-export const TRIG = {
-  title: 'Trigonometry',
-  symbols: [SIN, COS, TAN, ARCSIN, ARCCOS, ARCTAN],
-};

package/ui/mathquill-editor/MathQuillEditorSymbolsPanel.js

@@ -1,67 +0,0 @@
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
-function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
-function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
-function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
-function _possibleConstructorReturn(t, e) { if (e && ("object" == _typeof(e) || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return _assertThisInitialized(t); }
-function _assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-function _getPrototypeOf(t) { return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, _getPrototypeOf(t); }
-function _inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && _setPrototypeOf(t, e); }
-function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import renderLaTeXAsHTML from '../renderLaTeXAsHTML.js';
-import { CustomButton } from '@modusoperandi/licit-ui-commands';
-import * as React from 'react';
-var MathQuillEditorSymbolsPanel = /*#__PURE__*/function (_React$PureComponent) {
-  function MathQuillEditorSymbolsPanel() {
-    var _this;
-    _classCallCheck(this, MathQuillEditorSymbolsPanel);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _callSuper(this, MathQuillEditorSymbolsPanel, [].concat(args));
-    _defineProperty(_this, "props", void 0);
-    _defineProperty(_this, "_renderButton", function (symbol) {
-      var label = symbol.label,
-        latex = symbol.latex,
-        description = symbol.description;
-      var html = renderLaTeXAsHTML(label);
-      var icon = /*#__PURE__*/React.createElement("span", {
-        dangerouslySetInnerHTML: {
-          __html: html
-        }
-      });
-      return /*#__PURE__*/React.createElement(CustomButton, {
-        className: "czi-mathquill-editor-symbols-panel-button",
-        icon: icon,
-        key: label + latex,
-        onClick: _this.props.onSelect,
-        title: description,
-        value: symbol
-      });
-    });
-    return _this;
-  }
-  _inherits(MathQuillEditorSymbolsPanel, _React$PureComponent);
-  return _createClass(MathQuillEditorSymbolsPanel, [{
-    key: "render",
-    value: function render() {
-      var _this$props$symbols = this.props.symbols,
-        title = _this$props$symbols.title,
-        symbols = _this$props$symbols.symbols;
-      var buttons = symbols.map(this._renderButton);
-      return /*#__PURE__*/React.createElement("div", {
-        className: "czi-mathquill-editor-symbols-panel"
-      }, /*#__PURE__*/React.createElement("div", {
-        className: "czi-mathquill-editor-symbols-panel-title"
-      }, title), /*#__PURE__*/React.createElement("div", {
-        className: "czi-mathquill-editor-symbols-panel-body"
-      }, buttons));
-    }
-  }]);
-}(React.PureComponent);
-export default MathQuillEditorSymbolsPanel;
-import { bpfrpt_proptype_MathQuillEditorSymbol } from "./MathQuillEditorSymbols.js";

package/ui/mathquill-editor/MathQuillEditorSymbolsPanel.js.flow

@@ -1,49 +0,0 @@
-// @flow
-
-import renderLaTeXAsHTML from '../renderLaTeXAsHTML.js';
-import { CustomButton } from '@modusoperandi/licit-ui-commands';
-import * as React from 'react';
-
-import type {
-  MathQuillEditorSymbol
-} from './MathQuillEditorSymbols.js';
-
-class MathQuillEditorSymbolsPanel extends React.PureComponent<any, any> {
-  props: {
-    onSelect: (symbol: MathQuillEditorSymbol) => void,
-    symbols: {
-      title: string,
-      symbols: Array<MathQuillEditorSymbol>,
-    },
-    title: string,
-  };
-
-  render(): React.Element<any> {
-    const { title, symbols } = this.props.symbols;
-    const buttons = symbols.map(this._renderButton);
-    return (
-      <div className="czi-mathquill-editor-symbols-panel">
-        <div className="czi-mathquill-editor-symbols-panel-title">{title}</div>
-        <div className="czi-mathquill-editor-symbols-panel-body">{buttons}</div>
-      </div>
-    );
-  }
-
-  _renderButton = (symbol: MathQuillEditorSymbol): React.Element<any> => {
-    const { label, latex, description } = symbol;
-    const html = renderLaTeXAsHTML(label);
-    const icon = <span dangerouslySetInnerHTML={{ __html: html }} />;
-    return (
-      <CustomButton
-        className="czi-mathquill-editor-symbols-panel-button"
-        icon={icon}
-        key={label + latex}
-        onClick={this.props.onSelect}
-        title={description}
-        value={symbol}
-      />
-    );
-  };
-}
-
-export default MathQuillEditorSymbolsPanel;

package/ui/mathquill-editor/czi-mathquill-editor-symbols-panel.css

@@ -1,39 +0,0 @@
-.czi-mathquill-editor-symbols-panel {
-  margin: 0 0 10px;
-}
-
-.czi-mathquill-editor-symbols-panel-title {
-  background: #fafafa;
-  box-shadow: 0 1px 0.3px rgba(0, 0, 0, 0.15);
-  color: var(--czi-color-grey-200);
-  font-weight: bold;
-  padding: 10px;
-  position: sticky;
-  top: 0;
-  z-index: 2;
-}
-
-.czi-mathquill-editor-symbols-panel-body {
-  display: flex;
-  flex-direction: row;
-  flex-wrap: wrap;
-  overflow: auto;
-  padding: 10px;
-  position: relative;
-  z-index: 1;
-}
-
-.czi-custom-button.czi-mathquill-editor-symbols-panel-button {
-  background: #fff;
-  border: solid 1px #ccc;
-  font-size: 13px;
-  margin: 0 4px 4px 0;
-  min-width: 36px;
-  padding: 6px;
-  text-align: center;
-}
-
-.czi-custom-button.czi-mathquill-editor-symbols-panel-button:hover {
-  background-color: #f0f0f0;
-  border-color: #555;
-}

package/ui/mathquill-editor/czi-mathquill-editor.css

@@ -1,50 +0,0 @@
-@import '../czi-vars.css';
-
-.czi-mathquill-editor {
-  display: flex;
-  flex-direction: row;
-  margin: 0 0 20px 0;
-  width: 700px;
-}
-
-.czi-mathquill-editor-main {
-  padding: 0 10px 0 0;
-  width: 400px;
-}
-
-.czi-mathquill-editor-side {
-  background: #f0f0f0;
-  border: var(--czi-border-grey);
-  box-sizing: border-box;
-  flex: 1;
-  height: 400px;
-  overflow: auto;
-}
-
-.czi-mathquill-editor-element {
-  border: var(--czi-border-grey);
-  box-sizing: border-box;
-  display: block;
-  font-size: 24px;
-  height: 400px;
-  min-height: 29px;
-  overflow: auto;
-  padding: 8px;
-  position: relative;
-  width: 100%;
-}
-
-.czi-mathquill-editor.empty .czi-mathquill-editor-element::before {
-  color: var(--czi-placeholder-text-color);
-  content: 'Type Something...';
-  font-family: var(--czi-content-font-family);
-  font-size: var(--czi-content-font-size);
-  left: 8px;
-  line-height: var(--czi-content-line-height);
-  position: absolute;
-  top: 8px;
-}
-
-.czi-mathquill-editor.empty .czi-mathquill-editor-element.mq-focused::before {
-  display: none;
-}

package/ui/mathquill-editor/mathquill-import-kludge.js

@@ -1,13 +0,0 @@
-// Moved these files here because exports-loader is only valid when built
-// using webpack, but this project is being built using babel.
-
-// The MathQuill IIFE explicitly looks for jQuery at window.jQuery.
-// This means that
-//    A) window must exist (browser env only)
-//    B) jQuery is being loaded via <script src=".../jquery">
-//
-import jquery from 'jquery';
-window.jQuery = window.jQuery || jquery;
-import mathquill from 'node-mathquill/build/mathquill.js';
-window.MathQuill = window.MathQuill || mathquill;
-export var MathQuill = window.MathQuill || mathquill;