@pie-element/extended-text-entry 10.12.4 → 10.13.1

package/module/configure.js

@@ -1,4 +1,4 @@
-import {_dll_react, _dll_prop_types, _dll_classnames, _dll_react_dom} from "../../../@pie-lib/pie-toolbox-math-rendering-module@1.10.3/module/index.js";
+import {_dll_react, _dll_prop_types, _dll_classnames, _dll_react_dom} from "../../../@pie-lib/pie-toolbox-math-rendering-module@1.10.4/module/index.js";
 import {_dll_pie_lib__pie_toolbox_config_ui, _dll_pie_lib__pie_toolbox_editable_html} from "../../../@pie-lib/pie-toolbox-module@4.12.0/module/index.js";
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 function getDefaultExportFromCjs(x) {
@@ -5840,7 +5840,7 @@ class Main extends React$1.Component {
   }
   render() {
     const {model, classes, configuration, imageSupport, onConfigurationChanged, onModelChanged, uploadSoundSupport} = this.props;
-    const {contentDimensions = {}, dimensions = {}, equationEditor = {}, feedback = {}, playerSpellCheck = {}, prompt = {}, settingsPanelDisabled, spanishInput = {}, specialInput = {}, spellCheck = {}, studentInstructions = {}, teacherInstructions = {}, mathInput = {}, maxImageWidth = {}, maxImageHeight = {}, multiple = {}, withRubric = {}, mathMlOptions = {}, baseInputConfiguration = {}} = configuration || ({});
+    const {annotations = {}, contentDimensions = {}, dimensions = {}, equationEditor = {}, feedback = {}, playerSpellCheck = {}, prompt = {}, settingsPanelDisabled, spanishInput = {}, specialInput = {}, spellCheck = {}, studentInstructions = {}, teacherInstructions = {}, mathInput = {}, maxImageWidth = {}, maxImageHeight = {}, multiple = {}, withRubric = {}, mathMlOptions = {}, baseInputConfiguration = {}} = configuration || ({});
     const {errors = {}, feedbackEnabled, promptEnabled, spellCheckEnabled, teacherInstructionsEnabled, toolbarEditorPosition} = model || ({});
     const {prompt: promptError, teacherInstructions: teacherInstructionsError} = errors;
     const defaultImageMaxWidth = maxImageWidth && maxImageWidth.prompt;
@@ -5870,6 +5870,7 @@ class Main extends React$1.Component {
       'multiple.enabled': multiple.settings && toggle(multiple.label, true),
       promptEnabled: prompt.settings && toggle(prompt.label),
       feedbackEnabled: feedback.settings && toggle(feedback.label),
+      annotationsEnabled: annotations.settings && toggle(annotations.label),
       spellCheckEnabled: spellCheck.settings && toggle(spellCheck.label),
       playerSpellCheckDisabled: playerSpellCheck.settings && toggle(playerSpellCheck.label)
     };
@@ -5898,13 +5899,13 @@ class Main extends React$1.Component {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 143
+          lineNumber: 145
         }
       }),
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 139
+        lineNumber: 141
       }
     }, teacherInstructionsEnabled && React$1.createElement(InputContainer, {
       label: teacherInstructions.label,
@@ -5912,7 +5913,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 156
+        lineNumber: 158
       }
     }, React$1.createElement(EditableHtml, {
       className: classes.prompt,
@@ -5936,14 +5937,14 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 157
+        lineNumber: 159
       }
     }), teacherInstructionsError && React$1.createElement('div', {
       className: classes.errorText,
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 173
+        lineNumber: 175
       }
     }, teacherInstructionsError)), promptEnabled && React$1.createElement(InputContainer, {
       label: prompt.label,
@@ -5951,7 +5952,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 178
+        lineNumber: 180
       }
     }, React$1.createElement(EditableHtml, {
       activePlugins: ALL_PLUGINS,
@@ -5976,20 +5977,20 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 179
+        lineNumber: 181
       }
     }), promptError && React$1.createElement('div', {
       className: classes.errorText,
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 196
+        lineNumber: 198
       }
     }, promptError)), feedbackEnabled && React$1.createElement(React$1.Fragment, {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 201
+        lineNumber: 203
       }
     }, React$1.createElement(Typography, {
       className: classes.header,
@@ -5997,7 +5998,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 202
+        lineNumber: 204
       }
     }, "Feedback"), React$1.createElement(FeedbackSelector, {
       label: "When submitted, show",
@@ -6007,7 +6008,7 @@ class Main extends React$1.Component {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 206
+        lineNumber: 208
       }
     })));
   }
@@ -6046,9 +6047,14 @@ var defaults = {
     studentInstructionsEnabled: true,
     spellCheckEnabled: true,
     playerSpellCheckDisabled: true,
-    toolbarEditorPosition: 'bottom'
+    toolbarEditorPosition: 'bottom',
+    annotationsEnabled: false
   },
   configuration: {
+    annotations: {
+      settings: false,
+      label: 'Annotations'
+    },
     baseInputConfiguration: {
       audio: {
         disabled: false

package/module/controller.js

@@ -164,30 +164,43 @@ var _feedback = feedback;
 }(feedback$1));
 
 var defaults = {
+  annotationsEnabled: false,
   dimensions: {
     height: 100,
     width: 500,
   },
+  feedbackEnabled: false,
+  promptEnabled: true,
+  rationaleEnabled: true,
+  teacherInstructionsEnabled: true,
+  studentInstructionsEnabled: true,
+  playerSpellCheckDisabled: true,
+  predefinedAnnotations: [
+    { label: 'good', text: 'good', type: 'positive' },
+    { label: '★', text: '★', type: 'positive' },
+    { label: ':-)', text: ':-)', type: 'positive' },
+    { label: 'creative', text: 'creative', type: 'positive' },
+    { label: 'run-on', text: 'run-on', type: 'negative' },
+    { label: 'frag', text: 'fragment', type: 'negative' },
+    { label: 'tran', text: 'transition', type: 'negative' },
+    { label: 'supp', text: 'support needed', type: 'negative' },
+    { label: 'punc', text: 'punctuation', type: 'negative' },
+    { label: 'agr', text: 'agreement wrong', type: 'negative' },
+    { label: 'unclear', text: 'unclear', type: 'negative' },
+    { label: 'cut', text: 'cut', type: 'negative' },
+    { label: 'sp', text: 'spelling', type: 'negative' },
+    { label: 'cap', text: 'capitalization', type: 'negative' },
+    { label: 'inf', text: 'informal', type: 'negative' },
+    { label: 'awk', text: 'awkward', type: 'negative' },
+  ],
 };
 
 async function createDefaultModel(model = {}) {
 
-  return {
-    ...defaults,
-    ...model,
-  };
+  return { ...defaults, ...model };
 }
 
-const normalize = (question) => ({
-  ...defaults,
-  feedbackEnabled: false,
-  rationaleEnabled: true,
-  promptEnabled: true,
-  teacherInstructionsEnabled: true,
-  studentInstructionsEnabled: true,
-  playerSpellCheckDisabled: true,
-  ...question,
-});
+const normalize = (question) => ({ ...defaults, ...question });
 
 async function model(question, session, env) {
   const normalizedQuestion = normalize(question);
@@ -221,10 +234,13 @@ async function model(question, session, env) {
       break;
   }
 
+  const annotatorMode = normalizedQuestion.annotationsEnabled && (env.role === 'instructor' || env.mode === 'evaluate');
+
   return fb.then((feedback) => ({
     prompt: normalizedQuestion.promptEnabled ? normalizedQuestion.prompt : null,
     dimensions: normalizedQuestion.dimensions,
     customKeys: normalizedQuestion.customKeys || [],
+    id: normalizedQuestion.id,
     disabled: env.mode !== 'gather',
     feedback,
     teacherInstructions,
@@ -234,6 +250,9 @@ async function model(question, session, env) {
     equationEditor,
     spellCheckEnabled: !normalizedQuestion.playerSpellCheckDisabled,
     playersToolbarPosition: normalizedQuestion.playersToolbarPosition || 'bottom',
+    annotatorMode,
+    disabledAnnotator: normalizedQuestion.annotationsEnabled ? env.role !== 'instructor' : true,
+    predefinedAnnotations: normalizedQuestion.annotationsEnabled ? normalizedQuestion.predefinedAnnotations : [],
   }));
 }
 

package/module/demo.js

@@ -16,6 +16,7 @@ generate.model = (id, element) => ({
   toolbarEditorPosition: 'bottom',
   spellCheckEnabled: true,
   rubricEnabled: false,
+  annotationsEnabled: false,
 });
 
 const { model } = generate;