@pie-element/graphing 3.5.3 → 3.5.4-next.1008

package/docs/pie-schema.json

@@ -981,9 +981,36 @@
       "title": "answers"
     },
     "arrows": {
-      "description": "Indicates if arrows are enabled",
-      "type": "boolean",
-      "title": "arrows"
+      "title": "Arrows",
+      "type": "object",
+      "properties": {
+        "left": {
+          "description": "Indicates if left arrow is enabled",
+          "type": "boolean",
+          "title": "left"
+        },
+        "right": {
+          "description": "Indicates if right arrow is enabled",
+          "type": "boolean",
+          "title": "right"
+        },
+        "up": {
+          "description": "Indicates if up arrow is enabled",
+          "type": "boolean",
+          "title": "up"
+        },
+        "down": {
+          "description": "Indicates if down arrow is enabled",
+          "type": "boolean",
+          "title": "down"
+        }
+      },
+      "required": [
+        "down",
+        "left",
+        "right",
+        "up"
+      ]
     },
     "backgroundMarks": {
       "description": "Indicates marks that have to be displayed in background",
@@ -1453,6 +1480,11 @@
       },
       "title": "backgroundMarks"
     },
+    "coordinatesOnHover": {
+      "description": "Indicates if coordinates of a point are displayed on hover",
+      "type": "boolean",
+      "title": "coordinatesOnHover"
+    },
     "domain": {
       "title": "GraphSettings",
       "type": "object",
@@ -1517,6 +1549,11 @@
         "width"
       ]
     },
+    "includeAxes": {
+      "description": "Indicates if the graph axes and labels are enabled",
+      "type": "boolean",
+      "title": "includeAxes"
+    },
     "labels": {
       "title": "Labels",
       "type": "object",
@@ -1684,6 +1721,16 @@
       "type": "boolean",
       "title": "rationaleEnabled"
     },
+    "spellCheckEnabled": {
+      "description": "Indicates if spellcheck is enabled for the author. Default value is true",
+      "type": "boolean",
+      "title": "spellCheckEnabled"
+    },
+    "standardGrid": {
+      "description": "Indicates if some domain values will be synched to the range values",
+      "type": "boolean",
+      "title": "standardGrid"
+    },
     "studentInstructionsEnabled": {
       "description": "Indicates if Student Instructions are enabled",
       "type": "boolean",
@@ -1714,6 +1761,7 @@
     "id",
     "range",
     "rationaleEnabled",
+    "spellCheckEnabled",
     "studentInstructionsEnabled",
     "teacherInstructionsEnabled"
   ],
@@ -1739,6 +1787,77 @@
         }
       }
     },
+    "ArrowsConfigProp": {
+      "title": "ArrowsConfigProp",
+      "type": "object",
+      "properties": {
+        "settings": {
+          "description": "Indicates if the item has to be displayed in the Settings Panel",
+          "type": "boolean",
+          "title": "settings"
+        },
+        "label": {
+          "description": "Indicates the label for the item that has to be displayed in the Settings Panel",
+          "type": "string",
+          "title": "label"
+        },
+        "left": {
+          "title": "ArrowsProp",
+          "type": "object",
+          "properties": {
+            "label": {
+              "description": "Indicates the label for the arrow that has to be displayed in the Settings Panel",
+              "type": "string",
+              "title": "label"
+            }
+          }
+        },
+        "right": {
+          "title": "ArrowsProp",
+          "type": "object",
+          "properties": {
+            "label": {
+              "description": "Indicates the label for the arrow that has to be displayed in the Settings Panel",
+              "type": "string",
+              "title": "label"
+            }
+          }
+        },
+        "up": {
+          "title": "ArrowsProp",
+          "type": "object",
+          "properties": {
+            "label": {
+              "description": "Indicates the label for the arrow that has to be displayed in the Settings Panel",
+              "type": "string",
+              "title": "label"
+            }
+          }
+        },
+        "down": {
+          "title": "ArrowsProp",
+          "type": "object",
+          "properties": {
+            "label": {
+              "description": "Indicates the label for the arrow that has to be displayed in the Settings Panel",
+              "type": "string",
+              "title": "label"
+            }
+          }
+        }
+      }
+    },
+    "ArrowsProp": {
+      "title": "ArrowsProp",
+      "type": "object",
+      "properties": {
+        "label": {
+          "description": "Indicates the label for the arrow that has to be displayed in the Settings Panel",
+          "type": "string",
+          "title": "label"
+        }
+      }
+    },
     "ConfigureProp": {
       "title": "ConfigureProp",
       "type": "object",
@@ -1755,6 +1874,63 @@
         }
       }
     },
+    "DimensionsConfigProp": {
+      "title": "DimensionsConfigProp",
+      "type": "object",
+      "properties": {
+        "settings": {
+          "description": "Indicates if the item has to be displayed in the Settings Panel",
+          "type": "boolean",
+          "title": "settings"
+        },
+        "label": {
+          "description": "Indicates the label for the item that has to be displayed in the Settings Panel",
+          "type": "string",
+          "title": "label"
+        },
+        "enabled": {
+          "description": "Indicates if the graph dimensions are included in the Grid Setup Panel",
+          "type": "boolean",
+          "title": "enabled"
+        },
+        "min": {
+          "description": "Indicates the minimum value for the graph width and height",
+          "type": "number",
+          "title": "min"
+        },
+        "max": {
+          "description": "Indicates the maximum value for the graph width and height",
+          "type": "number",
+          "title": "max"
+        },
+        "step": {
+          "description": "Indicates the increase/decrease value for the graph width and height",
+          "type": "number",
+          "title": "step"
+        }
+      }
+    },
+    "ConfigureMaxImageDimensionsProp": {
+      "title": "ConfigureMaxImageDimensionsProp",
+      "type": "object",
+      "properties": {
+        "teacherInstructions": {
+          "description": "Indicates the max dimension for images in teacher instructions",
+          "type": "number",
+          "title": "teacherInstructions"
+        },
+        "prompt": {
+          "description": "Indicates the max dimension for images in prompt - this is also the default dimension for all other input fields if it's not specified",
+          "type": "number",
+          "title": "prompt"
+        },
+        "rationale": {
+          "description": "Indicates the max dimension for images in rationale",
+          "type": "number",
+          "title": "rationale"
+        }
+      }
+    },
     "Answer": {
       "title": "Answer",
       "type": "object",
@@ -2486,6 +2662,38 @@
         "y"
       ]
     },
+    "Arrows": {
+      "title": "Arrows",
+      "type": "object",
+      "properties": {
+        "left": {
+          "description": "Indicates if left arrow is enabled",
+          "type": "boolean",
+          "title": "left"
+        },
+        "right": {
+          "description": "Indicates if right arrow is enabled",
+          "type": "boolean",
+          "title": "right"
+        },
+        "up": {
+          "description": "Indicates if up arrow is enabled",
+          "type": "boolean",
+          "title": "up"
+        },
+        "down": {
+          "description": "Indicates if down arrow is enabled",
+          "type": "boolean",
+          "title": "down"
+        }
+      },
+      "required": [
+        "down",
+        "left",
+        "right",
+        "up"
+      ]
+    },
     "GraphSettings": {
       "title": "GraphSettings",
       "type": "object",

package/docs/pie-schema.json.md

@@ -40,9 +40,25 @@ Additional restrictions:
 
 * Minimum items: `1`
 
-# `arrows` (boolean)
+# `arrows` (object)
 
-Indicates if arrows are enabled
+Properties of the `arrows` object:
+
+## `left` (boolean, required)
+
+Indicates if left arrow is enabled
+
+## `right` (boolean, required)
+
+Indicates if right arrow is enabled
+
+## `up` (boolean, required)
+
+Indicates if up arrow is enabled
+
+## `down` (boolean, required)
+
+Indicates if down arrow is enabled
 
 # `backgroundMarks` (array, required)
 
@@ -52,6 +68,10 @@ Additional restrictions:
 
 * Minimum items: `1`
 
+# `coordinatesOnHover` (boolean)
+
+Indicates if coordinates of a point are displayed on hover
+
 # `domain` (object, required)
 
 Properties of the `domain` object:
@@ -92,6 +112,10 @@ Width for graph representation
 
 Height for graph representation
 
+# `includeAxes` (boolean)
+
+Indicates if the graph axes and labels are enabled
+
 # `labels` (object)
 
 Properties of the `labels` object:
@@ -189,6 +213,14 @@ Additional restrictions:
 
 Indicates if Rationale are enabled
 
+# `spellCheckEnabled` (boolean, required)
+
+Indicates if spellcheck is enabled for the author. Default value is true
+
+# `standardGrid` (boolean)
+
+Indicates if some domain values will be synched to the range values
+
 # `studentInstructionsEnabled` (boolean, required)
 
 Indicates if Student Instructions are enabled
@@ -228,6 +260,58 @@ Indicates the label for the item that has to be displayed in the Settings Panel
 Indicates the value of the item if it affects config-ui
 (eg.: if item is a switch and displaying an input on the config-ui depends on the switch value: on/off)
 
+## `ArrowsConfigProp` (object)
+
+Properties of the `ArrowsConfigProp` object:
+
+### `settings` (boolean)
+
+Indicates if the item has to be displayed in the Settings Panel
+
+### `label` (string)
+
+Indicates the label for the item that has to be displayed in the Settings Panel
+
+### `left` (object)
+
+Properties of the `left` object:
+
+#### `label` (string)
+
+Indicates the label for the arrow that has to be displayed in the Settings Panel
+
+### `right` (object)
+
+Properties of the `right` object:
+
+#### `label` (string)
+
+Indicates the label for the arrow that has to be displayed in the Settings Panel
+
+### `up` (object)
+
+Properties of the `up` object:
+
+#### `label` (string)
+
+Indicates the label for the arrow that has to be displayed in the Settings Panel
+
+### `down` (object)
+
+Properties of the `down` object:
+
+#### `label` (string)
+
+Indicates the label for the arrow that has to be displayed in the Settings Panel
+
+## `ArrowsProp` (object)
+
+Properties of the `ArrowsProp` object:
+
+### `label` (string)
+
+Indicates the label for the arrow that has to be displayed in the Settings Panel
+
 ## `ConfigureProp` (object)
 
 Properties of the `ConfigureProp` object:
@@ -240,6 +324,50 @@ Indicates if the item has to be displayed in the Settings Panel
 
 Indicates the label for the item that has to be displayed in the Settings Panel
 
+## `DimensionsConfigProp` (object)
+
+Properties of the `DimensionsConfigProp` object:
+
+### `settings` (boolean)
+
+Indicates if the item has to be displayed in the Settings Panel
+
+### `label` (string)
+
+Indicates the label for the item that has to be displayed in the Settings Panel
+
+### `enabled` (boolean)
+
+Indicates if the graph dimensions are included in the Grid Setup Panel
+
+### `min` (number)
+
+Indicates the minimum value for the graph width and height
+
+### `max` (number)
+
+Indicates the maximum value for the graph width and height
+
+### `step` (number)
+
+Indicates the increase/decrease value for the graph width and height
+
+## `ConfigureMaxImageDimensionsProp` (object)
+
+Properties of the `ConfigureMaxImageDimensionsProp` object:
+
+### `teacherInstructions` (number)
+
+Indicates the max dimension for images in teacher instructions
+
+### `prompt` (number)
+
+Indicates the max dimension for images in prompt - this is also the default dimension for all other input fields if it's not specified
+
+### `rationale` (number)
+
+Indicates the max dimension for images in rationale
+
 ## `Answer` (object)
 
 Properties of the `Answer` object:
@@ -392,6 +520,26 @@ Indicates x coordinate
 
 Indicates y coordinate
 
+## `Arrows` (object)
+
+Properties of the `Arrows` object:
+
+### `left` (boolean, required)
+
+Indicates if left arrow is enabled
+
+### `right` (boolean, required)
+
+Indicates if right arrow is enabled
+
+### `up` (boolean, required)
+
+Indicates if up arrow is enabled
+
+### `down` (boolean, required)
+
+Indicates if down arrow is enabled
+
 ## `GraphSettings` (object)
 
 Properties of the `GraphSettings` object:

package/lib/index.js

@@ -43,7 +43,7 @@ var _main = _interopRequireDefault(require("./main"));
 
 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 Graphing = /*#__PURE__*/function (_HTMLElement) {
   (0, _inherits2["default"])(Graphing, _HTMLElement);
@@ -77,6 +77,9 @@ var Graphing = /*#__PURE__*/function (_HTMLElement) {
     }
   }, {
     key: "session",
+    get: function get() {
+      return this._session;
+    },
     set: function set(s) {
       this._session = s;
 

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.js"],"names":["Graphing","answer","Array","isArray","length","_session","dispatchEvent","SessionChangedEvent","tagName","toLowerCase","isComplete","_render","m","_model","s","el","React","createElement","Main","model","session","onAnswersChange","changeAnswers","ReactDOM","render","HTMLElement"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAEA;;AACA;;;;;;IAIqBA,Q;;;;;AACnB,sBAAc;AAAA;;AAAA;AACZ;AADY,mGAkBD,UAAAC,MAAM;AAAA,aAAIC,KAAK,CAACC,OAAN,CAAcF,MAAd,KAAyBA,MAAM,CAACG,MAAP,GAAgB,CAA7C;AAAA,KAlBL;AAAA,sGAoBE,UAAAH,MAAM,EAAI;AACxB,YAAKI,QAAL,CAAcJ,MAAd,GAAuB,iCAAqBA,MAArB,CAAvB;;AAEA,YAAKK,aAAL,CACE,IAAIC,oCAAJ,CACE,MAAKC,OAAL,CAAaC,WAAb,EADF,EAEE,MAAKC,UAAL,CAAgB,MAAKL,QAAL,CAAcJ,MAA9B,CAFF,CADF;;AAOA,YAAKU,OAAL;AACD,KA/Ba;AAAA;AAEb;;;;SAED,aAAUC,CAAV,EAAa;AACX,WAAKC,MAAL,GAAcD,CAAd;;AACA,WAAKD,OAAL;AACD;;;SAED,aAAYG,CAAZ,EAAe;AACb,WAAKT,QAAL,GAAgBS,CAAhB;;AACA,WAAKH,OAAL;AACD;;;WAED,6BAAoB;AAClB,WAAKA,OAAL;AACD;;;WAiBD,mBAAU;AAAA;;AACR,UAAI,CAAC,KAAKE,MAAN,IAAgB,CAAC,KAAKR,QAA1B,EAAoC;AAClC;AACD;;AAED,UAAMU,EAAE,gBAAGC,kBAAMC,aAAN,CAAoBC,gBAApB,EAA0B;AACnCC,QAAAA,KAAK,EAAE,KAAKN,MADuB;AAEnCO,QAAAA,OAAO,EAAE,KAAKf,QAFqB;AAGnCgB,QAAAA,eAAe,EAAE,KAAKC;AAHa,OAA1B,CAAX;;AAMAC,2BAASC,MAAT,CAAgBT,EAAhB,EAAoB,IAApB,EAA0B,YAAM;AAC9B,uCAAW,MAAX;AACD,OAFD;AAGD;;;kDAhDmCU,W","sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\nimport { SessionChangedEvent } from '@pie-framework/pie-player-events';\nimport { renderMath } from '@pie-lib/math-rendering';\n\nimport {  removeInvalidAnswers } from './utils';\nimport Main from './main';\n\nexport { Main as Component };\n\nexport default class Graphing extends HTMLElement {\n  constructor() {\n    super();\n  }\n\n  set model(m) {\n    this._model = m;\n    this._render();\n  }\n\n  set session(s) {\n    this._session = s;\n    this._render();\n  }\n\n  connectedCallback() {\n    this._render();\n  }\n\n  isComplete = answer => Array.isArray(answer) && answer.length > 0;\n\n  changeAnswers = answer => {\n    this._session.answer = removeInvalidAnswers(answer);\n\n    this.dispatchEvent(\n      new SessionChangedEvent(\n        this.tagName.toLowerCase(),\n        this.isComplete(this._session.answer)\n      )\n    );\n\n    this._render();\n  };\n\n  _render() {\n    if (!this._model || !this._session) {\n      return;\n    }\n\n    const el = React.createElement(Main, {\n      model: this._model,\n      session: this._session,\n      onAnswersChange: this.changeAnswers\n    });\n\n    ReactDOM.render(el, this, () => {\n      renderMath(this);\n    });\n  }\n}\n"],"file":"index.js"}
+{"version":3,"sources":["../src/index.js"],"names":["Graphing","answer","Array","isArray","length","_session","dispatchEvent","SessionChangedEvent","tagName","toLowerCase","isComplete","_render","m","_model","s","el","React","createElement","Main","model","session","onAnswersChange","changeAnswers","ReactDOM","render","HTMLElement"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAEA;;AACA;;;;;;IAIqBA,Q;;;;;AACnB,sBAAc;AAAA;;AAAA;AACZ;AADY,mGAsBD,UAAAC,MAAM;AAAA,aAAIC,KAAK,CAACC,OAAN,CAAcF,MAAd,KAAyBA,MAAM,CAACG,MAAP,GAAgB,CAA7C;AAAA,KAtBL;AAAA,sGAwBE,UAAAH,MAAM,EAAI;AACxB,YAAKI,QAAL,CAAcJ,MAAd,GAAuB,iCAAqBA,MAArB,CAAvB;;AAEA,YAAKK,aAAL,CACE,IAAIC,oCAAJ,CACE,MAAKC,OAAL,CAAaC,WAAb,EADF,EAEE,MAAKC,UAAL,CAAgB,MAAKL,QAAL,CAAcJ,MAA9B,CAFF,CADF;;AAOA,YAAKU,OAAL;AACD,KAnCa;AAAA;AAEb;;;;SAED,aAAUC,CAAV,EAAa;AACX,WAAKC,MAAL,GAAcD,CAAd;;AACA,WAAKD,OAAL;AACD;;;SAOD,eAAc;AACZ,aAAO,KAAKN,QAAZ;AACD,K;SAPD,aAAYS,CAAZ,EAAe;AACb,WAAKT,QAAL,GAAgBS,CAAhB;;AACA,WAAKH,OAAL;AACD;;;WAMD,6BAAoB;AAClB,WAAKA,OAAL;AACD;;;WAiBD,mBAAU;AAAA;;AACR,UAAI,CAAC,KAAKE,MAAN,IAAgB,CAAC,KAAKR,QAA1B,EAAoC;AAClC;AACD;;AAED,UAAMU,EAAE,gBAAGC,kBAAMC,aAAN,CAAoBC,gBAApB,EAA0B;AACnCC,QAAAA,KAAK,EAAE,KAAKN,MADuB;AAEnCO,QAAAA,OAAO,EAAE,KAAKf,QAFqB;AAGnCgB,QAAAA,eAAe,EAAE,KAAKC;AAHa,OAA1B,CAAX;;AAMAC,2BAASC,MAAT,CAAgBT,EAAhB,EAAoB,IAApB,EAA0B,YAAM;AAC9B,uCAAW,MAAX;AACD,OAFD;AAGD;;;kDApDmCU,W","sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\nimport { SessionChangedEvent } from '@pie-framework/pie-player-events';\nimport { renderMath } from '@pie-lib/math-rendering';\n\nimport {  removeInvalidAnswers } from './utils';\nimport Main from './main';\n\nexport { Main as Component };\n\nexport default class Graphing extends HTMLElement {\n  constructor() {\n    super();\n  }\n\n  set model(m) {\n    this._model = m;\n    this._render();\n  }\n\n  set session(s) {\n    this._session = s;\n    this._render();\n  }\n\n  get session() {\n    return this._session;\n  }\n\n  connectedCallback() {\n    this._render();\n  }\n\n  isComplete = answer => Array.isArray(answer) && answer.length > 0;\n\n  changeAnswers = answer => {\n    this._session.answer = removeInvalidAnswers(answer);\n\n    this.dispatchEvent(\n      new SessionChangedEvent(\n        this.tagName.toLowerCase(),\n        this.isComplete(this._session.answer)\n      )\n    );\n\n    this._render();\n  };\n\n  _render() {\n    if (!this._model || !this._session) {\n      return;\n    }\n\n    const el = React.createElement(Main, {\n      model: this._model,\n      session: this._session,\n      onAnswersChange: this.changeAnswers\n    });\n\n    ReactDOM.render(el, this, () => {\n      renderMath(this);\n    });\n  }\n}\n"],"file":"index.js"}

package/lib/main.js

@@ -33,13 +33,13 @@ var _renderUi = require("@pie-lib/render-ui");
 
 var _correctAnswerToggle = _interopRequireDefault(require("@pie-lib/correct-answer-toggle"));
 
-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); 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 _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; }
 
 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 Main = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2["default"])(Main, _React$Component);
@@ -84,6 +84,7 @@ var Main = /*#__PURE__*/function (_React$Component) {
           answersCorrected = _ref2.answersCorrected,
           arrows = _ref2.arrows,
           backgroundMarks = _ref2.backgroundMarks,
+          coordinatesOnHover = _ref2.coordinatesOnHover,
           correctResponse = _ref2.correctResponse,
           disabled = _ref2.disabled,
           domain = _ref2.domain,
@@ -109,6 +110,7 @@ var Main = /*#__PURE__*/function (_React$Component) {
           includeArrows: arrows
         },
         backgroundMarks: backgroundMarks,
+        coordinatesOnHover: coordinatesOnHover,
         disabled: true,
         domain: domain,
         labels: labels,
@@ -127,20 +129,17 @@ var Main = /*#__PURE__*/function (_React$Component) {
           hidden: 'Show Teacher Instructions',
           visible: 'Hide Teacher Instructions'
         }
-      }, /*#__PURE__*/_react["default"].createElement("div", {
-        dangerouslySetInnerHTML: {
-          __html: teacherInstructions
-        }
-      })), /*#__PURE__*/_react["default"].createElement("br", null)), prompt && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("div", {
-        className: classes.prompt,
-        dangerouslySetInnerHTML: {
-          __html: prompt
-        }
+      }, /*#__PURE__*/_react["default"].createElement(_renderUi.PreviewPrompt, {
+        prompt: teacherInstructions
+      })), /*#__PURE__*/_react["default"].createElement("br", null)), prompt && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_renderUi.PreviewPrompt, {
+        className: "prompt",
+        prompt: prompt
       }), /*#__PURE__*/_react["default"].createElement("br", null)), /*#__PURE__*/_react["default"].createElement(_graphing.GraphContainer, {
         axesSettings: {
           includeArrows: arrows
         },
         backgroundMarks: backgroundMarks,
+        coordinatesOnHover: coordinatesOnHover,
         disabled: disabled,
         domain: domain,
         labels: labels,
@@ -155,10 +154,8 @@ var Main = /*#__PURE__*/function (_React$Component) {
           hidden: 'Show Rationale',
           visible: 'Hide Rationale'
         }
-      }, /*#__PURE__*/_react["default"].createElement("div", {
-        dangerouslySetInnerHTML: {
-          __html: rationale
-        }
+      }, /*#__PURE__*/_react["default"].createElement(_renderUi.PreviewPrompt, {
+        prompt: rationale
       })));
     }
   }]);
@@ -182,9 +179,6 @@ var styles = function styles(theme) {
       padding: theme.spacing.unit,
       color: _renderUi.color.text(),
       backgroundColor: _renderUi.color.background()
-    },
-    prompt: {
-      verticalAlign: 'middle'
     }
   };
 };

package/lib/main.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/main.jsx"],"names":["Main","showingCorrect","setState","props","model","classes","onAnswersChange","session","state","answer","answersCorrected","arrows","backgroundMarks","correctResponse","disabled","domain","labels","prompt","range","rationale","size","showToggle","title","teacherInstructions","toolbarTools","marks","mainContainer","toggleCorrect","includeArrows","map","i","correctness","hidden","visible","__html","React","Component","PropTypes","object","isRequired","func","styles","theme","padding","spacing","unit","color","text","backgroundColor","background","verticalAlign"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport { GraphContainer } from '@pie-lib/graphing';\nimport { color, Collapsible, hasText } from '@pie-lib/render-ui';\nimport CorrectAnswerToggle from '@pie-lib/correct-answer-toggle';\n\nexport class Main extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object,\n    model: PropTypes.object.isRequired,\n    session: PropTypes.object.isRequired,\n    onAnswersChange: PropTypes.func\n  };\n\n  static defaultProps = {\n    classes: {}\n  };\n\n  state = { showingCorrect: false };\n\n  toggleCorrect = showingCorrect => this.setState({ showingCorrect });\n\n  render() {\n    const { model, classes, onAnswersChange, session } = this.props;\n    const { showingCorrect } = this.state;\n    const { answer } = session || {};\n    const {\n      answersCorrected,\n      arrows,\n      backgroundMarks,\n      correctResponse,\n      disabled,\n      domain,\n      labels,\n      prompt,\n      range,\n      rationale,\n      size,\n      showToggle,\n      title,\n      teacherInstructions,\n      toolbarTools\n    } = model || {};\n\n    const marks = answersCorrected || answer || [];\n\n\n    return (\n      <div className={classes.mainContainer}>\n        <CorrectAnswerToggle\n          show={showToggle}\n          toggled={showingCorrect}\n          onToggle={this.toggleCorrect}\n        />\n\n        {(showingCorrect && showToggle) && (\n          <GraphContainer\n            axesSettings={{ includeArrows: arrows }}\n            backgroundMarks={backgroundMarks}\n            disabled={true}\n            domain={domain}\n            labels={labels}\n            marks={correctResponse.map(i => ({ ...i, correctness: 'correct' }))}\n            onChangeMarks={onAnswersChange}\n            range={range}\n            size={size}\n            title={title}\n            toolbarTools={toolbarTools}\n          />\n        )}\n\n        {\n          teacherInstructions && hasText(teacherInstructions) && (\n            <React.Fragment>\n              <Collapsible labels={{ hidden: 'Show Teacher Instructions', visible: 'Hide Teacher Instructions' }}>\n                <div dangerouslySetInnerHTML={{ __html: teacherInstructions }}/>\n              </Collapsible>\n              <br />\n            </React.Fragment>\n          )\n        }\n\n        {prompt && (\n          <React.Fragment>\n            <div className={classes.prompt} dangerouslySetInnerHTML={{ __html: prompt }}/>\n            <br />\n          </React.Fragment>\n        )}\n\n        <GraphContainer\n          axesSettings={{ includeArrows: arrows }}\n          backgroundMarks={backgroundMarks}\n          disabled={disabled}\n          domain={domain}\n          labels={labels}\n          marks={marks}\n          onChangeMarks={onAnswersChange}\n          range={range}\n          size={size}\n          title={title}\n          toolbarTools={toolbarTools}\n        />\n\n        <br />\n\n        {\n          rationale && hasText(rationale) && (\n            <Collapsible labels={{ hidden: 'Show Rationale', visible: 'Hide Rationale' }}>\n              <div dangerouslySetInnerHTML={{ __html: rationale }}/>\n            </Collapsible>\n          )\n        }\n      </div>\n    );\n  }\n}\n\nconst styles = theme => ({\n  mainContainer: {\n    padding: theme.spacing.unit,\n    color: color.text(),\n    backgroundColor: color.background()\n  },\n  prompt: { verticalAlign: 'middle' }\n});\n\nexport default withStyles(styles)(Main);\n"],"file":"main.js"}
+{"version":3,"sources":["../src/main.jsx"],"names":["Main","showingCorrect","setState","props","model","classes","onAnswersChange","session","state","answer","answersCorrected","arrows","backgroundMarks","coordinatesOnHover","correctResponse","disabled","domain","labels","prompt","range","rationale","size","showToggle","title","teacherInstructions","toolbarTools","marks","mainContainer","toggleCorrect","includeArrows","map","i","correctness","hidden","visible","React","Component","PropTypes","object","isRequired","func","styles","theme","padding","spacing","unit","color","text","backgroundColor","background"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport { GraphContainer } from '@pie-lib/graphing';\nimport {color, Collapsible, hasText, PreviewPrompt} from '@pie-lib/render-ui';\nimport CorrectAnswerToggle from '@pie-lib/correct-answer-toggle';\n\nexport class Main extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object,\n    model: PropTypes.object.isRequired,\n    session: PropTypes.object.isRequired,\n    onAnswersChange: PropTypes.func\n  };\n\n  static defaultProps = {\n    classes: {}\n  };\n\n  state = { showingCorrect: false };\n\n  toggleCorrect = showingCorrect => this.setState({ showingCorrect });\n\n  render() {\n    const { model, classes, onAnswersChange, session } = this.props;\n    const { showingCorrect } = this.state;\n    const { answer } = session || {};\n    const {\n      answersCorrected,\n      arrows,\n      backgroundMarks,\n      coordinatesOnHover,\n      correctResponse,\n      disabled,\n      domain,\n      labels,\n      prompt,\n      range,\n      rationale,\n      size,\n      showToggle,\n      title,\n      teacherInstructions,\n      toolbarTools\n    } = model || {};\n    const marks = answersCorrected || answer || [];\n\n    return (\n      <div className={classes.mainContainer}>\n        <CorrectAnswerToggle\n          show={showToggle}\n          toggled={showingCorrect}\n          onToggle={this.toggleCorrect}\n        />\n\n        {(showingCorrect && showToggle) && (\n          <GraphContainer\n            axesSettings={{ includeArrows: arrows }}\n            backgroundMarks={backgroundMarks}\n            coordinatesOnHover={coordinatesOnHover}\n            disabled={true}\n            domain={domain}\n            labels={labels}\n            marks={correctResponse.map(i => ({ ...i, correctness: 'correct' }))}\n            onChangeMarks={onAnswersChange}\n            range={range}\n            size={size}\n            title={title}\n            toolbarTools={toolbarTools}\n          />\n        )}\n\n        {\n          teacherInstructions && hasText(teacherInstructions) && (\n            <React.Fragment>\n              <Collapsible labels={{ hidden: 'Show Teacher Instructions', visible: 'Hide Teacher Instructions' }}>\n                <PreviewPrompt prompt={teacherInstructions} />\n              </Collapsible>\n              <br />\n            </React.Fragment>\n          )\n        }\n\n        {prompt && (\n          <React.Fragment>\n            <PreviewPrompt className=\"prompt\" prompt={prompt} />\n            <br />\n          </React.Fragment>\n        )}\n\n        <GraphContainer\n          axesSettings={{ includeArrows: arrows }}\n          backgroundMarks={backgroundMarks}\n          coordinatesOnHover={coordinatesOnHover}\n          disabled={disabled}\n          domain={domain}\n          labels={labels}\n          marks={marks}\n          onChangeMarks={onAnswersChange}\n          range={range}\n          size={size}\n          title={title}\n          toolbarTools={toolbarTools}\n        />\n\n        <br />\n\n        {\n          rationale && hasText(rationale) && (\n            <Collapsible labels={{ hidden: 'Show Rationale', visible: 'Hide Rationale' }}>\n              <PreviewPrompt prompt={rationale} />\n            </Collapsible>\n          )\n        }\n      </div>\n    );\n  }\n}\n\nconst styles = theme => ({\n  mainContainer: {\n    padding: theme.spacing.unit,\n    color: color.text(),\n    backgroundColor: color.background()\n  }\n});\n\nexport default withStyles(styles)(Main);\n"],"file":"main.js"}

package/lib/utils.js

@@ -9,6 +9,8 @@ exports.removeInvalidAnswers = void 0;
 
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 
+var _excluded = ["type"];
+
 var completePoint = function completePoint(point) {
   return point && Number.isFinite(point.x) && Number.isFinite(point.y);
 };
@@ -42,7 +44,7 @@ var completeMark = {
 var removeInvalidAnswers = function removeInvalidAnswers(answers) {
   return answers ? (answers || []).filter(function (_ref) {
     var type = _ref.type,
-        answer = (0, _objectWithoutProperties2["default"])(_ref, ["type"]);
+        answer = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
     return completeMark[type] ? completeMark[type](answer) : false;
   }) : [];
 };

package/lib/utils.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/utils.js"],"names":["completePoint","point","Number","isFinite","x","y","completeFromTo","item","completeMark","from","to","completeRootEdge","edge","root","completePoints","points","length","filter","line","ray","segment","vector","circle","parabola","sine","polygon","removeInvalidAnswers","answers","type","answer"],"mappings":";;;;;;;;;;;AAAA,IAAMA,aAAa,GAAG,SAAhBA,aAAgB,CAAAC,KAAK;AAAA,SAAKA,KAAK,IAAIC,MAAM,CAACC,QAAP,CAAgBF,KAAK,CAACG,CAAtB,CAAT,IAAqCF,MAAM,CAACC,QAAP,CAAgBF,KAAK,CAACI,CAAtB,CAA1C;AAAA,CAA3B;;AACA,IAAMC,cAAc,GAAG,SAAjBA,cAAiB,CAAAC,IAAI;AAAA,SAAIA,IAAI,IAAIC,YAAY,CAACP,KAAb,CAAmBM,IAAI,CAACE,IAAxB,CAAR,IAAyCD,YAAY,CAACP,KAAb,CAAmBM,IAAI,CAACG,EAAxB,CAA7C;AAAA,CAA3B;;AACA,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAmB,CAAAJ,IAAI;AAAA,SAAIA,IAAI,IAAIC,YAAY,CAACP,KAAb,CAAmBM,IAAI,CAACK,IAAxB,CAAR,IAAyCJ,YAAY,CAACP,KAAb,CAAmBM,IAAI,CAACM,IAAxB,CAA7C;AAAA,CAA7B;;AACA,IAAMC,cAAc,GAAG,SAAjBA,cAAiB,CAAAP,IAAI;AAAA,SAAIA,IAAI,IAAIA,IAAI,CAACQ,MAAb,IAAuBR,IAAI,CAACQ,MAAL,CAAYC,MAAnC,IAC7B,CAACT,IAAI,CAACQ,MAAL,CAAYE,MAAZ,CAAmB,UAAAhB,KAAK;AAAA,WAAID,aAAa,CAACC,KAAD,CAAjB;AAAA,GAAxB,KAAqD,EAAtD,EAA0De,MAA1D,KAAqET,IAAI,CAACQ,MAAL,CAAYC,MADxD;AAAA,CAA3B;;AAGA,IAAMR,YAAY,GAAG;AACnBP,EAAAA,KAAK,EAAED,aADY;AAEnBkB,EAAAA,IAAI,EAAEZ,cAFa;AAGnBa,EAAAA,GAAG,EAAEb,cAHc;AAInBc,EAAAA,OAAO,EAAEd,cAJU;AAKnBe,EAAAA,MAAM,EAAEf,cALW;AAMnBgB,EAAAA,MAAM,EAAEX,gBANW;AAOnBY,EAAAA,QAAQ,EAAEZ,gBAPS;AAQnBa,EAAAA,IAAI,EAAEb,gBARa;AASnBc,EAAAA,OAAO,EAAEX;AATU,CAArB;;AAYO,IAAMY,oBAAoB,GAAG,SAAvBA,oBAAuB,CAAAC,OAAO;AAAA,SAAIA,OAAO,GAClD,CAACA,OAAO,IAAI,EAAZ,EAAgBV,MAAhB,CAAuB;AAAA,QAAGW,IAAH,QAAGA,IAAH;AAAA,QAAYC,MAAZ;AAAA,WAAwBrB,YAAY,CAACoB,IAAD,CAAZ,GAAqBpB,YAAY,CAACoB,IAAD,CAAZ,CAAmBC,MAAnB,CAArB,GAAkD,KAA1E;AAAA,GAAvB,CADkD,GAElD,EAFuC;AAAA,CAApC","sourcesContent":["const completePoint = point => (point && Number.isFinite(point.x) && Number.isFinite(point.y));\nconst completeFromTo = item => item && completeMark.point(item.from) && completeMark.point(item.to);\nconst completeRootEdge = item => item && completeMark.point(item.edge) && completeMark.point(item.root);\nconst completePoints = item => item && item.points && item.points.length &&\n  (item.points.filter(point => completePoint(point)) || []).length === item.points.length;\n\nconst completeMark = {\n  point: completePoint,\n  line: completeFromTo,\n  ray: completeFromTo,\n  segment: completeFromTo,\n  vector: completeFromTo,\n  circle: completeRootEdge,\n  parabola: completeRootEdge,\n  sine: completeRootEdge,\n  polygon: completePoints,\n};\n\nexport const removeInvalidAnswers = answers => answers\n  ? (answers || []).filter(({ type, ...answer}) => completeMark[type] ? completeMark[type](answer) : false)\n  : [];\n"],"file":"utils.js"}
+{"version":3,"sources":["../src/utils.js"],"names":["completePoint","point","Number","isFinite","x","y","completeFromTo","item","completeMark","from","to","completeRootEdge","edge","root","completePoints","points","length","filter","line","ray","segment","vector","circle","parabola","sine","polygon","removeInvalidAnswers","answers","type","answer"],"mappings":";;;;;;;;;;;;;AAAA,IAAMA,aAAa,GAAG,SAAhBA,aAAgB,CAAAC,KAAK;AAAA,SAAKA,KAAK,IAAIC,MAAM,CAACC,QAAP,CAAgBF,KAAK,CAACG,CAAtB,CAAT,IAAqCF,MAAM,CAACC,QAAP,CAAgBF,KAAK,CAACI,CAAtB,CAA1C;AAAA,CAA3B;;AACA,IAAMC,cAAc,GAAG,SAAjBA,cAAiB,CAAAC,IAAI;AAAA,SAAIA,IAAI,IAAIC,YAAY,CAACP,KAAb,CAAmBM,IAAI,CAACE,IAAxB,CAAR,IAAyCD,YAAY,CAACP,KAAb,CAAmBM,IAAI,CAACG,EAAxB,CAA7C;AAAA,CAA3B;;AACA,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAmB,CAAAJ,IAAI;AAAA,SAAIA,IAAI,IAAIC,YAAY,CAACP,KAAb,CAAmBM,IAAI,CAACK,IAAxB,CAAR,IAAyCJ,YAAY,CAACP,KAAb,CAAmBM,IAAI,CAACM,IAAxB,CAA7C;AAAA,CAA7B;;AACA,IAAMC,cAAc,GAAG,SAAjBA,cAAiB,CAAAP,IAAI;AAAA,SAAIA,IAAI,IAAIA,IAAI,CAACQ,MAAb,IAAuBR,IAAI,CAACQ,MAAL,CAAYC,MAAnC,IAC7B,CAACT,IAAI,CAACQ,MAAL,CAAYE,MAAZ,CAAmB,UAAAhB,KAAK;AAAA,WAAID,aAAa,CAACC,KAAD,CAAjB;AAAA,GAAxB,KAAqD,EAAtD,EAA0De,MAA1D,KAAqET,IAAI,CAACQ,MAAL,CAAYC,MADxD;AAAA,CAA3B;;AAGA,IAAMR,YAAY,GAAG;AACnBP,EAAAA,KAAK,EAAED,aADY;AAEnBkB,EAAAA,IAAI,EAAEZ,cAFa;AAGnBa,EAAAA,GAAG,EAAEb,cAHc;AAInBc,EAAAA,OAAO,EAAEd,cAJU;AAKnBe,EAAAA,MAAM,EAAEf,cALW;AAMnBgB,EAAAA,MAAM,EAAEX,gBANW;AAOnBY,EAAAA,QAAQ,EAAEZ,gBAPS;AAQnBa,EAAAA,IAAI,EAAEb,gBARa;AASnBc,EAAAA,OAAO,EAAEX;AATU,CAArB;;AAYO,IAAMY,oBAAoB,GAAG,SAAvBA,oBAAuB,CAAAC,OAAO;AAAA,SAAIA,OAAO,GAClD,CAACA,OAAO,IAAI,EAAZ,EAAgBV,MAAhB,CAAuB;AAAA,QAAGW,IAAH,QAAGA,IAAH;AAAA,QAAYC,MAAZ;AAAA,WAAwBrB,YAAY,CAACoB,IAAD,CAAZ,GAAqBpB,YAAY,CAACoB,IAAD,CAAZ,CAAmBC,MAAnB,CAArB,GAAkD,KAA1E;AAAA,GAAvB,CADkD,GAElD,EAFuC;AAAA,CAApC","sourcesContent":["const completePoint = point => (point && Number.isFinite(point.x) && Number.isFinite(point.y));\nconst completeFromTo = item => item && completeMark.point(item.from) && completeMark.point(item.to);\nconst completeRootEdge = item => item && completeMark.point(item.edge) && completeMark.point(item.root);\nconst completePoints = item => item && item.points && item.points.length &&\n  (item.points.filter(point => completePoint(point)) || []).length === item.points.length;\n\nconst completeMark = {\n  point: completePoint,\n  line: completeFromTo,\n  ray: completeFromTo,\n  segment: completeFromTo,\n  vector: completeFromTo,\n  circle: completeRootEdge,\n  parabola: completeRootEdge,\n  sine: completeRootEdge,\n  polygon: completePoints,\n};\n\nexport const removeInvalidAnswers = answers => answers\n  ? (answers || []).filter(({ type, ...answer}) => completeMark[type] ? completeMark[type](answer) : false)\n  : [];\n"],"file":"utils.js"}