@pie-element/explicit-constructed-response 9.3.2-tip-tap.6 → 9.3.2-tip-tap.7

package/docs/demo/generate.js

@@ -5,16 +5,71 @@ const markup = '<p>The {{0}} <br> jumped {{1}} <br> the {{2}}</p>';
 exports.model = (id, element) => ({
   id,
   element,
-  markup,
-  disabled: false,
-  choices: {
-    0: [choice('cow', '0'), choice('cattle', '1'), choice('calf', '2')],
-    1: [choice('over', '0'), choice('past', '1'), choice('beyond', '2')],
-    2: [choice('moon', '0')],
+  "markup": "<p>What are the values of <em>x</em> and <em>y</em>?</p><p><em>x</em> = {{0}}</p><p><em>y = </em>{{1}}</p><p></p><table border=\"1\" style=\"min-width: 50px; width: 100%; color: var(--pie-text, black); table-layout: fixed; border-collapse: collapse; background-color: var(--pie-background, rgba(255, 255, 255));\"><colgroup><col style=\"min-width: 25px;\"><col style=\"min-width: 25px;\"></colgroup><tbody><tr><td colspan=\"1\" rowspan=\"1\"><p>Month</p></td><td colspan=\"1\" rowspan=\"1\"><p>Total Cost</p></td></tr><tr><td colspan=\"1\" rowspan=\"1\"><p>1</p></td><td colspan=\"1\" rowspan=\"1\"><p>${{2}}</p></td></tr><tr><td colspan=\"1\" rowspan=\"1\"><p>2</p></td><td colspan=\"1\" rowspan=\"1\"><p>${{3}}</p></td></tr><tr><td colspan=\"1\" rowspan=\"1\"><p>3</p></td><td colspan=\"1\" rowspan=\"1\"><p>${{4}}</p></td></tr><tr><td colspan=\"1\" rowspan=\"1\"><p>4</p></td><td colspan=\"1\" rowspan=\"1\"><p>${{5}}</p></td></tr><tr><td colspan=\"1\" rowspan=\"1\"><p>5</p></td><td colspan=\"1\" rowspan=\"1\"><p>${{6}}</p></td></tr></tbody></table><p></p>",
+  "disabled": false,
+  "choices": {
+    "0": [
+      {
+        "label": "1",
+        "value": "0"
+      }
+    ],
+    "1": [
+      {
+        "label": "2",
+        "value": "0"
+      }
+    ],
+    "2": [
+      {
+        "label": "three",
+        "value": "0"
+      }
+    ],
+    "3": [
+      {
+        "label": "4",
+        "value": "0"
+      }
+    ],
+    "4": [
+      {
+        "label": "5",
+        "value": "0"
+      }
+    ],
+    "5": [
+      {
+        "label": "6",
+        "value": "0"
+      }
+    ]
   },
-  maxLengthPerChoice: [7, 10, 4],
-  prompt: 'Complete the sentence',
-  promptEnabled: true,
-  toolbarEditorPosition: 'bottom',
-  rubricEnabled: false,
+  "prompt": "<p>Subtract.</p><p>wsfsf</p><p>fs</p><p>fsfvsdfvd</p><p></p><p></p><p></p><p>sfsafsfsa<br><br>ddsvdvdsvsvsdvbsd</p>",
+  "promptEnabled": true,
+  "displayType": "block",
+  "maxLengthPerChoiceEnabled": true,
+  "playerSpellCheckEnabled": true,
+  "rationale": "<p>ffew</p><p>fefefef</p><p></p><p>sdfdegdsgsg<br>dfvsdv<br><br>bbsfbbsfgbs<br><br>dfvdvsdvv</p>",
+  "rationaleEnabled": true,
+  "spellCheckEnabled": true,
+  "studentInstructionsEnabled": true,
+  "teacherInstructions": "<p>rsfvsv</p><p>fdggs</p><p>gdgdg</p><p>dsg</p>",
+  "teacherInstructionsEnabled": true,
+  "toolbarEditorPosition": "bottom",
+  "responseAreaInputConfiguration": {
+    "characters": {
+      "disabled": true
+    }
+  },
+  "slateMarkup": "<p>What are the values of <em>x</em> and <em>y</em>?</p><p><em>x</em> = <span data-type=\"explicit_constructed_response\" data-index=\"0\" data-value=\"\"></span></p><p><em>y = </em><span data-type=\"explicit_constructed_response\" data-index=\"1\" data-value=\"\"></span></p><p></p><table border=\"1\" style=\"min-width: 50px; width: 100%; color: var(--pie-text, black); table-layout: fixed; border-collapse: collapse; background-color: var(--pie-background, rgba(255, 255, 255));\"><colgroup><col style=\"min-width: 25px;\"><col style=\"min-width: 25px;\"></colgroup><tbody><tr><td colspan=\"1\" rowspan=\"1\"><p>Month</p></td><td colspan=\"1\" rowspan=\"1\"><p>Total Cost</p></td></tr><tr><td colspan=\"1\" rowspan=\"1\"><p>1</p></td><td colspan=\"1\" rowspan=\"1\"><p>$<span data-type=\"explicit_constructed_response\" data-index=\"2\" data-value=\"\"></span></p></td></tr><tr><td colspan=\"1\" rowspan=\"1\"><p>2</p></td><td colspan=\"1\" rowspan=\"1\"><p>$<span data-type=\"explicit_constructed_response\" data-index=\"3\" data-value=\"\"></span></p></td></tr><tr><td colspan=\"1\" rowspan=\"1\"><p>3</p></td><td colspan=\"1\" rowspan=\"1\"><p>$<span data-type=\"explicit_constructed_response\" data-index=\"4\" data-value=\"\"></span></p></td></tr><tr><td colspan=\"1\" rowspan=\"1\"><p>4</p></td><td colspan=\"1\" rowspan=\"1\"><p>$<span data-type=\"explicit_constructed_response\" data-index=\"5\" data-value=\"\"></span></p></td></tr><tr><td colspan=\"1\" rowspan=\"1\"><p>5</p></td><td colspan=\"1\" rowspan=\"1\"><p>$<span data-type=\"explicit_constructed_response\" data-index=\"6\" data-value=\"\"></span></p></td></tr></tbody></table><p></p>",
+  "maxLengthPerChoice": [
+    1,
+    1,
+    9,
+    2,
+    9,
+    3,
+    3
+  ]
 });

package/docs/demo/pie.manifest.json

@@ -0,0 +1,11 @@
+{
+  "hash": "1734133933",
+  "info": [
+    {
+      "pie": "@pie-element/explicit-constructed-response",
+      "version": {
+        "requested": "latest"
+      }
+    }
+  ]
+}

package/lib/__tests__/main.test.js

@@ -0,0 +1,124 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _enzyme = require("enzyme");
+
+var _react = _interopRequireDefault(require("react"));
+
+var _main = require("../main");
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+var choice = function choice(l, v) {
+  return {
+    label: l,
+    value: v
+  };
+};
+
+describe('Main', function () {
+  var wrapper;
+  var onChange = jest.fn();
+  beforeAll(function () {
+    wrapper = function wrapper(extra) {
+      var props = _objectSpread({
+        classes: {},
+        prompt: 'Prompt',
+        rationale: 'Rationale',
+        teacherInstructions: 'Teacher Instructions',
+        disabled: false,
+        choices: {
+          0: [choice('cow', '0'), choice('cattle', '1'), choice('calf', '2')],
+          1: [choice('over', '0'), choice('past', '1'), choice('beyond', '2')],
+          2: [choice('moon', '0')]
+        },
+        markup: '<p>The {{0}} jumped {{1}} the {{2}}</p>',
+        mode: 'gather',
+        feedback: {
+          0: 'correct',
+          1: 'correct',
+          2: 'correct'
+        },
+        value: {
+          0: '1',
+          1: '0',
+          2: '0'
+        },
+        onChange: onChange
+      }, extra);
+
+      return (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_main.Main, props));
+    };
+  });
+  describe('render', function () {
+    it('should render in gather mode', function () {
+      expect(wrapper()).toMatchSnapshot();
+    });
+    it('should render in view mode', function () {
+      expect(wrapper({
+        mode: 'view'
+      })).toMatchSnapshot();
+    });
+    it('should render in evaluate mode', function () {
+      expect(wrapper({
+        mode: 'evaluate'
+      })).toMatchSnapshot();
+    });
+    it('should render without teacher instructions', function () {
+      expect(wrapper({
+        teacherInstructions: null
+      })).toMatchSnapshot();
+    });
+    it('should render without rationale', function () {
+      expect(wrapper({
+        rationale: null
+      })).toMatchSnapshot();
+    });
+    it('should render without prompt', function () {
+      expect(wrapper({
+        prompt: null
+      })).toMatchSnapshot();
+    });
+  });
+  describe('logic', function () {
+    it('onChange', function () {
+      wrapper().instance().onChange({
+        0: '0',
+        1: '0',
+        2: '0'
+      });
+      setTimeout(function () {
+        expect(onChange).toHaveBeenCalledWith({
+          0: '0',
+          1: '0',
+          2: '0'
+        });
+      }, 400);
+    });
+    it('onChange when all responses have max length 1', function () {
+      wrapper({
+        choices: {
+          0: [choice('b', '0')],
+          1: [choice('a', '0')],
+          2: [choice('c', '0')]
+        },
+        maxLengthPerChoice: [1, 1, 1]
+      }).instance().onChange({
+        0: 'a',
+        1: 'b',
+        2: 'c'
+      });
+      expect(onChange).toHaveBeenCalledWith({
+        0: 'a',
+        1: 'b',
+        2: 'c'
+      });
+    });
+  });
+});
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9fX3Rlc3RzX18vbWFpbi50ZXN0LmpzeCJdLCJuYW1lcyI6WyJjaG9pY2UiLCJsIiwidiIsImxhYmVsIiwidmFsdWUiLCJkZXNjcmliZSIsIndyYXBwZXIiLCJvbkNoYW5nZSIsImplc3QiLCJmbiIsImJlZm9yZUFsbCIsImV4dHJhIiwicHJvcHMiLCJjbGFzc2VzIiwicHJvbXB0IiwicmF0aW9uYWxlIiwidGVhY2hlckluc3RydWN0aW9ucyIsImRpc2FibGVkIiwiY2hvaWNlcyIsIm1hcmt1cCIsIm1vZGUiLCJmZWVkYmFjayIsIml0IiwiZXhwZWN0IiwidG9NYXRjaFNuYXBzaG90IiwiaW5zdGFuY2UiLCJzZXRUaW1lb3V0IiwidG9IYXZlQmVlbkNhbGxlZFdpdGgiLCJtYXhMZW5ndGhQZXJDaG9pY2UiXSwibWFwcGluZ3MiOiI7Ozs7OztBQUFBOztBQUNBOztBQUVBOzs7Ozs7QUFFQSxJQUFNQSxNQUFNLEdBQUcsU0FBVEEsTUFBUyxDQUFDQyxDQUFELEVBQUlDLENBQUo7QUFBQSxTQUFXO0FBQUVDLElBQUFBLEtBQUssRUFBRUYsQ0FBVDtBQUFZRyxJQUFBQSxLQUFLLEVBQUVGO0FBQW5CLEdBQVg7QUFBQSxDQUFmOztBQUVBRyxRQUFRLENBQUMsTUFBRCxFQUFTLFlBQU07QUFDckIsTUFBSUMsT0FBSjtBQUNBLE1BQUlDLFFBQVEsR0FBR0MsSUFBSSxDQUFDQyxFQUFMLEVBQWY7QUFFQUMsRUFBQUEsU0FBUyxDQUFDLFlBQU07QUFDZEosSUFBQUEsT0FBTyxHQUFHLGlCQUFDSyxLQUFELEVBQVc7QUFDbkIsVUFBTUMsS0FBSztBQUNUQyxRQUFBQSxPQUFPLEVBQUUsRUFEQTtBQUVUQyxRQUFBQSxNQUFNLEVBQUUsUUFGQztBQUdUQyxRQUFBQSxTQUFTLEVBQUUsV0FIRjtBQUlUQyxRQUFBQSxtQkFBbUIsRUFBRSxzQkFKWjtBQUtUQyxRQUFBQSxRQUFRLEVBQUUsS0FMRDtBQU1UQyxRQUFBQSxPQUFPLEVBQUU7QUFDUCxhQUFHLENB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VSxhQUFHLEdBQWI7QUFBa0IsYUFBRztBQUFyQixTQUF0QztBQUNELE9BRlMsRUFFUCxHQUZPLENBQVY7QUFHRCxLQU5DLENBQUY7QUFRQUwsSUFBQUEsRUFBRSxDQUFDLCtDQUFELEVBQWtELFlBQU07QUFDeERoQixNQUFBQSxPQUFPLENBQUM7QUFDTlksUUFBQUEsT0FBTyxFQUFFO0FBQ1AsYUFBRyxDQUFDbEIsTUFBTSxDQUFDLEdBQUQsRUFBTSxHQUFOLENBQVAsQ0FESTtBQUVQLGFBQUcsQ0FBQ0EsTUFBTSxDQUFDLEdBQUQsRUFBTSxHQUFOLENBQVAsQ0FGSTtBQUdQLGFBQUcsQ0FBQ0EsTUFBTSxDQUFDLEdBQUQsRUFBTSxHQUFOLENBQVA7QUFISSxTQURIO0FBTU40QixRQUFBQSxrQkFBa0IsRUFBRSxDQUFDLENBQUQsRUFBSSxDQUFKLEVBQU8sQ0FBUDtBQU5kLE9BQUQsQ0FBUCxDQVFHSCxRQVJILEdBU0dsQixRQVRILENBU1k7QUFBRSxXQUFHLEdBQUw7QUFBVSxXQUFHLEdBQWI7QUFBa0IsV0FBRztBQUFyQixPQVRaO0FBV0FnQixNQUFBQSxNQUFNLENBQUNoQixRQUFELENBQU4sQ0FBaUJvQixvQkFBakIsQ0FBc0M7QUFBRSxXQUFHLEdBQUw7QUFBVSxXQUFHLEdBQWI7QUFBa0IsV0FBRztBQUFyQixPQUF0QztBQUNELEtBYkMsQ0FBRjtBQWNELEdBdkJPLENBQVI7QUF3QkQsQ0EvRU8sQ0FBUiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHNoYWxsb3cgfSBmcm9tICdlbnp5bWUnO1xuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgTWFpbiB9IGZyb20gJy4uL21haW4nO1xuXG5jb25zdCBjaG9pY2UgPSAobCwgdikgPT4gKHsgbGFiZWw6IGwsIHZhbHVlOiB2IH0pO1xuXG5kZXNjcmliZSgnTWFpbicsICgpID0+IHtcbiAgbGV0IHdyYXBwZXI7XG4gIGxldCBvbkNoYW5nZSA9IGplc3QuZm4oKTtcblxuICBiZWZvcmVBbGwoKCkgPT4ge1xuICAgIHdyYXBwZXIgPSAoZXh0cmEpID0+IHtcbiAgICAgIGNvbnN0IHByb3BzID0ge1xuICAgICAgICBjbGFzc2VzOiB7fSxcbiAgICAgICAgcHJvbXB0OiAnUHJvbXB0JyxcbiAgICAgICAgcmF0aW9uYWxlOiAnUmF0aW9uYWxlJyxcbiAgICAgICAgdGVhY2hlckluc3RydWN0aW9uczogJ1RlYWNoZXIgSW5zdHJ1Y3Rpb25zJyxcbiAgICAgICAgZGlzYWJsZWQ6IGZhbHNlLFxuICAgICAgICBjaG9pY2VzOiB7XG4gICAgICAgICAgMDogW2Nob2ljZSgnY293JywgJzAnKSwgY2hvaWNlKCdjYXR0bGUnLCAnMScpLCBjaG9pY2UoJ2NhbGYnLCAnMicpXSxcbiAgICAgICAgICAxOiBbY2hvaWNlKCdvdmVyJywgJzAnKSwgY2hvaWNlKCdwYXN0JywgJzEnKSwgY2hvaWNlKCdiZXlvbmQnLCAnMicpXSxcbiAgICAgICAgICAyOiBbY2hvaWNlKCdtb29uJywgJzAnKV0sXG4gICAgICAgIH0sXG4gICAgICAgIG1hcmt1cDogJzxwPlRoZSB7ezB9fSBqdW1wZWQge3sxfX0gdGhlIHt7Mn19PC9wPicsXG4gICAgICAgIG1vZGU6ICdnYXRoZXInLFxuICAgICAgICBmZWVkYmFjazogeyAwOiAnY29ycmVjdCcsIDE6ICdjb3JyZWN0JywgMjogJ2NvcnJlY3QnIH0sXG4gICAgICAgIHZhbHVlOiB7IDA6ICcxJywgMTogJzAnLCAyOiAnMCcgfSxcbiAgICAgICAgb25DaGFuZ2UsXG4gICAgICAgIC4uLmV4dHJhLFxuICAgICAgfTtcblxuICAgICAgcmV0dXJuIHNoYWxsb3coPE1haW4gey4uLnByb3BzfSAvPik7XG4gICAgfTtcbiAgfSk7XG5cbiAgZGVzY3JpYmUoJ3JlbmRlcicsICgpID0+IHtcbiAgICBpdCgnc2hvdWxkIHJlbmRlciBpbiBnYXRoZXIgbW9kZScsICgpID0+IHtcbiAgICAgIGV4cGVjdCh3cmFwcGVyKCkpLnRvTWF0Y2hTbmFwc2hvdCgpO1xuICAgIH0pO1xuXG4gICAgaXQoJ3Nob3VsZCByZW5kZXIgaW4gdmlldyBtb2RlJywgKCkgPT4ge1xuICAgICAgZXhwZWN0KHdyYXBwZXIoeyBtb2RlOiAndmlldycgfSkpLnRvTWF0Y2hTbmFwc2hvdCgpO1xuICAgIH0pO1xuXG4gICAgaXQoJ3Nob3VsZCByZW5kZXIgaW4gZXZhbHVhdGUgbW9kZScsICgpID0+IHtcbiAgICAgIGV4cGVjdCh3cmFwcGVyKHsgbW9kZTogJ2V2YWx1YXRlJyB9KSkudG9NYXRjaFNuYXBzaG90KCk7XG4gICAgfSk7XG5cbiAgICBpdCgnc2hvdWxkIHJlbmRlciB3aXRob3V0IHRlYWNoZXIgaW5zdHJ1Y3Rpb25zJywgKCkgPT4ge1xuICAgICAgZXhwZWN0KHdyYXBwZXIoeyB0ZWFjaGVySW5zdHJ1Y3Rpb25zOiBudWxsIH0pKS50b01hdGNoU25hcHNob3QoKTtcbiAgICB9KTtcblxuICAgIGl0KCdzaG91bGQgcmVuZGVyIHdpdGhvdXQgcmF0aW9uYWxlJywgKCkgPT4ge1xuICAgICAgZXhwZWN0KHdyYXBwZXIoeyByYXRpb25hbGU6IG51bGwgfSkpLnRvTWF0Y2hTbmFwc2hvdCgpO1xuICAgIH0pO1xuXG4gICAgaXQoJ3Nob3VsZCByZW5kZXIgd2l0aG91dCBwcm9tcHQnLCAoKSA9PiB7XG4gICAgICBleHBlY3Qod3JhcHBlcih7IHByb21wdDogbnVsbCB9KSkudG9NYXRjaFNuYXBzaG90KCk7XG4gICAgfSk7XG4gIH0pO1xuXG4gIGRlc2NyaWJlKCdsb2dpYycsICgpID0+IHtcbiAgICBpdCgnb25DaGFuZ2UnLCAoKSA9PiB7XG4gICAgICB3cmFwcGVyKCkuaW5zdGFuY2UoKS5vbkNoYW5nZSh7IDA6ICcwJywgMTogJzAnLCAyOiAnMCcgfSk7XG5cbiAgICAgIHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgICBleHBlY3Qob25DaGFuZ2UpLnRvSGF2ZUJlZW5DYWxsZWRXaXRoKHsgMDogJzAnLCAxOiAnMCcsIDI6ICcwJyB9KTtcbiAgICAgIH0sIDQwMCk7XG4gICAgfSk7XG5cbiAgICBpdCgnb25DaGFuZ2Ugd2hlbiBhbGwgcmVzcG9uc2VzIGhhdmUgbWF4IGxlbmd0aCAxJywgKCkgPT4ge1xuICAgICAgd3JhcHBlcih7XG4gICAgICAgIGNob2ljZXM6IHtcbiAgICAgICAgICAwOiBbY2hvaWNlKCdiJywgJzAnKV0sXG4gICAgICAgICAgMTogW2Nob2ljZSgnYScsICcwJyldLFxuICAgICAgICAgIDI6IFtjaG9pY2UoJ2MnLCAnMCcpXSxcbiAgICAgICAgfSxcbiAgICAgICAgbWF4TGVuZ3RoUGVyQ2hvaWNlOiBbMSwgMSwgMV0sXG4gICAgICB9KVxuICAgICAgICAuaW5zdGFuY2UoKVxuICAgICAgICAub25DaGFuZ2UoeyAwOiAnYScsIDE6ICdiJywgMjogJ2MnIH0pO1xuXG4gICAgICBleHBlY3Qob25DaGFuZ2UpLnRvSGF2ZUJlZW5DYWxsZWRXaXRoKHsgMDogJ2EnLCAxOiAnYicsIDI6ICdjJyB9KTtcbiAgICB9KTtcbiAgfSk7XG59KTtcbiJdfQ==

package/package.json

@@ -4,7 +4,7 @@
     "access": "public"
   },
   "repository": "pie-framework/pie-elements",
-  "version": "9.3.2-tip-tap.6",
+  "version": "9.3.2-tip-tap.7",
   "description": "",
   "scripts": {
     "postpublish": "../../scripts/postpublish"
@@ -13,7 +13,7 @@
     "@material-ui/core": "^3.9.2",
     "@pie-framework/pie-player-events": "^0.1.0",
     "@pie-lib/correct-answer-toggle": "^2.25.1",
-    "@pie-lib/mask-markup": "1.33.2-beta-13",
+    "@pie-lib/mask-markup": "1.33.2-beta-14",
     "@pie-lib/math-rendering": "^3.22.1",
     "@pie-lib/math-toolbar": "1.31.2-beta.3",
     "@pie-lib/render-ui": "^4.35.1",