@instructure/canvas-rce 5.2.0 → 5.3.0

package/lib/translated/zh_HK/modules/rce/plugins/instructure_equation/EquationEditorToolbar/buttons.js

@@ -0,0 +1,485 @@
+/*
+ * Copyright (C) 2021 - present Instructure, Inc.
+ *
+ * This file is part of Canvas.
+ *
+ * Canvas is free software: you can redistribute it and/or modify it under
+ * the terms of the GNU Affero General Public License as published by the Free
+ * Software Foundation, version 3 of the License.
+ *
+ * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
+ * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
+ * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
+ * details.
+ *
+ * You should have received a copy of the GNU Affero General Public License along
+ * with this program. If not, see <http://www.gnu.org/licenses/>.
+ */
+import formatMessage from "../../../../format-message.js";
+export default [{
+  name: "Basic",
+  commands: [{
+    displayName: 'x_{\u2B1A}^{\\ }',
+    command: '_{\\placeholder{}}',
+    advancedCommand: '_'
+  }, {
+    displayName: 'x^{\u2B1A}_{\\ }',
+    command: '^{\\placeholder{}}',
+    advancedCommand: '^'
+  }, {
+    displayName: '\\frac{\u2B1A}{\u2B1A}',
+    command: '\\frac{\\placeholder{}}{\\placeholder{}}',
+    advancedCommand: '\\frac{ }{ }'
+  }, {
+    displayName: '\\sqrt{\\ }',
+    command: '\\sqrt{\\placeholder{}}',
+    advancedCommand: '\\sqrt{ }'
+  }, {
+    displayName: '\\sqrt[n]{\\ }',
+    command: '\\sqrt[\\placeholder{}]{\\placeholder{}}',
+    advancedCommand: '\\sqrt[ ]{ }'
+  }, {
+    command: '\\langle'
+  }, {
+    command: '\\rangle'
+  }, {
+    displayName: '\\binom{n}{m}',
+    command: '\\binom{\\placeholder{}}{\\placeholder{}}',
+    advancedCommand: '\\binom{ }{ }'
+  }, // TODO maybe re-add vector, after figuring out if it even works
+  {
+    command: 'f'
+  }, {
+    command: '\\prime'
+  }, {
+    command: '+'
+  }, {
+    command: '-'
+  }, {
+    command: '\\pm'
+  }, {
+    command: '\\mp'
+  }, {
+    command: '\\cdot'
+  }, {
+    command: '='
+  }, {
+    command: '\\times'
+  }, {
+    command: '\\div'
+  }, {
+    command: '\\ast'
+  }, {
+    command: '\\therefore'
+  }, {
+    command: '\\because'
+  }, {
+    displayName: '\\sum_{\\ }^{\\ }',
+    command: '\\sum_{\\placeholder{}}^{\\placeholder{}}',
+    advancedCommand: '\\sum_{ }^{ }'
+  }, {
+    displayName: '\\prod_{\\ }^{\\ }',
+    command: '\\prod_{\\placeholder{}}^{\\placeholder{}}',
+    advancedCommand: '\\prod_{ }^{ }'
+  }, {
+    displayName: '\\coprod_{\\ }^{\\ }',
+    command: '\\coprod_{\\placeholder{}}^{\\placeholder{}}',
+    advancedCommand: '\\coprod_{ }^{ }'
+  }, {
+    displayName: '\\int_{\\ }^{\\ }',
+    command: '\\int_{\\placeholder{}}^{\\placeholder{}}',
+    advancedCommand: '\\int_{ }^{ }'
+  }, {
+    command: '\\mathbb{N}'
+  }, {
+    command: '\\mathbb{P}'
+  }, {
+    command: '\\mathbb{Z}'
+  }, {
+    command: '\\mathbb{Q}'
+  }, {
+    command: '\\mathbb{R}'
+  }, {
+    command: '\\mathbb{C}'
+  }, {
+    command: '\\mathbb{H}'
+  }]
+}, {
+  name: "Greek",
+  commands: [{
+    command: '\\alpha'
+  }, {
+    command: '\\beta'
+  }, {
+    command: '\\gamma'
+  }, {
+    command: '\\delta'
+  }, {
+    command: '\\epsilon'
+  }, {
+    command: '\\zeta'
+  }, {
+    command: '\\eta'
+  }, {
+    command: '\\theta'
+  }, {
+    command: '\\iota'
+  }, {
+    command: '\\kappa'
+  }, {
+    command: '\\lambda'
+  }, {
+    command: '\\mu'
+  }, {
+    command: '\\nu'
+  }, {
+    command: '\\xi'
+  }, {
+    command: '\\pi'
+  }, {
+    command: '\\rho'
+  }, {
+    command: '\\sigma'
+  }, {
+    command: '\\tau'
+  }, {
+    command: '\\upsilon'
+  }, {
+    command: '\\phi'
+  }, {
+    command: '\\chi'
+  }, {
+    command: '\\psi'
+  }, {
+    command: '\\omega'
+  }, {
+    command: '\\digamma'
+  }, {
+    command: '\\varepsilon'
+  }, {
+    command: '\\vartheta'
+  }, {
+    command: '\\varkappa'
+  }, {
+    command: '\\varpi'
+  }, {
+    command: '\\varrho'
+  }, {
+    command: '\\varsigma'
+  }, {
+    command: '\\varphi'
+  }, {
+    command: '\\Gamma'
+  }, {
+    command: '\\Delta'
+  }, {
+    command: '\\Theta'
+  }, {
+    command: '\\Lambda'
+  }, {
+    command: '\\Xi'
+  }, {
+    command: '\\Pi'
+  }, {
+    command: '\\Sigma'
+  }, {
+    command: '\\Upsilon'
+  }, {
+    command: '\\Phi'
+  }, {
+    command: '\\Psi'
+  }, {
+    command: '\\Omega'
+  }]
+}, {
+  name: "Operators",
+  commands: [{
+    command: '\\wedge'
+  }, {
+    command: '\\vee'
+  }, {
+    command: '\\cup'
+  }, {
+    command: '\\cap'
+  }, {
+    command: '\\diamond'
+  }, {
+    command: '\\bigtriangleup'
+  }, {
+    command: '\\ominus'
+  }, {
+    command: '\\uplus'
+  }, {
+    command: '\\otimes'
+  }, {
+    command: '\\oplus'
+  }, {
+    command: '\\bigtriangledown'
+  }, {
+    command: '\\sqcap'
+  }, {
+    command: '\\triangleleft'
+  }, {
+    command: '\\sqcup'
+  }, {
+    command: '\\triangleright'
+  }, {
+    command: '\\odot'
+  }, {
+    command: '\\bigcirc'
+  }, {
+    command: '\\dagger'
+  }, {
+    command: '\\ddagger'
+  }, {
+    command: '\\wr'
+  }, {
+    command: '\\amalg'
+  }]
+}, {
+  name: "Relationships",
+  commands: [{
+    command: '<'
+  }, {
+    command: '>'
+  }, {
+    command: '\\equiv'
+  }, {
+    command: '\\cong'
+  }, {
+    command: '\\sim'
+  }, {
+    command: '\\notin'
+  }, {
+    command: '\\ne'
+  }, {
+    command: '\\propto'
+  }, {
+    command: '\\approx'
+  }, {
+    command: '\\le'
+  }, {
+    command: '\\ge'
+  }, {
+    command: '\\in'
+  }, {
+    command: '\\ni'
+  }, // TODO consider reenabling once mathlive supports it
+  // { command: '\\notni' },
+  {
+    command: '\\subset'
+  }, {
+    command: '\\supset'
+  }, {
+    command: '\\not\\subset'
+  }, {
+    command: '\\not\\supset'
+  }, {
+    command: '\\subseteq'
+  }, {
+    command: '\\supseteq'
+  }, {
+    command: '\\not\\subseteq'
+  }, {
+    command: '\\not\\supseteq'
+  }, {
+    command: '\\models'
+  }, {
+    command: '\\prec'
+  }, {
+    command: '\\succ'
+  }, {
+    command: '\\preceq'
+  }, {
+    command: '\\succeq'
+  }, {
+    command: '\\simeq'
+  }, {
+    command: '\\mid'
+  }, {
+    command: '\\ll'
+  }, {
+    command: '\\gg'
+  }, {
+    command: '\\parallel'
+  }, {
+    command: '\\bowtie'
+  }, {
+    command: '\\sqsubset'
+  }, {
+    command: '\\sqsupset'
+  }, {
+    command: '\\smile'
+  }, {
+    command: '\\sqsubseteq'
+  }, {
+    command: '\\sqsupseteq'
+  }, {
+    command: '\\doteq'
+  }, {
+    command: '\\frown'
+  }, {
+    command: '\\vdash'
+  }, {
+    command: '\\dashv'
+  }, {
+    command: '\\exists'
+  }, {
+    command: '\\varnothing'
+  }]
+}, {
+  name: "Arrows",
+  commands: [{
+    command: '\\longleftarrow'
+  }, {
+    command: '\\longrightarrow'
+  }, {
+    command: '\\Longleftarrow'
+  }, {
+    command: '\\Longrightarrow'
+  }, {
+    command: '\\longleftrightarrow'
+  }, {
+    command: '\\updownarrow'
+  }, {
+    command: '\\Longleftrightarrow'
+  }, {
+    command: '\\Updownarrow'
+  }, {
+    command: '\\mapsto'
+  }, {
+    command: '\\nearrow'
+  }, {
+    command: '\\hookleftarrow'
+  }, {
+    command: '\\hookrightarrow'
+  }, {
+    command: '\\searrow'
+  }, {
+    command: '\\leftharpoonup'
+  }, {
+    command: '\\rightharpoonup'
+  }, {
+    command: '\\swarrow'
+  }, {
+    command: '\\leftharpoondown'
+  }, {
+    command: '\\rightharpoondown'
+  }, {
+    command: '\\nwarrow'
+  }, {
+    command: '\\downarrow'
+  }, {
+    command: '\\Downarrow'
+  }, {
+    command: '\\uparrow'
+  }, {
+    command: '\\Uparrow'
+  }, {
+    command: '\\rightarrow'
+  }, {
+    command: '\\Rightarrow'
+  }, {
+    command: '\\leftarrow'
+  }, {
+    command: '\\Leftarrow'
+  }, {
+    command: '\\leftrightarrow'
+  }, {
+    command: '\\Leftrightarrow'
+  }]
+}, {
+  name: "Delimiters",
+  commands: [{
+    command: '\\lfloor'
+  }, {
+    command: '\\rfloor'
+  }, {
+    command: '\\lceil'
+  }, {
+    command: '\\rceil'
+  }, {
+    command: '/'
+  }, {
+    command: '\\lbrace'
+  }, {
+    command: '\\rbrace'
+  }]
+}, {
+  name: "Misc",
+  commands: [{
+    command: '\\forall'
+  }, {
+    command: '\\ldots'
+  }, {
+    command: '\\cdots'
+  }, {
+    command: '\\vdots'
+  }, {
+    command: '\\ddots'
+  }, {
+    command: '\\surd'
+  }, {
+    command: '\\triangle'
+  }, {
+    command: '\\ell'
+  }, {
+    command: '\\top'
+  }, {
+    command: '\\flat'
+  }, {
+    command: '\\natural'
+  }, {
+    command: '\\sharp'
+  }, {
+    command: '\\wp'
+  }, {
+    command: '\\bot'
+  }, {
+    command: '\\clubsuit'
+  }, {
+    command: '\\diamondsuit'
+  }, {
+    command: '\\heartsuit'
+  }, {
+    command: '\\spadesuit'
+  }, // TODO maybe readd caret, underscore once I figure out if they even worked
+  {
+    command: '\\backslash'
+  }, {
+    command: '\\vert'
+  }, {
+    command: '\\perp'
+  }, {
+    command: '\\nabla'
+  }, {
+    command: '\\hbar'
+  }, // TODO consider renabling if we can not get stuck in text mode
+  // { command: '\\text\\AA' },
+  {
+    command: '\\circ'
+  }, {
+    command: '\\bullet'
+  }, {
+    command: '\\setminus'
+  }, {
+    command: '\\neg'
+  }, // TODO consider reenabling once mathlive supports it
+  // { command: '\\dots' },
+  {
+    command: '\\Re'
+  }, {
+    command: '\\Im'
+  }, {
+    command: '\\partial'
+  }, {
+    command: '\\infty'
+  }, {
+    command: '\\aleph'
+  }, {
+    command: '^\\circ'
+  }, // \\deg requires the gensymb package added to LaTex
+  {
+    command: '\\angle'
+  }]
+}];

package/lib/translated/zh_HK/modules/rce/plugins/instructure_equation/EquationEditorToolbar/index.js

@@ -0,0 +1,79 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+
+/*
+ * Copyright (C) 2021 - present Instructure, Inc.
+ *
+ * This file is part of Canvas.
+ *
+ * Canvas is free software: you can redistribute it and/or modify it under
+ * the terms of the GNU Affero General Public License as published by the Free
+ * Software Foundation, version 3 of the License.
+ *
+ * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
+ * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
+ * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
+ * details.
+ *
+ * You should have received a copy of the GNU Affero General Public License along
+ * with this program. If not, see <http://www.gnu.org/licenses/>.
+ */
+import React, { useState } from 'react';
+import PropTypes from 'prop-types';
+import { Tabs } from '@instructure/ui-tabs';
+import { ScreenReaderContent } from '@instructure/ui-a11y-content';
+import { Button } from '@instructure/ui-buttons';
+import buttons from "./buttons.js";
+import { convertLatexToMarkup } from "../mathlive/index.js";
+const buttonContainerStyle = {
+  display: 'inline-block',
+  marginBottom: '5px',
+  paddingRight: '5px'
+};
+export default function EquationEditorToolbar(props) {
+  const _useState = useState('Basic'),
+        _useState2 = _slicedToArray(_useState, 2),
+        selectedTab = _useState2[0],
+        setSelectedTab = _useState2[1];
+
+  return /*#__PURE__*/React.createElement(Tabs, {
+    variant: "secondary",
+    size: "medium",
+    onRequestTabChange: (event, {
+      index
+    }) => {
+      setSelectedTab(buttons[index].name);
+    }
+  }, buttons.map(section => /*#__PURE__*/React.createElement(Tabs.Panel, {
+    key: section.name,
+    padding: "small none",
+    renderTitle: section.name,
+    isSelected: selectedTab === section.name
+  }, section.commands.map(({
+    displayName,
+    command,
+    advancedCommand
+  }) => {
+    const name = displayName || command;
+    const icon = /*#__PURE__*/React.createElement("span", {
+      dangerouslySetInnerHTML: {
+        __html: convertLatexToMarkup(name, {
+          mathstyle: 'textstyle'
+        })
+      }
+    }); // I'm inlining styles here because for some reason the RCE plugin plays
+    // poorly with the way webpack is compiling styles, causing rules from a
+    // styles.css file to not show up. It would be nice to figure out how to
+    // fix this, though.
+
+    return /*#__PURE__*/React.createElement("div", {
+      style: buttonContainerStyle,
+      key: name
+    }, /*#__PURE__*/React.createElement(Button, {
+      onClick: () => props.executeCommand(command, advancedCommand),
+      icon: icon
+    }, /*#__PURE__*/React.createElement(ScreenReaderContent, null, "LaTeX: ", name)));
+  }))));
+}
+EquationEditorToolbar.propTypes = {
+  executeCommand: PropTypes.func.isRequired
+};

package/lib/translated/zh_HK/modules/rce/plugins/instructure_equation/clickCallback.js

@@ -1,5 +1,5 @@
 /*
- * Copyright (C) 2018 - present Instructure, Inc.
+ * Copyright (C) 2021 - present Instructure, Inc.
  *
  * This file is part of Canvas.
  *
@@ -15,7 +15,39 @@
  * You should have received a copy of the GNU Affero General Public License along
  * with this program. If not, see <http://www.gnu.org/licenses/>.
  */
+import React from 'react';
+import ReactDOM from 'react-dom';
+import formatMessage from "../../../format-message.js";
+import Bridge from "../../../bridge/index.js";
 export default function (ed, document) {
+  return import('./EquationEditorModal').then(module => {
+    const rce = Bridge.activeEditor();
+    const EquationEditorModal = module.default;
+    let container = document.querySelector('.canvas-rce-equation-container');
+
+    if (!container) {
+      container = document.createElement('div');
+      container.className = 'canvas-rce-equation-container';
+      document.body.appendChild(container);
+    }
+
+    const handleDismiss = () => {
+      ReactDOM.unmountComponentAtNode(container);
+      ed.focus(false);
+    };
+
+    ReactDOM.render( /*#__PURE__*/React.createElement(EquationEditorModal, {
+      editor: ed,
+      label: "Equation Editor",
+      onModalDismiss: handleDismiss,
+      onModalClose: handleDismiss,
+      onEquationSubmit: latex => {
+        rce.insertMathEquation(latex);
+      }
+    }), container);
+  });
+}
+export function oldClickCallback(ed, document) {
   const ev = document.createEvent('CustomEvent');
   ev.initCustomEvent('tinyRCE/initEquation', true, true, {
     ed

package/lib/translated/zh_HK/modules/rce/plugins/instructure_equation/mathlive/index.js

@@ -0,0 +1,36 @@
+/*
+ * Copyright (C) 2021 - present Instructure, Inc.
+ *
+ * This file is part of Canvas.
+ *
+ * Canvas is free software: you can redistribute it and/or modify it under
+ * the terms of the GNU Affero General Public License as published by the Free
+ * Software Foundation, version 3 of the License.
+ *
+ * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
+ * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
+ * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
+ * details.
+ *
+ * You should have received a copy of the GNU Affero General Public License along
+ * with this program. If not, see <http://www.gnu.org/licenses/>.
+ */
+import 'mathlive/dist/mathlive-fonts.css'; // There currently isn't a great way to do this so use this workaround to inject these styles
+
+const cssRules = {
+  componentId: 'KeARC',
+  template: function () {
+    return `
+
+.canvas-rce__mathlive--ML__popover {
+  
+  z-index: 20000 !important;
+}
+`;
+  },
+  'ML__popover': 'canvas-rce__mathlive--ML__popover'
+}.template();
+const style = document.createElement('style');
+style.appendChild(document.createTextNode(cssRules));
+document.head.appendChild(style);
+export * from 'mathlive';