@pie-element/graphing 3.7.21 → 4.0.0

package/docs/pie-schema.json.md

@@ -72,6 +72,22 @@ Additional restrictions:
 
 Indicates if coordinates of a point are displayed on hover
 
+# `defaultTool` (string, enum, required)
+
+Indicates the default selected tool for the graph
+
+This element must be one of the following enum values:
+
+* `circle`
+* `line`
+* `parabola`
+* `point`
+* `polygon`
+* `ray`
+* `segment`
+* `sine`
+* `vector`
+
 # `domain` (object, required)
 
 Properties of the `domain` object:
@@ -112,6 +128,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:
@@ -213,6 +233,10 @@ Indicates if Rationale are enabled
 
 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
@@ -235,22 +259,101 @@ The html Element tag name
 
 The schema defines the following additional types:
 
-## `ConfigurePropWithEnabled` (object)
+## `AuthoringConfigProp` (object)
 
-Properties of the `ConfigurePropWithEnabled` object:
+Properties of the `AuthoringConfigProp` object:
 
 ### `settings` (boolean)
 
-Indicates if the item has to be displayed in the Settings Panel
+Indicates if the item is displayed in the Settings Panel
 
 ### `label` (string)
 
-Indicates the label for the item that has to be displayed in the Settings Panel
+Indicates the label for the item that is displayed in the Settings Panel
 
 ### `enabled` (boolean)
 
-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)
+Indicates if the Grid Setup Panel is displayed
+
+### `includeAxesEnabled` (boolean)
+
+Indicates if the "includeAxes" toggle is displayed in the Grid Setup Panel
+
+### `standardGridEnabled` (boolean)
+
+Indicates if the "standardGrid" toggle is displayed in the Grid Setup Panel
+
+### `min` (object)
+
+Properties of the `min` object:
+
+#### `label` (string)
+
+Indicates the label for the item that is displayed in the Grid Setup Panel
+
+#### `enabled` (boolean)
+
+Indicates if the item is displayed in the Grid Setup Panel
+
+### `max` (object)
+
+Properties of the `max` object:
+
+#### `label` (string)
+
+Indicates the label for the item that is displayed in the Grid Setup Panel
+
+#### `enabled` (boolean)
+
+Indicates if the item is displayed in the Grid Setup Panel
+
+### `axisLabel` (object)
+
+Properties of the `axisLabel` object:
+
+#### `label` (string)
+
+Indicates the label for the item that is displayed in the Grid Setup Panel
+
+#### `enabled` (boolean)
+
+Indicates if the item is displayed in the Grid Setup Panel
+
+### `step` (object)
+
+Properties of the `step` object:
+
+#### `label` (string)
+
+Indicates the label for the item that is displayed in the Grid Setup Panel
+
+#### `enabled` (boolean)
+
+Indicates if the item is displayed in the Grid Setup Panel
+
+### `labelStep` (object)
+
+Properties of the `labelStep` object:
+
+#### `label` (string)
+
+Indicates the label for the item that is displayed in the Grid Setup Panel
+
+#### `enabled` (boolean)
+
+Indicates if the item is displayed in the Grid Setup Panel
+
+## `GridPanelConfigProp` (object)
+
+Properties of the `GridPanelConfigProp` object:
+
+### `label` (string)
+
+Indicates the label for the item that is displayed in the Grid Setup Panel
+
+### `enabled` (boolean)
+
+Indicates if the item is displayed in the Grid Setup Panel
 
 ## `ArrowsConfigProp` (object)
 
@@ -316,6 +419,67 @@ 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
+
+## `ConfigurePropWithEnabled` (object)
+
+Properties of the `ConfigurePropWithEnabled` 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 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)
+
+## `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:
@@ -546,4 +710,4 @@ Label for left side of the graph
 
 ### `right` (string, required)
 
-Label for right side of the graph
+Label for right side of the graph

package/lib/main.js

@@ -86,6 +86,7 @@ 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,
@@ -140,6 +141,7 @@ var Main = /*#__PURE__*/function (_React$Component) {
         },
         backgroundMarks: backgroundMarks,
         coordinatesOnHover: coordinatesOnHover,
+        defaultTool: defaultTool,
         disabled: disabled,
         domain: domain,
         labels: labels,

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","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      defaultTool,\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          defaultTool={defaultTool}\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/package.json

@@ -4,7 +4,7 @@
     "access": "public"
   },
   "repository": "pie-framework/pie-elements",
-  "version": "3.7.21",
+  "version": "4.0.0",
   "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.38",
-    "@pie-lib/graphing": "^2.6.2",
-    "@pie-lib/math-rendering": "^2.4.2",
-    "@pie-lib/render-ui": "^4.12.8",
+    "@pie-lib/correct-answer-toggle": "2.3.39",
+    "@pie-lib/graphing": "^2.7.0",
+    "@pie-lib/math-rendering": "^2.4.3",
+    "@pie-lib/render-ui": "^4.12.9",
     "classnames": "^2.2.5",
     "debug": "^4.1.1",
     "react": "^16.8.1",
@@ -24,7 +24,7 @@
   },
   "author": "",
   "license": "ISC",
-  "gitHead": "3f3d6edc68890098821978ebd5a8b90da31ab222",
+  "gitHead": "ff92cee6f9a7bf3f3dc75dbafd2263710f0a6b3d",
   "main": "lib/index.js",
   "module": "src/index.js"
 }