@pie-element/complex-rubric 2.17.1-next.13 → 2.17.1-next.18

package/controller/package.json

@@ -7,7 +7,7 @@
     "test": "echo \"Error: no test specified\" && exit 1"
   },
   "dependencies": {
-    "@pie-lib/pie-toolbox": "1.28.0",
+    "@pie-lib/pie-toolbox": "1.29.0",
     "lodash": "^4.17.15"
   },
   "author": "",

package/module/configure.js

@@ -1,6 +1,6 @@
-import {_dll_react, _dll_prop_types, _dll_classnames, _dll_react_dom, _dll_debug, _dll_lodash, _dll_react_dom_server, _dll_pie_framework__mathquill} from "../../../@pie-lib/pie-toolbox-math-rendering-module@1.21.0/module/index.js";
+import {_dll_react, _dll_prop_types, _dll_classnames, _dll_react_dom, _dll_debug, _dll_lodash, _dll_react_dom_server, _dll_pie_framework__mathquill} from "../../../@pie-lib/pie-toolbox-math-rendering-module@1.21.1/module/index.js";
 import RubricConfigure from '@pie-element/rubric/configure/lib';
-import {_dll_pie_lib__pie_toolbox_editable_html, _dll_pie_lib__pie_toolbox_render_ui, _dll_pie_lib__pie_toolbox_config_ui} from "../../../@pie-lib/pie-toolbox-module@4.12.0/module/index.js";
+import {_dll_pie_lib__pie_toolbox_editable_html, _dll_pie_lib__pie_toolbox_render_ui, _dll_pie_lib__pie_toolbox_config_ui} from "../../../@pie-lib/pie-toolbox-module@4.23.1/module/index.js";
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {
     e && typeof e !== 'string' && !Array.isArray(e) && Object.keys(e).forEach(function (k) {
@@ -42038,8 +42038,10 @@ var mathjaxScript = {};
 Object.defineProperty(mathjaxScript, "__esModule", {
   value: true
 });
-mathjaxScript.initializeMathJax = void 0;
+mathjaxScript.initializeMathJax = mathjaxScript.MathJaxVersion = void 0;
 var _renderMath = renderMath$1;
+var MathJaxVersion = '3.2.2';
+mathjaxScript.MathJaxVersion = MathJaxVersion;
 var initializeMathJax = function initializeMathJax(renderOpts) {
   if (renderOpts !== null && renderOpts !== void 0 && renderOpts.useSingleDollar) {
     console.warn('[math-rendering] using $ is not advisable, please use $$..$$ or \\(...\\)');
@@ -42110,7 +42112,7 @@ var initializeMathJax = function initializeMathJax(renderOpts) {
     };
     var script = document.createElement('script');
     script.type = 'text/javascript';
-    script.src = 'https://cdn.jsdelivr.net/npm/mathjax@3.2.2/es5/tex-chtml-full.js';
+    script.src = ("https://cdn.jsdelivr.net/npm/mathjax@").concat(MathJaxVersion, "/es5/tex-chtml-full.js");
     script.async = true;
     document.body.appendChild(script);
   });
@@ -101864,7 +101866,7 @@ getDefaultExportFromCjs(mathRendering);
       fixMathElements(executeOn);
       adjustMathMLStyle(executeOn);
       var mathJaxCustomKey = getMathJaxCustomKey();
-      if (!window.MathJax && !window.mathjaxLoadedP || mathJaxCustomKey && mathJaxCustomKey !== mathRenderingAccessibleKEY) {
+      if ((!window.MathJax || window.MathJax.version !== _mathjaxScript.MathJaxVersion) && !window.mathjaxLoadedP || mathJaxCustomKey && mathJaxCustomKey !== mathRenderingAccessibleKEY) {
         renderOpts = renderOpts || defaultOpts();
         (0, _mathjaxScript.initializeMathJax)(renderOpts);
       }
@@ -137700,17 +137702,8 @@ const {isEqual: require$$12$d} = _dll_lodash;
   var getTagName = function getTagName(el) {
     return (el && el.tagName || '').toLowerCase();
   };
-  var lessThanHandling = function lessThanHandling(input) {
-    var arrowSplit = input.split('<');
-    if (input.length > 2) {
-      return arrowSplit.reduce(function (st, part) {
-        if (part.match(/<[a-zA-Z/][\s\S]*>/gi)) {
-          return ("").concat(st).concat(st ? '<' : '').concat(part);
-        }
-        return ("").concat(st).concat(st ? '&lt;' : '').concat(part);
-      }, '');
-    }
-    return input;
+  var arrowHandlingCase = function arrowHandlingCase(input) {
+    return input.replace(/<([a-zA-Z]*)/g, '&lt;$1');
   };
   function replaceLeftRight(latexInput) {
     return latexInput.replace(/\\left\.\s*|\\right\.\s*/g, '');
@@ -137721,7 +137714,8 @@ const {isEqual: require$$12$d} = _dll_lodash;
       var regex = /<mo(?: [^>]*)?>&#x2061;<\/mo>/g;
       return mmlFromLatex.replace(regex, '');
     };
-    var mathMlFromLatex = (0, _mathRenderingAccessible.renderMath)(("<span data-latex=\"\" data-raw=\"").concat(decoded, "\">").concat((0, _mathRenderingAccessible.wrapMath)(decoded, wrapper), "</span>"), {
+    var handled = arrowHandlingCase(decoded);
+    var mathMlFromLatex = (0, _mathRenderingAccessible.renderMath)(("<span data-latex=\"\" data-raw=\"").concat(handled, "\">").concat((0, _mathRenderingAccessible.wrapMath)(handled, wrapper), "</span>"), {
       skipWaitForMathRenderingLib: true
     });
     mathMlFromLatex = removeEmptyMos(mathMlFromLatex);
@@ -137801,7 +137795,7 @@ const {isEqual: require$$12$d} = _dll_lodash;
       if (object.type === 'math') {
         var latex = object.data.get('latex');
         var wrapper = object.data.get('wrapper');
-        var decoded = htmlDecode(lessThanHandling(latex));
+        var decoded = htmlDecode(arrowHandlingCase(latex));
         log('[serialize] latex: ', latex);
         if (MathPlugin.mathMlOptions.mmlOutput) {
           return _react["default"].createElement("span", {
@@ -138935,6 +138929,9 @@ const require$$12$b = _dll_debug;
   var matchVimeoUrl = function matchVimeoUrl(url) {
     return url && (/(http|https)?:\/\/(www\.)?(player\.)?vimeo.com\/(?:channels\/(?:\w+\/)?|groups\/([^/]*)\/videos\/|)(video\/)?(\d+)(?:|\/\?)/).test(url);
   };
+  var matchDriveUrl = function matchDriveUrl(url) {
+    return url && (/^https:\/\/drive\.google\.com\/(?:file\/d\/|drive\/(?:u\/\d+\/)?folders\/|uc\?id=)([a-zA-Z0-9_-]+)/).test(url);
+  };
   var matchSoundCloudUrl = function matchSoundCloudUrl(url) {
     if (!url) {
       return false;
@@ -139016,46 +139013,62 @@ const require$$12$b = _dll_debug;
       (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleStateChange", function (newState) {
         return _this.setState(newState, _this.formatUrl);
       });
+      (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "checkAudio", function (value) {
+        if (matchSoundCloudUrl(value)) {
+          makeApiRequest(value).then(function (urlToUse) {
+            _this.handleStateChange({
+              urlToUse: urlToUse,
+              invalid: !urlToUse,
+              url: value
+            });
+          })["catch"](log);
+        }
+      });
+      (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "checkVideo", function (value) {
+        if (matchYoutubeUrl(value)) {
+          var regExp = /^.*(youtu\.be\/|v\/|u\/\w\/|embed\/|watch\?v=|&v=)([^#&?]*).*/;
+          var match = value.match(regExp);
+          var id = match[2];
+          var urlToUse = ("https://youtube.com/embed/").concat(id);
+          log('is youtube');
+          _this.handleStateChange({
+            urlToUse: urlToUse,
+            url: value,
+            invalid: false
+          });
+        }
+        if (matchVimeoUrl(value)) {
+          var _id = value.replace(/.*vimeo.com\/(.*)/g, '$1');
+          var _urlToUse2 = ("https://player.vimeo.com/video/").concat(_id);
+          log('is vimeo');
+          _this.handleStateChange({
+            urlToUse: _urlToUse2,
+            url: value,
+            ends: null,
+            invalid: false
+          });
+        }
+        if (matchDriveUrl(value)) {
+          var _id2 = value.replace(/^https:\/\/drive\.google\.com\/(?:file\/d\/|drive\/(?:u\/\d+\/)?folders\/|uc\?id=)([a-zA-Z0-9_-]+)\/.*/, '$1');
+          var _urlToUse3 = ("https://drive.google.com/file/d/").concat(_id2, "/preview");
+          log('is google drive');
+          _this.handleStateChange({
+            urlToUse: _urlToUse3,
+            url: value,
+            ends: null,
+            invalid: false
+          });
+        }
+      });
       (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "urlChange", function (e) {
         var _ref = e.target || ({}), value = _ref.value;
         var type = _this.props.type;
         if (type && type === 'audio') {
-          if (matchSoundCloudUrl(value)) {
-            makeApiRequest(value).then(function (urlToUse) {
-              _this.handleStateChange({
-                urlToUse: urlToUse,
-                invalid: !urlToUse,
-                url: value
-              });
-            })["catch"](log);
-            return;
-          }
+          _this.checkAudio();
+          return;
         } else if (type && type === 'video') {
-          if (matchYoutubeUrl(value)) {
-            var regExp = /^.*(youtu\.be\/|v\/|u\/\w\/|embed\/|watch\?v=|&v=)([^#&?]*).*/;
-            var match = value.match(regExp);
-            var id = match[2];
-            var urlToUse = ("https://youtube.com/embed/").concat(id);
-            log('is youtube');
-            _this.handleStateChange({
-              urlToUse: urlToUse,
-              url: value,
-              invalid: false
-            });
-            return;
-          }
-          if (matchVimeoUrl(value)) {
-            var _id = value.replace(/.*vimeo.com\/(.*)/g, '$1');
-            var _urlToUse2 = ("https://player.vimeo.com/video/").concat(_id);
-            log('is vimeo');
-            _this.handleStateChange({
-              urlToUse: _urlToUse2,
-              url: value,
-              ends: null,
-              invalid: false
-            });
-            return;
-          }
+          _this.checkVideo(value);
+          return;
         }
         _this.handleStateChange({
           urlToUse: null,
@@ -149312,7 +149325,7 @@ var buildPlugins = function buildPlugins(activePlugins, customPlugins, opts) {
   var languageCharactersPlugins = ((opts === null || opts === void 0 ? void 0 : opts.languageCharacters) || []).map(function (config) {
     return (0, _characters["default"])(config);
   });
-  var tablePlugins = [imagePlugin, mathPlugin].concat((0, _toConsumableArray2$2["default"])(languageCharactersPlugins));
+  var tablePlugins = [imagePlugin, mathPlugin, respAreaPlugin].concat((0, _toConsumableArray2$2["default"])(languageCharactersPlugins));
   if (opts.responseArea && opts.responseArea.type === 'math-templated') {
     tablePlugins.push(respAreaPlugin);
   }

package/module/element.js

@@ -1,5 +1,5 @@
-import {_dll_react, _dll_prop_types, _dll_react_dom, _dll_classnames, _dll_debug, _dll_lodash, _dll_react_dom_server, _dll_pie_framework__mathquill} from "../../../@pie-lib/pie-toolbox-math-rendering-module@1.21.0/module/index.js";
-import {_dll_pie_lib__pie_toolbox_render_ui} from "../../../@pie-lib/pie-toolbox-module@4.12.0/module/index.js";
+import {_dll_react, _dll_prop_types, _dll_react_dom, _dll_classnames, _dll_debug, _dll_lodash, _dll_react_dom_server, _dll_pie_framework__mathquill} from "../../../@pie-lib/pie-toolbox-math-rendering-module@1.21.1/module/index.js";
+import {_dll_pie_lib__pie_toolbox_render_ui} from "../../../@pie-lib/pie-toolbox-module@4.23.1/module/index.js";
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {
     e && typeof e !== 'string' && !Array.isArray(e) && Object.keys(e).forEach(function (k) {
@@ -65364,8 +65364,10 @@ var mathjaxScript = {};
 Object.defineProperty(mathjaxScript, "__esModule", {
   value: true
 });
-mathjaxScript.initializeMathJax = void 0;
+mathjaxScript.initializeMathJax = mathjaxScript.MathJaxVersion = void 0;
 var _renderMath = renderMath$1;
+var MathJaxVersion = '3.2.2';
+mathjaxScript.MathJaxVersion = MathJaxVersion;
 var initializeMathJax = function initializeMathJax(renderOpts) {
   if (renderOpts !== null && renderOpts !== void 0 && renderOpts.useSingleDollar) {
     console.warn('[math-rendering] using $ is not advisable, please use $$..$$ or \\(...\\)');
@@ -65436,7 +65438,7 @@ var initializeMathJax = function initializeMathJax(renderOpts) {
     };
     var script = document.createElement('script');
     script.type = 'text/javascript';
-    script.src = 'https://cdn.jsdelivr.net/npm/mathjax@3.2.2/es5/tex-chtml-full.js';
+    script.src = ("https://cdn.jsdelivr.net/npm/mathjax@").concat(MathJaxVersion, "/es5/tex-chtml-full.js");
     script.async = true;
     document.body.appendChild(script);
   });
@@ -125125,7 +125127,7 @@ getDefaultExportFromCjs(mathRendering);
       fixMathElements(executeOn);
       adjustMathMLStyle(executeOn);
       var mathJaxCustomKey = getMathJaxCustomKey();
-      if (!window.MathJax && !window.mathjaxLoadedP || mathJaxCustomKey && mathJaxCustomKey !== mathRenderingAccessibleKEY) {
+      if ((!window.MathJax || window.MathJax.version !== _mathjaxScript.MathJaxVersion) && !window.mathjaxLoadedP || mathJaxCustomKey && mathJaxCustomKey !== mathRenderingAccessibleKEY) {
         renderOpts = renderOpts || defaultOpts();
         (0, _mathjaxScript.initializeMathJax)(renderOpts);
       }
@@ -127768,17 +127770,8 @@ const {isEqual: require$$12$d} = _dll_lodash;
   var getTagName = function getTagName(el) {
     return (el && el.tagName || '').toLowerCase();
   };
-  var lessThanHandling = function lessThanHandling(input) {
-    var arrowSplit = input.split('<');
-    if (input.length > 2) {
-      return arrowSplit.reduce(function (st, part) {
-        if (part.match(/<[a-zA-Z/][\s\S]*>/gi)) {
-          return ("").concat(st).concat(st ? '<' : '').concat(part);
-        }
-        return ("").concat(st).concat(st ? '&lt;' : '').concat(part);
-      }, '');
-    }
-    return input;
+  var arrowHandlingCase = function arrowHandlingCase(input) {
+    return input.replace(/<([a-zA-Z]*)/g, '&lt;$1');
   };
   function replaceLeftRight(latexInput) {
     return latexInput.replace(/\\left\.\s*|\\right\.\s*/g, '');
@@ -127789,7 +127782,8 @@ const {isEqual: require$$12$d} = _dll_lodash;
       var regex = /<mo(?: [^>]*)?>&#x2061;<\/mo>/g;
       return mmlFromLatex.replace(regex, '');
     };
-    var mathMlFromLatex = (0, _mathRenderingAccessible.renderMath)(("<span data-latex=\"\" data-raw=\"").concat(decoded, "\">").concat((0, _mathRenderingAccessible.wrapMath)(decoded, wrapper), "</span>"), {
+    var handled = arrowHandlingCase(decoded);
+    var mathMlFromLatex = (0, _mathRenderingAccessible.renderMath)(("<span data-latex=\"\" data-raw=\"").concat(handled, "\">").concat((0, _mathRenderingAccessible.wrapMath)(handled, wrapper), "</span>"), {
       skipWaitForMathRenderingLib: true
     });
     mathMlFromLatex = removeEmptyMos(mathMlFromLatex);
@@ -127869,7 +127863,7 @@ const {isEqual: require$$12$d} = _dll_lodash;
       if (object.type === 'math') {
         var latex = object.data.get('latex');
         var wrapper = object.data.get('wrapper');
-        var decoded = htmlDecode(lessThanHandling(latex));
+        var decoded = htmlDecode(arrowHandlingCase(latex));
         log('[serialize] latex: ', latex);
         if (MathPlugin.mathMlOptions.mmlOutput) {
           return _react["default"].createElement("span", {
@@ -129114,6 +129108,9 @@ const require$$12$b = _dll_debug;
   var matchVimeoUrl = function matchVimeoUrl(url) {
     return url && (/(http|https)?:\/\/(www\.)?(player\.)?vimeo.com\/(?:channels\/(?:\w+\/)?|groups\/([^/]*)\/videos\/|)(video\/)?(\d+)(?:|\/\?)/).test(url);
   };
+  var matchDriveUrl = function matchDriveUrl(url) {
+    return url && (/^https:\/\/drive\.google\.com\/(?:file\/d\/|drive\/(?:u\/\d+\/)?folders\/|uc\?id=)([a-zA-Z0-9_-]+)/).test(url);
+  };
   var matchSoundCloudUrl = function matchSoundCloudUrl(url) {
     if (!url) {
       return false;
@@ -129195,46 +129192,62 @@ const require$$12$b = _dll_debug;
       (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleStateChange", function (newState) {
         return _this.setState(newState, _this.formatUrl);
       });
+      (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "checkAudio", function (value) {
+        if (matchSoundCloudUrl(value)) {
+          makeApiRequest(value).then(function (urlToUse) {
+            _this.handleStateChange({
+              urlToUse: urlToUse,
+              invalid: !urlToUse,
+              url: value
+            });
+          })["catch"](log);
+        }
+      });
+      (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "checkVideo", function (value) {
+        if (matchYoutubeUrl(value)) {
+          var regExp = /^.*(youtu\.be\/|v\/|u\/\w\/|embed\/|watch\?v=|&v=)([^#&?]*).*/;
+          var match = value.match(regExp);
+          var id = match[2];
+          var urlToUse = ("https://youtube.com/embed/").concat(id);
+          log('is youtube');
+          _this.handleStateChange({
+            urlToUse: urlToUse,
+            url: value,
+            invalid: false
+          });
+        }
+        if (matchVimeoUrl(value)) {
+          var _id = value.replace(/.*vimeo.com\/(.*)/g, '$1');
+          var _urlToUse2 = ("https://player.vimeo.com/video/").concat(_id);
+          log('is vimeo');
+          _this.handleStateChange({
+            urlToUse: _urlToUse2,
+            url: value,
+            ends: null,
+            invalid: false
+          });
+        }
+        if (matchDriveUrl(value)) {
+          var _id2 = value.replace(/^https:\/\/drive\.google\.com\/(?:file\/d\/|drive\/(?:u\/\d+\/)?folders\/|uc\?id=)([a-zA-Z0-9_-]+)\/.*/, '$1');
+          var _urlToUse3 = ("https://drive.google.com/file/d/").concat(_id2, "/preview");
+          log('is google drive');
+          _this.handleStateChange({
+            urlToUse: _urlToUse3,
+            url: value,
+            ends: null,
+            invalid: false
+          });
+        }
+      });
       (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "urlChange", function (e) {
         var _ref = e.target || ({}), value = _ref.value;
         var type = _this.props.type;
         if (type && type === 'audio') {
-          if (matchSoundCloudUrl(value)) {
-            makeApiRequest(value).then(function (urlToUse) {
-              _this.handleStateChange({
-                urlToUse: urlToUse,
-                invalid: !urlToUse,
-                url: value
-              });
-            })["catch"](log);
-            return;
-          }
+          _this.checkAudio();
+          return;
         } else if (type && type === 'video') {
-          if (matchYoutubeUrl(value)) {
-            var regExp = /^.*(youtu\.be\/|v\/|u\/\w\/|embed\/|watch\?v=|&v=)([^#&?]*).*/;
-            var match = value.match(regExp);
-            var id = match[2];
-            var urlToUse = ("https://youtube.com/embed/").concat(id);
-            log('is youtube');
-            _this.handleStateChange({
-              urlToUse: urlToUse,
-              url: value,
-              invalid: false
-            });
-            return;
-          }
-          if (matchVimeoUrl(value)) {
-            var _id = value.replace(/.*vimeo.com\/(.*)/g, '$1');
-            var _urlToUse2 = ("https://player.vimeo.com/video/").concat(_id);
-            log('is vimeo');
-            _this.handleStateChange({
-              urlToUse: _urlToUse2,
-              url: value,
-              ends: null,
-              invalid: false
-            });
-            return;
-          }
+          _this.checkVideo(value);
+          return;
         }
         _this.handleStateChange({
           urlToUse: null,
@@ -147572,7 +147585,7 @@ var buildPlugins = function buildPlugins(activePlugins, customPlugins, opts) {
   var languageCharactersPlugins = ((opts === null || opts === void 0 ? void 0 : opts.languageCharacters) || []).map(function (config) {
     return (0, _characters["default"])(config);
   });
-  var tablePlugins = [imagePlugin, mathPlugin].concat((0, _toConsumableArray2$2["default"])(languageCharactersPlugins));
+  var tablePlugins = [imagePlugin, mathPlugin, respAreaPlugin].concat((0, _toConsumableArray2$2["default"])(languageCharactersPlugins));
   if (opts.responseArea && opts.responseArea.type === 'math-templated') {
     tablePlugins.push(respAreaPlugin);
   }

package/module/manifest.json

@@ -4,11 +4,11 @@
   "modules": [
     {
       "name": "@pie-lib/pie-toolbox-math-rendering-module",
-      "version": "1.21.0"
+      "version": "1.21.1"
     },
     {
       "name": "@pie-lib/pie-toolbox-module",
-      "version": "4.12.0"
+      "version": "4.23.1"
     }
   ]
 }

package/module/print.js

@@ -1,5 +1,5 @@
-import {_dll_react, _dll_prop_types, _dll_react_dom, _dll_classnames, _dll_debug, _dll_lodash, _dll_react_dom_server, _dll_pie_framework__mathquill} from "../../../@pie-lib/pie-toolbox-math-rendering-module@1.21.0/module/index.js";
-import {_dll_pie_lib__pie_toolbox_render_ui} from "../../../@pie-lib/pie-toolbox-module@4.12.0/module/index.js";
+import {_dll_react, _dll_prop_types, _dll_react_dom, _dll_classnames, _dll_debug, _dll_lodash, _dll_react_dom_server, _dll_pie_framework__mathquill} from "../../../@pie-lib/pie-toolbox-math-rendering-module@1.21.1/module/index.js";
+import {_dll_pie_lib__pie_toolbox_render_ui} from "../../../@pie-lib/pie-toolbox-module@4.23.1/module/index.js";
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {
     e && typeof e !== 'string' && !Array.isArray(e) && Object.keys(e).forEach(function (k) {
@@ -65364,8 +65364,10 @@ var mathjaxScript = {};
 Object.defineProperty(mathjaxScript, "__esModule", {
   value: true
 });
-mathjaxScript.initializeMathJax = void 0;
+mathjaxScript.initializeMathJax = mathjaxScript.MathJaxVersion = void 0;
 var _renderMath = renderMath$1;
+var MathJaxVersion = '3.2.2';
+mathjaxScript.MathJaxVersion = MathJaxVersion;
 var initializeMathJax = function initializeMathJax(renderOpts) {
   if (renderOpts !== null && renderOpts !== void 0 && renderOpts.useSingleDollar) {
     console.warn('[math-rendering] using $ is not advisable, please use $$..$$ or \\(...\\)');
@@ -65436,7 +65438,7 @@ var initializeMathJax = function initializeMathJax(renderOpts) {
     };
     var script = document.createElement('script');
     script.type = 'text/javascript';
-    script.src = 'https://cdn.jsdelivr.net/npm/mathjax@3.2.2/es5/tex-chtml-full.js';
+    script.src = ("https://cdn.jsdelivr.net/npm/mathjax@").concat(MathJaxVersion, "/es5/tex-chtml-full.js");
     script.async = true;
     document.body.appendChild(script);
   });
@@ -125125,7 +125127,7 @@ getDefaultExportFromCjs(mathRendering);
       fixMathElements(executeOn);
       adjustMathMLStyle(executeOn);
       var mathJaxCustomKey = getMathJaxCustomKey();
-      if (!window.MathJax && !window.mathjaxLoadedP || mathJaxCustomKey && mathJaxCustomKey !== mathRenderingAccessibleKEY) {
+      if ((!window.MathJax || window.MathJax.version !== _mathjaxScript.MathJaxVersion) && !window.mathjaxLoadedP || mathJaxCustomKey && mathJaxCustomKey !== mathRenderingAccessibleKEY) {
         renderOpts = renderOpts || defaultOpts();
         (0, _mathjaxScript.initializeMathJax)(renderOpts);
       }
@@ -127768,17 +127770,8 @@ const {isEqual: require$$12$d} = _dll_lodash;
   var getTagName = function getTagName(el) {
     return (el && el.tagName || '').toLowerCase();
   };
-  var lessThanHandling = function lessThanHandling(input) {
-    var arrowSplit = input.split('<');
-    if (input.length > 2) {
-      return arrowSplit.reduce(function (st, part) {
-        if (part.match(/<[a-zA-Z/][\s\S]*>/gi)) {
-          return ("").concat(st).concat(st ? '<' : '').concat(part);
-        }
-        return ("").concat(st).concat(st ? '&lt;' : '').concat(part);
-      }, '');
-    }
-    return input;
+  var arrowHandlingCase = function arrowHandlingCase(input) {
+    return input.replace(/<([a-zA-Z]*)/g, '&lt;$1');
   };
   function replaceLeftRight(latexInput) {
     return latexInput.replace(/\\left\.\s*|\\right\.\s*/g, '');
@@ -127789,7 +127782,8 @@ const {isEqual: require$$12$d} = _dll_lodash;
       var regex = /<mo(?: [^>]*)?>&#x2061;<\/mo>/g;
       return mmlFromLatex.replace(regex, '');
     };
-    var mathMlFromLatex = (0, _mathRenderingAccessible.renderMath)(("<span data-latex=\"\" data-raw=\"").concat(decoded, "\">").concat((0, _mathRenderingAccessible.wrapMath)(decoded, wrapper), "</span>"), {
+    var handled = arrowHandlingCase(decoded);
+    var mathMlFromLatex = (0, _mathRenderingAccessible.renderMath)(("<span data-latex=\"\" data-raw=\"").concat(handled, "\">").concat((0, _mathRenderingAccessible.wrapMath)(handled, wrapper), "</span>"), {
       skipWaitForMathRenderingLib: true
     });
     mathMlFromLatex = removeEmptyMos(mathMlFromLatex);
@@ -127869,7 +127863,7 @@ const {isEqual: require$$12$d} = _dll_lodash;
       if (object.type === 'math') {
         var latex = object.data.get('latex');
         var wrapper = object.data.get('wrapper');
-        var decoded = htmlDecode(lessThanHandling(latex));
+        var decoded = htmlDecode(arrowHandlingCase(latex));
         log('[serialize] latex: ', latex);
         if (MathPlugin.mathMlOptions.mmlOutput) {
           return _react["default"].createElement("span", {
@@ -129114,6 +129108,9 @@ const require$$12$b = _dll_debug;
   var matchVimeoUrl = function matchVimeoUrl(url) {
     return url && (/(http|https)?:\/\/(www\.)?(player\.)?vimeo.com\/(?:channels\/(?:\w+\/)?|groups\/([^/]*)\/videos\/|)(video\/)?(\d+)(?:|\/\?)/).test(url);
   };
+  var matchDriveUrl = function matchDriveUrl(url) {
+    return url && (/^https:\/\/drive\.google\.com\/(?:file\/d\/|drive\/(?:u\/\d+\/)?folders\/|uc\?id=)([a-zA-Z0-9_-]+)/).test(url);
+  };
   var matchSoundCloudUrl = function matchSoundCloudUrl(url) {
     if (!url) {
       return false;
@@ -129195,46 +129192,62 @@ const require$$12$b = _dll_debug;
       (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleStateChange", function (newState) {
         return _this.setState(newState, _this.formatUrl);
       });
+      (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "checkAudio", function (value) {
+        if (matchSoundCloudUrl(value)) {
+          makeApiRequest(value).then(function (urlToUse) {
+            _this.handleStateChange({
+              urlToUse: urlToUse,
+              invalid: !urlToUse,
+              url: value
+            });
+          })["catch"](log);
+        }
+      });
+      (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "checkVideo", function (value) {
+        if (matchYoutubeUrl(value)) {
+          var regExp = /^.*(youtu\.be\/|v\/|u\/\w\/|embed\/|watch\?v=|&v=)([^#&?]*).*/;
+          var match = value.match(regExp);
+          var id = match[2];
+          var urlToUse = ("https://youtube.com/embed/").concat(id);
+          log('is youtube');
+          _this.handleStateChange({
+            urlToUse: urlToUse,
+            url: value,
+            invalid: false
+          });
+        }
+        if (matchVimeoUrl(value)) {
+          var _id = value.replace(/.*vimeo.com\/(.*)/g, '$1');
+          var _urlToUse2 = ("https://player.vimeo.com/video/").concat(_id);
+          log('is vimeo');
+          _this.handleStateChange({
+            urlToUse: _urlToUse2,
+            url: value,
+            ends: null,
+            invalid: false
+          });
+        }
+        if (matchDriveUrl(value)) {
+          var _id2 = value.replace(/^https:\/\/drive\.google\.com\/(?:file\/d\/|drive\/(?:u\/\d+\/)?folders\/|uc\?id=)([a-zA-Z0-9_-]+)\/.*/, '$1');
+          var _urlToUse3 = ("https://drive.google.com/file/d/").concat(_id2, "/preview");
+          log('is google drive');
+          _this.handleStateChange({
+            urlToUse: _urlToUse3,
+            url: value,
+            ends: null,
+            invalid: false
+          });
+        }
+      });
       (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "urlChange", function (e) {
         var _ref = e.target || ({}), value = _ref.value;
         var type = _this.props.type;
         if (type && type === 'audio') {
-          if (matchSoundCloudUrl(value)) {
-            makeApiRequest(value).then(function (urlToUse) {
-              _this.handleStateChange({
-                urlToUse: urlToUse,
-                invalid: !urlToUse,
-                url: value
-              });
-            })["catch"](log);
-            return;
-          }
+          _this.checkAudio();
+          return;
         } else if (type && type === 'video') {
-          if (matchYoutubeUrl(value)) {
-            var regExp = /^.*(youtu\.be\/|v\/|u\/\w\/|embed\/|watch\?v=|&v=)([^#&?]*).*/;
-            var match = value.match(regExp);
-            var id = match[2];
-            var urlToUse = ("https://youtube.com/embed/").concat(id);
-            log('is youtube');
-            _this.handleStateChange({
-              urlToUse: urlToUse,
-              url: value,
-              invalid: false
-            });
-            return;
-          }
-          if (matchVimeoUrl(value)) {
-            var _id = value.replace(/.*vimeo.com\/(.*)/g, '$1');
-            var _urlToUse2 = ("https://player.vimeo.com/video/").concat(_id);
-            log('is vimeo');
-            _this.handleStateChange({
-              urlToUse: _urlToUse2,
-              url: value,
-              ends: null,
-              invalid: false
-            });
-            return;
-          }
+          _this.checkVideo(value);
+          return;
         }
         _this.handleStateChange({
           urlToUse: null,
@@ -147572,7 +147585,7 @@ var buildPlugins = function buildPlugins(activePlugins, customPlugins, opts) {
   var languageCharactersPlugins = ((opts === null || opts === void 0 ? void 0 : opts.languageCharacters) || []).map(function (config) {
     return (0, _characters["default"])(config);
   });
-  var tablePlugins = [imagePlugin, mathPlugin].concat((0, _toConsumableArray2$2["default"])(languageCharactersPlugins));
+  var tablePlugins = [imagePlugin, mathPlugin, respAreaPlugin].concat((0, _toConsumableArray2$2["default"])(languageCharactersPlugins));
   if (opts.responseArea && opts.responseArea.type === 'math-templated') {
     tablePlugins.push(respAreaPlugin);
   }

package/package.json

@@ -1,21 +1,21 @@
 {
   "name": "@pie-element/complex-rubric",
   "repository": "pie-framework/pie-elements",
-  "version": "2.17.1-next.13+e2f0ba2c8",
+  "version": "2.17.1-next.18+a61e1177e",
   "publishConfig": {
     "access": "public"
   },
   "dependencies": {
     "@material-ui/core": "^3.9.2",
-    "@pie-element/multi-trait-rubric": "^3.17.1-next.13+e2f0ba2c8",
-    "@pie-element/rubric": "^3.17.1-next.13+e2f0ba2c8",
+    "@pie-element/multi-trait-rubric": "^3.17.1-next.18+a61e1177e",
+    "@pie-element/rubric": "^3.17.1-next.18+a61e1177e",
     "@pie-framework/pie-player-events": "^0.1.0",
     "classnames": "^2.2.5",
     "debug": "^4.1.1",
     "lodash": "^4.17.11",
     "prop-types": "^15.7.2"
   },
-  "gitHead": "e2f0ba2c8d984648c56a1b9114b8875a8e0adc9f",
+  "gitHead": "a61e1177e55cd7bd8d244c638fda8a313f960078",
   "scripts": {
     "postpublish": "../../scripts/postpublish"
   },