@pie-element/extended-text-entry 6.8.12 → 6.8.13

package/module/configure.js

@@ -1,402 +0,0 @@
-import {_dll_react, _dll_prop_types, _dll_material_ui__core, _dll_material_ui__core_styles, _dll_react_dom} from "../../../@pie-lib/shared-module@^1.4.19/module/index.js";
-import {_dll_pie_lib__config_ui} from "../../../@pie-lib/config-module@^1.3.1/module/index.js";
-import {_dll_pie_lib__editable_html} from "../../../@pie-lib/editable-html-module@^1.5.6/module/index.js";
-var lib = {};
-Object.defineProperty(lib, "__esModule", {
-  value: true
-});
-class ModelUpdatedEvent extends CustomEvent {
-  constructor(update, reset = false) {
-    super(ModelUpdatedEvent.TYPE, {
-      bubbles: true,
-      detail: {
-        update,
-        reset
-      }
-    });
-    this.update = update;
-    this.reset = reset;
-  }
-}
-ModelUpdatedEvent.TYPE = 'model.updated';
-var ModelUpdatedEvent_1 = lib.ModelUpdatedEvent = ModelUpdatedEvent;
-class DeleteImageEvent extends CustomEvent {
-  constructor(src, done) {
-    super(DeleteImageEvent.TYPE, {
-      bubbles: true,
-      detail: {
-        src,
-        done
-      }
-    });
-    this.src = src;
-    this.done = done;
-  }
-}
-DeleteImageEvent.TYPE = 'delete.image';
-var DeleteImageEvent_1 = lib.DeleteImageEvent = DeleteImageEvent;
-class InsertImageEvent extends CustomEvent {
-  constructor(handler) {
-    super(InsertImageEvent.TYPE, {
-      bubbles: true,
-      detail: handler
-    });
-    this.handler = handler;
-  }
-}
-InsertImageEvent.TYPE = 'insert.image';
-var InsertImageEvent_1 = lib.InsertImageEvent = InsertImageEvent;
-const React$1 = _dll_react;
-const PropTypes = _dll_prop_types;
-const {Typography: Typography} = _dll_material_ui__core;
-const {withStyles: withStyles} = _dll_material_ui__core_styles;
-const {FeedbackSelector: FeedbackSelector} = _dll_pie_lib__config_ui;
-const {InputContainer: InputContainer} = _dll_pie_lib__config_ui;
-const {settings: settings} = _dll_pie_lib__config_ui;
-const {layout: layout} = _dll_pie_lib__config_ui;
-const EditableHtml = _dll_pie_lib__editable_html;
-const {ALL_PLUGINS: ALL_PLUGINS} = _dll_pie_lib__editable_html;
-const _jsxFileName = "/home/circleci/repo/packages/extended-text-entry/configure/src/main.jsx";
-const {Panel, toggle, numberFields, dropdown} = settings;
-const defaultFeedback = {
-  type: 'default',
-  default: 'Your answer has been submitted'
-};
-class Main extends React$1.Component {
-  static __initStatic() {
-    this.propTypes = {
-      onModelChanged: PropTypes.func.isRequired,
-      onConfigurationChanged: PropTypes.func,
-      model: PropTypes.object.isRequired,
-      configuration: PropTypes.object.isRequired,
-      imageSupport: PropTypes.object.isRequired,
-      classes: PropTypes.object.isRequired
-    };
-  }
-  constructor(props) {
-    super(props);
-    Main.prototype.__init.call(this);
-    Main.prototype.__init2.call(this);
-    Main.prototype.__init3.call(this);
-    this.state = {
-      setDimensions: true
-    };
-  }
-  __init() {
-    this.onPromptChange = markup => {
-      const {onModelChanged, model} = this.props;
-      onModelChanged({
-        ...model,
-        prompt: markup
-      });
-    };
-  }
-  __init2() {
-    this.changeFeedback = feedback => {
-      const {model, onModelChanged} = this.props;
-      const update = {
-        ...model,
-        feedback
-      };
-      onModelChanged(update);
-    };
-  }
-  __init3() {
-    this.changeTeacherInstructions = teacherInstructions => {
-      const {model, onModelChanged} = this.props;
-      const update = {
-        ...model,
-        teacherInstructions
-      };
-      onModelChanged(update);
-    };
-  }
-  render() {
-    const {model, classes, onModelChanged, configuration, onConfigurationChanged, imageSupport} = this.props;
-    const {multiple = {}, feedback = {}, teacherInstructions = {}, prompt = {}, studentInstructions = {}, mathInput = {}, dimensions = {}, equationEditor = {}, spellCheck = {}, playerSpellCheck = {}} = configuration || ({});
-    const {teacherInstructionsEnabled, promptEnabled, feedbackEnabled, spellCheckEnabled} = model || ({});
-    const toolbarOpts = {};
-    switch (model.toolbarEditorPosition) {
-      case 'top':
-        toolbarOpts.position = 'top';
-        break;
-      default:
-        toolbarOpts.position = 'bottom';
-        break;
-    }
-    return React$1.createElement(layout.ConfigLayout, {
-      settings: React$1.createElement(Panel, {
-        model: model,
-        configuration: configuration,
-        onChangeModel: model => onModelChanged(model),
-        onChangeConfiguration: config => onConfigurationChanged(config),
-        groups: {
-          Settings: {
-            mathInput: mathInput.settings && toggle(mathInput.label),
-            equationEditor: equationEditor.enabled && model.mathInput && dropdown(equationEditor.label, ['non-negative-integers', 'integers', 'decimals', 'fractions', 'Grade 1 - 2', 'Grade 3 - 5', 'Grade 6 - 7', 'Grade 8 - HS', 'geometry', 'advanced-algebra', 'statistics', 'item-authoring']),
-            dimensions: numberFields(dimensions.label, {
-              width: {
-                label: 'Width (px)',
-                suffix: 'px',
-                min: 100,
-                max: 500
-              },
-              height: {
-                label: 'Height (px)',
-                suffix: 'px',
-                min: 100,
-                max: 500
-              }
-            }),
-            'multiple.enabled': multiple.settings && toggle(multiple.label, true),
-            promptEnabled: prompt.settings && toggle(prompt.label),
-            feedbackEnabled: feedback.settings && toggle(feedback.label),
-            spellCheckEnabled: spellCheck.settings && toggle(spellCheck.label),
-            playerSpellCheckEnabled: playerSpellCheck.settings && toggle(playerSpellCheck.label)
-          },
-          Properties: {
-            teacherInstructionsEnabled: teacherInstructions.settings && toggle(teacherInstructions.label),
-            studentInstructionsEnabled: studentInstructions.settings && toggle(studentInstructions.label)
-          }
-        },
-        __self: this,
-        __source: {
-          fileName: _jsxFileName,
-          lineNumber: 94
-        }
-      }),
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 92
-      }
-    }, React$1.createElement('div', {
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 154
-      }
-    }, teacherInstructionsEnabled && React$1.createElement(InputContainer, {
-      label: teacherInstructions.label,
-      className: classes.promptContainer,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 156
-      }
-    }, React$1.createElement(EditableHtml, {
-      className: classes.prompt,
-      markup: model.teacherInstructions || '',
-      onChange: this.changeTeacherInstructions,
-      imageSupport: imageSupport,
-      nonEmpty: false,
-      toolbarOpts: toolbarOpts,
-      spellCheck: spellCheckEnabled,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 160
-      }
-    })), React$1.createElement('br', {
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 172
-      }
-    }), promptEnabled && React$1.createElement(InputContainer, {
-      label: prompt.label,
-      className: classes.promptContainer,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 175
-      }
-    }, React$1.createElement(EditableHtml, {
-      activePlugins: ALL_PLUGINS,
-      className: classes.prompt,
-      markup: model.prompt || '',
-      onChange: this.onPromptChange,
-      imageSupport: imageSupport,
-      nonEmpty: false,
-      toolbarOpts: toolbarOpts,
-      spellCheck: spellCheckEnabled,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 179
-      }
-    })), feedbackEnabled && React$1.createElement(React$1.Fragment, {
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 193
-      }
-    }, React$1.createElement(Typography, {
-      className: classes.header,
-      variant: "subheading",
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 194
-      }
-    }, "Feedback"), React$1.createElement(FeedbackSelector, {
-      label: "When submitted, show",
-      feedback: model.feedback || defaultFeedback,
-      onChange: this.changeFeedback,
-      toolbarOpts: toolbarOpts,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 198
-      }
-    }))));
-  }
-}
-Main.__initStatic();
-var Main$1 = withStyles(theme => ({
-  header: {
-    paddingBottom: theme.spacing.unit
-  },
-  promptContainer: {
-    paddingTop: theme.spacing.unit * 2,
-    marginBottom: theme.spacing.unit * 2,
-    width: '100%'
-  },
-  promptInput: {
-    width: '100%',
-    marginBottom: theme.spacing.unit
-  },
-  field: {
-    width: '200px'
-  }
-}))(Main);
-var defaults = {
-  model: {
-    dimensions: {
-      height: 100,
-      width: 500
-    },
-    prompt: 'This is the question prompt',
-    mathInput: false,
-    equationEditor: 'Grade 8 - HS',
-    feedbackEnabled: true,
-    rationaleEnabled: true,
-    promptEnabled: true,
-    teacherInstructionsEnabled: true,
-    studentInstructionsEnabled: true,
-    spellCheckEnabled: true,
-    playerSpellCheckEnabled: true,
-    toolbarEditorPosition: 'bottom'
-  },
-  configuration: {
-    dimensions: {
-      settings: true,
-      label: 'Text-Entry Display Size'
-    },
-    spellCheck: {
-      label: 'Spellcheck',
-      settings: false,
-      enabled: true
-    },
-    playerSpellCheck: {
-      label: 'Student Spellcheck',
-      settings: true,
-      enabled: true
-    },
-    equationEditor: {
-      settings: false,
-      label: 'Equation Editor',
-      enabled: true
-    },
-    feedback: {
-      settings: true,
-      label: 'Feedback'
-    },
-    mathInput: {
-      settings: true,
-      label: 'Student response can include math notation',
-      enabled: false
-    },
-    multiple: {
-      settings: false,
-      label: 'Multiple Parts',
-      enabled: false
-    },
-    studentInstructions: {
-      settings: false,
-      label: 'Student Instructions'
-    },
-    prompt: {
-      settings: true,
-      label: 'Prompt'
-    },
-    teacherInstructions: {
-      settings: true,
-      label: 'Teacher Instructions'
-    }
-  }
-};
-const React = _dll_react;
-const ReactDOM = _dll_react_dom;
-class ExtendedTextEntry extends HTMLElement {
-  static __initStatic() {
-    this.createDefaultModel = (model = {}) => ({
-      ...defaults.model,
-      ...model
-    });
-  }
-  constructor() {
-    super();
-    this._model = ExtendedTextEntry.createDefaultModel();
-    this._configuration = defaults.configuration;
-  }
-  set model(m) {
-    this._model = ExtendedTextEntry.createDefaultModel(m);
-    this.render();
-  }
-  set configuration(c) {
-    this._configuration = {
-      ...defaults.configuration,
-      ...c
-    };
-    this.render();
-  }
-  onModelChanged(m) {
-    this._model = m;
-    this.render();
-    this.dispatchEvent(new ModelUpdatedEvent_1(this._model, false));
-  }
-  onConfigurationChanged(c) {
-    this._configuration = {
-      ...defaults.configuration,
-      ...c
-    };
-    if (this._model) {
-      this.onModelChanged(this._model);
-    }
-    this.render();
-  }
-  insertImage(handler) {
-    this.dispatchEvent(new InsertImageEvent_1(handler));
-  }
-  onDeleteImage(src, done) {
-    this.dispatchEvent(new DeleteImageEvent_1(src, done));
-  }
-  render() {
-    if (this._model) {
-      const element = React.createElement(Main$1, {
-        model: this._model,
-        configuration: this._configuration,
-        onModelChanged: this.onModelChanged.bind(this),
-        onConfigurationChanged: this.onConfigurationChanged.bind(this),
-        imageSupport: {
-          add: this.insertImage.bind(this),
-          delete: this.onDeleteImage.bind(this)
-        }
-      });
-      ReactDOM.render(element, this);
-    }
-  }
-}
-ExtendedTextEntry.__initStatic();
-export {ExtendedTextEntry as default};

package/module/controller.js

@@ -1,99 +0,0 @@
-/**
- * Get the feedback from a {FeedbackConfig}
- *
- * @param {FeedbackConfig} feedback
- * @param {string} fallback
- */
-const getFeedback = (feedback, fallback) =>
-  new Promise(resolve => {
-    if (!feedback || feedback.type === 'none') {
-      resolve(undefined);
-      return;
-    }
-    feedback = feedback || {};
-    const out = feedback[feedback.type] || fallback;
-    resolve(out);
-  });
-
-var defaults = {
-  dimensions: {
-    height: 100,
-    width: 500,
-  }
-};
-
-async function createDefaultModel(model = {}) {
-
-  return {
-    ...defaults,
-    ...model,
-  };
-}
-
-const normalize = question => ({
-  ...defaults,
-  feedbackEnabled: true,
-  rationaleEnabled: true,
-  promptEnabled: true,
-  teacherInstructionsEnabled: true,
-  studentInstructionsEnabled: true,
-  playerSpellCheckEnabled: true,
-  ...question,
-});
-
-
-async function model(question, session, env) {
-  const normalizedQuestion = normalize(question);
-
-  const fb =
-    env.mode === 'evaluate' && normalizedQuestion.feedbackEnabled
-      ? getFeedback(normalizedQuestion.feedback, 'Your answer has been submitted')
-      : Promise.resolve(undefined);
-
-  let teacherInstructions = null;
-  if (env.role === 'instructor' && (env.mode === 'view' || env.mode === 'evaluate')) {
-    teacherInstructions = normalizedQuestion.teacherInstructionsEnabled ? normalizedQuestion.teacherInstructions : null;
-  } else {
-    teacherInstructions = null;
-  }
-
-  let equationEditor = normalizedQuestion.equationEditor || 'miscellaneous';
-
-  switch (normalizedQuestion.equationEditor) {
-    case 'Grade 1 - 2':
-      equationEditor = 1;
-      break;
-    case 'Grade 3 - 5':
-      equationEditor = 3;
-      break;
-    case 'Grade 6 - 7':
-      equationEditor = 6;
-      break;
-    case 'Grade 8 - HS':
-      equationEditor = 8;
-      break;
-  }
-
-  return fb.then(feedback => ({
-    prompt: normalizedQuestion.promptEnabled ? normalizedQuestion.prompt : null,
-    dimensions: normalizedQuestion.dimensions,
-    customKeys: normalizedQuestion.customKeys || [],
-    disabled: env.mode !== 'gather',
-    feedback,
-    teacherInstructions,
-    mathInput: normalizedQuestion.mathInput,
-    equationEditor, 
-    spellCheckEnabled: normalizedQuestion.playerSpellCheckEnabled,
-    playersToolbarPosition: normalizedQuestion.playersToolbarPosition || 'bottom'
-  }));
-}
-
-async function outcome(/*question, session, env*/) {
-  return {
-    score: 0,
-    completed: 'n/a',
-    note: 'Requires manual scoring'
-  };
-}
-
-export { createDefaultModel, model, normalize, outcome };

package/module/demo.js

@@ -1,38 +0,0 @@
-import Configure from './configure.js';
-import Element from './element.js';
-import * as controller from './controller.js';
-
-var generate = {};
-
-generate.model = (id, element) => ({
-  id,
-  element,
-  customKeys: [
-    '\\square'
-  ],
-  feedback: { type: 'default', default: 'this is default feedback' },
-  prompt: 'This is the question prompt',
-  promptEnabled: true,
-  mathInput: true,
-  playersToolbarPosition: 'bottom',
-  toolbarEditorPosition: 'bottom',
-  spellCheckEnabled: true
-});
-
-const { model } = generate;
-var config = {
-  elements: {
-    'extended-text-entry': '../..'
-  },
-  models: [model('1', 'extended-text-entry')]
-};
-
-//Note: demo-el is a custom element loaded in the markup.
-  customElements.whenDefined("demo-el").then(() => {
-    config.models.forEach((m) => {
-      const de = document.createElement("demo-el");
-      document.body.appendChild(de);
-      de.def = { tagName: m.element, Element, Configure, controller };
-      de.model = m;
-    });
-  });