@pie-element/graphing 3.7.9 → 3.7.10-beta.1443

package/lib/main.js

@@ -33,9 +33,9 @@ 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); }; }
 
@@ -86,15 +86,18 @@ var Main = /*#__PURE__*/function (_React$Component) {
           backgroundMarks = _ref2.backgroundMarks,
           coordinatesOnHover = _ref2.coordinatesOnHover,
           correctResponse = _ref2.correctResponse,
+          defaultTool = _ref2.defaultTool,
           disabled = _ref2.disabled,
           domain = _ref2.domain,
           labels = _ref2.labels,
+          labelsEnabled = _ref2.labelsEnabled,
           prompt = _ref2.prompt,
           range = _ref2.range,
           rationale = _ref2.rationale,
           size = _ref2.size,
           showToggle = _ref2.showToggle,
           title = _ref2.title,
+          titleEnabled = _ref2.titleEnabled,
           teacherInstructions = _ref2.teacherInstructions,
           toolbarTools = _ref2.toolbarTools;
 
@@ -140,12 +143,17 @@ var Main = /*#__PURE__*/function (_React$Component) {
         },
         backgroundMarks: backgroundMarks,
         coordinatesOnHover: coordinatesOnHover,
+        defaultTool: defaultTool,
         disabled: disabled,
+        disabledLabels: true,
+        disabledTitle: true,
         domain: domain,
         labels: labels,
         marks: marks,
         onChangeMarks: onAnswersChange,
         range: range,
+        showLabels: labelsEnabled,
+        showTitle: titleEnabled,
         size: size,
         title: title,
         toolbarTools: toolbarTools

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","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"}
+{"version":3,"sources":["../src/main.jsx"],"names":["Main","showingCorrect","setState","props","model","classes","onAnswersChange","session","state","answer","answersCorrected","arrows","backgroundMarks","coordinatesOnHover","correctResponse","defaultTool","disabled","domain","labels","labelsEnabled","prompt","range","rationale","size","showToggle","title","titleEnabled","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      defaultTool,\n      disabled,\n      domain,\n      labels,\n      labelsEnabled,\n      prompt,\n      range,\n      rationale,\n      size,\n      showToggle,\n      title,\n      titleEnabled,\n      teacherInstructions,\n      toolbarTools,\n    } = model || {};\n    const marks = answersCorrected || answer || [];\n\n    return (\n      <div className={classes.mainContainer}>\n        <CorrectAnswerToggle show={showToggle} toggled={showingCorrect} onToggle={this.toggleCorrect} />\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        {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        {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          defaultTool={defaultTool}\n          disabled={disabled}\n          disabledLabels={true}\n          disabledTitle={true}\n          domain={domain}\n          labels={labels}\n          marks={marks}\n          onChangeMarks={onAnswersChange}\n          range={range}\n          showLabels={labelsEnabled}\n          showTitle={titleEnabled}\n          size={size}\n          title={title}\n          toolbarTools={toolbarTools}\n        />\n\n        <br />\n\n        {rationale && hasText(rationale) && (\n          <Collapsible labels={{ hidden: 'Show Rationale', visible: 'Hide Rationale' }}>\n            <PreviewPrompt prompt={rationale} />\n          </Collapsible>\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.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,CAACC,KAAD;AAAA,SAAWA,KAAK,IAAIC,MAAM,CAACC,QAAP,CAAgBF,KAAK,CAACG,CAAtB,CAAT,IAAqCF,MAAM,CAACC,QAAP,CAAgBF,KAAK,CAACI,CAAtB,CAAhD;AAAA,CAAtB;;AACA,IAAMC,cAAc,GAAG,SAAjBA,cAAiB,CAACC,IAAD;AAAA,SAAUA,IAAI,IAAIC,YAAY,CAACP,KAAb,CAAmBM,IAAI,CAACE,IAAxB,CAAR,IAAyCD,YAAY,CAACP,KAAb,CAAmBM,IAAI,CAACG,EAAxB,CAAnD;AAAA,CAAvB;;AACA,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACJ,IAAD;AAAA,SAAUA,IAAI,IAAIC,YAAY,CAACP,KAAb,CAAmBM,IAAI,CAACK,IAAxB,CAAR,IAAyCJ,YAAY,CAACP,KAAb,CAAmBM,IAAI,CAACM,IAAxB,CAAnD;AAAA,CAAzB;;AACA,IAAMC,cAAc,GAAG,SAAjBA,cAAiB,CAACP,IAAD;AAAA,SACrBA,IAAI,IACJA,IAAI,CAACQ,MADL,IAEAR,IAAI,CAACQ,MAAL,CAAYC,MAFZ,IAGA,CAACT,IAAI,CAACQ,MAAL,CAAYE,MAAZ,CAAmB,UAAChB,KAAD;AAAA,WAAWD,aAAa,CAACC,KAAD,CAAxB;AAAA,GAAnB,KAAuD,EAAxD,EAA4De,MAA5D,KAAuET,IAAI,CAACQ,MAAL,CAAYC,MAJ9D;AAAA,CAAvB;;AAMA,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,CAACC,OAAD;AAAA,SAClCA,OAAO,GACH,CAACA,OAAO,IAAI,EAAZ,EAAgBV,MAAhB,CAAuB;AAAA,QAAGW,IAAH,QAAGA,IAAH;AAAA,QAAYC,MAAZ;AAAA,WAA0BrB,YAAY,CAACoB,IAAD,CAAZ,GAAqBpB,YAAY,CAACoB,IAAD,CAAZ,CAAmBC,MAAnB,CAArB,GAAkD,KAA5E;AAAA,GAAvB,CADG,GAEH,EAH8B;AAAA,CAA7B","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) =>\n  item &&\n  item.points &&\n  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) =>\n  answers\n    ? (answers || []).filter(({ type, ...answer }) => (completeMark[type] ? completeMark[type](answer) : false))\n    : [];\n"],"file":"utils.js"}

package/package.json

@@ -4,7 +4,7 @@
     "access": "public"
   },
   "repository": "pie-framework/pie-elements",
-  "version": "3.7.9",
+  "version": "3.7.10-beta.1443+449763c04",
   "description": "",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
@@ -13,10 +13,10 @@
   "dependencies": {
     "@material-ui/core": "^3.9.2",
     "@pie-framework/pie-player-events": "^0.1.0",
-    "@pie-lib/correct-answer-toggle": "2.3.34",
-    "@pie-lib/graphing": "^2.4.7",
-    "@pie-lib/math-rendering": "^2.3.12",
-    "@pie-lib/render-ui": "^4.12.4",
+    "@pie-lib/correct-answer-toggle": "2.3.62",
+    "@pie-lib/graphing": "^2.12.12",
+    "@pie-lib/math-rendering": "^2.5.12",
+    "@pie-lib/render-ui": "^4.14.12",
     "classnames": "^2.2.5",
     "debug": "^4.1.1",
     "react": "^16.8.1",
@@ -24,7 +24,7 @@
   },
   "author": "",
   "license": "ISC",
-  "gitHead": "510db2949732b8997ff2e1a496ca1a7bd3973088",
+  "gitHead": "449763c046b78327513c38ea5367b8d4da120760",
   "main": "lib/index.js",
   "module": "src/index.js"
 }