@pie-element/extended-text-entry 6.6.0-ps.2 → 6.6.2

package/CHANGELOG.md

@@ -3,6 +3,27 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [6.6.2](https://github.com/pie-framework/pie-elements/compare/@pie-element/extended-text-entry@6.6.1...@pie-element/extended-text-entry@6.6.2) (2021-09-20)
+
+
+### Bug Fixes
+
+* pie-lib updates ([e521c2f](https://github.com/pie-framework/pie-elements/commit/e521c2f1a44aa7f3e14f82a1cee05ceb484ed0a6))
+* Updated pie-lib versions ([2fe4c5d](https://github.com/pie-framework/pie-elements/commit/2fe4c5d0be2d40f5fdb34815855695a7f1087f56))
+* Updated pie-lib versions ([1c23830](https://github.com/pie-framework/pie-elements/commit/1c23830fc75d1de5f7bb3bb16de3c665ae5fa350))
+
+
+
+
+
+## [6.6.1](https://github.com/pie-framework/pie-elements/compare/@pie-element/extended-text-entry@6.6.0...@pie-element/extended-text-entry@6.6.1) (2021-09-01)
+
+**Note:** Version bump only for package @pie-element/extended-text-entry
+
+
+
+
+
 # [6.6.0](https://github.com/pie-framework/pie-elements/compare/@pie-element/extended-text-entry@6.5.3...@pie-element/extended-text-entry@6.6.0) (2021-08-05)
 
 

package/LICENSE.md

@@ -0,0 +1,5 @@
+Copyright 2019 CoreSpring Inc
+
+Permission to use, copy, modify, and/or distribute this software for any purpose with or without fee is hereby granted, provided that the above copyright notice and this permission notice appear in all copies.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.

package/configure/CHANGELOG.md

@@ -3,6 +3,19 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [5.3.1](https://github.com/pie-framework/pie-elements/compare/@pie-element/extended-text-entry-configure@5.3.0...@pie-element/extended-text-entry-configure@5.3.1) (2021-09-20)
+
+
+### Bug Fixes
+
+* pie-lib updates ([e521c2f](https://github.com/pie-framework/pie-elements/commit/e521c2f1a44aa7f3e14f82a1cee05ceb484ed0a6))
+* Updated pie-lib versions ([2fe4c5d](https://github.com/pie-framework/pie-elements/commit/2fe4c5d0be2d40f5fdb34815855695a7f1087f56))
+* Updated pie-lib versions ([1c23830](https://github.com/pie-framework/pie-elements/commit/1c23830fc75d1de5f7bb3bb16de3c665ae5fa350))
+
+
+
+
+
 # [5.3.0](https://github.com/pie-framework/pie-elements/compare/@pie-element/extended-text-entry-configure@5.2.9...@pie-element/extended-text-entry-configure@5.3.0) (2021-08-05)
 
 

package/configure/lib/defaults.js

@@ -17,7 +17,8 @@ var _default = {
     rationaleEnabled: true,
     promptEnabled: true,
     teacherInstructionsEnabled: true,
-    studentInstructionsEnabled: true
+    studentInstructionsEnabled: true,
+    toolbarEditorPosition: 'bottom'
   },
   configuration: {
     dimensions: {

package/configure/lib/defaults.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/defaults.js"],"names":["model","dimensions","height","width","prompt","mathInput","equationEditor","feedbackEnabled","rationaleEnabled","promptEnabled","teacherInstructionsEnabled","studentInstructionsEnabled","configuration","settings","label","enabled","feedback","multiple","studentInstructions","teacherInstructions"],"mappings":";;;;;;eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,UAAU,EAAE;AACVC,MAAAA,MAAM,EAAE,GADE;AAEVC,MAAAA,KAAK,EAAE;AAFG,KADP;AAKLC,IAAAA,MAAM,EAAE,6BALH;AAMLC,IAAAA,SAAS,EAAE,KANN;AAOLC,IAAAA,cAAc,EAAE,eAPX;AAQLC,IAAAA,eAAe,EAAE,IARZ;AASLC,IAAAA,gBAAgB,EAAE,IATb;AAULC,IAAAA,aAAa,EAAE,IAVV;AAWLC,IAAAA,0BAA0B,EAAE,IAXvB;AAYLC,IAAAA,0BAA0B,EAAE;AAZvB,GADM;AAebC,EAAAA,aAAa,EAAE;AACbX,IAAAA,UAAU,EAAE;AACVY,MAAAA,QAAQ,EAAE,IADA;AAEVC,MAAAA,KAAK,EAAE;AAFG,KADC;AAKbR,IAAAA,cAAc,EAAE;AACdO,MAAAA,QAAQ,EAAE,KADI;AAEdC,MAAAA,KAAK,EAAE,iBAFO;AAGdC,MAAAA,OAAO,EAAE;AAHK,KALH;AAUbC,IAAAA,QAAQ,EAAE;AACRH,MAAAA,QAAQ,EAAE,IADF;AAERC,MAAAA,KAAK,EAAE;AAFC,KAVG;AAcbT,IAAAA,SAAS,EAAE;AACTQ,MAAAA,QAAQ,EAAE,IADD;AAETC,MAAAA,KAAK,EAAE,4CAFE;AAGTC,MAAAA,OAAO,EAAE;AAHA,KAdE;AAmBbE,IAAAA,QAAQ,EAAE;AACRJ,MAAAA,QAAQ,EAAE,KADF;AAERC,MAAAA,KAAK,EAAE,gBAFC;AAGRC,MAAAA,OAAO,EAAE;AAHD,KAnBG;AAwBbG,IAAAA,mBAAmB,EAAE;AACnBL,MAAAA,QAAQ,EAAE,KADS;AAEnBC,MAAAA,KAAK,EAAE;AAFY,KAxBR;AA4BbV,IAAAA,MAAM,EAAE;AACNS,MAAAA,QAAQ,EAAE,IADJ;AAENC,MAAAA,KAAK,EAAE;AAFD,KA5BK;AAgCbK,IAAAA,mBAAmB,EAAE;AACnBN,MAAAA,QAAQ,EAAE,IADS;AAEnBC,MAAAA,KAAK,EAAE;AAFY;AAhCR;AAfF,C","sourcesContent":["export default {\n  model: {\n    dimensions: {\n      height: 100,\n      width: 500\n    },\n    prompt: 'This is the question prompt',\n    mathInput: false,\n    equationEditor: 'miscellaneous',\n    feedbackEnabled: true,\n    rationaleEnabled: true,\n    promptEnabled: true,\n    teacherInstructionsEnabled: true,\n    studentInstructionsEnabled: true\n  },\n  configuration: {\n    dimensions: {\n      settings: true,\n      label: 'Text-Entry Display Size'\n    },\n    equationEditor: {\n      settings: false,\n      label: 'Equation Editor',\n      enabled: true,\n    },\n    feedback: {\n      settings: true,\n      label: 'Feedback'\n    },\n    mathInput: {\n      settings: true,\n      label: 'Student response can include math notation',\n      enabled: false,\n    },\n    multiple: {\n      settings: false,\n      label: 'Multiple Parts',\n      enabled: false,\n    },\n    studentInstructions: {\n      settings: false,\n      label: 'Student Instructions'\n    },\n    prompt: {\n      settings: true,\n      label: 'Prompt'\n    },\n    teacherInstructions: {\n      settings: true,\n      label: 'Teacher Instructions'\n    },\n  }\n};\n"],"file":"defaults.js"}
+{"version":3,"sources":["../src/defaults.js"],"names":["model","dimensions","height","width","prompt","mathInput","equationEditor","feedbackEnabled","rationaleEnabled","promptEnabled","teacherInstructionsEnabled","studentInstructionsEnabled","toolbarEditorPosition","configuration","settings","label","enabled","feedback","multiple","studentInstructions","teacherInstructions"],"mappings":";;;;;;eAAe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,UAAU,EAAE;AACVC,MAAAA,MAAM,EAAE,GADE;AAEVC,MAAAA,KAAK,EAAE;AAFG,KADP;AAKLC,IAAAA,MAAM,EAAE,6BALH;AAMLC,IAAAA,SAAS,EAAE,KANN;AAOLC,IAAAA,cAAc,EAAE,eAPX;AAQLC,IAAAA,eAAe,EAAE,IARZ;AASLC,IAAAA,gBAAgB,EAAE,IATb;AAULC,IAAAA,aAAa,EAAE,IAVV;AAWLC,IAAAA,0BAA0B,EAAE,IAXvB;AAYLC,IAAAA,0BAA0B,EAAE,IAZvB;AAaLC,IAAAA,qBAAqB,EAAE;AAblB,GADM;AAgBbC,EAAAA,aAAa,EAAE;AACbZ,IAAAA,UAAU,EAAE;AACVa,MAAAA,QAAQ,EAAE,IADA;AAEVC,MAAAA,KAAK,EAAE;AAFG,KADC;AAKbT,IAAAA,cAAc,EAAE;AACdQ,MAAAA,QAAQ,EAAE,KADI;AAEdC,MAAAA,KAAK,EAAE,iBAFO;AAGdC,MAAAA,OAAO,EAAE;AAHK,KALH;AAUbC,IAAAA,QAAQ,EAAE;AACRH,MAAAA,QAAQ,EAAE,IADF;AAERC,MAAAA,KAAK,EAAE;AAFC,KAVG;AAcbV,IAAAA,SAAS,EAAE;AACTS,MAAAA,QAAQ,EAAE,IADD;AAETC,MAAAA,KAAK,EAAE,4CAFE;AAGTC,MAAAA,OAAO,EAAE;AAHA,KAdE;AAmBbE,IAAAA,QAAQ,EAAE;AACRJ,MAAAA,QAAQ,EAAE,KADF;AAERC,MAAAA,KAAK,EAAE,gBAFC;AAGRC,MAAAA,OAAO,EAAE;AAHD,KAnBG;AAwBbG,IAAAA,mBAAmB,EAAE;AACnBL,MAAAA,QAAQ,EAAE,KADS;AAEnBC,MAAAA,KAAK,EAAE;AAFY,KAxBR;AA4BbX,IAAAA,MAAM,EAAE;AACNU,MAAAA,QAAQ,EAAE,IADJ;AAENC,MAAAA,KAAK,EAAE;AAFD,KA5BK;AAgCbK,IAAAA,mBAAmB,EAAE;AACnBN,MAAAA,QAAQ,EAAE,IADS;AAEnBC,MAAAA,KAAK,EAAE;AAFY;AAhCR;AAhBF,C","sourcesContent":["export default {\n  model: {\n    dimensions: {\n      height: 100,\n      width: 500\n    },\n    prompt: 'This is the question prompt',\n    mathInput: false,\n    equationEditor: 'miscellaneous',\n    feedbackEnabled: true,\n    rationaleEnabled: true,\n    promptEnabled: true,\n    teacherInstructionsEnabled: true,\n    studentInstructionsEnabled: true,\n    toolbarEditorPosition: 'bottom',\n  },\n  configuration: {\n    dimensions: {\n      settings: true,\n      label: 'Text-Entry Display Size'\n    },\n    equationEditor: {\n      settings: false,\n      label: 'Equation Editor',\n      enabled: true,\n    },\n    feedback: {\n      settings: true,\n      label: 'Feedback'\n    },\n    mathInput: {\n      settings: true,\n      label: 'Student response can include math notation',\n      enabled: false,\n    },\n    multiple: {\n      settings: false,\n      label: 'Multiple Parts',\n      enabled: false,\n    },\n    studentInstructions: {\n      settings: false,\n      label: 'Student Instructions'\n    },\n    prompt: {\n      settings: true,\n      label: 'Prompt'\n    },\n    teacherInstructions: {\n      settings: true,\n      label: 'Teacher Instructions'\n    },\n  }\n};\n"],"file":"defaults.js"}

package/configure/lib/index.js

@@ -31,13 +31,13 @@ var _main = _interopRequireDefault(require("./main"));
 
 var _defaults = _interopRequireDefault(require("./defaults"));
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
 
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
 var ExtendedTextEntry = /*#__PURE__*/function (_HTMLElement) {
   (0, _inherits2["default"])(ExtendedTextEntry, _HTMLElement);

package/configure/lib/main.js

@@ -1,9 +1,9 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
+var _typeof = require("@babel/runtime/helpers/typeof");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -35,13 +35,17 @@ var _styles = require("@material-ui/core/styles");
 
 var _editableHtml = _interopRequireWildcard(require("@pie-lib/editable-html"));
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
 
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
 var Panel = _configUi.settings.Panel,
     toggle = _configUi.settings.toggle,
@@ -132,6 +136,18 @@ var Main = /*#__PURE__*/function (_React$Component) {
           promptEnabled = _ref2.promptEnabled,
           feedbackEnabled = _ref2.feedbackEnabled;
 
+      var toolbarOpts = {};
+
+      switch (model.toolbarEditorPosition) {
+        case 'top':
+          toolbarOpts.position = 'top';
+          break;
+
+        default:
+          toolbarOpts.position = 'bottom';
+          break;
+      }
+
       return /*#__PURE__*/_react["default"].createElement(_configUi.layout.ConfigLayout, {
         settings: /*#__PURE__*/_react["default"].createElement(Panel, {
           model: model,
@@ -178,7 +194,8 @@ var Main = /*#__PURE__*/function (_React$Component) {
         markup: model.teacherInstructions || '',
         onChange: this.changeTeacherInstructions,
         imageSupport: imageSupport,
-        nonEmpty: false
+        nonEmpty: false,
+        toolbarOpts: toolbarOpts
       })), /*#__PURE__*/_react["default"].createElement("br", null), promptEnabled && /*#__PURE__*/_react["default"].createElement(_configUi.InputContainer, {
         label: prompt.label,
         className: classes.promptContainer
@@ -188,14 +205,16 @@ var Main = /*#__PURE__*/function (_React$Component) {
         markup: model.prompt || '',
         onChange: this.onPromptChange,
         imageSupport: imageSupport,
-        nonEmpty: false
+        nonEmpty: false,
+        toolbarOpts: toolbarOpts
       })), feedbackEnabled && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
         className: classes.header,
         variant: "subheading"
       }, "Feedback"), /*#__PURE__*/_react["default"].createElement(_configUi.FeedbackSelector, {
         label: "When submitted, show",
         feedback: model.feedback || defaultFeedback,
-        onChange: this.changeFeedback
+        onChange: this.changeFeedback,
+        toolbarOpts: toolbarOpts
       }))));
     }
   }]);

package/configure/lib/main.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/main.jsx"],"names":["Panel","settings","toggle","numberFields","dropdown","defaultFeedback","type","Main","props","markup","onModelChanged","model","prompt","feedback","update","teacherInstructions","state","setDimensions","classes","configuration","onConfigurationChanged","imageSupport","multiple","studentInstructions","mathInput","dimensions","equationEditor","teacherInstructionsEnabled","promptEnabled","feedbackEnabled","config","label","enabled","width","suffix","min","max","height","studentInstructionsEnabled","promptContainer","changeTeacherInstructions","ALL_PLUGINS","onPromptChange","header","changeFeedback","React","Component","PropTypes","func","isRequired","object","theme","paddingBottom","spacing","unit","paddingTop","marginBottom","promptInput","field"],"mappings":"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","sourcesContent":["import React from 'react';\nimport {\n  FeedbackSelector,\n  InputContainer,\n  settings,\n  layout\n} from '@pie-lib/config-ui';\nimport PropTypes from 'prop-types';\nimport Typography from '@material-ui/core/Typography';\nimport { withStyles } from '@material-ui/core/styles';\nimport EditableHtml, { ALL_PLUGINS } from '@pie-lib/editable-html';\n\nconst { Panel, toggle, numberFields, dropdown } = settings;\n\nconst defaultFeedback = {\n  type: 'default',\n  default: 'Your answer has been submitted'\n};\n\nexport class Main extends React.Component {\n  static propTypes = {\n    onModelChanged: PropTypes.func.isRequired,\n    onConfigurationChanged: PropTypes.func,\n    model: PropTypes.object.isRequired,\n    configuration: PropTypes.object.isRequired,\n    imageSupport: PropTypes.object.isRequired,\n    classes: PropTypes.object.isRequired\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      setDimensions: true\n    };\n  }\n\n  onPromptChange = markup => {\n    const { onModelChanged, model } = this.props;\n\n    onModelChanged({\n      ...model,\n      prompt: markup\n    });\n  };\n\n  changeFeedback = feedback => {\n    const { model, onModelChanged } = this.props;\n    const update = { ...model, feedback };\n    onModelChanged(update);\n  };\n\n  changeTeacherInstructions = teacherInstructions => {\n    const { model, onModelChanged } = this.props;\n    const update = { ...model, teacherInstructions };\n    onModelChanged(update);\n  };\n\n  render() {\n    const { model, classes, onModelChanged, configuration, onConfigurationChanged, imageSupport } = this.props;\n    const {\n      multiple = {},\n      feedback = {},\n      teacherInstructions = {},\n      prompt = {},\n      studentInstructions = {},\n      mathInput = {},\n      dimensions = {},\n      equationEditor = {}\n    } = configuration || {};\n    const { teacherInstructionsEnabled, promptEnabled, feedbackEnabled } = model || {};\n\n    return (\n      <layout.ConfigLayout\n        settings={\n          <Panel\n            model={model}\n            configuration={configuration}\n            onChangeModel={model => onModelChanged(model)}\n            onChangeConfiguration={config => onConfigurationChanged(config)}\n            groups={{\n              'Settings': {\n                mathInput: mathInput.settings && toggle(mathInput.label),\n                equationEditor: equationEditor.enabled && model.mathInput && dropdown(equationEditor.label, [\n                  'Grade 1 - 2',\n                  'Grade 3 - 5',\n                  'Grade 6 - 7',\n                  'Grade 8 - HS',\n                  'geometry',\n                  'advanced-algebra',\n                  'statistics',\n                  'miscellaneous'\n                ]),\n                dimensions: numberFields(dimensions.label, {\n                  width: {\n                    label: 'Width (px)',\n                    suffix: 'px',\n                    min: 100,\n                    max: 500\n                  },\n                  height: {\n                    label: 'Height (px)',\n                    suffix: 'px',\n                    min: 100,\n                    max: 500\n                  }\n                }),\n                'multiple.enabled': multiple.settings &&\n                  toggle(multiple.label, true),\n                promptEnabled: prompt.settings &&\n                  toggle(prompt.label),\n                feedbackEnabled: feedback.settings && toggle(feedback.label),\n              },\n              'Properties': {\n                teacherInstructionsEnabled: teacherInstructions.settings &&\n                  toggle(teacherInstructions.label),\n                studentInstructionsEnabled: studentInstructions.settings &&\n                  toggle(studentInstructions.label)\n              },\n            }}\n          />\n        }\n      >\n        <div>\n\n          {teacherInstructionsEnabled && (\n            <InputContainer label={teacherInstructions.label} className={classes.promptContainer}>\n              <EditableHtml\n                className={classes.prompt}\n                markup={model.teacherInstructions || ''}\n                onChange={this.changeTeacherInstructions}\n                imageSupport={imageSupport}\n                nonEmpty={false}\n              />\n            </InputContainer>\n          )}\n\n          <br />\n\n          {promptEnabled && (\n            <InputContainer label={prompt.label} className={classes.promptContainer}>\n              <EditableHtml\n                activePlugins={ALL_PLUGINS}\n                className={classes.prompt}\n                markup={model.prompt || ''}\n                onChange={this.onPromptChange}\n                imageSupport={imageSupport}\n                nonEmpty={false}\n              />\n            </InputContainer>\n          )}\n\n          {\n            feedbackEnabled && (\n              <React.Fragment>\n                <Typography className={classes.header} variant=\"subheading\">\n                  Feedback\n                </Typography>\n\n                <FeedbackSelector\n                  label=\"When submitted, show\"\n                  feedback={model.feedback || defaultFeedback}\n                  onChange={this.changeFeedback}\n                />\n              </React.Fragment>\n            )\n          }\n        </div>\n      </layout.ConfigLayout>\n    );\n  }\n}\nexport default withStyles(theme => ({\n  header: {\n    paddingBottom: theme.spacing.unit\n  },\n  promptContainer: {\n    paddingTop: theme.spacing.unit * 2,\n    marginBottom: theme.spacing.unit * 2,\n    width: '100%'\n  },\n  promptInput: {\n    width: '100%',\n    marginBottom: theme.spacing.unit\n  },\n  field: {\n    width: '200px'\n  }\n}))(Main);\n"],"file":"main.js"}
+{"version":3,"sources":["../src/main.jsx"],"names":["Panel","settings","toggle","numberFields","dropdown","defaultFeedback","type","Main","props","markup","onModelChanged","model","prompt","feedback","update","teacherInstructions","state","setDimensions","classes","configuration","onConfigurationChanged","imageSupport","multiple","studentInstructions","mathInput","dimensions","equationEditor","teacherInstructionsEnabled","promptEnabled","feedbackEnabled","toolbarOpts","toolbarEditorPosition","position","config","label","enabled","width","suffix","min","max","height","studentInstructionsEnabled","promptContainer","changeTeacherInstructions","ALL_PLUGINS","onPromptChange","header","changeFeedback","React","Component","PropTypes","func","isRequired","object","theme","paddingBottom","spacing","unit","paddingTop","marginBottom","promptInput","field"],"mappings":"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","sourcesContent":["import React from 'react';\nimport {\n  FeedbackSelector,\n  InputContainer,\n  settings,\n  layout\n} from '@pie-lib/config-ui';\nimport PropTypes from 'prop-types';\nimport Typography from '@material-ui/core/Typography';\nimport { withStyles } from '@material-ui/core/styles';\nimport EditableHtml, { ALL_PLUGINS } from '@pie-lib/editable-html';\n\nconst { Panel, toggle, numberFields, dropdown } = settings;\n\nconst defaultFeedback = {\n  type: 'default',\n  default: 'Your answer has been submitted'\n};\n\nexport class Main extends React.Component {\n  static propTypes = {\n    onModelChanged: PropTypes.func.isRequired,\n    onConfigurationChanged: PropTypes.func,\n    model: PropTypes.object.isRequired,\n    configuration: PropTypes.object.isRequired,\n    imageSupport: PropTypes.object.isRequired,\n    classes: PropTypes.object.isRequired\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      setDimensions: true\n    };\n  }\n\n  onPromptChange = markup => {\n    const { onModelChanged, model } = this.props;\n\n    onModelChanged({\n      ...model,\n      prompt: markup\n    });\n  };\n\n  changeFeedback = feedback => {\n    const { model, onModelChanged } = this.props;\n    const update = { ...model, feedback };\n    onModelChanged(update);\n  };\n\n  changeTeacherInstructions = teacherInstructions => {\n    const { model, onModelChanged } = this.props;\n    const update = { ...model, teacherInstructions };\n    onModelChanged(update);\n  };\n\n  render() {\n    const { model, classes, onModelChanged, configuration, onConfigurationChanged, imageSupport } = this.props;\n    const {\n      multiple = {},\n      feedback = {},\n      teacherInstructions = {},\n      prompt = {},\n      studentInstructions = {},\n      mathInput = {},\n      dimensions = {},\n      equationEditor = {}\n    } = configuration || {};\n    const { teacherInstructionsEnabled, promptEnabled, feedbackEnabled } = model || {};\n    const toolbarOpts = {};\n\n    switch (model.toolbarEditorPosition) {\n      case 'top':\n        toolbarOpts.position = 'top';\n        break;\n      default:\n        toolbarOpts.position = 'bottom';\n        break;\n    }\n    return (\n      <layout.ConfigLayout\n        settings={\n          <Panel\n            model={model}\n            configuration={configuration}\n            onChangeModel={model => onModelChanged(model)}\n            onChangeConfiguration={config => onConfigurationChanged(config)}\n            groups={{\n              'Settings': {\n                mathInput: mathInput.settings && toggle(mathInput.label),\n                equationEditor: equationEditor.enabled && model.mathInput && dropdown(equationEditor.label, [\n                  'Grade 1 - 2',\n                  'Grade 3 - 5',\n                  'Grade 6 - 7',\n                  'Grade 8 - HS',\n                  'geometry',\n                  'advanced-algebra',\n                  'statistics',\n                  'miscellaneous'\n                ]),\n                dimensions: numberFields(dimensions.label, {\n                  width: {\n                    label: 'Width (px)',\n                    suffix: 'px',\n                    min: 100,\n                    max: 500\n                  },\n                  height: {\n                    label: 'Height (px)',\n                    suffix: 'px',\n                    min: 100,\n                    max: 500\n                  }\n                }),\n                'multiple.enabled': multiple.settings &&\n                  toggle(multiple.label, true),\n                promptEnabled: prompt.settings &&\n                  toggle(prompt.label),\n                feedbackEnabled: feedback.settings && toggle(feedback.label),\n              },\n              'Properties': {\n                teacherInstructionsEnabled: teacherInstructions.settings &&\n                  toggle(teacherInstructions.label),\n                studentInstructionsEnabled: studentInstructions.settings &&\n                  toggle(studentInstructions.label)\n              },\n            }}\n          />\n        }\n      >\n        <div>\n\n          {teacherInstructionsEnabled && (\n            <InputContainer label={teacherInstructions.label} className={classes.promptContainer}>\n              <EditableHtml\n                className={classes.prompt}\n                markup={model.teacherInstructions || ''}\n                onChange={this.changeTeacherInstructions}\n                imageSupport={imageSupport}\n                nonEmpty={false}\n                toolbarOpts={toolbarOpts}\n              />\n            </InputContainer>\n          )}\n\n          <br />\n\n          {promptEnabled && (\n            <InputContainer label={prompt.label} className={classes.promptContainer}>\n              <EditableHtml\n                activePlugins={ALL_PLUGINS}\n                className={classes.prompt}\n                markup={model.prompt || ''}\n                onChange={this.onPromptChange}\n                imageSupport={imageSupport}\n                nonEmpty={false}\n                toolbarOpts={toolbarOpts}\n              />\n            </InputContainer>\n          )}\n\n          {\n            feedbackEnabled && (\n              <React.Fragment>\n                <Typography className={classes.header} variant=\"subheading\">\n                  Feedback\n                </Typography>\n\n                <FeedbackSelector\n                  label=\"When submitted, show\"\n                  feedback={model.feedback || defaultFeedback}\n                  onChange={this.changeFeedback}\n                  toolbarOpts={toolbarOpts}\n                />\n              </React.Fragment>\n            )\n          }\n        </div>\n      </layout.ConfigLayout>\n    );\n  }\n}\nexport default withStyles(theme => ({\n  header: {\n    paddingBottom: theme.spacing.unit\n  },\n  promptContainer: {\n    paddingTop: theme.spacing.unit * 2,\n    marginBottom: theme.spacing.unit * 2,\n    width: '100%'\n  },\n  promptInput: {\n    width: '100%',\n    marginBottom: theme.spacing.unit\n  },\n  field: {\n    width: '200px'\n  }\n}))(Main);\n"],"file":"main.js"}

package/configure/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pie-element/extended-text-entry-configure",
   "private": true,
-  "version": "5.3.0",
+  "version": "5.3.1",
   "description": "",
   "main": "lib/index.js",
   "module": "src/index.js",
@@ -10,8 +10,8 @@
   "dependencies": {
     "@material-ui/core": "^3.9.2",
     "@pie-framework/pie-configure-events": "^1.2.0",
-    "@pie-lib/config-ui": "^10.10.3",
-    "@pie-lib/editable-html": "^7.17.3",
+    "@pie-lib/config-ui": "^10.10.9",
+    "@pie-lib/editable-html": "^7.17.9",
     "lodash": "^4.17.15",
     "prop-types": "^15.6.2",
     "react": "^16.8.1",

package/controller/lib/index.js

@@ -22,7 +22,7 @@ var _feedback = require("@pie-lib/feedback");
 
 var _defaults = _interopRequireDefault(require("./defaults"));
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 

package/lib/index.js

@@ -35,7 +35,7 @@ var _debug = _interopRequireDefault(require("debug"));
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
 
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
 var log = (0, _debug["default"])('@pie-ui:extended-text-entry');
 var domParser = (typeof window === "undefined" ? "undefined" : (0, _typeof2["default"])(window)) !== undefined ? new DOMParser() : {

package/lib/main.js

@@ -41,14 +41,13 @@ var _mathRendering = require("@pie-lib/math-rendering");
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
 
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
 var log = (0, _debug["default"])('@pie-ui:extended-text-entry');
 
 var style = function style(theme) {
   return {
     main: {
-      padding: '10px 20px',
       backgroundColor: _renderUi.color.background(),
       color: _renderUi.color.text()
     },

package/lib/main.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/main.jsx"],"names":["log","style","theme","main","padding","backgroundColor","color","background","text","prompt","width","marginBottom","spacing","unit","fontSize","Main","props","onChange","containerRef","model","classes","session","dimensions","disabled","feedback","teacherInstructions","mathInput","value","height","maxHeight","ref","hidden","visible","collapsible","__html","changeSession","toString","math","customKeys","keypadMode","equationEditor","controlledKeypadMode","video","audio","React","Component","PropTypes","func","isRequired","object","shape","string"],"mappings":"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","sourcesContent":["import React from 'react';\nimport EditableHTML from '@pie-lib/editable-html';\nimport PropTypes from 'prop-types';\nimport Typography from '@material-ui/core/Typography';\nimport { withStyles } from '@material-ui/core/styles';\nimport debug from 'debug';\nimport debounce from 'lodash/debounce';\nimport { color, Feedback, Collapsible } from '@pie-lib/render-ui';\nimport { renderMath } from '@pie-lib/math-rendering';\n\nconst log = debug('@pie-ui:extended-text-entry');\n\nconst style = theme => ({\n  main: {\n    padding: '10px 20px',\n    backgroundColor: color.background(),\n    color: color.text()\n  },\n  prompt: {\n    width: '100%',\n    color: color.text(),\n    marginBottom: theme.spacing.unit * 2,\n    fontSize: 'inherit'\n  }\n});\n\nexport class Main extends React.Component {\n  static propTypes = {\n    onChange: PropTypes.func.isRequired,\n    model: PropTypes.object,\n    classes: PropTypes.object.isRequired,\n    session: PropTypes.shape({\n      value: PropTypes.string\n    }).isRequired\n  };\n\n  componentDidUpdate() {\n    if (this.containerRef) {\n      renderMath(this.containerRef);\n    }\n  }\n\n  changeSession = debounce(this.props.onChange, 1500);\n\n  render() {\n    const { model, classes, session } = this.props;\n    const { dimensions, disabled, feedback, teacherInstructions, mathInput } = model;\n    const { value } = session;\n    const { width, height } = dimensions || {};\n    const maxHeight = '40vh';\n    log('[render] disabled? ', disabled);\n\n    return (\n      <div\n        className={classes.main}\n        ref={ref => {\n          this.containerRef = ref;\n        }}\n      >\n        {\n          teacherInstructions && (\n            <div>\n              <Collapsible\n                labels={{ hidden: 'Show Teacher Instructions', visible: 'Hide Teacher Instructions' }}\n                className={classes.collapsible}\n              >\n                <div dangerouslySetInnerHTML={{ __html: teacherInstructions }}/>\n              </Collapsible>\n              <br />\n            </div>\n          )\n        }\n        {model.prompt && (\n          <Typography\n            className={classes.prompt}\n            dangerouslySetInnerHTML={{ __html: model.prompt }}\n          />\n        )}\n        <EditableHTML\n          onChange={this.changeSession}\n          markup={value || ''}\n          width={width && width.toString()}\n          minHeight={height && height.toString()}\n          maxHeight={maxHeight}\n          disabled={disabled}\n          highlightShape={true}\n          pluginProps={{\n            math: {\n              disabled: !mathInput,\n              customKeys: this.props.model.customKeys,\n              keypadMode: this.props.model.equationEditor,\n              controlledKeypadMode: false\n            },\n            video: {\n              disabled: true\n            },\n             audio: {\n              disabled: true\n            }\n          }}\n        />\n        {feedback && (\n          <div>\n            <br />\n            <Feedback correctness=\"correct\" feedback={feedback}/>\n          </div>\n        )}\n      </div>\n    );\n  }\n}\n\nexport default withStyles(style)(Main);\n"],"file":"main.js"}
+{"version":3,"sources":["../src/main.jsx"],"names":["log","style","theme","main","backgroundColor","color","background","text","prompt","width","marginBottom","spacing","unit","fontSize","Main","props","onChange","containerRef","model","classes","session","dimensions","disabled","feedback","teacherInstructions","mathInput","value","height","maxHeight","ref","hidden","visible","collapsible","__html","changeSession","toString","math","customKeys","keypadMode","equationEditor","controlledKeypadMode","video","audio","React","Component","PropTypes","func","isRequired","object","shape","string"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA,IAAMA,GAAG,GAAG,uBAAM,6BAAN,CAAZ;;AAEA,IAAMC,KAAK,GAAG,SAARA,KAAQ,CAAAC,KAAK;AAAA,SAAK;AACtBC,IAAAA,IAAI,EAAE;AACJC,MAAAA,eAAe,EAAEC,gBAAMC,UAAN,EADb;AAEJD,MAAAA,KAAK,EAAEA,gBAAME,IAAN;AAFH,KADgB;AAKtBC,IAAAA,MAAM,EAAE;AACNC,MAAAA,KAAK,EAAE,MADD;AAENJ,MAAAA,KAAK,EAAEA,gBAAME,IAAN,EAFD;AAGNG,MAAAA,YAAY,EAAER,KAAK,CAACS,OAAN,CAAcC,IAAd,GAAqB,CAH7B;AAINC,MAAAA,QAAQ,EAAE;AAJJ;AALc,GAAL;AAAA,CAAnB;;IAaaC,I;;;;;;;;;;;;;;;sGAgBK,0BAAS,MAAKC,KAAL,CAAWC,QAApB,EAA8B,IAA9B,C;;;;;;WANhB,8BAAqB;AACnB,UAAI,KAAKC,YAAT,EAAuB;AACrB,uCAAW,KAAKA,YAAhB;AACD;AACF;;;WAID,kBAAS;AAAA;;AACP,wBAAoC,KAAKF,KAAzC;AAAA,UAAQG,KAAR,eAAQA,KAAR;AAAA,UAAeC,OAAf,eAAeA,OAAf;AAAA,UAAwBC,OAAxB,eAAwBA,OAAxB;AACA,UAAQC,UAAR,GAA2EH,KAA3E,CAAQG,UAAR;AAAA,UAAoBC,QAApB,GAA2EJ,KAA3E,CAAoBI,QAApB;AAAA,UAA8BC,QAA9B,GAA2EL,KAA3E,CAA8BK,QAA9B;AAAA,UAAwCC,mBAAxC,GAA2EN,KAA3E,CAAwCM,mBAAxC;AAAA,UAA6DC,SAA7D,GAA2EP,KAA3E,CAA6DO,SAA7D;AACA,UAAQC,KAAR,GAAkBN,OAAlB,CAAQM,KAAR;;AACA,iBAA0BL,UAAU,IAAI,EAAxC;AAAA,UAAQZ,KAAR,QAAQA,KAAR;AAAA,UAAekB,MAAf,QAAeA,MAAf;;AACA,UAAMC,SAAS,GAAG,MAAlB;AACA5B,MAAAA,GAAG,CAAC,qBAAD,EAAwBsB,QAAxB,CAAH;AAEA,0BACE;AACE,QAAA,SAAS,EAAEH,OAAO,CAAChB,IADrB;AAEE,QAAA,GAAG,EAAE,aAAA0B,KAAG,EAAI;AACV,UAAA,MAAI,CAACZ,YAAL,GAAoBY,KAApB;AACD;AAJH,SAOIL,mBAAmB,iBACjB,0DACE,gCAAC,qBAAD;AACE,QAAA,MAAM,EAAE;AAAEM,UAAAA,MAAM,EAAE,2BAAV;AAAuCC,UAAAA,OAAO,EAAE;AAAhD,SADV;AAEE,QAAA,SAAS,EAAEZ,OAAO,CAACa;AAFrB,sBAIE;AAAK,QAAA,uBAAuB,EAAE;AAAEC,UAAAA,MAAM,EAAET;AAAV;AAA9B,QAJF,CADF,eAOE,2CAPF,CARN,EAmBGN,KAAK,CAACV,MAAN,iBACC,gCAAC,sBAAD;AACE,QAAA,SAAS,EAAEW,OAAO,CAACX,MADrB;AAEE,QAAA,uBAAuB,EAAE;AAAEyB,UAAAA,MAAM,EAAEf,KAAK,CAACV;AAAhB;AAF3B,QApBJ,eAyBE,gCAAC,wBAAD;AACE,QAAA,QAAQ,EAAE,KAAK0B,aADjB;AAEE,QAAA,MAAM,EAAER,KAAK,IAAI,EAFnB;AAGE,QAAA,KAAK,EAAEjB,KAAK,IAAIA,KAAK,CAAC0B,QAAN,EAHlB;AAIE,QAAA,SAAS,EAAER,MAAM,IAAIA,MAAM,CAACQ,QAAP,EAJvB;AAKE,QAAA,SAAS,EAAEP,SALb;AAME,QAAA,QAAQ,EAAEN,QANZ;AAOE,QAAA,cAAc,EAAE,IAPlB;AAQE,QAAA,WAAW,EAAE;AACXc,UAAAA,IAAI,EAAE;AACJd,YAAAA,QAAQ,EAAE,CAACG,SADP;AAEJY,YAAAA,UAAU,EAAE,KAAKtB,KAAL,CAAWG,KAAX,CAAiBmB,UAFzB;AAGJC,YAAAA,UAAU,EAAE,KAAKvB,KAAL,CAAWG,KAAX,CAAiBqB,cAHzB;AAIJC,YAAAA,oBAAoB,EAAE;AAJlB,WADK;AAOXC,UAAAA,KAAK,EAAE;AACLnB,YAAAA,QAAQ,EAAE;AADL,WAPI;AAUVoB,UAAAA,KAAK,EAAE;AACNpB,YAAAA,QAAQ,EAAE;AADJ;AAVG;AARf,QAzBF,EAgDGC,QAAQ,iBACP,0DACE,2CADF,eAEE,gCAAC,kBAAD;AAAU,QAAA,WAAW,EAAC,SAAtB;AAAgC,QAAA,QAAQ,EAAEA;AAA1C,QAFF,CAjDJ,CADF;AAyDD;;;EAnFuBoB,kBAAMC,S;;;iCAAnB9B,I,eACQ;AACjBE,EAAAA,QAAQ,EAAE6B,sBAAUC,IAAV,CAAeC,UADR;AAEjB7B,EAAAA,KAAK,EAAE2B,sBAAUG,MAFA;AAGjB7B,EAAAA,OAAO,EAAE0B,sBAAUG,MAAV,CAAiBD,UAHT;AAIjB3B,EAAAA,OAAO,EAAEyB,sBAAUI,KAAV,CAAgB;AACvBvB,IAAAA,KAAK,EAAEmB,sBAAUK;AADM,GAAhB,EAENH;AANc,C;;eAqFN,wBAAW9C,KAAX,EAAkBa,IAAlB,C","sourcesContent":["import React from 'react';\nimport EditableHTML from '@pie-lib/editable-html';\nimport PropTypes from 'prop-types';\nimport Typography from '@material-ui/core/Typography';\nimport { withStyles } from '@material-ui/core/styles';\nimport debug from 'debug';\nimport debounce from 'lodash/debounce';\nimport { color, Feedback, Collapsible } from '@pie-lib/render-ui';\nimport { renderMath } from '@pie-lib/math-rendering';\n\nconst log = debug('@pie-ui:extended-text-entry');\n\nconst style = theme => ({\n  main: {\n    backgroundColor: color.background(),\n    color: color.text()\n  },\n  prompt: {\n    width: '100%',\n    color: color.text(),\n    marginBottom: theme.spacing.unit * 2,\n    fontSize: 'inherit'\n  }\n});\n\nexport class Main extends React.Component {\n  static propTypes = {\n    onChange: PropTypes.func.isRequired,\n    model: PropTypes.object,\n    classes: PropTypes.object.isRequired,\n    session: PropTypes.shape({\n      value: PropTypes.string\n    }).isRequired\n  };\n\n  componentDidUpdate() {\n    if (this.containerRef) {\n      renderMath(this.containerRef);\n    }\n  }\n\n  changeSession = debounce(this.props.onChange, 1500);\n\n  render() {\n    const { model, classes, session } = this.props;\n    const { dimensions, disabled, feedback, teacherInstructions, mathInput } = model;\n    const { value } = session;\n    const { width, height } = dimensions || {};\n    const maxHeight = '40vh';\n    log('[render] disabled? ', disabled);\n\n    return (\n      <div\n        className={classes.main}\n        ref={ref => {\n          this.containerRef = ref;\n        }}\n      >\n        {\n          teacherInstructions && (\n            <div>\n              <Collapsible\n                labels={{ hidden: 'Show Teacher Instructions', visible: 'Hide Teacher Instructions' }}\n                className={classes.collapsible}\n              >\n                <div dangerouslySetInnerHTML={{ __html: teacherInstructions }}/>\n              </Collapsible>\n              <br />\n            </div>\n          )\n        }\n        {model.prompt && (\n          <Typography\n            className={classes.prompt}\n            dangerouslySetInnerHTML={{ __html: model.prompt }}\n          />\n        )}\n        <EditableHTML\n          onChange={this.changeSession}\n          markup={value || ''}\n          width={width && width.toString()}\n          minHeight={height && height.toString()}\n          maxHeight={maxHeight}\n          disabled={disabled}\n          highlightShape={true}\n          pluginProps={{\n            math: {\n              disabled: !mathInput,\n              customKeys: this.props.model.customKeys,\n              keypadMode: this.props.model.equationEditor,\n              controlledKeypadMode: false\n            },\n            video: {\n              disabled: true\n            },\n             audio: {\n              disabled: true\n            }\n          }}\n        />\n        {feedback && (\n          <div>\n            <br />\n            <Feedback correctness=\"correct\" feedback={feedback}/>\n          </div>\n        )}\n      </div>\n    );\n  }\n}\n\nexport default withStyles(style)(Main);\n"],"file":"main.js"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pie-element/extended-text-entry",
-  "version": "6.6.0-ps.2",
+  "version": "6.6.2",
   "description": "",
   "repository": "pie-framework/pie-elements",
   "publishConfig": {
@@ -19,17 +19,12 @@
     "lodash.throttle": "^4.1.1",
     "prop-types": "^15.6.1",
     "react": "^16.8.1",
-    "react-dom": "^16.8.1",
-    "classnames": "^2.2.5"
+    "react-dom": "^16.8.1"
   },
-  "gitHead": "0e14ff981bcdc8a89a0e58484026496701bfdbc3",
+  "gitHead": "d9077855b51bccc37661cfb369e6e9c8099f3f3e",
   "scripts": {
     "postpublish": "../../scripts/postpublish"
   },
   "main": "lib/index.js",
-  "module": "src/index.js",
-  "exports": {
-    ".": "./src/index.js",
-    "./print": "./src/print.js"
-  }
+  "module": "src/index.js"
 }