@pie-element/graphing 4.1.3 → 4.3.0

package/docs/pie-schema.json.md

@@ -217,6 +217,14 @@ Indicates teacher instructions
 
 Indicates graph title
 
+# `labelsEnabled` (boolean)
+
+Indicates if the graph labels are displayed
+
+# `titleEnabled` (boolean)
+
+Indicates if the graph title is displayed
+
 # `toolbarTools` (array)
 
 Indicates the tools that have to be displayed in toolbar
@@ -447,9 +455,258 @@ Indicates the maximum value for the graph width and height
 
 Indicates the increase/decrease value for the graph width and height
 
-## `ConfigurePropWithEnabled` (object)
+## `GridConfigurationsProp` (object)
+
+Properties of the `GridConfigurationsProp` object:
+
+### `label` (string)
+
+Indicates the label for the configuration
+
+### `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
+
+### `domain` (object, required)
+
+Properties of the `domain` object:
+
+#### `min` (number, required)
+
+Min value
+
+#### `max` (number, required)
+
+Max value
+
+#### `padding` (number, required)
+
+Padding value
+
+#### `step` (number, required)
+
+Step value
+
+#### `labelStep` (number, required)
+
+Label step value
+
+#### `axisLabel` (string, required)
+
+Axis Label
+
+### `graph` (object, required)
+
+Properties of the `graph` object:
+
+#### `width` (number, required)
+
+Width for graph representation
+
+#### `height` (number, required)
+
+Height for graph representation
+
+### `includeAxes` (boolean)
+
+Indicates if the graph axes and labels are enabled
+
+### `labels` (object)
+
+Properties of the `labels` object:
+
+#### `top` (string, required)
+
+Label for top side of the graph
+
+#### `bottom` (string, required)
+
+Label for bottom side of the graph
+
+#### `left` (string, required)
+
+Label for left side of the graph
+
+#### `right` (string, required)
+
+Label for right side of the graph
+
+### `padding` (boolean)
 
-Properties of the `ConfigurePropWithEnabled` object:
+Indicates if padding is enabled
+
+### `range` (object, required)
+
+Properties of the `range` object:
+
+#### `min` (number, required)
+
+Min value
+
+#### `max` (number, required)
+
+Max value
+
+#### `padding` (number, required)
+
+Padding value
+
+#### `step` (number, required)
+
+Step value
+
+#### `labelStep` (number, required)
+
+Label step value
+
+#### `axisLabel` (string, required)
+
+Axis Label
+
+### `standardGrid` (boolean)
+
+Indicates if some domain values will be synched to the range values
+
+### `title` (string)
+
+Indicates graph title
+
+## `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:
+
+### `min` (number, required)
+
+Min value
+
+### `max` (number, required)
+
+Max value
+
+### `padding` (number, required)
+
+Padding value
+
+### `step` (number, required)
+
+Step value
+
+### `labelStep` (number, required)
+
+Label step value
+
+### `axisLabel` (string, required)
+
+Axis Label
+
+## `Graph` (object)
+
+Properties of the `Graph` object:
+
+### `width` (number, required)
+
+Width for graph representation
+
+### `height` (number, required)
+
+Height for graph representation
+
+## `Labels` (object)
+
+Properties of the `Labels` object:
+
+### `top` (string, required)
+
+Label for top side of the graph
+
+### `bottom` (string, required)
+
+Label for bottom side of the graph
+
+### `left` (string, required)
+
+Label for left side of the graph
+
+### `right` (string, required)
+
+Label for right side of the graph
+
+## `LabelsConfigProp` (object)
+
+Properties of the `LabelsConfigProp` object:
+
+### `top` (string)
+
+Indicates the placeholder for the top label
+
+### `right` (string)
+
+Indicates the placeholder for the right label
+
+### `bottom` (string)
+
+Indicates the placeholder for the bottom label
+
+### `left` (string)
+
+Indicates the placeholder for the left label
+
+### `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)
+
+## `TitleConfigProp` (object)
+
+Properties of the `TitleConfigProp` object:
+
+### `placeholder` (string)
+
+Indicates the placeholder for the title label
 
 ### `settings` (boolean)
 
@@ -631,83 +888,3 @@ Indicates x coordinate
 ### `y` (number, required)
 
 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:
-
-### `min` (number, required)
-
-Min value
-
-### `max` (number, required)
-
-Max value
-
-### `padding` (number, required)
-
-Padding value
-
-### `step` (number, required)
-
-Step value
-
-### `labelStep` (number, required)
-
-Label step value
-
-### `axisLabel` (string, required)
-
-Axis Label
-
-## `Graph` (object)
-
-Properties of the `Graph` object:
-
-### `width` (number, required)
-
-Width for graph representation
-
-### `height` (number, required)
-
-Height for graph representation
-
-## `Labels` (object)
-
-Properties of the `Labels` object:
-
-### `top` (string, required)
-
-Label for top side of the graph
-
-### `bottom` (string, required)
-
-Label for bottom side of the graph
-
-### `left` (string, required)
-
-Label for left side of the graph
-
-### `right` (string, required)
-
-Label for right side of the graph

package/lib/main.js

@@ -90,12 +90,14 @@ var Main = /*#__PURE__*/function (_React$Component) {
           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;
 
@@ -143,11 +145,15 @@ var Main = /*#__PURE__*/function (_React$Component) {
         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","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"}
+{"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\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          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        {\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": "4.1.3",
+  "version": "4.3.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.41",
-    "@pie-lib/graphing": "^2.8.1",
+    "@pie-lib/correct-answer-toggle": "2.3.43",
+    "@pie-lib/graphing": "^2.10.0",
     "@pie-lib/math-rendering": "^2.4.5",
-    "@pie-lib/render-ui": "^4.13.1",
+    "@pie-lib/render-ui": "^4.13.3",
     "classnames": "^2.2.5",
     "debug": "^4.1.1",
     "react": "^16.8.1",
@@ -24,7 +24,7 @@
   },
   "author": "",
   "license": "ISC",
-  "gitHead": "30fbbb4c1137a26dbd2e08a6dfab52e295f167b8",
+  "gitHead": "ede3dabf5cc1cb5c07cc275f2b27ac3e4e9eecae",
   "main": "lib/index.js",
   "module": "src/index.js"
 }