@pie-element/extended-text-entry 6.5.3 → 6.5.4-next.1008

package/module/configure.js

@@ -1,330 +0,0 @@
-import {_dll_pie_lib__config_ui, _dll_pie_lib__editable_html, _dll_pie_framework__pie_configure_events} from "../../shared-config@^1.8.13/module/index.js";
-import {_dll_material_ui__core_styles, _dll_react, _dll_prop_types, _dll_material_ui__core, _dll_react_dom} from "../../../@pie-ui/shared-lib@^4.3.3/module/index.js";
-const React = _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/ede/dev/github/pie-framework/pie-elements/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.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 = {}} = configuration || ({});
-    const {teacherInstructionsEnabled, promptEnabled, feedbackEnabled} = model || ({});
-    return React.createElement(layout.ConfigLayout, {
-      settings: React.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, ['Grade 1 - 2', 'Grade 3 - 5', 'Grade 6 - 7', 'Grade 8 - HS', 'geometry', 'advanced-algebra', 'statistics', 'everything']),
-            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)
-          },
-          'Properties': {
-            teacherInstructionsEnabled: teacherInstructions.settings && toggle(teacherInstructions.label),
-            studentInstructionsEnabled: studentInstructions.settings && toggle(studentInstructions.label)
-          }
-        },
-        __self: this,
-        __source: {
-          fileName: _jsxFileName,
-          lineNumber: 75
-        }
-      }),
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 73
-      }
-    }, React.createElement('div', {
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 123
-      }
-    }, teacherInstructionsEnabled && React.createElement(InputContainer, {
-      label: teacherInstructions.label,
-      className: classes.promptContainer,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 126
-      }
-    }, React.createElement(EditableHtml, {
-      className: classes.prompt,
-      markup: model.teacherInstructions || '',
-      onChange: this.changeTeacherInstructions,
-      imageSupport: imageSupport,
-      nonEmpty: false,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 127
-      }
-    })), React.createElement('br', {
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 137
-      }
-    }), promptEnabled && React.createElement(InputContainer, {
-      label: prompt.label,
-      className: classes.promptContainer,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 140
-      }
-    }, React.createElement(EditableHtml, {
-      activePlugins: ALL_PLUGINS,
-      className: classes.prompt,
-      markup: model.prompt || '',
-      onChange: this.onPromptChange,
-      imageSupport: imageSupport,
-      nonEmpty: false,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 141
-      }
-    })), feedbackEnabled && React.createElement(React.Fragment, {
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 154
-      }
-    }, React.createElement(Typography, {
-      className: classes.header,
-      variant: "subheading",
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 155
-      }
-    }, "Feedback"), React.createElement(FeedbackSelector, {
-      label: "When submitted, show",
-      feedback: model.feedback || defaultFeedback,
-      onChange: this.changeFeedback,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 159
-      }
-    }))));
-  }
-}
-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: 'everything',
-    feedbackEnabled: true,
-    rationaleEnabled: true,
-    promptEnabled: true,
-    teacherInstructionsEnabled: true,
-    studentInstructionsEnabled: true
-  },
-  configuration: {
-    dimensions: {
-      settings: true,
-      label: 'Text-Entry Display Size'
-    },
-    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 {ModelUpdatedEvent: ModelUpdatedEvent} = _dll_pie_framework__pie_configure_events;
-const {DeleteImageEvent: DeleteImageEvent} = _dll_pie_framework__pie_configure_events;
-const {InsertImageEvent: InsertImageEvent} = _dll_pie_framework__pie_configure_events;
-const React$1 = _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(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(handler));
-  }
-  onDeleteImage(src, done) {
-    this.dispatchEvent(new DeleteImageEvent(src, done));
-  }
-  render() {
-    if (this._model) {
-      const element = React$1.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 default ExtendedTextEntry;

package/module/controller.js

@@ -1,95 +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,
-  ...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 || 'everything';
-
-  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,
-    disabled: env.mode !== 'gather',
-    feedback,
-    teacherInstructions,
-    mathInput: normalizedQuestion.mathInput,
-    equationEditor
-  }));
-}
-
-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,34 +0,0 @@
-import Configure from './configure.js';
-import Element from './element.js';
-import * as controller from './controller.js';
-
-var model = (id, element) => ({
-  id,
-  element,
-  feedback: { type: 'default', default: 'this is default feedback' },
-  prompt: 'This is the question prompt',
-  promptEnabled: true,
-  mathInput: false
-});
-
-var generate = {
-	model: model
-};
-
-const { model: model$1 } = generate;
-var config = {
-  elements: {
-    'extended-text-entry': '../..'
-  },
-  models: [model$1('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;
-        });
-      });