@pie-element/complex-rubric 2.18.5-next.0 → 2.18.5-next.1

package/controller/package.json

@@ -7,7 +7,7 @@
     "test": "echo \"Error: no test specified\" && exit 1"
   },
   "dependencies": {
-    "@pie-lib/pie-toolbox": "1.29.3",
+    "@pie-lib/pie-toolbox": "1.30.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.22.2/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.22.3/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.23.1/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.24.3/module/index.js";
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {
     e && typeof e !== 'string' && !Array.isArray(e) && Object.keys(e).forEach(function (k) {
@@ -138964,6 +138964,10 @@ const require$$12$b = _dll_debug;
     video: 'Video',
     audio: 'Audio'
   };
+  var tabsTypeMap = {
+    uploadFile: 'upload-file',
+    insertUrl: 'insert-url'
+  };
   var MediaDialog = (function (_React$Component) {
     (0, _inherits2["default"])(MediaDialog, _React$Component);
     var _super = _createSuper(MediaDialog);
@@ -139086,7 +139090,7 @@ const require$$12$b = _dll_debug;
       (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleDone", function (val) {
         var handleClose = _this.props.handleClose;
         var _this$state2 = _this.state, tabValue = _this$state2.tabValue, fileUpload = _this$state2.fileUpload;
-        var isInsertURL = tabValue === 0;
+        var isInsertURL = tabValue === tabsTypeMap.insertUrl;
         if (!val) {
           if (fileUpload.url) {
             _this.handleRemoveFile();
@@ -139211,7 +139215,8 @@ const require$$12$b = _dll_debug;
           }
         }, _callee2);
       })));
-      var _src = props.src, _starts = props.starts, _ends = props.ends, _height = props.height, _url = props.url, _urlToUse = props.urlToUse, _width = props.width;
+      var _ends = props.ends, _height = props.height, _src = props.src, _starts = props.starts, _type = props.type, uploadSoundSupport = props.uploadSoundSupport, _url = props.url, _urlToUse = props.urlToUse, _width = props.width;
+      var showUploadFile = (uploadSoundSupport === null || uploadSoundSupport === void 0 ? void 0 : uploadSoundSupport.add) && (uploadSoundSupport === null || uploadSoundSupport === void 0 ? void 0 : uploadSoundSupport["delete"]) && _type !== 'video';
       _this.state = {
         ends: _ends || 0,
         url: _url,
@@ -139221,7 +139226,7 @@ const require$$12$b = _dll_debug;
         invalid: false,
         starts: _starts || 0,
         width: _width || 560,
-        tabValue: 0,
+        tabValue: showUploadFile ? tabsTypeMap.uploadFile : tabsTypeMap.insertUrl,
         fileUpload: {
           error: null,
           loading: false,
@@ -139249,9 +139254,10 @@ const require$$12$b = _dll_debug;
         var _this$props = this.props, classes = _this$props.classes, open = _this$props.open, disablePortal = _this$props.disablePortal, type = _this$props.type, edit = _this$props.edit, uploadSoundSupport = _this$props.uploadSoundSupport;
         var _this$state4 = this.state, ends = _this$state4.ends, height = _this$state4.height, invalid = _this$state4.invalid, starts = _this$state4.starts, width = _this$state4.width, url = _this$state4.url, formattedUrl = _this$state4.formattedUrl, updating = _this$state4.updating, tabValue = _this$state4.tabValue, fileUpload = _this$state4.fileUpload;
         var isYoutube = matchYoutubeUrl(url);
-        var isInsertURL = tabValue === 0;
-        var isUploadMedia = tabValue === 1;
+        var isInsertURL = tabValue === tabsTypeMap.insertUrl;
+        var isUploadMedia = tabValue === tabsTypeMap.uploadFile;
         var submitIsDisabled = isInsertURL ? invalid || url === null || url === undefined : !fileUpload.url || fileUpload.scheduled;
+        var showUploadFile = (uploadSoundSupport === null || uploadSoundSupport === void 0 ? void 0 : uploadSoundSupport.add) && (uploadSoundSupport === null || uploadSoundSupport === void 0 ? void 0 : uploadSoundSupport["delete"]) && type !== 'video';
         return _react["default"].createElement(_Dialog["default"], {
           classes: {
             paper: classes.paper
@@ -139274,11 +139280,13 @@ const require$$12$b = _dll_debug;
               tabValue: value
             });
           }
-        }, _react["default"].createElement(_Tab["default"], {
-          label: type === 'video' ? 'Insert YouTube, Vimeo, or Google Drive URL' : 'Insert SoundCloud URL'
-        }), uploadSoundSupport !== null && uploadSoundSupport !== void 0 && uploadSoundSupport.add && uploadSoundSupport !== null && uploadSoundSupport !== void 0 && uploadSoundSupport["delete"] && type !== 'video' ? _react["default"].createElement(_Tab["default"], {
+        }, showUploadFile ? _react["default"].createElement(_Tab["default"], {
+          value: tabsTypeMap.uploadFile,
           label: "Upload file"
-        }) : null)), isInsertURL && _react["default"].createElement("div", null, _react["default"].createElement(_TextField["default"], {
+        }) : null, _react["default"].createElement(_Tab["default"], {
+          value: tabsTypeMap.insertUrl,
+          label: type === 'video' ? 'Insert YouTube, Vimeo, or Google Drive URL' : 'Insert SoundCloud URL'
+        }))), isInsertURL && _react["default"].createElement("div", null, _react["default"].createElement(_TextField["default"], {
           autoFocus: true,
           error: invalid,
           helperText: invalid ? 'Invalid URL' : '',
@@ -145648,7 +145656,9 @@ var MARK_TAGS = {
   code: 'code',
   strong: 'bold',
   blockquote: 'blockquote',
-  h3: 'h3'
+  h3: 'h3',
+  sup: 'sup',
+  sub: 'sub'
 };
 var parseStyleString = function parseStyleString(s) {
   var regex = /([\w-]*)\s*:\s*([^;]*)/g;
@@ -149175,6 +149185,30 @@ function _objectSpread$4(target) {
   return target;
 }
 var log$1 = (0, _debug["default"])('@pie-lib:editable-html:plugins');
+var SuperscriptIcon = function SuperscriptIcon() {
+  return _react$1e["default"].createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    height: "24px",
+    viewBox: "0 0 24 24",
+    width: "24px",
+    fill: "none"
+  }, _react$1e["default"].createElement("path", {
+    d: "M22,7h-2v1h3v1h-4V7c0-0.55,0.45-1,1-1h2V5h-3V4h3c0.55,0,1,0.45,1,1v1C23,6.55,22.55,7,22,7z M5.88,20h2.66l3.4-5.42h0.12 l3.4,5.42h2.66l-4.65-7.27L17.81,6h-2.68l-3.07,4.99h-0.12L8.85,6H6.19l4.32,6.73L5.88,20z",
+    fill: "currentColor"
+  }));
+};
+var SubscriptIcon = function SubscriptIcon() {
+  return _react$1e["default"].createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    height: "24px",
+    viewBox: "0 0 24 24",
+    width: "24px",
+    fill: "none"
+  }, _react$1e["default"].createElement("path", {
+    d: "M22,18h-2v1h3v1h-4v-2c0-0.55,0.45-1,1-1h2v-1h-3v-1h3c0.55,0,1,0.45,1,1v1C23,17.55,22.55,18,22,18z M5.88,18h2.66 l3.4-5.42h0.12l3.4,5.42h2.66l-4.65-7.27L17.81,4h-2.68l-3.07,4.99h-0.12L8.85,4H6.19l4.32,6.73L5.88,18z",
+    fill: "currentColor"
+  }));
+};
 var HeadingIcon = function HeadingIcon() {
   return _react$1e["default"].createElement("svg", {
     width: "30",
@@ -149275,7 +149309,7 @@ function MarkHotkey(options) {
     }
   };
 }
-var ALL_PLUGINS = ['bold', 'html', 'italic', 'underline', 'strikethrough', 'bulleted-list', 'numbered-list', 'image', 'math', 'languageCharacters', 'blockquote', 'h3', 'table', 'video', 'audio', 'responseArea', 'redo', 'undo'];
+var ALL_PLUGINS = ['bold', 'html', 'italic', 'underline', 'strikethrough', 'bulleted-list', 'numbered-list', 'image', 'math', 'languageCharacters', 'blockquote', 'h3', 'table', 'video', 'audio', 'responseArea', 'redo', 'undo', 'superscript', 'subscript'];
 plugins.ALL_PLUGINS = ALL_PLUGINS;
 var DEFAULT_PLUGINS = ALL_PLUGINS.filter(function (plug) {
   return !['responseArea', 'h3', 'blockquote'].includes(plug);
@@ -149359,6 +149393,14 @@ var buildPlugins = function buildPlugins(activePlugins, customPlugins, opts) {
     type: 'underline',
     icon: _react$1e["default"].createElement(_FormatUnderlined["default"], null),
     tag: 'u'
+  })), addIf('superscript', MarkHotkey({
+    type: 'sup',
+    icon: _react$1e["default"].createElement(SuperscriptIcon, null),
+    tag: 'sup'
+  })), addIf('subscript', MarkHotkey({
+    type: 'sub',
+    icon: _react$1e["default"].createElement(SubscriptIcon, null),
+    tag: 'sub'
   })), addIf('image', imagePlugin), addIf('video', (0, _media["default"])('video', opts.media)), addIf('audio', (0, _media["default"])('audio', opts.media)), addIf('math', mathPlugin)].concat((0, _toConsumableArray2$2["default"])(languageCharactersPlugins.map(function (plugin) {
     return addIf('languageCharacters', plugin);
   })), [addIf('blockquote', MarkHotkey({

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.22.2/module/index.js";
-import {_dll_pie_lib__pie_toolbox_render_ui} from "../../../@pie-lib/pie-toolbox-module@4.23.1/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.22.3/module/index.js";
+import {_dll_pie_lib__pie_toolbox_render_ui} from "../../../@pie-lib/pie-toolbox-module@4.24.3/module/index.js";
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {
     e && typeof e !== 'string' && !Array.isArray(e) && Object.keys(e).forEach(function (k) {
@@ -129143,6 +129143,10 @@ const require$$12$b = _dll_debug;
     video: 'Video',
     audio: 'Audio'
   };
+  var tabsTypeMap = {
+    uploadFile: 'upload-file',
+    insertUrl: 'insert-url'
+  };
   var MediaDialog = (function (_React$Component) {
     (0, _inherits2["default"])(MediaDialog, _React$Component);
     var _super = _createSuper(MediaDialog);
@@ -129265,7 +129269,7 @@ const require$$12$b = _dll_debug;
       (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleDone", function (val) {
         var handleClose = _this.props.handleClose;
         var _this$state2 = _this.state, tabValue = _this$state2.tabValue, fileUpload = _this$state2.fileUpload;
-        var isInsertURL = tabValue === 0;
+        var isInsertURL = tabValue === tabsTypeMap.insertUrl;
         if (!val) {
           if (fileUpload.url) {
             _this.handleRemoveFile();
@@ -129390,7 +129394,8 @@ const require$$12$b = _dll_debug;
           }
         }, _callee2);
       })));
-      var _src = props.src, _starts = props.starts, _ends = props.ends, _height = props.height, _url = props.url, _urlToUse = props.urlToUse, _width = props.width;
+      var _ends = props.ends, _height = props.height, _src = props.src, _starts = props.starts, _type = props.type, uploadSoundSupport = props.uploadSoundSupport, _url = props.url, _urlToUse = props.urlToUse, _width = props.width;
+      var showUploadFile = (uploadSoundSupport === null || uploadSoundSupport === void 0 ? void 0 : uploadSoundSupport.add) && (uploadSoundSupport === null || uploadSoundSupport === void 0 ? void 0 : uploadSoundSupport["delete"]) && _type !== 'video';
       _this.state = {
         ends: _ends || 0,
         url: _url,
@@ -129400,7 +129405,7 @@ const require$$12$b = _dll_debug;
         invalid: false,
         starts: _starts || 0,
         width: _width || 560,
-        tabValue: 0,
+        tabValue: showUploadFile ? tabsTypeMap.uploadFile : tabsTypeMap.insertUrl,
         fileUpload: {
           error: null,
           loading: false,
@@ -129428,9 +129433,10 @@ const require$$12$b = _dll_debug;
         var _this$props = this.props, classes = _this$props.classes, open = _this$props.open, disablePortal = _this$props.disablePortal, type = _this$props.type, edit = _this$props.edit, uploadSoundSupport = _this$props.uploadSoundSupport;
         var _this$state4 = this.state, ends = _this$state4.ends, height = _this$state4.height, invalid = _this$state4.invalid, starts = _this$state4.starts, width = _this$state4.width, url = _this$state4.url, formattedUrl = _this$state4.formattedUrl, updating = _this$state4.updating, tabValue = _this$state4.tabValue, fileUpload = _this$state4.fileUpload;
         var isYoutube = matchYoutubeUrl(url);
-        var isInsertURL = tabValue === 0;
-        var isUploadMedia = tabValue === 1;
+        var isInsertURL = tabValue === tabsTypeMap.insertUrl;
+        var isUploadMedia = tabValue === tabsTypeMap.uploadFile;
         var submitIsDisabled = isInsertURL ? invalid || url === null || url === undefined : !fileUpload.url || fileUpload.scheduled;
+        var showUploadFile = (uploadSoundSupport === null || uploadSoundSupport === void 0 ? void 0 : uploadSoundSupport.add) && (uploadSoundSupport === null || uploadSoundSupport === void 0 ? void 0 : uploadSoundSupport["delete"]) && type !== 'video';
         return _react["default"].createElement(_Dialog["default"], {
           classes: {
             paper: classes.paper
@@ -129453,11 +129459,13 @@ const require$$12$b = _dll_debug;
               tabValue: value
             });
           }
-        }, _react["default"].createElement(_Tab["default"], {
-          label: type === 'video' ? 'Insert YouTube, Vimeo, or Google Drive URL' : 'Insert SoundCloud URL'
-        }), uploadSoundSupport !== null && uploadSoundSupport !== void 0 && uploadSoundSupport.add && uploadSoundSupport !== null && uploadSoundSupport !== void 0 && uploadSoundSupport["delete"] && type !== 'video' ? _react["default"].createElement(_Tab["default"], {
+        }, showUploadFile ? _react["default"].createElement(_Tab["default"], {
+          value: tabsTypeMap.uploadFile,
           label: "Upload file"
-        }) : null)), isInsertURL && _react["default"].createElement("div", null, _react["default"].createElement(_TextField["default"], {
+        }) : null, _react["default"].createElement(_Tab["default"], {
+          value: tabsTypeMap.insertUrl,
+          label: type === 'video' ? 'Insert YouTube, Vimeo, or Google Drive URL' : 'Insert SoundCloud URL'
+        }))), isInsertURL && _react["default"].createElement("div", null, _react["default"].createElement(_TextField["default"], {
           autoFocus: true,
           error: invalid,
           helperText: invalid ? 'Invalid URL' : '',
@@ -143908,7 +143916,9 @@ var MARK_TAGS = {
   code: 'code',
   strong: 'bold',
   blockquote: 'blockquote',
-  h3: 'h3'
+  h3: 'h3',
+  sup: 'sup',
+  sub: 'sub'
 };
 var parseStyleString = function parseStyleString(s) {
   var regex = /([\w-]*)\s*:\s*([^;]*)/g;
@@ -147435,6 +147445,30 @@ function _objectSpread$4(target) {
   return target;
 }
 var log$1 = (0, _debug["default"])('@pie-lib:editable-html:plugins');
+var SuperscriptIcon = function SuperscriptIcon() {
+  return _react$1c["default"].createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    height: "24px",
+    viewBox: "0 0 24 24",
+    width: "24px",
+    fill: "none"
+  }, _react$1c["default"].createElement("path", {
+    d: "M22,7h-2v1h3v1h-4V7c0-0.55,0.45-1,1-1h2V5h-3V4h3c0.55,0,1,0.45,1,1v1C23,6.55,22.55,7,22,7z M5.88,20h2.66l3.4-5.42h0.12 l3.4,5.42h2.66l-4.65-7.27L17.81,6h-2.68l-3.07,4.99h-0.12L8.85,6H6.19l4.32,6.73L5.88,20z",
+    fill: "currentColor"
+  }));
+};
+var SubscriptIcon = function SubscriptIcon() {
+  return _react$1c["default"].createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    height: "24px",
+    viewBox: "0 0 24 24",
+    width: "24px",
+    fill: "none"
+  }, _react$1c["default"].createElement("path", {
+    d: "M22,18h-2v1h3v1h-4v-2c0-0.55,0.45-1,1-1h2v-1h-3v-1h3c0.55,0,1,0.45,1,1v1C23,17.55,22.55,18,22,18z M5.88,18h2.66 l3.4-5.42h0.12l3.4,5.42h2.66l-4.65-7.27L17.81,4h-2.68l-3.07,4.99h-0.12L8.85,4H6.19l4.32,6.73L5.88,18z",
+    fill: "currentColor"
+  }));
+};
 var HeadingIcon = function HeadingIcon() {
   return _react$1c["default"].createElement("svg", {
     width: "30",
@@ -147535,7 +147569,7 @@ function MarkHotkey(options) {
     }
   };
 }
-var ALL_PLUGINS = ['bold', 'html', 'italic', 'underline', 'strikethrough', 'bulleted-list', 'numbered-list', 'image', 'math', 'languageCharacters', 'blockquote', 'h3', 'table', 'video', 'audio', 'responseArea', 'redo', 'undo'];
+var ALL_PLUGINS = ['bold', 'html', 'italic', 'underline', 'strikethrough', 'bulleted-list', 'numbered-list', 'image', 'math', 'languageCharacters', 'blockquote', 'h3', 'table', 'video', 'audio', 'responseArea', 'redo', 'undo', 'superscript', 'subscript'];
 plugins.ALL_PLUGINS = ALL_PLUGINS;
 var DEFAULT_PLUGINS = ALL_PLUGINS.filter(function (plug) {
   return !['responseArea', 'h3', 'blockquote'].includes(plug);
@@ -147619,6 +147653,14 @@ var buildPlugins = function buildPlugins(activePlugins, customPlugins, opts) {
     type: 'underline',
     icon: _react$1c["default"].createElement(_FormatUnderlined["default"], null),
     tag: 'u'
+  })), addIf('superscript', MarkHotkey({
+    type: 'sup',
+    icon: _react$1c["default"].createElement(SuperscriptIcon, null),
+    tag: 'sup'
+  })), addIf('subscript', MarkHotkey({
+    type: 'sub',
+    icon: _react$1c["default"].createElement(SubscriptIcon, null),
+    tag: 'sub'
   })), addIf('image', imagePlugin), addIf('video', (0, _media["default"])('video', opts.media)), addIf('audio', (0, _media["default"])('audio', opts.media)), addIf('math', mathPlugin)].concat((0, _toConsumableArray2$2["default"])(languageCharactersPlugins.map(function (plugin) {
     return addIf('languageCharacters', plugin);
   })), [addIf('blockquote', MarkHotkey({

package/module/manifest.json

@@ -4,11 +4,11 @@
   "modules": [
     {
       "name": "@pie-lib/pie-toolbox-math-rendering-module",
-      "version": "1.22.2"
+      "version": "1.22.3"
     },
     {
       "name": "@pie-lib/pie-toolbox-module",
-      "version": "4.23.1"
+      "version": "4.24.3"
     }
   ]
 }

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.22.2/module/index.js";
-import {_dll_pie_lib__pie_toolbox_render_ui} from "../../../@pie-lib/pie-toolbox-module@4.23.1/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.22.3/module/index.js";
+import {_dll_pie_lib__pie_toolbox_render_ui} from "../../../@pie-lib/pie-toolbox-module@4.24.3/module/index.js";
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {
     e && typeof e !== 'string' && !Array.isArray(e) && Object.keys(e).forEach(function (k) {
@@ -129143,6 +129143,10 @@ const require$$12$b = _dll_debug;
     video: 'Video',
     audio: 'Audio'
   };
+  var tabsTypeMap = {
+    uploadFile: 'upload-file',
+    insertUrl: 'insert-url'
+  };
   var MediaDialog = (function (_React$Component) {
     (0, _inherits2["default"])(MediaDialog, _React$Component);
     var _super = _createSuper(MediaDialog);
@@ -129265,7 +129269,7 @@ const require$$12$b = _dll_debug;
       (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleDone", function (val) {
         var handleClose = _this.props.handleClose;
         var _this$state2 = _this.state, tabValue = _this$state2.tabValue, fileUpload = _this$state2.fileUpload;
-        var isInsertURL = tabValue === 0;
+        var isInsertURL = tabValue === tabsTypeMap.insertUrl;
         if (!val) {
           if (fileUpload.url) {
             _this.handleRemoveFile();
@@ -129390,7 +129394,8 @@ const require$$12$b = _dll_debug;
           }
         }, _callee2);
       })));
-      var _src = props.src, _starts = props.starts, _ends = props.ends, _height = props.height, _url = props.url, _urlToUse = props.urlToUse, _width = props.width;
+      var _ends = props.ends, _height = props.height, _src = props.src, _starts = props.starts, _type = props.type, uploadSoundSupport = props.uploadSoundSupport, _url = props.url, _urlToUse = props.urlToUse, _width = props.width;
+      var showUploadFile = (uploadSoundSupport === null || uploadSoundSupport === void 0 ? void 0 : uploadSoundSupport.add) && (uploadSoundSupport === null || uploadSoundSupport === void 0 ? void 0 : uploadSoundSupport["delete"]) && _type !== 'video';
       _this.state = {
         ends: _ends || 0,
         url: _url,
@@ -129400,7 +129405,7 @@ const require$$12$b = _dll_debug;
         invalid: false,
         starts: _starts || 0,
         width: _width || 560,
-        tabValue: 0,
+        tabValue: showUploadFile ? tabsTypeMap.uploadFile : tabsTypeMap.insertUrl,
         fileUpload: {
           error: null,
           loading: false,
@@ -129428,9 +129433,10 @@ const require$$12$b = _dll_debug;
         var _this$props = this.props, classes = _this$props.classes, open = _this$props.open, disablePortal = _this$props.disablePortal, type = _this$props.type, edit = _this$props.edit, uploadSoundSupport = _this$props.uploadSoundSupport;
         var _this$state4 = this.state, ends = _this$state4.ends, height = _this$state4.height, invalid = _this$state4.invalid, starts = _this$state4.starts, width = _this$state4.width, url = _this$state4.url, formattedUrl = _this$state4.formattedUrl, updating = _this$state4.updating, tabValue = _this$state4.tabValue, fileUpload = _this$state4.fileUpload;
         var isYoutube = matchYoutubeUrl(url);
-        var isInsertURL = tabValue === 0;
-        var isUploadMedia = tabValue === 1;
+        var isInsertURL = tabValue === tabsTypeMap.insertUrl;
+        var isUploadMedia = tabValue === tabsTypeMap.uploadFile;
         var submitIsDisabled = isInsertURL ? invalid || url === null || url === undefined : !fileUpload.url || fileUpload.scheduled;
+        var showUploadFile = (uploadSoundSupport === null || uploadSoundSupport === void 0 ? void 0 : uploadSoundSupport.add) && (uploadSoundSupport === null || uploadSoundSupport === void 0 ? void 0 : uploadSoundSupport["delete"]) && type !== 'video';
         return _react["default"].createElement(_Dialog["default"], {
           classes: {
             paper: classes.paper
@@ -129453,11 +129459,13 @@ const require$$12$b = _dll_debug;
               tabValue: value
             });
           }
-        }, _react["default"].createElement(_Tab["default"], {
-          label: type === 'video' ? 'Insert YouTube, Vimeo, or Google Drive URL' : 'Insert SoundCloud URL'
-        }), uploadSoundSupport !== null && uploadSoundSupport !== void 0 && uploadSoundSupport.add && uploadSoundSupport !== null && uploadSoundSupport !== void 0 && uploadSoundSupport["delete"] && type !== 'video' ? _react["default"].createElement(_Tab["default"], {
+        }, showUploadFile ? _react["default"].createElement(_Tab["default"], {
+          value: tabsTypeMap.uploadFile,
           label: "Upload file"
-        }) : null)), isInsertURL && _react["default"].createElement("div", null, _react["default"].createElement(_TextField["default"], {
+        }) : null, _react["default"].createElement(_Tab["default"], {
+          value: tabsTypeMap.insertUrl,
+          label: type === 'video' ? 'Insert YouTube, Vimeo, or Google Drive URL' : 'Insert SoundCloud URL'
+        }))), isInsertURL && _react["default"].createElement("div", null, _react["default"].createElement(_TextField["default"], {
           autoFocus: true,
           error: invalid,
           helperText: invalid ? 'Invalid URL' : '',
@@ -143908,7 +143916,9 @@ var MARK_TAGS = {
   code: 'code',
   strong: 'bold',
   blockquote: 'blockquote',
-  h3: 'h3'
+  h3: 'h3',
+  sup: 'sup',
+  sub: 'sub'
 };
 var parseStyleString = function parseStyleString(s) {
   var regex = /([\w-]*)\s*:\s*([^;]*)/g;
@@ -147435,6 +147445,30 @@ function _objectSpread$4(target) {
   return target;
 }
 var log$1 = (0, _debug["default"])('@pie-lib:editable-html:plugins');
+var SuperscriptIcon = function SuperscriptIcon() {
+  return _react$1c["default"].createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    height: "24px",
+    viewBox: "0 0 24 24",
+    width: "24px",
+    fill: "none"
+  }, _react$1c["default"].createElement("path", {
+    d: "M22,7h-2v1h3v1h-4V7c0-0.55,0.45-1,1-1h2V5h-3V4h3c0.55,0,1,0.45,1,1v1C23,6.55,22.55,7,22,7z M5.88,20h2.66l3.4-5.42h0.12 l3.4,5.42h2.66l-4.65-7.27L17.81,6h-2.68l-3.07,4.99h-0.12L8.85,6H6.19l4.32,6.73L5.88,20z",
+    fill: "currentColor"
+  }));
+};
+var SubscriptIcon = function SubscriptIcon() {
+  return _react$1c["default"].createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    height: "24px",
+    viewBox: "0 0 24 24",
+    width: "24px",
+    fill: "none"
+  }, _react$1c["default"].createElement("path", {
+    d: "M22,18h-2v1h3v1h-4v-2c0-0.55,0.45-1,1-1h2v-1h-3v-1h3c0.55,0,1,0.45,1,1v1C23,17.55,22.55,18,22,18z M5.88,18h2.66 l3.4-5.42h0.12l3.4,5.42h2.66l-4.65-7.27L17.81,4h-2.68l-3.07,4.99h-0.12L8.85,4H6.19l4.32,6.73L5.88,18z",
+    fill: "currentColor"
+  }));
+};
 var HeadingIcon = function HeadingIcon() {
   return _react$1c["default"].createElement("svg", {
     width: "30",
@@ -147535,7 +147569,7 @@ function MarkHotkey(options) {
     }
   };
 }
-var ALL_PLUGINS = ['bold', 'html', 'italic', 'underline', 'strikethrough', 'bulleted-list', 'numbered-list', 'image', 'math', 'languageCharacters', 'blockquote', 'h3', 'table', 'video', 'audio', 'responseArea', 'redo', 'undo'];
+var ALL_PLUGINS = ['bold', 'html', 'italic', 'underline', 'strikethrough', 'bulleted-list', 'numbered-list', 'image', 'math', 'languageCharacters', 'blockquote', 'h3', 'table', 'video', 'audio', 'responseArea', 'redo', 'undo', 'superscript', 'subscript'];
 plugins.ALL_PLUGINS = ALL_PLUGINS;
 var DEFAULT_PLUGINS = ALL_PLUGINS.filter(function (plug) {
   return !['responseArea', 'h3', 'blockquote'].includes(plug);
@@ -147619,6 +147653,14 @@ var buildPlugins = function buildPlugins(activePlugins, customPlugins, opts) {
     type: 'underline',
     icon: _react$1c["default"].createElement(_FormatUnderlined["default"], null),
     tag: 'u'
+  })), addIf('superscript', MarkHotkey({
+    type: 'sup',
+    icon: _react$1c["default"].createElement(SuperscriptIcon, null),
+    tag: 'sup'
+  })), addIf('subscript', MarkHotkey({
+    type: 'sub',
+    icon: _react$1c["default"].createElement(SubscriptIcon, null),
+    tag: 'sub'
   })), addIf('image', imagePlugin), addIf('video', (0, _media["default"])('video', opts.media)), addIf('audio', (0, _media["default"])('audio', opts.media)), addIf('math', mathPlugin)].concat((0, _toConsumableArray2$2["default"])(languageCharactersPlugins.map(function (plugin) {
     return addIf('languageCharacters', plugin);
   })), [addIf('blockquote', MarkHotkey({

package/package.json

@@ -1,21 +1,21 @@
 {
   "name": "@pie-element/complex-rubric",
   "repository": "pie-framework/pie-elements",
-  "version": "2.18.5-next.0+e65085474",
+  "version": "2.18.5-next.1+395d7d779",
   "publishConfig": {
     "access": "public"
   },
   "dependencies": {
     "@material-ui/core": "^3.9.2",
-    "@pie-element/multi-trait-rubric": "^3.18.4-next.14+e65085474",
-    "@pie-element/rubric": "^3.18.4-next.14+e65085474",
+    "@pie-element/multi-trait-rubric": "^3.18.4-next.15+395d7d779",
+    "@pie-element/rubric": "^3.18.4-next.15+395d7d779",
     "@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": "e65085474ada79e0f7fb979a5c81260f2d331f71",
+  "gitHead": "395d7d779caae57a810cc19c1d676319d1c19ded",
   "scripts": {
     "postpublish": "../../scripts/postpublish"
   },